﻿/*BANNER*/

.product{/*	background-color: #e8e8e8;*/}
.product .tit{width: 100%;margin-top: 100px;color: #015ec5;font-size: 36px;font-weight: bold;text-align: center; height: 50px;line-height: 50px}
.product .tit_en{width: 100%;color: #e6e6e6;font-size: 16px;font-weight: bold;text-align: center;height: 30px;line-height: 30px;margin: 0rem 0rem 2rem 0rem;}
.product .pro_class{border:2px solid #015ec5;border-radius: 6px 6px 0px 0px;}
.product .pro_class .title{background-color: #015ec5;color: #fff;font-size: 20px;text-align: center;height: 66px;line-height: 66px;font-weight: bold;    border-bottom: 1px solid #fff;}
.product .pro_class .list{height: 200px;}

.product .pro_class .list .item{height:50px;line-height:50px;background-color:#e6e6e6;margin-bottom:2px;margin: 3px 0px ;border-radius: 0px;padding: 0px 0px 0px 20px }
.product .pro_class .list .item a{display:block;font-size:16px;font-weight:normal;margin-right:40px;margin-left:8px;color:#333}
.product .pro_class .list .item:hover{background-color:#FF9A00}
.product .pro_class .list .item:hover a{color:#fff}

.product .pro_contact{ height:268px; border-radius: 6px 6px 6px 6px;margin-top: 20px;background:url(/static/tn103/img/pro_contact.jpg) no-repeat right center;}
.product .pro_contact .title{color: #fff;font-size: 22px;text-align: left;height: 66px;line-height: 66px;font-weight: bold;padding:10px 0px 0px 20px }
.product .pro_contact .list{height: auto;;padding:0px 0px 0px 20px;color:#FFFFFF;line-height:30px;font-size:16px }

@media(max-width:992px){
	.product .pro_contact{display: none; }	
}

.product .pro_list {height:auto; border:2px solid #015ec5;padding:20px 10px 20px 10px; }
.product .pro_list .item{height:auto;text-align:center;margin:0px 0px 0px 0px;position:relative}
.product .pro_list .item .item_li{margin:0px 0px 20px 0px}
.product .pro_list .item .photo{height:auto;text-align:center;text-align:center;overflow:hidden;position:relative;border: 1px solid #015ec5;}
.product .pro_list .item .photo img{height:auto;transition:all 1s ease;width:100%}
.product .pro_list .item .photo:hover img{transform:scale(1.1);transition:all 1s ease}
.product .pro_list .item .name{height:40px;line-height:40px;font-size:16px;background-color:#0c55a4;color:#fff}
.product .pro_list .item .link{position:absolute;width:100%;height:100%;top:0;color:#fff;background:rgba(89,89,89,0.65) none repeat scroll 0 0;-webkit-transition:.4s;transition:.4s;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);visibility:hidden}
.product .pro_list .item .photo:hover .link h4{-webkit-animation:fadeInDown 500ms ease-in-out;animation:fadeInDown 500ms ease-in-out}
.product .pro_list .item .photo:hover .link p{-webkit-animation:fadeInDown 600ms ease-in-out;animation:fadeInDown 600ms ease-in-out}
.product .pro_list .item .photo:hover .link .btn{-webkit-animation:fadeInUp 600ms ease-in-out;animation:fadeInUp 600ms ease-in-out}
.product .pro_list .item .photo:hover .link{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);visibility:visible}
.product .pro_list .item .link .wrap{display:table;height:100%;width:100%;}
.product .pro_list .item .link .content{display:table-cell;vertical-align:middle}
.product .pro_list .item .link h4{font-size:16px;color:#fff;font-weight:bold;height:40px;line-height:40px;overflow: hidden;text-align: center}
.product .pro_list .item .link p{height:40px;line-height:40px;font-size:16px}
.product .pro_list .item .link .btn{border:1px solid #fff;display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
   
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
.product .pro_list .item .link .btn a{font-size:16px;color:#fff}


.services_box{position:relative;background-image: url(/static/tn103/img/load.gif); background-size:cover; background-position: top center;background-attachment:fixed;}
.services_box:before{background:rgba(0,0,0,0.8);content:"";height:100%;left:0;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";position:absolute;top:0;width:100%}
.services{ position:relative;  z-index:2 ; }
.services .tit{padding-top:100px; width: 100%;color: #fff;font-size: 36px;font-weight: bold;text-align: center; height: 50px;line-height: 50px；font-family: Microsoft Yahei, Arial, Verdana, sans-serif;font-weight: bold;}
.services .tit_en{width: 100%;color: #e6e6e6;font-size: 30px;font-weight: bold;text-align: center;height: 30px;line-height: 30px;margin: 0rem 0rem 2rem 0rem; }
.services .tit_en span{font-family:arial,helvetica,sans-serif;color: #777;font-size: 30px;}
.services .line{background-color:#fff;width:100% ;height: 1px;}
.services .line2{background-color:#015ec5;width: 300px;height: 5px;margin: 0 auto;position:relative; top:-3px}
.services .list {height:auto; padding:50px 0px 150px 0px }
.services .list .item{height:auto;text-align:center;margin:0px 0px 0px 0px;position:relative;height: 500px;overflow:hidden;}
.services .list .item .photo {width:100%;height:100%; position: absolute;z-index: 2;text-align:center;overflow:hidden;}
.services .list .item .photo:before{background:rgba(0,0,0,0.8);content:"";height:100%;left:0;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";position:absolute;top:0;width:100%}
.services .list .item .photo img{text-align:center;overflow:hidden;}

@media(max-width:992px){
	.services .list .item .photo img{width:100%;height:100% }	
}


.services .list .text{width:100%;height:100%; position: absolute;z-index: 5}
.services .list .text:hover {width:100%;height:100%;  background-color: rgba(1, 94, 197, 0.6);}
.services .list .text .name{width:100%;height:40px;margin: 20px 0px 0px 0px;text-align: left;}
.services .list .text .name span{padding:0px 0px 0px 20px; height:40px;line-height:40px;font-size:28px;color:#fff;font-family:"微软雅黑";font-weight: bold;float: left}
.services .list .text .line3{width:100%;height:auto;text-align: left;}
.services .list .text .line3 .con{margin:0px 0px 0px 20px;height:20px; line-height: 20px;width: 30px;border-bottom: 1px solid #FF9A00}
.services .list .text .desc{width:100%;height:auto;font-size:16px;text-align: left;}
.services .list .text .desc span{padding:20px 20px 0px 20px; height:auto;line-height:30px;font-size:16px;color:#fff;font-family:"微软雅黑";font-weight: bold;float: left;display: block}
.services .list .text:hover  .desc span{display: block;}

.certification_box{position:relative;background-image: url(/static/tn103/img/box_bg3.jpg);background-attachment:fixed;min-height: 860px}
.certification .tit{padding-top:100px; width: 100%;color: #fff;font-size: 36px;font-weight: bold;text-align: center; height: 50px;line-height: 50px；font-family: Microsoft Yahei, Arial, Verdana, sans-serif;font-weight: bold;}
.certification .tit_en{width: 100%;color: #e6e6e6;font-size: 30px;font-weight: bold;text-align: center;height: 30px;line-height: 30px;margin: 0rem 0rem 2rem 0rem; }
.certification .tit_en span{font-family:arial,helvetica,sans-serif;color: #777;font-size: 30px;}


/*公司介绍*/

.about_box{position:relative;background-color:#fff; min-height: 860px;background-image: url(/static/tn103/img/about-bg.jpg);background-position: top center;}
.about .tit{padding-top:100px; width: 100%;color: #015ec5;font-size: 36px;font-weight: bold;text-align: center; height: 50px;line-height: 50px；font-family: Microsoft Yahei, Arial, Verdana, sans-serif;font-weight: bold;}
.about .tit_en{width: 100%;color: #e6e6e6;font-size: 30px;font-weight: bold;text-align: center;height: 30px;line-height: 30px;margin: 0rem 0rem 2rem 0rem; }
.about .tit_en span{font-family:arial,helvetica,sans-serif;color: #777;font-size: 30px;}
.about .text{width:100%;height:500px; background-color:#015ec5;border-radius: 60px 0px 60px 0px; padding: 20px;box-sizing: border-box;}
.about .text:hover {width:100%; background-color: rgba(1, 94, 197, 0.6);}
.about .text .name{width:100%;height:40px;margin: 20px 0px 0px 0px;text-align: left;}
.about .text .name span{padding:0px 0px 0px 20px; height:40px;line-height:40px;font-size:28px;color:#fff;font-family:"微软雅黑";font-weight: bold;float: left}
.about .text .name2{width:100%;height:40px;margin: 0px 0px 0px 0px;text-align: left;}
.about .text .name2 span{padding:0px 0px 0px 20px; height:40px;line-height:40px;font-size:28px;color:#777;font-family:"微软雅黑";font-weight: bold;float: left}
.about .text .line3{width:100%;height:auto;text-align: left;}
.about .text .line3 .con{margin:0px 0px 0px 20px;height:20px; line-height: 20px;width: 30px;border-bottom: 1px solid #FF9A00}
.about .text .desc{width:100%;height:340px;font-size:16px;text-align: left;text-indent:0em;overflow: hidden }
.about .text .desc span{padding:10px 10px 0px 20px; height:340px;line-height:30px;font-size:16px;color:#fff;font-family:"微软雅黑";font-weight: bold;float: left;display: block;overflow: hidden}
.about .text:hover  .desc span{display: block;}
.about .photo {height: 300px;width: 100%;overflow: hidden;border-radius:0px 0px 0px 0px;}
.about .photo img {width: 100%;}
.about-icon{width: 100%;height: 180px;text-align: center;background-color: #fff;border-radius:0px 0px 0px 0px;margin-top: 0px;padding: 15px 0px 0px 0px}
.about-icon .icon{width:75px;height:75px;margin:0 auto;transition:ease .5s}
.about-icon .icon img{width:100%}
.about-icon  h3{font-size:31px;color:#333;font-family:"mon-b"}
.about-icon  h3 span{display:inline-block;font-size:48px;color:#333;font-family:"mon-b"}
.about-icon  p{font-size:16px;line-height:30px;color:#666}

/*证书*/
.certificate_box{position:relative;background-color:#e9e9e9;background-image: url(/static/tn103/img/load.gif); background-size:cover; background-position: top center;background-attachment:fixed;height: 800px}
.certificate_box:before{background:rgba(0,0,0,0.8);content:"";height:100%;left:0;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";position:absolute;top:0;width:100%}
.certificate{ position:relative;  z-index:2 ;width: 100%;}
.certificate .tit{padding-top:100px; width: 100%;color: #fff;font-size: 36px;font-weight: bold;text-align: center; height: 50px;line-height: 50px；font-family: Microsoft Yahei, Arial, Verdana, sans-serif;font-weight: bold;}
.certificate .tit_en{width: 100%;color: #e6e6e6;font-size: 30px;font-weight: bold;text-align: center;height: 30px;line-height: 30px;margin: 0rem 0rem 2rem 0rem; }
.certificate .tit_en span{font-family:arial,helvetica,sans-serif;color: #777;font-size: 30px;}

.picMarquee-left{width:100%;overflow:hidden;position:relative;border:0px solid #ccc}
.picMarquee-left .bd ul{overflow:hidden;zoom:1}
.picMarquee-left .bd ul li{margin:0 8px;float:left;_display:inline;overflow:hidden;text-align:center;width: auto}
.picMarquee-left .bd ul li .pic{text-align:center;}
.picMarquee-left .bd ul li .pic img{display:block;padding:0px;border:0px solid #ccc;width: 282px}
.picMarquee-left .bd ul li .pic a:hover img{border-color:#999}
.picMarquee-left .bd ul li .title{line-height:24px;font-size: 18px;color: #fff}
.picMarquee-left .bd ul li .title a{line-height:24px;font-size: 18px;color: #fff}

.news_box{position:relative;background-color:#f6f6f6; min-height: 600px}
.news .tit{padding-top:100px; width: 100%;color: #015ec5;font-size: 36px;font-weight: bold;text-align: center; height: 50px;line-height: 50px；font-family: Microsoft Yahei, Arial, Verdana, sans-serif;font-weight: bold;}
.news .tit_en{width: 100%;color: #e6e6e6;font-size: 30px;font-weight: bold;text-align: center;height: 30px;line-height: 30px;margin: 0rem 0rem 2rem 0rem; }
.news .tit_en span{font-family:arial,helvetica,sans-serif;color: #777;font-size: 30px;}
.news .line{background-color:#fff;width:100% ;height: 1px;}
.news .line2{background-color:#015ec5;width: 300px;height: 5px;margin: 0 auto;position:relative; top:-3px}
.news .list{padding-bottom:80px;padding-top: 50px}
.news .list .item a{display:block;;padding:20px;background:#fff;}
.news .list .item a .title{padding-top:10px}
.news .list .item a .title .con{height:48px;line-height:48px;font-size:18px;color:#333333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;}
.news .list .item a .title .line{height:3px;width:0px;background:#e6a001;margin-top:22px;margin-right:0px;transition:all 0.3s ease-in-out}
.news .list .item a:hover .title .line{width:17px;margin-right:12px}
.news .list .item a .time {font-size:14px;color:#888888;line-height:40px;height:30px;}
.news .list .item a .summary{font-size:14px;color:#888888;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:7px}
.news .list .item a .but{line-height:35px;height:35px;font-size:16px;color:#333333;width:130px;transition:all 0.4s ease-in-out}
.news .list .item a:hover .but{margin-left:10px;color:#00479d;}

/*经营业绩*/
.case_box{position:relative;background-color:#eee; min-height: 600px}
.case .tit{padding-top:100px; width: 100%;color: #015ec5;font-size: 36px;font-weight: bold;text-align: center; height: 50px;line-height: 50px；font-family: Microsoft Yahei, Arial, Verdana, sans-serif;font-weight: bold;}
.case .tit_en{width: 100%;color: #e6e6e6;font-size: 30px;font-weight: bold;text-align: center;height: 30px;line-height: 30px;margin: 0rem 0rem 2rem 0rem; }
.case .tit_en span{font-family:arial,helvetica,sans-serif;color: #777;font-size: 30px;}
.case .line{background-color:#fff;width:100% ;height: 1px;}
.case .line2{background-color:#015ec5;width: 300px;height: 5px;margin: 0 auto;position:relative; top:-3px}
.case .list{padding-bottom:80px;padding-top: 50px}
.case .list .photo img{width: 100%}
.case .list .item a .title{padding-top:10px}
.case .list .item a .title .con{height:48px;line-height:48px;font-size:18px;color:#333333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;}
.case .list .item a .title .line{height:3px;width:0px;background:#e6a001;margin-top:22px;margin-right:0px;transition:all 0.3s ease-in-out}
.case .list .item a:hover .title .line{width:17px;margin-right:12px}
.case .list .item a .time {font-size:14px;color:#888888;line-height:40px;height:30px;}
.case .list .item a .summary{font-size:14px;color:#888888;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:7px}
.case .list .item a .but{line-height:35px;height:35px;font-size:16px;color:#333333;width:130px;transition:all 0.4s ease-in-out}
.case .list .item a:hover .but{margin-left:10px;color:#00479d;}

.map_box{position:relative;background-image: url(/static/tn103/img/map.jpg);min-height: 600px}





