@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: "微软雅黑"; overflow:hidden; }
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:top}
ol,ul{list-style:none;}
i{ font-style:normal}
h1{font-size:18px;}
a{color:#333;text-decoration:none;font-size:15px;blr:expression(this.onFocus=this.blur());font-family: "微软雅黑"; }
a:hover{color:#f00;text-decoration:none;}
.clean80{clear:both;height:80px;overflow:hidden;}

.clean50{clear:both;height:50px;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;}
.mar{ margin:0 auto}
.w1200{ width:1200px; overflow:hidden;clear:both;}
.i{font-style:normal}


/*返回顶部样式*/
.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;}


/*导航条1*/
/*返回顶部样式*/
.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:#33383c;
    background-position: center center;
}
.top p{color:#f8f8f8; 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 p{ margin-left:20px;}
.icon p img{ height:18px; margin-top:9px; float:left; margin-right:6px;}
.icon a{ color:#fff}

/*菜单栏*/
.heand{ width:1200px; height:120px; margin:0 auto; }
.logo{ width:410px; float:left; padding-top:18px;}
.logo img{ height:85px;}
.heand span{ font-size:20px; height:40px; line-height:40px; color:#999; margin-top:37px; border-left:1px solid #cccccc; padding-left:20px; float:left}
.h_tel{ float:right}
.h_tel p{float: right;font-size: 16px;color: #333;line-height: 26px; padding: 32px 0 0 60px;font-family: "DINOT"; background: url(../images/tel.png) no-repeat 0 35px;}
.h_tel b{display: block;font-size: 29px;font-weight: normal;}


.dht{ width:100%; float: left;height:52px; background:#c3c5cb}
.menu{width:100%;  overflow:hidden; float:left}
.menu .menu_item{display:inline-block;float:left;font-size: 18px;width:150px; text-align:center;font-family:"微软雅黑";}
.menu .menu_item a{font-size: 16px;display: block;width: auto; font-weight:600; line-height:52px;font-family:"微软雅黑";}
.menu .menu_item:hover{ background:url(../images/bkt.jpg) no-repeat}
.cur{text-decoration:none;background:url(../images/bkt.jpg) no-repeat;}
.menu .menu_item:hover a,.cur a	{color:#fff;}

.menu .menu_item:hover .submenu{ color:#FFF;display:block; z-index:999999; position:absolute;  }
.submenu{background:#333 ; overflow: hidden;z-index:999999999; display:none;}
.submenu_item {min-width:150px; text-align:center}
.submenu_item a{ color:#fff !important; font-weight:500 !important; line-height:2.6em !important}
.submenu_item:hover{ background:#c3c5cb}

/*banner*/

/* 分页banner图 */

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

.banner-subban,.banner-subban img{ width:100%}

.bjs{ width:100%; float:left; background:#f7f7f7;}
.bt{ width:100%; float:left; }
.bt h1{ width:40%; float:left; font-size:28px; font-weight:600; color:#434343; line-height:42px;}
.bt i{ padding-left:20px; font-size:14px;color:#434343; font-weight:normal; margin-top:10px}
.bt1{ float:right}
.bt1 li{ display:inline-block;background:#eeeeee; margin-right:10px; float:left }
.bt1 li a{ display:inline-block;  padding:8px 30px; }
.bt1 li:hover,.bt1  li:first-child{ background:#0068b8}
.bt1 li:hover a,.bt1  li:first-child a{ color:#fff}



/*新闻*/
.new_l{ width:595px; float:left; margin-right:10px; background-color:#FFF}
.new_lbt{ width:100%; height:160px; float:left;}
.new_lbt span{ width:160px; height:92px;float:left; padding:34px 15px; background:#0168b7;}
.new_lbt span dl,.new_rbt span dl{ width:30px; height:2px ; border-bottom:2px solid #fff; margin-bottom:10px; display:block}
.new_rbt span dl{border-bottom:2px solid #999;}
.new_lbt span b ,.new_rbt span b{ font-size:24px;color:#fff; line-height:42px; display:block; font-weight:normal }
.new_lbt span p,.new_rbt span p{font-size: 11px; text-transform: uppercase; color: rgb(204, 204, 204);}
.new_lbt img{ width:405px; float:left}
.new_lb{ float:left; padding:40px; padding-bottom:0; width:515px; background:url(../images/new2.jpg) top left no-repeat}
.new_lb li{ width:100%; float:left; padding-bottom:44px; overflow:hidden}
.new_lb li span{ width:60px; height:60px; text-align:center; margin-right:20px; float:left}
.new_lb li span b{ width:100%; float:left;line-height:41px;color:#171717;font-size:32px;}
.new_lb li span i{color:#171717; font-size:12px; }
.new_lb li h1{ float:left; width:425px; font-size:16px; padding-bottom:12px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.new_lb li p{ float:left; width:425px; color:#999;}

.new_rbt{ width:100%; float:left; }
.new_rbt span{width:569px;height:92px; float:left; padding:34px 13px;background-color:#eeeeee }
.new_rbt span dd{ width:30px; height:2px ; border-bottom:2px solid #666666; margin-bottom:10px;}
.new_rbt span b{ color:#222; }
.new_rbt i{ color:#0168b7; font-size:12px; margin-top:10px; float:left} 
.new_rbt span ,.new_rbt span { color:#666666}
.new_rlb img{ width:100%; float:left;}
.new_rlb{ width:555px; float:left; padding:30px 20px;}
.new_rlb li{width:100%; float:left;}
.new_rlb li b{width:100%; float:left; font-size:16px; color:#6d7783; padding-bottom:15px;}
.new_rlb li p{float:left; line-height:23px;color:#999; padding-bottom:20px}





.bjt{width: 100%;min-width: 1200px;max-height:500px;background-image: url(../images/bg03.jpg);background-attachment:fixed;background-repeat: no-repeat; float:left}
.pro_fl{width: 100%; float:left; overflow:hidden }
.pro_fl ul li{ width:300px; float:left; text-align:center; position:relative}

.pro_fl ul li img{ width:100%;height:500px; object-fit:cover; position:relative}
.pro_fl ul li .fl1{ width:100%; height:500px; display:inline-block; background:rgba(1, 34, 73, 0.75) none repeat scroll !important;background:#012249; filter:Alpha(opacity=75); position:absolute; top:0; z-index:111;transition: all .4s;-webkit-transition: all .4s;}
.pro_fl ul li .fl1 h1{ color:#fff;font-size: 56px; line-height: 180%;font-style: italic; margin-top:100px;}
.pro_fl ul li .fl1 span{width: 24px; height: 31px; border-top:1px solid #fff; display:inline-block}
.pro_fl ul li .fl1 h2{ font-size:28px;color:#fff; margin:15px 0 80px;}
.pro_fl ul li .fl1 .more{ display:inline-block; padding:8px 30px; color:#fff; border:1px solid #fff;}
.pro_fl ul li:hover .fl1{ display:none}


/**/
.fw{ width:100%; float:left; background:url(../images/yxbg.jpg) top center no-repeat; padding:40px 0;}
.fw_r{ width:100%; height:500px; float:left; background:url(../images/map.png) right no-repeat}
.fw_r span{ width:500px; float:left; margin-top:300px;}
.fw_r span p{ line-height:32px;}

/*产品中心*/
.bjtu{width: 100%;min-width: 1200px;max-height:800px;background-image: url(../images/bg04.jpg);background-attachment:fixed;background-repeat: no-repeat; float:left}
.prot ul{ width:110%; float:left; overflow:hidden; }
.prot ul li{ width:350px; height:257px; text-align: center; border:1px solid #eeeeee; background:#fbfbfb; padding:16px; float:left; margin-right:20px; margin-bottom:20px;}
.prot ul li span{ width:352px;  height:220px; float:left;}
.prot ul li .wot{ width:100%;height:220px; object-fit:cover;}

.imghvr-slide-down {position: relative;
	display: inline-block;
	margin: 0;
	max-width: 100%;	
background:rgba(229, 175, 0, 0.8) none repeat scroll !important; /*实现FF背景透明，文字不透明*/
background:#e5af00; 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.95; width:100%; height:100%; text-align: center;}
.figcaption img{ max-height:48px; margin-top:84px}

.prot ul li h1{ line-height:47px; font-size:18px;}
.prot ul li p{ line-height:26px; color:#999}

/*关于我们*/
.gywm{width:100%; float:left; padding:40px 0; background:url(../images/bg05.jpg) top  center no-repeat; }
.gywm span{ width:590px; float:left}
.gywm span img{width:100%; height:415px;object-fit:cover; }
.gywm ul{ width:610px; float:right}
.gywm ul li{ width:290px;height:200px; float:left; margin-left:15px; margin-bottom:15px;}
.gy1{ background:#fff;}
.gy2{ background:#f1c232}
.gy3{ background:#3c78d8}
.gywm ul li img{ width:100%; height:200px;object-fit:cover;}
.gywm ul li span{ width:234px;  float:left; display:block; padding:48px 28px 0;}
.gywm ul li span h1{ font-size:20px; font-weight:600; margin-bottom:25px;}
.gywm ul li span p{ font-size:14px; line-height:27px;word-wrap:break-word;}
.gy3 h1,.gy3 p{ color:#fff}


/*新闻*/
.news_l{ width:338px; height:358px; border:1px solid #dddddd; float:left; padding:30px; background:url(../images/new.jpg) no-repeat}
.news_l a{ display:inline-block}
.news_l img{ width:100%; height:210px;object-fit:cover;}
.news_l h1{ font-size:16px; font-weight:bold; line-height:50px;}
.news_l i{ color:#999; font-size:13px;}
.news_l p{ width:100%; padding-top:10px; line-height:26px; color:#999}

.new_r{ width:708px; height:358px; border:1px solid #dddddd; float: right;padding:30px;}
.new_r li{ width:100%; float:left; padding-bottom:30px; padding-top:15px; overflow:hidden}
.new_r li span{ width:60px; height:60px; text-align:center; margin-right:20px; float:left;}
.new_r li span b{ width:100%; float:left;line-height:41px;color:#db0f31;font-size:32px;}
.new_r li span i{color:#db0f31; font-size:12px; }
.new_r li h1{ float:left; width:618px; font-size:16px; font-weight:700; padding-bottom:12px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.new_r li p{ float:left; width:618px; color:#999;}

/*合作客户*/

.cp_gd {width:100%;overflow: hidden; float:left; }
.cp_gd { width:110%; float:left}
.cp_gd ul li{float: left;width:281px;cursor: pointer; text-align:center; margin-right:25px; margin-bottom:10px;}
.cp_gd ul li a{ width:100;float:left; display:block}
.cp_gd ul li span{ display:table-cell; text-align: center; vertical-align: middle; width:280px; height:250px; overflow: hidden; border:1px solid #f1f1f1; *display: block; *font-size:96px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.cp_gd ul li img {max-width:100%;max-height:240px;display: inline-block;vertical-align: middle; width:auto; height:auto}
.cp_gd ul li p{ line-height:45px;}
.cp_gd ul li a:hover{ transition: all .7s;}
.cp_gd 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.3);transform:scale(1.3);}
.cp_gd ul li a:hover .p{background-color:#00295f; color:#FFF;opacity: 1;}


/*foo*/
.foot{ width:100%;  float:left;background: url(../images/contact.jpg) top no-repeat; overflow:hidden; padding:40px 0; }
.footer{ width:100%; float:left; }
.footer .footsu{ width:75%; float:left; overflow:hidden; border-right:1px dashed #fff}
.footer .footsuu{  display:block; float:left; width:24%; *height:240px;}
.footsuu a,.footer span h1{ font-size:18px; font-weight:600; color:#fff;line-height:40px; display:inline-block; width:100%; float:left}
.foot_sut li a{font-size:15px; line-height:30px !important; color:#fff; font-weight:normal}
.foot_sut li{ width:100%; float:left}
.footer span{ width:23%; float:right;}
.footer span h1{ margin-left:10%}
.footer span p{ width:41%; float:left;  text-align:center; margin-left:5%; padding:5px; color:#fff;  font-size:14px }
.footer span p img{ width:90%; margin-bottom:5px;}

.foott{ width:100%; height:40px; line-height:40px; background-color:#202020; float:left; text-align:center}
.foott p,.foott a{ color:#999999;}
.foott p img{ margin-top:8px;}
/*翻页*/
#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: #db0f31; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #db0f31 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}


/*栏目页*/
/*关于我们*/
.gdt{ width:100%; height:50px; float:left; background-color:#f7f7f7; line-height:50px;}
.rmzx1{ float:left}



.nr_left{ float:right; overflow:hidden}
.nr_left ul li{height:52px; margin-bottom:2px; text-align:center;float: left; border-right:2px solid #fff;overflow: hidden;/*超出部分隐藏*/ padding:0 30px } 
.nr_left ul li:hover,.nr_left ul li.cuz{ background:#004597}
.nr_left ul li:hover a,.nr_left ul li.cuz a{ color:#FFF}

.w950{width:950px; float:right; overflow:hidden}
.bkt{ border:1px solid #eeeeee; width:99.5%;float:left}
.about_nr,.wznr{ width:96%; padding:2%; float:left}
.about_nr img{ max-width:800px;}
.about_nr p{width:100%; float:left; overflow:hidden;  line-height:30px; padding-bottom:5px; }
.about_nr dl,.wznr dl{ width:100%; height:auto; border-bottom:1px solid #E5E5E5; float:left; padding-bottom:10px; margin-bottom:30px;}
.about_nr h1,.wznr h1{ width:100%; line-height:32px; font-size:25px; font-weight:800; float:left; color:#004597}
.about_nr strong{ font-size:18px;}
.about_nr b{width:100%; float:left; text-align:center; font-size:20px; line-height:36px; padding-bottom:10px;}
.about_nr p strong{ font-size:18px; color:#004597}
.about_nr h2{ width:100%; float:left; text-align:center;  padding-bottom:20px;}
.about_nr table{ margin:0 auto; text-align:center}
.about_nr table tr,.about_nr table td{ border:1px solid #eee !important}
.cp_dy{ width:98%; float:left; border:1px solid #e5e5e5; background:#f5f5f5; padding:0 1%; margin-bottom:15px}
.cp_dy dd{ display:block; float:left;line-height:23px; overflow:hidden; color:#868686; font-size:14px; text-align:left}



/*联系我们*/

.lxwm{ width:100%; float:left; overflow:hidden;}
.lxwm ul{ width:110%; float:left; overflow:hidden; padding-top:10px;}
.lxwm ul li{ width:301px; float:left; text-align:center; border-right:1px solid #e8e8e8;}
.lxwm ul li img{ max-width:80px; margin-bottom:30px}
.lxwm ul li p{ line-height:36px; font-size:15px}
.lxwm ul li:hover p{ color:#a10404}
.lxwm ul li:hover img{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}

/*人才招聘*/
.table_form tr{width:100%; }
.table_form th{ width:10%; float:left; text-align:left}
.table_form td{width:88%; float:left;}
.table_form .input-text{width:100% !important; height:46px !important; line-height:46px; background-color:#fbfbfb;border:1px solid #eeeeee}
.table_form textarea{ width:100% !important; background-color:#fbfbfb; border:1px solid #eeeeee}
.table_form select{width:606px !important; height:46px !important; line-height:46px; background-color:#fbfbfb;border:1px solid #eeeeee}
.button{ width:302px; float:left; line-height:40px !important; background:#004597 !important}






/*新闻列表*/

.new_list ul li{ width:97.4%; float:left; height:148px; border:1px solid #dedede; margin-bottom:20px; padding:15px;}
.new_list ul li img{ width:20%; height:150px; object-fit:cover;border:1px solid #eeeeee; float:left}
.new_list ul li .newt{ width:77.5%; float:right}
.new_list ul li .newt dl{ float:left; font-size:16px; padding-right:8px; }
.new_list ul li .newt dl a{color:#db0f31}
.new_list ul li .newt h1{ float: left; font-size:18px; color:#434343;}
.new_list ul li .newt i{ width:100%; float:left; font-size:13px; color:#999; line-height:42px;}
.new_list ul li .newt p{width:100%; float:left; line-height:26px;}
.new_list ul li .newt h1:hover{color:#db0f31}











/*优势*/
.qy_sl ul{ width:110%; float:left; overflow:hidden}
.qy_sl ul li{ width:390px; float:left; padding-right:15px;}



.ys_wen{ width:388px; float:left; border:1px solid #dddddd; height:314px;  text-align:center}
.yan1{border-bottom:5px solid #891c22;margin-top:15px;}
.yan2{border-bottom:5px solid #26486e; margin-bottom:15px;}
.yan3{border-bottom:5px solid #000;margin-top:15px;}
.ys_wen img{ width:120px; margin-top:40px; margin-bottom:40px;}
.ys_wen p{width:100%; float:left;  font-size:20px; padding-bottom:15px;}
.ys_wen  b{width:100%; float:left; font-size:22px;}
.ys_wen:hover img{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}


/*关于我们*/
.bjs1{width:100%; float:left; background:url(../images/cpbj.jpg) top no-repeat; overflow:hidden }



/*服务*/
.fuwu ul{ width:110%; float:left; padding-left:30px;}
.fuwu ul li{ width:220px; float:left; padding-right:85px; overflow:hidden; text-align:center}
.fuwu ul li img{ width:80px; margin-bottom:10px;-webkit-transition: -webkit-transform 2s ease-out;  -moz-transition: -moz-transform 2s ease-out;  -o-transition: -o-transform 2s ease-out;  -ms-transition: -ms-transform 2s ease-out;}
.fuwu ul li b{ font-size:20px; line-height:36px; display:block}
.fuwu ul li i{ color:#9999a4; margin-bottom:20px; display:block}
.fuwu ul li dd{ border-bottom:1px solid #cccccc; width:120px; height:1px; margin:0 auto }
.fuwu ul li p{ line-height:22px; margin-top:20px; font-size:12px; color:#666666}
.fuwu ul li:hover img{-webkit-transform:rotateY(360deg);  -moz-transform: rotateY(360deg);  -o-transform:rotateY(360deg);  -ms-transform: rotateY(360deg);  transform: rotateY(360deg);}
.fuwu ul li:hover b,.fuwu ul li:hover i{ color:#891c22}
.fuwu ul li:hover p{ color:#6d7783}













.pro_nr{ width:1110px; border:15px solid #f4f4f4; padding:30px; float:left}










/*新闻内容*/
.new_nr{ width:100%; float:left;overflow:hidden}
.new_nrt{ width:100%; float:left; text-align:center; overflow:hidden; padding-bottom:10px}
.new_nrt h1{ font-size:20px; font-weight:bold; line-height:42px; color:#343742}
.new_nrt span{line-height:40px; color:#999}
.new_nr p{ width:100%; float:left; text-align:left; line-height:30px;padding-top:5px;}
.new_nr p img{max-width:800px;}




/*搜索列表*/
.new_list1 ul{ width:100%; float:left; overflow:hidden}
.new_list1 ul li{ width:100%; float:left; border-bottom:1px dashed #e2e2e2; padding-bottom:8px; padding-top:8px;}
.new_list1 ul li h2 a{ width:78%; line-height:30px; overflow:hidden; font-size:16px; font-weight:500; float:left}
.new_list1 ul li i{color:#4eb02c; font-size:13px; float:left; padding-right:8px; padding-top:8px;  }
.new_list1 ul li span{ color:#b1b1b1; float:right}
.new_list1 ul li p{width:100%; font-size:14px; line-height:25px; color:#666; padding-top:5px; float:left; overflow:hidden;}
.new_list1 ul li h2 a:hover{ color:#891c22; }