@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,th,td,tr{padding:0;margin:0; color:#333}
h1,h2,h3,h4,h5,h6 {font-size:15px; font-weight:normal;}
img{border:0; vertical-align:middle}
ol,ul,li,dd,dl{list-style:none;}
i{ font-style:normal}
h1{font-size:18px;}
a{color:#333;text-decoration:none;font-size:14px;blr:expression(this.onFocus=this.blur());}
a:hover{color:#f00;text-decoration:none;}

.clean50{clear:both;height:50px;overflow:hidden;}
.clean40{clear:both;height:40px;overflow:hidden;}
.clean30{clear:both;height:30px;overflow:hidden;}
.clean20{clear:both;height:20px;overflow:hidden;}
.clean10{clear:both;height:10px;overflow:hidden;}
.left{ float:left;overflow:hidden;}
.right{float:right;overflow:hidden;}


.i{font-style:normal}

.clr{
	clear: both;
}
.one-line {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.more-line{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.content{
    position: relative;
	width: 1200px;
	margin:auto;

}

.w1200{ width:1200px; margin:0 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{
	position: relative;
	width: 100%;
	min-width: 1200px;
	height: 37px;
	 line-height:37px;
	background-color:#f5f5f5;
    background-position: center center;
}
.top p{color:#666; float:left}
.top .cn{ float: right; margin-right:10px; }	
.top .cn img{ height:20px; float:left; margin-top:8px; margin-right:8px;}

.icon{height: 37px;line-height: 37px;}	
.icon .ewm p{ font-size:13px; color:#666}	
.icon .ewm i{ width:30px; height:37px; background:url(../images/dh3.png) center no-repeat; float:left }
.icon .ewm:hover p{color:#fc3d1b}
.icon .ewm:hover i{background:url(../images/dh4.png) center no-repeat;}

.icon:hover dl{display:block; z-index:999999; position:absolute; margin-top:37px; margin-left:-15px;}
.icon dl{ display:none; background:#fff;box-shadow: 2px 2px 5px #999; margin:5px;overflow: hidden;z-index:999999999;min-width:110px; text-align:center}
.icon dl img{ width:78px; margin-top:5px;}
.icon dl p{line-height:2em !important; text-align:center; width:100%; font-size:13px;}
/*菜单栏*/
.heand{ width:1200px; margin:0 auto; padding:15px 0;  overflow:hidden}
.logo{ float:left; padding-right:30px;}
.logo img{ max-width:100%}
.loga{ width:200px; height:77px; padding-left:25px; border-left:1px solid #d9d9d9; float:left}
.loga h1{ font-size:20px;  color:#005fbb;font-weight:600; margin-top:15px;}
.loga p{ font-size:20px; line-height:180%; color:#f7c639}


.tel{ width:280px; float:right; padding-top:5px;}
.tel img{ width:58px; float:left; padding-right:10px;  }
.tel p{ color:#666; font-size:18px; line-height:24px;}
.tel strong{ font-size:28px; color:#f7c639}

.dht{ width:100%; border-top:1px solid #eee;float:left;height:50px; border-bottom:4px solid #005fbb}
.menu{ width:100%; overflow:hidden; float:left}
.menu .menu_item{display:inline-block;float:left;font-size: 18px;width:16.66%; text-align:center;font-family:"微软雅黑";}
.menu .menu_item a{font-size: 16px;display: block; color:#005fbb;width: auto; line-height:50px;font-family:"微软雅黑";}
.menu .menu_item:hover{ background:#005fbb}
.cur{text-decoration:none;background:#005fbb}
.menu .menu_item:hover a,.cur a{ color:#fff !important; }
.menu .menu_item:hover .submenu{ color:#FFF;display:block; z-index:999999; position:absolute; border-top:4px solid #005fbb }
.submenu{background:#f7c639 ; overflow: hidden;z-index:999999999; display:none;}
.submenu_item {min-width:199px; text-align:center}
.submenu_item a{ color:#fff !important; font-weight:500 !important; line-height:2.6em !important}
.submenu_item:hover{ background:#005fbb }




/* 轮播图样式 */
/* 分页banner图 */
#banner{ height:550px;min-width: 1200px; margin-top:48px; }
.banner{
	width: 100%;
	min-width: 1200px;
	height: 550px;
}
.banner-subban,.banner-subban img{ width:100%}



/*产品中心*/

.bjs{  width:100%; float:left; background:#272c31;}
.w1200{width: 1200px; margin: 0 auto;}
.hot{ width:100%; float:left; height:65px; line-height:65px; border-bottom:1px solid #d9d9d9}
.hot_ks{ width:50%; float:left}
.hot_ks b{ float:left}
.hot_ks a{ display: inline-block; float:left; margin-right:10px;}

.search{ width:342px; height:30px; float: right; margin-top:20px; background:#005fbb }
.kuan_sou{ width:300px; height:28px; line-height:28px; float:left;border:1px solid #ddd;background:#fff; color:#999;  }
.kuan_an{ width:40px; height:28px; color:#FFF;cursor:pointer;background: url(../images/ss1.png) center no-repeat ; float:left; border:none;}
.kuan_an:hover{background: url(../images/ss2.png) center no-repeat ;}



.bt{ width:100%; float:left; text-align:center}
.bt h1{ font-size:30px; color:#666; font-weight:600; line-height:48px; text-transform: uppercase; width:100%; height:48px; background:url(../images/btl.png) center no-repeat;}
.bt h1 i{ color:#005fbb}
.bt p{ color:#333; font-size:16px; line-height:30px;text-transform:uppercase;}

/* 我们的优势*/
.youshi{ width:100%; float:left; position:relative; background:url(../images/bjt2.jpg) top repeat}
.ys_bt{ width:100%; float:left; text-align:center}
.ys_bt img{ width:450px;}


.ys_l{ width:550px; margin-top:50px; }
.ys_l span{ width:544px; height:90px;  float:left}
.ys_l span em{ font-size:30px; float:left; margin-right:15px; width:60px; height:60px; text-align:center; line-height:60px; background:#005fbb;border-radius:50%; color:#fff;}
.ys_l span h1{font-size:22px; line-height:100%; color:#005fbb; }
.ys_l span dd{ font-size:25px; line-height:160%; font-weight:bold; color:#f7c639}
.ys_l dl{ width:490px; float:right; padding-bottom:30px; }
.ys_l dl p{width:100%; float:left; line-height:40px; padding-bottom:10px; color:#888; background:url(../images/icon02.png) left no-repeat; padding-left:50px;}
.ys_l dl a{ display:inline-block; padding:10px 24px; background-color:#ff3e27; float:left; margin-top:10px; color:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius: 3px;-o-border-radius: 3px; }

.ys_t{ width:550px; text-align:center}
.ys_t img{ max-width:540px;}

/*广告*/
.gg{ width:100%; float:left; background:#005fbb;}
.gg .zt{ width:384px; float:left}
.gg span{ width:480px; float:left; text-align:center; padding-top:45px;}
.gg span h1{ font-size:25px; color:#fff; line-height:180%; font-weight:600}
.gg span h1 i{ color:#f7c639}
.gg span p{color:#fff; line-height:200%; font-size:19px;}



.w220{ width:244px; float:left; overflow:hidden}
.cp_left{ width:224px; float:left;padding:10px; padding-top:0;display: block;background-color: rgb(0, 95, 187);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius: 5px;-o-border-radius: 5px; }
.cp_left span{ width:100%; padding:15px 0; float:right;}
.cp_left span img{ height:41px; float:left; margin-left:30px; margin-right:10px; border:2px solid #fff;border-radius:50%; }
.cp_left span a{ font-size:24px; color:#FFF; line-height:41px; font-weight:800; display:inline-block;}

.cp_left .cp_suan{ width:198px; min-height:255px; background:#fff;float:left; padding:20px 13px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius: 5px;-o-border-radius: 5px;}
.cp_left .cp_suan li{ width:100%; float:left; height:45px; line-height:45px; text-align:center; display:block; margin-bottom:10px; background: url(../images/lb.jpg) no-repeat}
.cp_left .cp_suan li:hover,.cp_left .cp_1:first-child { background: url(../images/lb1.jpg) no-repeat}
.cp_left .cp_suan li:hover a,.cp_left .cp_1:first-child a{color:#fff}

.cp_suan  .cut{background: url(../images/lb1.jpg) no-repeat !important}
.cp_suan .cut a{ color:#fff !important}
.lxw{ width:97%; padding-bottom:15px; float:right; padding-top:20px; }
.lxw h3,.lxw h2{ font-size:28px; line-height:140%; color:#f7c639; font-weight:600; padding-left:25px;}
.lxw h2{ margin-left:15px; margin-bottom:15px;}
.lxw img{ height:58px; float:left; margin-right:10px; }
.lxw p{  color:#fff;}
.lxw  h1{ font-size:20px; color:#fff; line-height:200%; font-weight:600;font-family: Impact;}
.lxw  a{ display:inline-block; padding:7px 20px; border:2px solid #fff; color:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius: 3px;-o-border-radius: 3px; margin-top:10px; margin-left:60px; }

.submenute li{width:100%; float:left; height:32px; line-height:32px; text-align:center; display:block; margin-bottom:15px; background:url(../images/bjt1.png) no-repeat}






.cp_dt{ width:100%; float:left; height:46px; line-height:46px; border-bottom:2px solid #d9d9d9}
.cp_dt b{ color:#005fbb;font-size:16px; float:left; padding-left:5px;}
.cp_dt span{ float:left;height:43px; background:url(../images/lm.jpg) left no-repeat; padding-left:22px;}
.cp_dt span h2{ font-size:18px; line-height:120%; color:#005fbb; font-weight:600}
.cp_dt span p{font-size:17px; line-height:120%; color:#ccc;}

.cp_dt .more{ float:right; display:inline-block; border:1px solid #d9d9d9;border-radius:6px; color:#5a5a5a; padding:0 8px; line-height:28px; margin-top:8px;}

.cp_dt span h3{font-family: 微软雅黑; font-size: 25px; color: rgb(0, 95, 187); font-weight:600; border-bottom:2px solid #005fbb }

.cp_dt dl{ float:right}
.cp_dt dl img{ height:24px}



.cp_right ul{ width:110%; float: left; overflow:hidden; margin-top:20px}
.cp_right ul li.cp_img{ width:263px; float:left; margin-right:20px; overflow:hidden; margin-bottom:20px; border:1px solid #d2d2d2; padding:10px; display:inline-block }
.cp_right ul .cp_img a span{ width:263px; height:203px; display:table-cell; text-align: center; vertical-align: middle;overflow:hidden; *display: block; *font-size: 244px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}


.cp_right ul li.cp_xw{ width:274px; float:left; margin-right:20px; overflow:hidden; margin-bottom:20px; border:1px solid #d2d2d2; padding:10px; display:inline-block }
.cp_right ul .cp_xw a span{ width:274px; height:203px; display:table-cell; text-align: center; vertical-align: middle;overflow:hidden; *display: block; *font-size: 244px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.cp_right ul li a span img{width:100%;height:100%;object-fit:cover;}

.cp_right ul li a:hover span 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);}
.cp_right ul li a p{ width:100%; height:38px; line-height:38px; float:left; text-align:center; font-size:16px;  overflow:hidden}
.cp_right ul li a:hover{border:1px solid #124185;  }

.zs_bj{ width:100%; float:left; background:url(../images/bj_uiwd.jpg) no-repeat; background-size:100% 100%}


.cp_gd{ width:100%; height:250px;  float:left; overflow:hidden;position: relative; }
.cp_gd ul{position: absolute; height:250px; overflow:hidden}
.cp_gd ul li{float: left;width:280x;cursor: pointer; margin-right:25px; text-align:center}
.cp_gd ul li a{ width:280px;float:left; display:block}
.cp_gd ul li img {width:280px;height:210px;object-fit:cover;}
.cp_gd ul li p{ line-height:40px; color:#fff; font-size:17px;}

.bjs1{  width:100%; float:left; background:#f7f7f7;}
/*关于我们*/
.gywm{ width:68%; float:left}
.gy_bt{ width:97.7%; border:1px solid #d9d9d9; height:50px; padding:0 1%;}
.gy_bt img{ height:45px; float:left}
.gy_bt h2{ float:left;line-height:48px; font-size:25px; color:#005fbb; border-bottom:2px solid #005fbb;}
.gy_bt a{ float:right; display:inline-block; border:1px solid #d9d9d9;border-radius:6px; color:#5a5a5a; padding:0 8px; line-height:28px; margin-top:10px; }
.gywm dl{ margin-top:25px;}
.gywm dl img{ width:38%; float:left; margin-right:15px;}
.gywm dl h2{color:#005fbb; font-size:20px; line-height:160%; font-weight:600}
.gywm dl  p{font-size: 13px; line-height: 201%;}

.news{ width:30%; float:right}
.news ul{ width:99.5%; border:1px solid #d9d9d9; border-top:none; float:left}
.news ul li{ width:100%; float:left;  padding:10px 0; border-bottom:1px  solid #d9d9d9;}
.news ul li span{ width:60px; height:60px; margin-left:30px; text-align:center; background:#198ede; float:left; margin-right:15px}
.news ul li span b{color:#fff;font-size:24px; display:block; line-height:41px;}
.news ul li span i{color:#fff;font-size:13px;display:block; }
.news ul li h1{color: #5a5a5a;
    font-size: 20px;
    line-height:30px;height:60px; overflow:hidden;
    text-align: left;}





/*foo*/
.foot{ width:100%;  float:left;background: url(../images/db_2ybo.jpg) no-repeat; background-size:100% 100%;overflow:hidden; }
.foot_l{ width:64%; float:left; padding:40px 0 0;}
.foot_lt{ width:32%; float:left;}
.foot_lt dl{ font-size:28px; color:#fff; width:100%; float:left; margin-bottom:20px;}
.foot_lt dl i{ color:#f7c639}
.foot_lt span{ width:30%; float:left; margin-left:5%}
.foot_lt a{ width:100%; line-height:40px; color:#fff; display:inline-block}
.foot_lt i{ color:#f7c639}

.foot_lr{ width:63%; float:right; padding-left:3%; padding-bottom:10px; border-left:1px dashed #fff;}
.foot_lr h2{font-size: 32px; letter-spacing: 2px; color:#fff}
.foot_lr dd{font-size: 14px; text-transform: uppercase;color:#fff; margin-bottom:10px;}
.foot_lr p{ font-size:14px; color:#fff; line-height:28px;}
.foot_lr  img{ height:154px;border-radius:5px;}
.foot_lr p a{color:#fff;}


.foot_bg{ width:335px; float:right; background:#fff; padding:1% }
.foot_bgt{ margin-bottom:10px;}
.foot_bgt img{ height:49px; margin-right:8px; float:left}
.foot_bgt h2{font-family: 微软雅黑; color: rgb(0, 95, 187); font-size: 25px; line-height: 120%;}
.foot_bgt p{font-size: 15px; color: rgb(0, 95, 187); line-height: 120%;}





.table_form tr{ width:100%; float:left;}
.table_form tr th{ width:15%; line-height:30px; font-size:13px; font-weight:normal; text-align:left;  float:left}
.table_form tr td{ width:75%; float:left}
.table_form .input-text{ width:100% !important; line-height:30px; border:1px  dashed #cccccc; background:none}
.table_form textarea{ width:100% !important; line-height:30px; height:124px; background:none; border:1px dashed #cccccc;}
.button{ width:260px !important; height:40px !important; background:#005fbb !important; }

.footer{ width:100%; float:left; text-align:center; background:#2478ca; background-size:100% 100%;line-height:40px;}
.footer p,.footer p a{color:#fff;}



/*QQ悬浮框*/
.suspend{width:60px;height:250px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999;}
.suspend dl{width:60px;height:250px;padding-left:60px; }
.suspend dl dt{width:60px;height:250px;background: url(../images/customerservice1.png);position:absolute;top:0;left:0;cursor:pointer;}

.suspend dl dd.suspendQQ a{width:191px;height:250px;display:block;background:url(../images/customerservice1.png) -60px 0;overflow:hidden;}

* html .suspend{position:absolute;left:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+200))}







/*产品内容页*/
.cp_nr h1{ width:100%; line-height:40px; text-align:center;font-size:24px; color:#585858; overflow:hidden;}
.cp_nr p{ font-size:14px; line-height:35px; color:#666; padding-left:25px;}
.cp_nr p i{ color:#ff3e27; font-size:40px; font-weight:600}
.cp_nr h2{ width:160px; height:40px; line-height:40px; text-align:center; border:1px solid #ff3e27; float:left; margin-top:30px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius: 3px;-o-border-radius: 3px; }
.cp_nr h2 img{ margin-right:5px;}
.cp_nr span{width:100%; float:left; text-align:center; line-height:40px; color:#999; padding-bottom:20px;}
.cp_nr img{ max-width:100%;}



.w930{ width:930px; float:right}

.about_nr p{ width:100%; float:left; line-height:30px; font-size:16px;color:#666; padding-bottom:10px;}
.about_nr strong{ font-size: 22px; color: rgb(60, 120, 216);}
.about_nr img{ max-width:900px;}
.about_nr strong{font-size: 22px;color: rgb(60, 120, 216);}

.honor ul{ width:110%; float:left; overflow:hidden}
.honor ul li{ width:256px; float:left; margin-left:22px; margin-bottom:22px;}
.honor ul li img{width:256px;float:left;object-fit:cover;}
.honor p{ font-size:14px; line-height:26px;color:#666;padding-bottom:10px;}





.lxwm_l{ width:60%; float:left; }
.lxwm_l ul{ width:100%; margin-top:20px;}
.lxwm_l ul li{ width:50%; float:left; margin-bottom:10px; color:#666; line-height:40px; font-size:18px;}
.lxwm_l ul li img{ height:40px; margin-right:8px;}




/*翻页样式*/
#pages{ width: 100%; height: 50px; text-align: center; line-height: 22px; padding-top: 1px; clear:both;}
#pages a{ background: #f5f5f5; border: #ddd solid 1px; padding: 3px 8px; margin: 0 2px; float: none; color: #333; font-size: 14px;}
#pages span{ background: #f7c639; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #f7c639 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:#eb5f07}


/* 新闻动态 */

.news-title ul li{ width:100%;float:left; border-bottom:1px dashed #d9d9d9; padding-bottom:15px; margin-bottom:20px;}
.news-title ul li span{width:80px; height:80px; margin-left:30px; text-align:center; background:#005fbb; float:left; margin-right:15px}
.news-title ul li span b{color:#fff;font-size:30px; display:block; line-height:51px;}
.news-title ul li span i{color:#fff;font-size:13px;display:block; }

.news-title ul li h1{ font-size:17px; line-height:36px; font-weight:600; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.news-title ul li p{  line-height:22px; height:44px; overflow:hidden; display:block}
.news-title ul li:hover{border-bottom:1px dashed #005fbb; }
.news-title ul li:hover h1{ color:#005fbb}


.cp_f2{ padding:20px; width:97%; float:left}
.cp_f2 span{ width:99.9%; float:left; height:55px; border:1px solid #e6e6e6;}
.cp_f2  span h3{ width:160px; height:50px; border-top:5px solid #ff3e27; line-height:50px; color:#ff3e27; text-align:center; border-right:1px solid #e6e6e6; float:left}
.cp_f2 p{ line-height:30px; padding-bottom:10px;}
.cp_f2 img{ max-width:700px;}

.cp_f2 h1{ width:100%; float:left; font-size:20px; text-align:center; line-height:180%; padding-bottom:15px;}
.cp_f2 h2{width:100%; float:left; color:#adadad; font-size:13px;text-align:center; }
.cp_f2 dl,.cp_nr dl{ width:100%; float:left; height:1px; background:#f0efef; margin:20px 0}
.cp_f2  strong{ font-size:18px}
