@charset "utf-8";
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,form,fieldset,input,button,img,cite,strong,em{margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6{}
img ,embed{ border:none;}
select,input{font-size:12px;}
select,input,img{vertical-align:middle;}
ul, ol, li{ list-style-type:none;}
a{ color:#333; font-family:"微软雅黑"; text-decoration:none; font-size:12px;}
a:hover{ color:#f00; text-decoration:none;}
a:visited{text-decoration:none;}
body{ font-family:"微软雅黑"; font-size:12px; color:#333;}
.clearit{clear:both; line-height:0; height:10px; font-size:0;content: "."; display: block; visibility: hidden;}
.clearitt{clear:both; line-height:0; height:20px; font-size:0;content: "."; display: block; visibility: hidden;}
.clear{clear:both; line-height:0; height:0px; font-size:0;content: "."; display: block; visibility: hidden;}

.top1477101751 {text-align:left; margin-top:10px; float:left; width:50%; font-size:14px; height:30px; font: normal normal normal 14px/1 FontAwesome;  }
.top1477884318{text-align:right; margin-top:10px; float:right; width:50%; font-size:14px; height:30px; font: normal normal normal 14px/1 FontAwesome; } 
/*menu*/
.top1496216383{ width:100%; background:#036bb0; height:40px;}
.nav{ max-width:1200px; line-height:40px; margin:0 auto;}
.nav ul li{ float:left; text-align:center; position:relative; width:170px;}
.nav ul li a{ font-size:16px; display:block; line-height:40px; color:#fff;}
.nav ul li a:hover{ background:#007fcc; color:#fff;}
.nav ul li ul {display:none;}
.nav ul li:hover ul {display:block; position:absolute; top:40px; left:0; z-index:9999;}
.nav ul li:hover ul li ul {display: none;}
.nav ul li:hover ul li { height:40px; width:170px; background:#036bb0; color:#fff;}
.nav ul li:hover ul li a {display:block; color:#fff; line-height:40px; font-size:16px; text-align:center; padding:0 5px;}
.nav ul li:hover ul li a:hover { padding-left:3px; font-weight:bold; background:#007fcc; color:#fff;}
.container{max-width: 1200px;margin:0 auto;}
.logo{max-width:1200px; margin:0 auto; height:100px; background:url(../images/toplogo.png) no-repeat center #fff;}
.logocontent{ float:left; padding-top:25px;}
.logocontent img{ max-width:450px;}
.logolx{ float:right; padding-top:35px;}
.logolx img{ max-height:50px;}
.aboutlist{ float:left; margin-top:30px;}
.aboutlist li{ width:130px; float:right;height:40px;line-height:40px;}
.aboutlist li:hover{margin-top:-10px;}
.clearitt{ height:20px; clear:both; display:block; width:100%;}
.clearboth{ clear:both; display:block; width:100%;}
.clearfix{ width:100%; display:block; clear:both;}
.fangan{ width:100%; margin:0 auto; max-width:1200px; } 
.fangan_t{ max-width:1200px; height:90px; margin:0 auto; text-align:center; background:url(../images/news_line.png) no-repeat center top;}
.fangan_t span{ text-align:center; font-size:14px; line-height:40px; color:#56585a;}
.fangan_t span b{ font-weight:bold; font-size:24px; color:#333; padding:20px 0 0; height:50px;}

.chanpin_b{width:100%; float:left; margin-top:10px;}
.newsMain{overflow:hidden;margin-bottom:25px; float:left;}
.NMPBox li{float:left; width:23%; height:300px; line-height:20px;position:relative;font-size:12px; padding-top:15px; margin-left:1%;}
.NMPBox li .nImg{ width:95%; min-height:210px; max-height:250px; overflow:hidden;display:block;}
.NMPBox li img{ width:100%; max-height:250px; transition:all 0.5s; margin-bottom:10px;}
.NMPBox li h3{font-size:16px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis; margin-top:5px; margin-bottom:5px; text-align:center;}
.NMPBox li h3 span{font-size:12px;color:#999;font-family:Arial;display:block;line-height:20px;}
.NMPBox li h3 a{color:#333;font-size:16px;}
.NMPBox li h3 a:hover{color:#f00;}
.NMPBox li:hover img{transition:all 0.5s;transform:scale(1.1,1.1)}
.NMPBox li:hover:before{width:100%;transition:all 0.3s;}
/*product*/
.fangan_bcp{ float:left;width:24%; margin-bottom:15px; margin-right:1%; text-align:center;line-height:22px;position:relative;}
.fangan_bcp h4{font-size:14px;font-weight:normal;color:#333; margin-top:15px;}
.fangan_bcp .pImg{width:98%; display:block;overflow:hidden;}
.fangan_bcp img{width:98%; height:100%; max-width:280px; transition:all 0.5s; border:1px solid #ccc;}
.fangan_bcp:hover img{transition:all 0.5s;transform: scale(1.1,1.1);}
.fangan_bcp:hover h4{color:#0070be;transition:all 0.5s;transform: scale(1.1,1.1);}
.fangan_bcp:hover p{color:#0070be;}
.fangan_bcp .bmbo{display:none;}
.fangan_bcp:hover .bmbo{ width:100%; height:100%; background:#0076ca; position:absolute; left:0; bottom:0px; color:#fff; display:block;opacity: 0.8;Alpha(opacity=80) }
.fangan_bcp:hover .bmbo ul{ margin-top:70px; line-height:24px; text-align:left; padding-left:15px; color:#fff;}
.fangan_bcp:hover .bmbo ul h2{ font-size:14px;color:#fff;}
.fangan_bcp:hover .bmbo ul p{ width:120px; height:25px; border:1px solid #fff; text-align:center; display:block; margin-top:10px;}
.fangan_bcp:hover .bmbo ul p a{ font-size:12px; color:#fff; display:block; line-height:25px;}
.fangan_bcp:hover .bmbo p a:hover{ background:#fff; color:#f00; color:14px;}


/*内页侧栏*/
#sidebar{ max-width:1200px; margin:0 auto;}
#sidebar .sb_nav{ float:left; width:200px;  margin-bottom:30px;background-color:#fff;}
#sidebar .sb_nav h3.title{ text-align:left;  padding:15px 15px; height:33px; line-height:33px;  font-size:22px; color:#fff;background: #036bb0;  font-family:"微软雅黑"；}
#sidebar .sb_nav h3.line{ margin-top:15px; }
#sidebar .sb_nav .active{ padding:0px 0px; width:200px;}
#sidebar dl dt{ padding:0px 0px 0px 15px; text-indent:10px; width:185px; height:50px; border-bottom:1px solid #ccc;  line-height:50px;background:url(../images/dt-1.gif) no-repeat 10px center;}
#sidebar dl dt a{ font-weight:bold; font-size:14px;}
#sidebar dd{ margin-left:15px; margin-bottom:1px; height:18px; background:url(../images/erfen.jpg) no-repeat left; padding:5px 0;}
#sidebar dd a{ padding-left:13px; line-height:19px;}
#sidebar dl dt:hover{ background:url(../images/bg_li04.jpg) no-repeat left center;}
#sidebar dl dt:hover a{color:#fff;}
#sidebar dl dt.on { background:url(bg_li04.jpg) no-repeat left center;}
#sidebar dl dt.on a{ font-weight:bold; color:#fff;  }
#sidebar dl h4.on a{ font-weight:bold;   color:#fff; background-color:#AA2238; padding-left:10px; padding-right:10px;}

#sidebar .right_you{float:right;max-width:960px; width:100%;}
#sidebar .right_you .article{
	width:100%;
	height:50px;
	border-bottom:2px solid #036bb0;
	margin-bottom: 20px;
}
#sidebar .right_you .article .left_bitao{
	float: left;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	background: url('../images/fangzi.png')no-repeat 0px center;
	text-indent: 70px;
	background-size: 50px;
}
#sidebar .right_you .article .right_biaoti{float:right;height:50px;line-height:50px;font-size:14px;}
 
/*产品列表*/
.product-img-list{}
.product-img-list ul{ padding:10px 15px;}
.product-img-list ul li{
	width: 280px;
	margin-right: 20px;
	float: left;
	margin-bottom: 20px;
	transition: all 300ms ease-in-out;
	-webkit-transform: all 300ms ease-in-out;
}
.product-img-list ul li:nth-child(3n){margin-right: 0px;}
.product-img-list ul li:hover{
	-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18);
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
}
.product-img-list ul li .img-box{width: 280px;height: 280px;position: relative;border: 1px solid #eee;}
.product-img-list ul li .img-box img{
	position: absolute;
	max-width: 268px;
	max-height: 220px;
	width: auto;
	height: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.product-img-list ul li span{display: block;text-align: center;height: 40px;line-height: 40px;}



/*主体样式*/
.f6f5f5 {background-color: #f6f5f5;width: 100%;}
#container{max-width:1200px;margin:0 auto;margin-top:10px;}
.position {line-height:46px; font-size: 13px;background: url(../images/local_ico.jpg) no-repeat center left;text-indent: 10px;margin-top: 1px; padding-left:30px;}

.ctitle{color:#999;font:600 30px "宋体";text-align:center;text-transform:uppercase;}
.ctitle span{display:block;color:#111;font-family:"微软雅黑";margin:3px 0 16px;}
.ctitle a{display:block;font:400 12px/25px "微软雅黑";background: url(../images/more.png) no-repeat left center;}
.ctitle i{display:block;font:400 18px/25px "微软雅黑";background: url(../images/ibg.png) no-repeat left center;}
.ys{margin-top:52px;margin-bottom:80px;}
.yimg{width:582px;}
.yword{width:505px;}
.yword .ytitle{width:45px;}
.yword .ycontent{width:435px;font:400 14px/26px "微软雅黑";}
.yword .ycontent h3{border-bottom:1px dashed #dbdbdb;color:#333;font:600 20px/40px "微软雅黑";margin-bottom:8px;}
.yword .ycontent h3 i{padding-left:5px;color:#b1b1b1;font-family:"宋体";text-transform:uppercase;}
.yword1{margin-bottom:52px;}
.zixun{display:block;float:left;width:136px;margin-top:27px;}
.phone{padding-left:55px;background:url(../images/phone1.png) no-repeat 0% 100%;color:#5b6575;float:left;margin-left:26px;margin-top:16px; font-size:16px;}
 .client-2 {
            position: fixed;
            right: -170px;
            bottom: 20%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 73px;
            position: relative;
			 background: #036bb0;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 14px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px -75px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -50px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
            width: 33px;
            height: 35px;
            background-position: -27px -51px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 77px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 20px;
            line-height: 20px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 4px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #036bb0;
            color: #fff;
            width: 247px;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #036bb0;
            width: 97px;
            position: relative;
            padding:12px 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }

/*banner*/
.banner{height:400px;overflow:hidden;}
.banner .d1{width:100%;height:400px;display:block;position:absolute;left:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:540px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -40px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}
/*关于我们*/

.about{ max-width:1200px; margin-top:30px; margin:0 auto; background: url( ../images/aboutbg.png) center no-repeat; padding-top:25px;}
.abcontent {max-width:1200px; margin:0 auto;}
.ableft {max-width:1200px;float:left; padding-bottom:25px; }
.ableft p{font-size:16px;color:#000; line-height:2em;}
.textlink{width:135px; height:38px;  color:#000; display: block;text-align:center; font-size:16px;line-height:38px; border:1px solid #036bb0;}
.abright{width: 520px;float:right;}
#about{ line-height:250%;}

/***************第四部分 资讯中心 开始****************/
#ptsection-four{padding-top: 10px;}
.infocent{ width:100%;  float:left;}
.new_right{ width:100%; float:left;}
.new_right li{ width:48%; float:left; height:80px; margin:15px 1%; display:block;}
.new_right li strong{ margin-right:15px; display:block; width:80px; height:70px; background:#036bb0; float:left; color:#fff; text-align:center; line-height:28px; font-size:16px; font-weight:normal; padding-top:10px;}
.new_right li strong b{ color:#fff; font-size:20px; padding-top:10px;}
.new_right li span{ line-height:24px; color:#666;}
.new_right li span a{ font-weight:bold; font-size:14px;}

#new_right li:hover strong{ background:#f3a03b; }
#new_right li:hover{ background:#f3a03b; cursor:pointer;}
#new_right li span a:hover{ font-weight:bold; color:#f00;}
#new_right li:hover a{ color:#fff; font-weight:bold; font-size:14px; padding-top:3px;}
#new_right li:hover span{ background:#f3a03b; color:#fff;}

.clear {clear:both;}

.fl {float:left;}

.fr {float:right;}
.new {margin:45px 0;}
.news_list {padding: 36px 0;border-bottom: 1px solid #ddd; margin: -1px 0;}
.news_list .n_detail {width: 760px;}
.news_list .n_img {width: 248px;height: 148px;margin-right: 38px;}
.news_list .n_tit {font-size: 20px;color: #00132b;line-height: 45px;margin-bottom: 10px;}
.news_list .n_cont {line-height: 30px;}
.news_list .n_time {padding: 10px;border: 1px solid #dcdcdc;color: #888;text-align: center;margin-top: 24px;}
.news_list .n_time .news_date {font-size: 16px;line-height: 30px;margin-bottom: 12px;}
.news_list .n_time .news_year {font-size: 16px;line-height: 16px;margin-bottom: 10px;}
.he_ZoomInImg{padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_ZoomInImg .he_ZoomInImg_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_ZoomInImg:hover .he_ZoomInImg_img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

.he_ZoomInImg:hover .he_ZoomInImg_caption_p{color:#fff;opacity:1}


.footer{background:#252426;}
.banquan{background:#252426; padding:10px 0;}
.fm{max-width:1200px; margin:0 auto; color:#fff; line-height:28px;background:#252426;}
.fm a{color:#fff;}
