@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:top}
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;}

.clean60{clear:both;height:60px;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;  height:90px; padding-top:25px; overflow:hidden}
.logo{ float:left;}
.logo img{ height:70px;}



.tel{ width:240px; float:right; padding-top:5px;}
.tel img{ width:46px; float:left; padding-right:15px; }
.tel p{ color:#666; font-size:18px; line-height:24px;}
.tel strong{ font-size:24px; color:#076ce0}

.dht{ width:100%; background:#076ce0; float:left;height:48px;}
.menu{ width:940px; overflow:hidden; float:left}
.menu .menu_item{display:inline-block;float:left;font-size: 18px;width:133px; text-align:center;font-family:"微软雅黑";}
.menu .menu_item a{font-size: 17px;color:#fff;display: block;width: auto; line-height:48px;font-weight:500}
.menu .menu_item:hover{background:#eee}
.cur{text-decoration:none;background:#eee}
.menu .menu_item:hover a{ color:#076ce0;}
.cur a{ color:#076ce0 !important; }


.menu .menu_item:hover .submenu{display:block; z-index:99999; position:absolute;}
.submenu{ overflow: hidden; display:none;z-index:999999999; background:rgba(0, 0, 0, 0.75) none repeat scroll !important;background:#000; filter:Alpha(opacity=75);}
.submenu_item {padding:0 2px; min-width:130px; text-align:center; }
.submenu_item a{ color:#fff!important; font-weight:100 !important; line-height:3em !important;}
.submenu_item:hover{ background:#0988f3}
.submenu_item a:hover{ color:#fff !important;}


.search{ width:230px; height:30px; float: right; margin-top:9px; background:#eee }
.kuan_sou{ width:188px; 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/ss2.png) center no-repeat ; float:left; border:none;}
.kuan_an:hover{background: url(../images/ss1.png) center no-repeat ;}
.search:hover{background:#076ce0}

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






.w1200{width: 1200px; margin: 0 auto;}

.bt{ width:100%; float:left; text-align:center}
.bt h1{ font-size:30px; color:#666; line-height:180%;text-transform: uppercase;}
.bt p{ color:#333; font-size:20px;text-transform: uppercase;}

/*关于我们*/
.gywm span{ width:45%; float:left; display:inline-block}
.gywm span h1{ font-size:34px; color:#333333; font-weight:bold}
.gywm span h1 i{ color:#0988f3}
.gywm span h2{height: 60px;border-bottom: 1px solid #d9d9d9;font-size: 13px;color: #666666;text-transform: uppercase;display: block;opacity: 0.5;letter-spacing: 1px;line-height: 50px; margin-bottom:25px;}
.gywm span p{font-size: 16px;color: #666666;line-height: 30px; margin-bottom:50px;}
.gywm span a{ background:#0988f3; color:#fff; display:inline-block; padding:10px 30px;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius: 25px;-o-border-radius: 25px;}

.gywm dl{ width:50%; float:right;min-width: 600px;min-height: 438px;padding: 29px 24px 0 0;position: relative;}
.gywm dl img{width: 576px;height: 381px;float: right;position: relative;z-index: 1;object-fit:cover;}
.gywm dl:after{content: "";width: 546px;height: 438px;position: absolute;top: 0;right: 0;background: #076ce0;}
.gywm ul{ width:110%; float:left; margin-top:40px;}
.gywm ul li{ width:196px; float:left; text-align:center; }
.gywm ul li strong{font-size: 50px;color: #666;font-family: "Arial","Agency FB"; line-height:140%}
.gywm ul li i{ font-size:20px;}
.gywm ul li p{font-size: 18px;color: #666666;}
.gywm ul dd{ width: 138px;height: 1px; margin-top:40px;background: #c2c2c2; float:left}

/*产品中心*/
.cp_bjs{width:100%; float:left; background: url(../images/bj3.jpg) no-repeat;}
.prot{ width:625px; float:left}
.prot ul{ width:110%; float:left}
.prot ul li{ float:left; margin-right:24px; margin-bottom:24px;}

.cpd{width:300px;height:300px;object-fit:cover}
.cpdx{width:435px;height:300px;object-fit:cover}
.imghvr-slide-down {position: relative;
	display: inline-block;
	margin: 0;
	max-width: 100%;
	
background:rgba(0, 0, 0, 0.8) none repeat scroll !important; /*实现FF背景透明，文字不透明*/
background:#000; filter:Alpha(opacity=80);/*实现IE背景透明*/
	color: #fff;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
.imghvr-slide-down>img {
	vertical-align: top;
	max-width: 100%
}
.imghvr-slide-down .figcaption{
	background-color: inherit;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);background-color: inherit
}
.imghvr-slide-down:before,.imghvr-slide-down:after,.imghvr-slide-down *,.imghvr-slide-down *,.imghvr-slide-down *:before,.imghvr-slide-down *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .35s ease;
	transition: all .35s ease; 

}

.imghvr-slide-down:hover .figcaption {
	-webkit-transform: translate(0,0);
	transform: translate(0,0)
}


.figcaption {
	opacity:0.75; width:100%; height:100%; text-align: center; font-size:24px; color:#fff; line-height:298px}
.figcaption img{ max-height:40px; margin-top:140px}


.prote{ width:551px; height:585px; padding-top:40px; text-align:center; float:right; background:#fff;}
.prote h1{ font-size:30px; color:#666; line-height:300%;text-transform: uppercase;}
.prote p{ font-size:20px; color:#333;}
.primg{ width:100%; float:left; margin-top:20px; text-align:center}
.prote a{ display:inline-block; padding:12px 40px; border:1px solid #a9a9a9; background:#076ce0; color:#fff; margin-top:30px;}
.prote a:hover{border:1px solid #076ce0; background:#fff; color:#076ce0;}

.bjs1{  width:100%; float:left; background: url(../images/bj.jpg) repeat;}
/* 我们的优势*/
.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:600px; padding-top:25px; }
.ys_l span{ width:544px; height:60px; background:url(../images/icon02.png) no-repeat; float:left}
.ys_l span em{ font-size:32px; float:left; width:50px; color:#fff; padding-left:28px; padding-top:6px;}
.ys_l span h1{font-size:26px; line-height:42px; color:#333; float:left; padding-right:10px;}

.ys_l dl{ width:520px; float:right; padding-bottom:20px; }
.ys_l dl p{width:100%; float:left; line-height:30px; padding-bottom:8px; color:#888}
.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;}

/*新闻*/
.bjs{  width:100%; float:left; background:#f7f7f7;}
.news_l{ width:38%; float:left;}
.news_l a{ display:inline-block}
.news_l img{ width:100%; height:220px;object-fit:cover;}
.news_l h1{ font-size:18px; line-height:50px;height:50px; overflow:hidden;color:#076ce0;}
.news_l p{line-height:26px; height:52px; float:left; overflow:hidden; color:#767676}
.news_l i{ display:inline-block; float:left; border:1px solid #8f8e8e; text-align:center; width:160px; height:30px; line-height:30px; color:#8f8e8e; margin-top:15px;}



.new_r{ width:59%;  float: right; }
.new_r li{ width:100%; float:left; border-bottom:1px dashed #0988f3; padding-bottom:20px; margin-bottom:20px; overflow:hidden}
.new_r li span{ width:100px;float:left; padding-bottom:20px;}
.new_r li span b{ width:100%; float:left;line-height:46px;color:#0988f3;font-size:28px; font-weight:normal;}
.new_r li span i{color:#666; font-size:14px; }
.new_r li dl{ width:600px; float:right}
.new_r li h1{  font-size:18px; color:#333; line-height:40px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.new_r li p{ color:#767676; line-height:24px;height:48px; float:left; overflow:hidden;}
.new_r li:hover{border-bottom:1px solid #063a73;}
.new_r li:hover h1{ color:#0988f3}
.new_r li:hover span b{ color:#4a4a4a}

/*foo*/
.f_bj{color:#fff;clear:both;font-family:"Microsoft Yahei";line-height:50px;height:305px;padding:53px 0 0;background:#333;position: relative;}
.f_bj:before{content: "";position: absolute;width:100%;height: 1px; left: 0;bottom: 59px;background: #484848;}
.f_bj a,.f_wz p{color:#fff;}
.f_con{height: 250px;}
.f_con h3{height:66px;font-size: 18px; color:#fff;line-height: 20px;padding: 0 0 0 32px;font-weight: normal;background:url(../images/f_ico1.gif) no-repeat 0 0;position: relative;}
.f_code{width:280px;display: block;line-height: 44px; float:right}
.f_code h3{background:url(../images/f_ico2.gif) no-repeat 0 0;}
.f_code p{width:140px;text-align: center;float: left; color:#fff;}
.f_code img{width:100px;background: #fff;padding:4px;}
.f_code span{ width:100%; float:left}
.f_left,.f_text{height: 232px;border-right: solid 1px #484848;}
.f_left{width: 288px;padding:0 25px 0 25px;}
.f_logo{display: block;height:82px;}
.f_logo img{width:260px;display: block;margin: 0 auto;}

.f_nav{padding: 0 0 0 50px;}
.f_nav a{display:inline-block;color: #fff;width: 119px;float: left;white-space: nowrap;}

.f_text{padding:0 25px;width:500px;}
.f_text h3:before{content: "";position: absolute;width:100%;height: 1px; left: 0;top: 46px;background: #484848;}
.f_text p{display: block; color:#fff;}
.f_wz{display: block;opacity: 0.5; text-align:center}
.f_wz img{ margin-top:15px;}



.cp_left{ width:240px; float:left;}
.cp_left span.nr{ width:240px; height:45px; float:left; text-align:center;  background:#076ce0;  }
.cp_left span.nr a{ font-size:18px; color:#FFF; line-height:45px; font-weight:800; display:inline-block; }

.cp_left span.sy{ width:240px; height:80px; float:left;  background: url(../images/fl.png) no-repeat; text-align:center }
.cp_left span.sy a{ font-size:24px; color:#FFF; line-height:80px; font-weight:800; display:inline-block; }


.cp_ul li{ width:100%; float:left; height:52px; line-height:52px; text-align:center; border-bottom:2px solid #fff; background:#f6f6f6;}
.cp_ul li:last-child,.cp_lx li:last-child,.news-title ul li:last-child{border-bottom:none;}

.cp_ul li a{font-size:15px; color:#444444; display:inline-block}
.cp_ul li:hover{border-bottom:2px solid  #076ce0}
.cp_ul li:hover a{color:#076ce0}

.cutn{border-bottom:2px solid #076ce0 !important; background:#076ce0 !important}
.cutn a{color:#fff !important}



.cp_dt{ width:100%; float:left; height:46px;  border-bottom:1px solid #eaeaea}
.cp_dt a{ color:#076ce0;font-size:18px; font-weight:bold; float:left; padding:0 15px; line-height:45px;border-bottom: 1px solid #076ce0; display:inline-block}

.cp_right ul{ width:102%; float: left; overflow:hidden; }
.cp_right ul li{ width:31.1%; background:#fff; float:left; margin-right:2%; margin-bottom:2%; overflow:hidden; border:1px solid #e5e5e5}
.cp_right ul li span{ width:100%; float:left; overflow:hidden; margin-bottom:8px;}
.cp_right ul li span img{width:100%; object-fit:cover;}
.cp_right ul li  h1{ font-size:18px; color:#333; padding:0 18px; line-height:34px;;}
.cp_right ul li p{ font-size:14px; color:#666;padding:0 18px; line-height:27px; }
.cp_right ul li dl{ width:92%; float:left; display:block; margin:10px 18px; padding-top:8px; border-top:1px dashed #e5e5e5; background:url(../images/jt.png) right no-repeat; line-height:27px;color:#666;}

.cp_right ul li:hover{ border:1px solid #076ce0}
.cp_right ul li:hover dl{ color:#076ce0}
.cp_right ul li: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.3);transform:scale(1.3);}

/*产品内容页*/
.shouye{ width:97.8%; background:#fff; float:left; border:1px solid #eee; padding:1%; margin-bottom:20px;font-size:14px;}
.shouye a{ font-size:14px;}

.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:700px;}
/*产品推荐*/
.syhz {width:1180px;  margin:10px;box-shadow: 0 3px 13px #ccc;overflow: hidden;float:left; }
.cp_gd{ width:1114px; height:242px; margin:30px; float:left; overflow:hidden;position: relative; }
.cp_gd ul{position: absolute; height:242px; overflow:hidden}
.cp_gd ul li{float: left;width:300x; border:1px solid #e6e6e6;cursor: pointer; margin-right:25px; text-align:center}
.cp_gd ul li a{ width:200px;float:left; display:block}
.cp_gd ul li img {width:200px;height:200px;object-fit:cover; float:left}
.cp_gd ul li h1{ line-height:40px; height:40px; font-size:16px; overflow:hidden; width:100%; float:left}


/* 新闻 */




/* 关于我们 */
.cp_fl{ width:100%; float:left; text-align:center; padding:30px 0}
.cp_fl a{ display:inline-block; padding:12px 48px; background:#a5a3a4; color:#fff; margin-right:10px; margin-left:10px;}
.cp_fl a:hover,.cut{ background:#076ce0 !important;}



.w930{ width:930px; float:right}
.about{ width:95%; padding:2.5%; float:left; background:#fff; display:block}
.about_nr p{ width:100%; float:left; line-height:30px; font-size:16px;color:#666; padding-bottom:10px;}
.about_nr strong{ font-size:18px;  color:#ff3e27}
.about_nr img{ max-width:900px;}

/*在线咨询*/
.table_form,.table_form tr{ width:100%; float:left}
.table_form th{ width:10%; line-height:40px; float:left; text-align:left}
.table_form td{ width:88%; float:left}
.table_form .input-text,.table_form textarea{ width:98% !important; height:40px;  float:left} 
.table_form textarea{ width:98% !important; float:left} 
.button{ background-color:#076ce0 !important; width:485px; height:46px; font-size:15px !important; float:left}

/*图片页*/
.ting ul{ width:110%; float: left; overflow:hidden; }
.ting ul li { width:283px; float:left; margin-right:20px; margin-bottom:20px; background:#fff; border:1px solid #eee; overflow:hidden; display:inline-block}
.ting ul li a .itmg{ width:283px;  height:250px; display:table-cell; text-align: center; vertical-align: middle;overflow:hidden; *display: block; *font-size: 192px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial; }
.ting ul li a .itmg img{ max-width:283px; max-height:250px;  width:auto; height:auto;overflow: hidden;vertical-align: middle; }
.ting ul li:hover{ border:1px solid #076ce0;}
.ting ul li p{width:100%;  height:38px; background:#076ce0; color:#fff; line-height:38px;  float:left; text-align:center; font-size:16px;  overflow:hidden}
.ting ul li:hover p{color:#076ce0; background:#eee }
.ting ul li: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);}


.lxwm_l{ width:487px; float:left; padding-top:30px;}
.lxwm_l h1{ font-size:26px; color:#333; line-height:260%}
.lxwm_l p{ font-size:16px; color:#666;}
.lxwm_l b{ width:100%; font-size:30px; color:#076ce0; margin:20px 0; float:left}
.lxwm_l b img{ width:36px; float:left; padding-right:10px; padding-top:5px; }
.lxwm_l ul{ width:110%; float:left; padding-top:60px;}
.lxwm_l ul li{ width:50%; float:left;padding-bottom:20px;}
.lxwm_l ul li img{ width:60px; float:left; padding-right:10px;}
.lxwm_l ul li h2{ font-size:16px; line-height:28px;}
.lxwm_l ul li h2 i{ color:#076ce0; font-size:17px;}

.lxwm_r{ width:460px; position:relative; height:444px; float:right; background:url(../images/ab.jpg) right top no-repeat;}
.lxwm_rt{ width:200px; position:absolute; left:-80px; float:left; text-align:center;  border:1px solid #d9d9d9; padding:20px; margin-top:100px; background:#fff}
.lxwm_rt img{ max-width:200px;}
.lxwm_rt p{ color:#999; line-height:28px;}






/*翻页样式*/
#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: #076ce0; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #076ce0 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}


/* 新闻动态 */
.new_list ul li{ width:95.6%; background:#fff; float:left; border:1px solid #eeeeee; margin-bottom:20px; padding:20px 30px;}

.new_list ul li  dl{ float:left; font-size:16px; padding-right:8px; }
.new_list ul li  dl a{color:#db0f31; line-height:24px;}
.new_list ul li  h1{ float: left; font-size:18px; color:#434343;}
.new_list ul li  i{ width:100%; float:left; font-size:13px; color:#999; line-height:42px;}
.new_list ul li  p{width:100%; float:left; line-height:26px;max-height:52px; overflow:hidden}
.new_list ul li:hover  h1{color:#076ce0}
.new_list ul li:hover{ border:1px solid #076ce0;}


.cp_f2{ padding:20px; width:97%}
.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; line-height:180%; padding-bottom:15px;}
.cp_f2 h2{width:100%; float:left; color:#adadad; font-size:13px;}
.cp_f2 dl{ width:100%; float:left; height:1px; background:#f0efef; margin:20px 0}
.cp_f2  strong{ font-size:18px}