@charset "utf-8";
/* CSS Document */
html {overflow-y:scroll;}
*{margin:0;padding:0;list-style:none;border:0;}
body{font-size:15px;  margin:0; padding:0;font-family: "Microsoft Yahei";  }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,html,body,nav{padding:0;margin:0; color:#333}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}
img{border:0; vertical-align:middle}
ol,ul{list-style:none;}
i,em{ font-style:normal}
h1{font-size:18px;}
a{color:#333;text-decoration:none;font-size:15px;blr:expression(this.onFocus=this.blur());}
a:hover{color:#f00;text-decoration:none;}
.clean80{clear:both;height:80px;overflow:hidden;}
.clean40{clear:both;height:40px;overflow:hidden;}
.clean30{clear:both;height:30px;overflow:hidden;}
.clean20{clear:both;height:20px;overflow:hidden;}
.clean50{clear:both;height:50px;overflow:hidden;}
.left{ float:left;overflow:hidden;}
.right{float:right;overflow:hidden;}
.mar{ margin:0 auto}
.w1200{ width:1200px; clear:both;}
.i{font-style:normal}
.content{
    position: relative;
	width: 1200px;
	margin:auto;
	overflow: hidden;
}

/*返回顶部样式*/
.totop{position:fixed;right:25px;bottom:25px;display:block;width:26px;height:62px;background:url(../images/rocket.png) no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out;}
.totop:hover{background:url(../images/rocket.png) no-repeat 0 -62px;}



.top{ height:47px; background:#155cbc; line-height:47px; font-size:13px;}
.top span{ color:#fff;}
.top a,.top p{ color:#fff; font-size:13px;text-transform:uppercase;}
.zh-en a{float:left; display:inline-block ;margin-right:10px;text-transform:uppercase;}
.zh-en img{ height:27px; margin-top:10px; margin-right:5px; float:left;}
.top_dht{ width:100%; height:120px; }
.logo{width:400px;height:80px; float:left; margin-top:20px; }
.logo img{ height:80px}

.dht{ float: right; height:50px;width:750px; line-height:50px; margin-top:37px }
.menu{ width:100%;float:left}
.menu .menu_item{ display:inline-block;float:left; height:50px; width:107px;text-align:center;font-family:"微软雅黑";}
.menu .menu_item a{font-size: 17px;font-weight:500;color: #666;height:100%; display: block;width: auto;font-family:"微软雅黑";}

.menu .menu_item:hover,.menu .cur{ background:#155cbc;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius: 3px;-o-border-radius: 3px; }
.menu .menu_item:hover a,.menu .cur a{color:#fff !important;}
.menu .menu_item:hover .submenu{display:block; z-index:999999; position:absolute; margin-left:-10px; }
.submenu{background-color:#155cbc; overflow: hidden;z-index:999999999; display:none;}
.submenu_item {padding:0 4px; min-width:120px; }
.submenu_item a{ color:#fff !important; font-size:15px !important; font-weight:100 !important; line-height:2.5em !important}
.submenu_item:hover{ background:#72b755}



.hot{ width:100%;background:#b2b2b3;overflow: hidden;height: 47px;line-height: 32px;padding: 14px 0 0; margin-top:120px; }
.hot span{ width:60%; float:left; color: #fff;}
.hot span a{ margin-right:15px; color: #fff;}

/*搜索*/
.search{ width:300px; height:32px; background:url(../images/ss.png) no-repeat; float: right; }
.kuan_sou{ width:220px; height:24px; line-height:24px; float:left;border:none; margin:4px 12px; border-right:1px solid #fff; background:none; color:#fff;}
.kuan_an{ width:50px; height:26px; background:url(../images/ss1.png) 0 1px no-repeat;cursor:pointer; float:left;  margin-top:3px; border:none;}
.kuan_an:hover{background:url(../images/ss2.png) 0 1px no-repeat;}





/*banner*/

#banner{
	width: 100%;
	min-width: 1200px;
	height: 550px;position:relative;}

/*栏目推荐*/

.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit h2{
    font-size: 40px;
    color: #333333;
    font-weight: normal;}
.tit span{display:inline-block;font-size: 40px;color: #333;line-height:40px;font-weight: bold;}
.tit b{background: url(../images/tit1.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 10px 25px 0;}
.tit em{background: url(../images/tit2.png) no-repeat;
  width: 20px;
  height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 10px 25px 0;}
.tit i{display:block;font-size: 20px;line-height:20px;color: #333333;margin-top: 11px;}
/*产品分类*/


.yz{height: 583px;background: url(../images/bjs.jpg) #fff no-repeat right;padding-top: 50px;box-sizing: border-box; }
.yz h2{font-weight: normal;text-align: center;}
.yz h2 span{display: block;font-size: 30px;color: #333333;line-height: 30px;}
.yz h2 i{display: block;font-size: 40px;color: #333333;line-height: 40px;padding-top: 10px;font-weight: bold;}
.yz .xx{display: block;font-size: 14px;color: #333333;line-height: 24px;margin-top: 40px;text-align: center;}
.yz ul{ margin: 37px 0;height: 226px;text-align: center;}
.yz ul li{ float:left;width:240px;height: 226px;border-right: 1px solid #dddddd;box-sizing: border-box;transition:all 0.5s;position: relative;z-index: 10;}
.yz ul li:last-child{ border-right: 0;}
.yz ul li em{ display: block;margin: 32px auto 0;width: 62px;height: 62px;overflow: hidden;}
.yz ul li em img{display: block;width: 62px;height: 62px;transition:all 0.5s;}
.yz ul li.cur{ box-shadow: 0 0 32px 13px rgba(44,47,62,0.10);}
.yz ul li.cur img:nth-child(1){ margin-top:-62px;}
.yz ul li.cur p{ display:block;}
.yz ul li b{ display: block;font-size: 22px;color: #333;line-height: 22px;font-weight: normal;padding-top: 20px;padding-bottom: 9px;}
.yz ul li span{ display: block;font-size: 12px;color: #333;line-height: 12px;opacity: 0.2;text-transform: uppercase;}
.yz ul li p{ display: none;font-size: 14px;line-height: 20px;color:#2c2f3e;padding:0 52px 0;}
.yz ul li.cur span{ display:none;}
.yz ul li.cur b{ font-weight: bold;color:#2c2f3e;}

.pro{height: 1040px;background: url(../images/bjs01.jpg) no-repeat center;padding-top:73px;box-sizing: border-box;}

.pro_con{ margin-top: 50px; }
.pro_n{ float: left;width: 290px;height: 400px;background: #2269a9; padding-left: 37px;box-sizing: border-box;}
.pro_n h2 a{ display: block;height: 86px; text-align:center;line-height: 100px;border-bottom: 1px solid #f0f0f1;font-size: 22px;color: #fff;font-weight: bold;width: 216px; }
.pro_d h3{ display: inline-block;width:108px; }
.pro_d h3 a{ display: inline-block;font-size: 14px;color: #fff;line-height:46px;font-weight: normal;position: relative;height:46px; width:100%; overflow:hidden; float:left }
.pro_d h3 a:after{ position: absolute;left:0; bottom:12px;width: 0;height:3px;background: #71b754;content: "";transition: all 0.5s;}
.pro_d h3.cur a:after,.pro_d h3 a:hover:after{ width: 100%; }

.pro_r {float: right; width: 900px;height: 677px;}
.pro_r ul{ width:103%; overflow:hidden}
.pro_r ul li{ width:31.33%; float:left; margin-right:2%; margin-bottom:2%}
.pro_r ul li img{ width:100%; height:230px; object-fit:cover;}
.pro_r ul li span{ display:block;    height: 140px; background: #f9f9f9;padding: 0 20px;}
.pro_r ul li h1{ display:block; overflow:hidden; height:54px; line-height:54px; font-size:17px; font-weight:600; border-bottom:1px solid #d9d9d9; margin-bottom:14px;}
.pro_r ul li p{ font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden; display:block}

.pro_r ul li:hover span{ background:#2269a9}
.pro_r ul li:hover span h1,.pro_r ul li:hover span p{ color:#fff}






/*关于我们*/
.about{ width:100%; float:left;height: 476px;padding-top:90px;}
.about dd{float:left;width:430px;padding-top:20px;}
.about dd i {font-size:0;line-height: 0;}
.about dd span {font-size:30px;color: #343d3b;margin-top:20px;height: 51px;line-height: 51px;display: block;}
.about dd span a {color: #343d3b;text-decoration: none; font-size:35px;}
.about dd p {padding-top:55px;height: 158px;font-size:14px;color: #666666;line-height: 27px;}
.about dd em a {display: block;height:32px;width:105px;line-height: 32px;text-align: center;font-size:14px;color: #fff;background: #222222;}
.about dd em a:hover{background:#01489d;}
.about dt {float:right;width:676px;font-size:0;line-height:0;}
.about dt i{float:left;width:615px;font-size:0;line-height:0;}
.about dt i img {width:615px;height: 396px;object-fit:cover;}





/*合作伙伴*/

/*底部*/
.bottom_main {
	background: #34373a;
	width: 100%; float:left
}
.bottom_main .bott_nav {
	border-bottom: 1px solid #5d5f61;
	line-height: 75px;
}
.bottom_main .bott_nav span {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding-left: 25px;
}
.bottom_main .bott_nav span i {
	width: 4px;
	height: 8px;
	background-position: -236px 0;
	margin-left: 10px;
}
.bottom_main .bott_nav a {
	color: #fff;
	padding-left:70px;
}
.bottom_main .foot-tel {
	padding-bottom: 56px;
}
.bottom_main .foot-tel .left {
	padding-top: 32px;
	padding-left: 25px;
}
.bottom_main .foot-tel .left ul {
	width: 510px;
	float: left;
}
.bottom_main .foot-tel .left p {
	color: #9a9b9d;
	line-height: 30px; 
}
.bottom_main .foot-tel .left p:first-child {
	color: #fff;
	font-size: 18px;
	padding-bottom: 19px;
}

.bottom_main .foot-tel .right {
	width:550px; margin-top:20px;
}
.bottom_main .foot-tel .right .fl {
	text-align: left; float:left;
	width: 220px; margin-top:10px;

}
.bottom_main .foot-tel .right .fl span {
	background: #1f6eb1;
	color: #fff;
	border-radius: 15px;
	width: 102px;
	height: 29px;
	text-align: center;
	display: block;
	line-height: 29px;
	margin-bottom: 20px;
	cursor: pointer; float:left
}
.bottom_main .foot-tel .right .fl span i {
	width: 15px;
	height: 15px;
	background-position: -246px 0;
	margin-right: 5px;
}
.bottom_main .foot-tel .right .fl p {
	color: #fff; width:100%; float:left; line-height:30px;
}
.bottom_main .foot-tel .right .fl h3 {
	font-size: 30px;
	color: #fff;
	font-family: arial; width:100%; float:left
}
.bottom_main .foot-tel .right .fr {
	padding-right: 6px; float:right;
	margin-top: 39px;
}
.bottom_main .foot-tel .right .fr li {
	float: left;
	text-align: center;
	line-height: 40px;
	margin-left: 12px;
}
.bottom_main .foot-tel .right .fr h3 {
	color: #fff;
	font-weight: 100;
}
.bottom_main .foot-tel .right .fr img {
	display: block;
	width: 103px;
	height: 103px;
	border: 1px solid #5d5f61;
	padding: 3px;
}
.bottom_copy {
	border-top: 1px solid #5d5f61;
	line-height: 50px;
	background: #34373a;
	font-size: 14px;
	color: #ccc;  width:100%; float:left
}
.bottom_copy p,.bottom_copy a {
	color: #ccc;
}
.bottom_copy a:hover {
	color: #fff;
}

/*翻页*/
#pages,.cpage{ width: 100%; height: 50px; text-align: center; line-height: 22px; padding-top: 1px; clear:both;}
#pages a,.cpage a{ background: #f5f5f5; border: #ddd solid 1px; padding: 3px 8px; margin: 0 2px; float: none; color: #333; font-size: 14px;}
#pages span{ background: #71b755; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #71b755 solid 1px;}

.articlebook{ width:100%; float:left; overflow:hidden; padding-top:10px; padding-bottom:10px}
.articlebook a.zuo{ float:left}
.articlebook a.you{ float:right}
.articlebook a:hover{ color:#F00}

/* 左侧通用 */
.banner-subban{ width:100%; min-width:1200px; max-height:400px; overflow:hidden; }
.banner-subban img{ width:100%;}
.pro_list{width:210px; float:left}
.pro_left{ width:210px; padding:15px 0; text-align:center; background:url(../images/bjt01.jpg) repeat ; float:left}
.pro_left p{ color:#FFF}
.pro_left h1{ width:100%; float:left; line-height:37px;font-size:30px;color:#FFF}
.pro_l{ width:100%; float:left; background-color:#ececec; margin-top:1px;}
.pro_l li{ width:100%; height:51px; text-align:center; float:left; line-height:50px; border-bottom:2px solid #fff;}
.pro_l li a{ width:185px; float:left; margin-left:10px; font-size:16px; color:#01489d;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.pro_l li:hover,.cug{ background-color:#72b755 !important}
.pro_l li:hover a,.cug a{ color:#fff !important;}

.lxwm{width:99.8%; float:left; margin-top:20px; border:1px solid #ececec}
.lxwm span{ float: left; line-height:56px; text-align:center; font-size:20px; font-weight:600; width:100%; background:#01489d; margin-bottom:8px;}
.lxwm span a{ color:#fff;}
.lxwm p{ margin:0 auto;width:90%; padding-bottom:8px; line-height:26px; font-size:14px }
.lxwm strong{ font-size:17px; color:#01489d; line-height:45px;word-break:break-all;}


.w940{ width:940px; float:right}
.shouye{ width:100%; float:left; line-height:40px; border-bottom:1px dashed #dedede}
.shouye span{border-left: 10px solid #606060;font-weight: normal;padding-left: 8px;}
.shouye span,.shouye span a{ font-size:14px; color:#666}
.about_nr p{ line-height:36px; font-size:15px;}
.about_nr strong{color:#155cbc; font-size:18px}
.about_nr img{ max-width:900px;}
.about_nr{ width:100%; float:left;}
/*产品内容页*/
.chan_we{ min-height:600px;}
.chan_we img{  max-width:900px;}

.chan_we h1{ width:100%;font-size: 20px; font-weight:600; text-align:center;border-bottom: 1px dashed #eee;line-height: 43px;margin-bottom: 10px; float:left;}

.chan_we dl{ width:922px; float:left; border:1px solid #e5e5e5; background:#f5f5f5; padding:8px; color:#868686; line-height:23px; font-size:13px;}
.chan_we tbody,.chan_we tbody tr{ width:935px !important; float:left; overflow:hidden; background:#FFF;}
.chan_we tbody td{ width:300px; float:left; border:1px solid #f3f3f3}
.chan_we p{ line-height:36px;}
.chan_we strong{ font-size:18px; color:#72b755}

.about-title{ width:100%; float:left; background-color:#f4f4f4; height:50px; line-height:50px;} 
.about-title span{ color:#4ca47c}
.about-title a{ color:#434343; font-size:13px;}


.about_left{ width:100%; float:left; text-align:center; overflow:hidden; padding-bottom:30px}
.about_left a{ padding:6px 20px; font-size:16px; color:#fff; background-color:#a20001; display:inline-block}
.about_left a:hover{ background:#096f39}
.about_left .cuz{ background:#096f39}

/*新闻列表页*/

.news-title li{
	width:100%; float:left; padding-bottom:15px; margin-bottom:15px;border-bottom: 1px dotted #e2e2e2;}
.news-title li .rq{ width:100px; height:80px; background-color:#01489d; margin-left:10px; display:inline-block; text-align:center; float:left; margin-top:5px;}
.news-title li .rq b{ font-size:30px; color:#FFF; display:block; line-height:42px; margin-top:8px;}
.news-title span{ color:#FFF; font-size:12px;}
.news-title h1{ width:802px; float:right; line-height:36px;
	display: inline-block;
    font-family: Microsoft YaHei;
    font-size: 24px;
    color: #5A5A5A;
    text-decoration: none;
}
.news-title p{ width:802px; float:right; font-size: 13px; 
    padding-top: 5px;
    color: #888888;
    font-weight: normal;
	text-decoration: none;
	line-height:22px;
}
.news-title li:hover h1{color:#71b755}
.news-title li:hover .rq{ background-color:#71b755;}
.news-title li:hover{border-bottom: 1px dotted #71b755;}


/* 新闻内容页 */

.news_show h1{
	display: block;
	font-size: 20px;
    /* line-height: 140%; */
    color: #333333;
	font-family: 'Microsoft YaHei';
	min-height: 42px;
    text-indent: 0px;
    font-weight: bold;
    line-height: 42px;
    width: 100%;
    overflow: hidden;
    text-align: center; 
}
.artdetail-time{
	display: block;
	font-size: 14px;
    line-height: 23px;
    color: #888888;
	font-family: 'Microsoft YaHei';
	/* padding-left: 8px; */
    min-height: 23px;
    text-align: center;
 }
.news_show b{ width:890px; float:left; font-size:13px;
	font-family: 'Microsoft YaHei';
    color: #868686;
    text-indent: 0;
    border-color: transparent;
    padding: 10px;
    background-color: #F5F5F5;
    border: #E5E5E5 1px solid;
    margin-bottom:40px; margin-top:20px; font-weight:normal;
}
.news_show strong{ font-size:16px; color:#ff9800}
.news_show p{ line-height:30px;}
.news_show img{ max-width:750px;width:auto; height:auto }

/*在线咨询*/
.table_form,.table_form tr{ width:100%; float:left}
.table_form th{ width:10%; float:left; text-align:left}
.table_form td{ width:88%; float:right}
.table_form .input-text,.table_form textarea{ width:98% !important; height:38px; float:left} 
.table_form textarea{ width:98% !important; height:38px; float:left} 
.button{ background-color:#71b755; width:30%; height:38px; float:left}

.zxlx{ width:380px; float:right; text-align:center; padding-top:200px;}
.zxlx strong{font-size: 30px;line-height: 150%;}
.zxlx  p{ line-height:30px; font-size:13px;}
/* 联系我们 */
.lxwm_list ul{ width:110%; float:left;}
.lxwm_list ul li{ width:405px; float:left; padding-right:50px;}
.lxwm_list ul li span{ width:110px; height:110px; background-color:#01489d;word-wrap: break-word;  display:inline-block; text-align:center; margin-right:24px; float:left}
.lxwm_list ul li img{ width:54px; margin-top:20px;}
.lxwm_list ul li b{ width:263px; float:left; line-height:180%; padding-bottom:5px; font-size:15px;}
.lxwm_list ul li p{ line-height:27px; font-size:14px}
.lxwm_list ul li:hover span{background-color:#71b755;}


/*QQ悬浮框*/
.suspend{width:40px;height:198px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999;}
.suspend dl{width:120px;height:198px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;}
.suspend dl dt{width:40px;height:198px;background:url(../images/suspend.png);position:absolute;top:0;left:0;cursor:pointer;}
.suspend dl dd.suspendQQ{width:120px;height:85px;background:#ffffff;}
.suspend dl dd.suspendQQ a{width:120px;height:85px;display:block;background:url(../images/suspend.png) -40px 0;overflow:hidden;}
.suspend dl dd.suspendTel{width:120px;height:112px;background:#ffffff;border-top:1px solid #e4e8ec;}
.suspend dl dd.suspendTel a{width:120px;height:112px;display:block;background:url(../images/suspend.png) -40px -86px;overflow:hidden;}
* html .suspend{position:absolute;left:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+200))}




.prot ul,.ys ul,.new{ width:110%; float:left; overflow:hidden}
.prot ul li.protu{ width:380px; float:left; padding-right:30px; text-align:center; padding-bottom:30px;}
.prot ul li .cpimg{ width:290px; height:283px; overflow:hidden; display: table-cell; vertical-align:middle; text-align:center; border:1px solid #c6c6c6; *display: block; *font-size:247px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial; }
.prot ul li  .cpimg img{ max-width:100%; max-height:283px;vertical-align:middle;width:auto; height:auto;}

.prot ul li.prott{ width:290px; float:left; padding-right:30px; text-align:center; padding-bottom:30px;}
.prot ul li .ctimg{ width:288px; height:215px; overflow:hidden; display: table-cell; vertical-align:middle; text-align:center; border:1px solid #c6c6c6; *display: block; *font-size:187px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial; }
.prot ul li  .ctimg img{width:280px;height:207px;object-fit:cover;}
{border:1px solid #2087ed;}

.prot ul li:hover .cpimg img,.prot ul li:hover .ctimg img{ -webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.2);transform:scale(1.2); }
.prot ul li h1{ line-height:36px;}

.prot ul li b{ line-height:36px; color:#fff}

.prot ul li:hover b{ color:#2087ed}

.prot ul li:hover .cpimg,.prot ul li:hover .ctimg{border:1px solid #2087ed;}


.lxwm_t{ width:100%; background:url(../images/lxwm.jpg) center no-repeat; background-size:cover; height:787px; position:relative; float:left}
.lx1{ position:relative;width:230px; height:222px; display:block;top:123px;left:266px;display:block }

.lx_dw{top:40px;left:-100px;}
.lx_img{ position:absolute; width:130px; text-align:center; opacity:0}
.lx_img img{width:100%;}
.lx_img p{ font-size:15px; line-height:40px; height:40px; background:#fff; width:100%}
.lx1:hover .lx_img,.lx2:hover .lx_img,.lx3:hover .lx_img,.lx4:hover .lx_img,.lx5:hover .lx_img,.lx6:hover .lx_img,.lx7:hover .lx_img{ opacity:1;}

.lx2{ position:relative;width:130px; height:62px; display:block;top:-100px;left:566px; }
.lx_dw2{top:22px;left:0px;}

.lx3{ position:relative;width:130px; height:80px; display:block;top:-180px;left:680px; }
.lx_dw3{top:-120px;left:190px;}

.lx4{ position:relative;width:140px; height:140px; display:block;top:-20px;left:450px; }
.lx_dw4{top:45px;left:20px;}

.lx5{ position:relative;width:100px; height:70px; display:block;top:-260px;left:620px; }
.lx_dw5{top:45px;left:10px;}

.lx6{ position:relative;width:140px; height:120px; display:block;top:-260px;left:750px; }
.lx_dw6{top:25px;left:10px;}

.lx7{ position:relative;width:170px; height:120px; display:block;top:-220px;left:550px; }
.lx_dw7{top:45px;left:10px;}