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

.clean500{clear:both;height:250px;overflow:hidden;}
.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}
.w1400{ width:1400px; overflow:hidden;clear:both; }
.w1200{ width:1400px; overflow:hidden;clear:both;}
.i{font-style:normal}
@media (max-width:1600px){
    .w1400 {width:1200px;}
	.w1200 {width:1200px;}
	.clean500{clear:both;height:150px;overflow:hidden;}
}
@media (max-width:1440px){
    .w1400 {width:1200px;}
	.w1200 {width:1200px;}
	.clean500{clear:both;height:100px;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;}


/*导航条1*/
.hedr{ width:100%;overflow:hidden; margin:0 auto; z-index:999;position: relative;}
.top{ width:100%; height:49px;line-height:49px; border-bottom:1px solid #aea095; float:left}
.top span{ float:left;color:#cccccc}
.top a{ display:inline-block; float:left; padding-right:15px;color:#cccccc }
.top p{ float:right}
.top p a img{ height:25px; margin-top:12px; margin-right:8px;}
.top a:hover{ color:#6d9eeb}

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

/*导航条*/
.dht{ float:left; height:600px; width:100%;}
.dht span{ float:left; padding-top:14px; width:250px;}
.dht img{ width:230px; float:left}

.menu{ width:840px; float:right; padding-top:25px;}
.menu .menu_item{ display:inline-block;float:left;font-size: 16px;width:90px;height:45px; margin-left:30px; text-align:center;font-family:"微软雅黑";  }
.menu .menu_item a{font-size: 16px;color: #fff; display: block;width: auto; line-height:45px;}
.menu .menu_item:hover{background: url(../images/menu-bg.png) center no-repeat}
.cur{text-decoration:none;background: url(../images/menu-bg.png) center no-repeat}
.menu:hover .cur,.menu:hover .cur i{background:none  !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:80px; text-align:center; }
.submenu_item a{ color:#fff!important; font-weight:100 !important; line-height:3em !important;}
.submenu_item:hover{ background:#ffad2b}
.submenu_item a:hover{ color:#fff !important;}

.nav{ width:100%; float:left; padding-top:160px; text-align:center}
.nav h1{ font-size:56px; line-height:100%; margin-bottom:40px; color:#fff; font-weight:bold; letter-spacing:2px;}
.nav h1 i{color:#db0f31}
.nav p{ font-size:20px; color:#fff; line-height:140%; margin-bottom:35px;}
.nav dl{ font-size:28px; color:#fff; font-weight:bold}
.nav a{ background-color:#db0f31; color:#fff; padding:10px 27px; display:inline-block;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius: 25px;-o-border-radius:25px; margin-top:80px;}


/*banner*/
.bannerdw{width:100%;height:750px;clear:both;position: absolute;left:0}

#banner{ height:750px; min-width: 1200px; position:relative; overflow:hidden; z-index:11 }
.suanbanner{  width:100%; max-height:660px;  position:relative; overflow:hidden; }
.suanbanner img{ width:100%;}
.bannerdwt{width:100%;clear:both;position: absolute;left:0; z-index:11}


.ding{width:100%; float:left; margin-top:100px; *margin-top:80px}
.bjs{width:100%; float:left; background:#0c0d0f;}




.nr li{float:left;width:25%;text-align: center;}
.nr li i {width:125px;height: 125px;border:1px solid #eaeaea; background:#fff;border-radius: 50%;margin:0 auto;box-sizing: border-box;display: block;transition:all 1s;}
.nr li:hover i{transform:rotate(360deg);border:1px solid #ffad2b;}
.nr li h4 {height:35px;line-height: 35px;font-size:22px;color: #ffad2b;margin-top:30px;font-weight: normal;text-transform:uppercase;}
.nr li p {font-size:14px;color: #777777;line-height: 30px;padding:15px;text-transform:capitalize}
.nr li:nth-child(1) i{background: url(../images/sl_ico1.png) #fff no-repeat;}
.nr li:nth-child(2) i{background: url(../images/sl_ico2.png) #fff no-repeat;}
.nr li:nth-child(3) i{background: url(../images/sl_ico3.png) #fff no-repeat;}
.nr li:nth-child(4) i{background: url(../images/sl_ico4.png) #fff no-repeat;}
.nr li:nth-child(1):hover i{background: url(../images/sl_ico1_hv.png) #fff no-repeat;}
.nr li:nth-child(2):hover i{background: url(../images/sl_ico2_hv.png) #fff no-repeat;}
.nr li:nth-child(3):hover i{background: url(../images/sl_ico3_hv.png) #fff no-repeat;}
.nr li:nth-child(4):hover i{background: url(../images/sl_ico4_hv.png) #fff no-repeat;}


.bjse{width:100%; float:left; background: url(../images/cp_bg.jpg) repeat; padding-top:60px; padding-bottom:60px;position: relative;}

.pro_cla{ width:100%; float:left;height: 124px; overflow:hidden;line-height:46px;color: #fff;text-align: center;}
.pro_cla ul{ width:110%; float:left}
.pro_cla li{width:122px;float: left;height: 120px;border: solid 2px #fff;border-radius: 8px; margin-right:1%;}
@media (max-width:1600px){
.pro_cla li{width:103px;}
}
.pro_cla li p{display: block;line-height:30px;height:30px; overflow:hidden;padding:10px 0 0;color: #fff;text-transform:capitalize}
.pro_cla li span{width:50px;height:53px;display: block;position: relative;overflow: hidden;margin: 20px auto 0;}
.pro_cla li span i{width:50px;height:53px;position: absolute;display: block;top: 0;left: 0;}
.pro_cla li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.pro_cla li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.pro_cla li:hover span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.pro_cla li:hover span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.pro_cla li:hover{background: #0061a6;border-color: #0061a6;}

.cp_tt{ width:100%; float:left}
.cp_tt ul {width:110%;display: block;float: left;list-style-type: none;padding: 0;margin: 0;overflow: hidden;}
.cp_tt ul li {vertical-align:top;width:20%;margin-right:3%; margin-bottom:30px; border:2px solid #f8f8f8;float:left; text-align:center; background:#FFF	}
.cp_tt ul li a{float:left;display: block; overflow:hidden}
.cpdx{width:100%;height:273px;object-fit:cover}
.xwtp{max-width:100%;height:273px;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.95; width:100%; height:100%; text-align: center;}
.figcaption img{ max-height:48px; margin-top:100px}

.cp_tt ul li a h1{ width:100%; float:left; line-height:50px; font-size:18px; text-transform:capitalize }
.cp_tt ul li:hover{ border:2px solid #0988f3;}


/*品牌实力*/

.sl{background:url(../images/sl_bg.png) no-repeat center top;height: 370px;position: relative; width:100%; float:left}
.sl:before{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;position: absolute;left: 50%;top: 0;margin-left: -960px;}
.sl:after{content: "";width: 0;height: 0;position: absolute;border-bottom: 50px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;position: absolute;left: 50%;bottom: 0;margin-left: -960px;}

.sl h2{color: #fff;font-weight: normal;}
.sl h2 a{color:#fff;font-size: 50px;text-transform:uppercase;}
.sl h2 span{color: #ffad2b;font-weight: bold;}
.sl h2 em{font-size: 30px;display:block;text-align: right;float: right;padding-top: 30px;text-transform:capitalize}
.sl h2 em span{font-weight: normal;}
.sl .con{margin-top: 32px;}
.sl .con ul{width: 600px;float: left;}
.sl .con li:first-child{border-left: 1px solid rgba(255,255,255,0.15);}
.sl .con li{float: left;height: 84px;border-right: 1px solid rgba(255,255,255,0.15);width: 140px;text-align: center;}
.sl .con li em{height: 60px;display: block;}
.sl .con li span{display: block;font-size: 18px;color: #fff;margin-top: 4px;text-transform:capitalize}
.sl .con p{float: right;width: 520px;margin-top: 23px;}
.sl .con p span{display: block;color: #fff;opacity: 0.41;font-size: 16px;}
.sl .con p i{color: #fff;font-size: 36px;font-family: GothamBook;background: url(../images/sl_tel.png) no-repeat left center;padding-left: 38px;}

.sl .con li:hover img.animation8 {
    -webkit-animation: flip 1s .2s ease both;
    -moz-animation: flip 1s .2s ease both;
   }
    
   @-webkit-keyframes flip {
    0% {
     -webkit-transform: perspective(300px) rotateY(0);
     -webkit-animation-timing-function: ease-out
    }
    40% {
     -webkit-transform: perspective(300px) translateZ(100px) rotateY(170deg);
     -webkit-animation-timing-function: ease-out
    }
    50% {
     -webkit-transform: perspective(300px) translateZ(100px) rotateY(190deg) scale(1);
     -webkit-animation-timing-function: ease-in
    }
    80% {
     -webkit-transform: perspective(300px) rotateY(360deg) scale(.95);
     -webkit-animation-timing-function: ease-in
    }
    100% {
     -webkit-transform: perspective(300px) scale(1);
     -webkit-animation-timing-function: ease-in
    }
   }
    
   @-moz-keyframes flip {
    0% {
     -moz-transform: perspective(300px) rotateY(0);
     -moz-animation-timing-function: ease-out
    }
    40% {
     -moz-transform: perspective(300px) translateZ(100px) rotateY(170deg);
     -moz-animation-timing-function: ease-out
    }
    50% {
     -moz-transform: perspective(300px) translateZ(100px) rotateY(190deg) scale(1);
     -moz-animation-timing-function: ease-in
    }
    80% {
     -moz-transform: perspective(300px) rotateY(360deg) scale(.95);
     -moz-animation-timing-function: ease-in
    }
    100% {
     -moz-transform: perspective(300px) scale(1);
     -moz-animation-timing-function: ease-in
    }
   }



/*品牌四大实力*/
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
em{ font-style:normal}
.sl2{height: 2112px;}
.sl2 .con1{padding-top: 26px;}
.sl2 .con1 dt{float: left;width: 600px;height: 506px;}
.sl2 .con1 dt img{width: 600px;height: 506px;}
.sl2 .con1 dd{float: right;width: 558px;}

.sl2 .con2 dt{float: right;width: 600px;height: 506px;}
.sl2 .con2 dt img{width: 960px;height: 506px;}
.sl2 .con2 dd{float: left;width: 558px;}
.sl2 .con2 dd h3{padding-top: 54px;}

.sl2 .con2 dd p span{margin-bottom: 7px;}
.sl2 .con3{ width:100%; float:left;}
.sl2 .con3 dt{float: left;width: 600px;height: 506px;margin-left: -360px;}
.sl2 .con3 dt img{width: 960px;height: 506px;}
.sl2 .con3 dd{float: right;width: 558px;}
.sl2 .con3 dd h3{padding-top: 54px;}
.sl2 .con3 dd p span{margin-bottom: 7px;}

.sl2 .con4 dt{float: right;width: 600px;height: 506px;}
.sl2 .con4 dt img{width: 960px;height: 506px;}
.sl2 .con4 dd{float: left;width: 558px;}
.sl2 .con4 dd h3{padding-top: 54px;}

.sl2 dd h3{margin-bottom: 38px;padding-top: 9px;width:100%; float:left}
.sl2 dd h3 em{display: block;background:url(../images/sl_ctit.png);width: 61px;height: 70px;text-align: center;line-height: 70px;font-size: 36px;color: #fff;font-weight: lighter;float: left;}
.sl2 dd h3 i{float: left;margin-left: 26px;font-size: 36px;color: #242424;line-height:70px;font-weight: normal;text-transform:uppercase;}
.sl2 dd h3 i span{font-size: 12px;font-family:GothamBook;color: #CBCBCB;display: block;font-weight: normal;text-transform: uppercase;}
.sl2 dd p{font-size: 14px;color: #383838;line-height: 21px; width:100%;text-transform:capitalize}
.sl2 dd p span{display: block;margin-bottom: 18px;}
.sl2 dd .list{margin-top: 45px;height: 144px;overflow: hidden; }
.sl2 dd ul{ width:110%; float:left}
.sl2 dd ul li{width: 269px;float: left;margin-right: 20px!important;display: inline;}
.sl2 dd ul li:nth-child(2n){margin-right: 0;}
.sl2 dd ul li a{display: block;}
.sl2 dd ul li img{width: 269px;height: 144px; float:left}
.sl2 dd .qh{text-align: center;margin-top: 21px;position: relative;margin-bottom:30px;}
.sl2 dd .qh:before{position: absolute;content: "";width: 238px;height: 1px;background: #EBEBEB;left:0;top: 15px;}
.sl2 dd .qh:after{position: absolute;content: "";width: 238px;height: 1px;background: #EBEBEB;right:0;top: 15px;}
.sl2 dd .qh i{display: inline-block;width: 11px;height: 13px;background: url(../images/sl_cqh.png);margin: 0 3px;cursor: pointer;}
.sl2 dd .qh i:nth-child(2n){display: inline-block;width: 11px;height: 13px;background: url(../images/sl_cqhh.png);}






.bt{ width:100%; float:left; text-align:center; padding-bottom:60px;  background:url(../images/bt.png) bottom no-repeat}
.bt h1{ font-size:30px; line-height:200%; display:inline-block; text-transform:uppercase;}
.bt p{ color:#505050;text-transform: uppercase; font-size:14px;text-transform:capitalize }



.zs_img ul{ width:100%; float:left; overflow:hidden}
.zs_img ul li{ width:31%; float:left; margin-right:2%; margin-bottom:2%; text-align:center; overflow:hidden}
.zs_img ul li span{ width:100%; height:300px; float:left; overflow:hidden}
.zs_img ul li span img{width:100%; height:300px;object-fit:cover;}
.zs_img ul li  h1{ width:100%; float:left; line-height:40px; background:#333; color:#fff;}
.zs_img ul li:hover  h1{ background:#febf01}
.zs_img 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);}
.zs_img ul li:last-child {margin-right:0}


.lcgy{ width:100%; float:left; text-align:center;}
.lcgy img{ max-width:100%}
/*关于我们*/
.about{ width:100%; float:left;height: 476px;padding-top:90px;}
.about dd{float:left;width:45%;padding-top:20px;}
.about dd i {font-size:0;line-height: 0;}
.about dd span {color: #343d3b;margin-top:20px;height: 51px;line-height: 51px;display: block;}
.about dd span a {color: #343d3b;text-decoration: none;font-size:30px;}
.about dd p {padding-top:55px; padding-bottom:40px;font-size:14px;color: #666666;line-height: 27px;text-transform:capitalize}
.about dd em a {display: block;height:32px;width:105px;line-height: 32px;text-align: center;font-size:14px;color: #fff;background: #222222;text-transform:uppercase;}
.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;}
@media (max-width:1600px){
.about dd{width:40%;}
}

/*新闻*/
.news_l{ width:32%; float:left; overflow:hidden}
.news_l a{ display:inline-block}
.news_l img{ width:100%; height:250px;object-fit:cover;}
.news_l h1{ font-size:16px; line-height:50px;color:#f1f1f1;text-transform:capitalize;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_l p{line-height:26px; height:50px; overflow:hidden; color:#767676;text-transform:capitalize;word-wrap:break-word;}
.news_l i{ display:inline-block; float:left; border:1px solid #8f8e8e; text-align:center; width:160px; height:40px; line-height:40px; color:#8f8e8e; margin-top:15px;}



.new_r{ width:59%;  float: right; }
.new_r li{ width:100%; float:left; border-bottom:1px solid #1c1d1e; padding-bottom:30px; margin-bottom:35px; 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:#febf01;font-size:28px; font-weight:normal;}
.new_r li span i{color:#767676; font-size:14px; }
.new_r li h1{  font-size:17px; color:#f1f1f1; line-height:40px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/text-transform:capitalize}
.new_r li p{ color:#767676;word-wrap:break-word;text-transform:capitalize;line-height:26px; height:50px; overflow:hidden;}
.new_r li:hover{border-bottom:1px solid #ffad2b;}
.new_r li:hover h1{ color:#ffad2b}
.new_r li:hover span b{ color:#4a4a4a}
/*解决方案*/

.bjt3{width: 100%;min-width: 1200px;min-height:300px;background-image: url(../images/slide2.jpg);background-attachment:fixed;background-repeat: no-repeat;}
.container{ width:100%; float:left; padding-top:90px;}
.counter{ width:25%;
	text-align: center;
	position: relative; float:left
}
.counter .counter-content{
	width:100%;
	height: 80px;
	z-index: 1;
	position: relative;
	transition: all 0.3s ease 0s;color:#fff; font-size:18px; font-weight:700
}

.counter .counter-value{
	font-size: 50px;color:#fff;
	font-weight: 700;
}
.counter .title{
	display: inline-block;

	font-size: 14px; color:#fff;
 
	text-transform: capitalize;
	margin: 0;
}



.lxwm{ width:100%; float:left; padding-top:85px; padding-bottom:80px;}
.lxwm ul li{ width:400px; float:left}
.lxwm ul li b{ width:100%; float:left; font-size:18px; color:#db0f31; padding-bottom:25px;}
.lxwm ul li p{ color:#fff; margin-bottom:15px;}
.lxwm ul li img{ width:16px; float:left; padding-right:10px;}
/*在线客服*/
.bg_l{ width:35%; float:left; background:url(../images/bg.jpg) no-repeat; padding:90px 30px; text-align:center}
.bg_l h1{ text-transform: uppercase; font-size: 33px; color:#feac2a}
.bg_l h2{ font-size:20px;  line-height:150%; padding:20px;text-transform:capitalize}
.bg_l p{ color:#666; line-height:28px;text-transform:capitalize}

.biaoge{ width:58%; float:right}

/*foo*/
.foot{ width:100%;  float:left;background:#151615;overflow:hidden; padding-bottom:50px; padding-top:60px; }
.foot_l{ width:34%; float:left; margin-left:5%}
.foot_l span img{ width:172px; float:left; padding-bottom:35px;}
.foot_l strong{ color:#febf01; font-size:16px;}
.foot_l p{ width:100%; float:left; color:#616161; line-height:32px; font-size:14px; margin-bottom:8px;}
.foot_l p img{ max-height:20px; float:left; padding-right:6px; padding-top:7px;}
.foot_l dl{ width:29%; line-height:40px; float:left; text-align:center; margin-top:15px;}
.foot_l dl img{ max-width:100px;}


.foot_bg{ width:54%; float:right; margin-right:4%}


.table_form tr{ width:100%; float:left; margin:10px 0}
.table_form tr th{ width:15%; line-height:30px; font-weight:normal; text-align:left; color:#666666 !important; float:left;text-transform:capitalize}
.table_form tr td{ width:80%; float:left}
.table_form .input-text{ width:100% !important; line-height:44px; border:1px solid #2e2e2e; background:none}
.table_form textarea{ width:100% !important; line-height:44px; height:92px; background:none; border:1px solid #2e2e2e;}
.button{ width:230px !important; height:40px !important; background:#ffad2b !important; color:#fff; margin-left:16%;text-transform:capitalize}

.footer{ width:100%; float:left; border-top:1px solid #202020; text-align:center; background:#151615; line-height:50px;}
.footer p,.footer p a{color:#616161;text-transform:capitalize}




/*翻页*/
#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}


/*栏目页*/
.lanmu{ width:192px; height:180px; position:relative; background:#db0f31; padding-left:28px; margin-top:380px; }
.lanmu b{ width:100%; float:left; color:#fff; font-size:24px; padding-top:43px; padding-bottom:12px; font-weight:normal}
.lanmu dl{ width:40px; height:1px; border-bottom:1px solid #fff; float:left;}
.lanmu h1{width:100%; float:left; color:#fff; font-size:20px; padding-top:12px; }

.suan_sy{ width:100%; height:50px; line-height:50px;float:left; background:#f6f6f6}
.suan_sy span{ width:950px; float:right}
.suan_sy img{ width:20px; float:left; padding:16px 16px 0 0}
.suan_sy a{ font-size:15px;} 

.about_l{ width:17%;  border-top:none; background:#f9f9f9; float:left}
.about_l span{ width:100%; height:90px; color:#fff; line-height:90px; text-transform:uppercase;  text-align:center;background:url(../images/lmk.jpg) repeat; display:inline-block; font-size:22px; font-weight:600}


.accordion {width: 100%; float:left;}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 15px 10px 15px 5px; background: url(../images/lmk1.jpg) no-repeat;
    
   
    border-bottom: 1px dotted #fff;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion .link a{ font-size: 16px; color: #fff;text-transform:capitalize}

.accordion li{cursor: pointer;}
.link  i { background:url(../images/ttp.png) center no-repeat; height:21px; width:56px; float:left;
   
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion .link:hover,.cent .link{ background:#feac2a;}
.accordion .link:hover a,.cent .link a{ color:#fff }
.link:hover  i,.cent .link i{ background:url(../images/tt1.png) center no-repeat; }
/**
 * submenute
 -----------------------------*/
.submenute {background: url(../images/lmk2.jpg) repeat;font-size: 14px;}

.submenute li { border-bottom: 1px dotted #fff;}

.submenute a {display: block;
    text-decoration: none;
    color: #fff;
    padding: 12px;
    padding-left: 30px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.submenute li i{ background: url(../images/xt1.jpg) center no-repeat; width:50px; height:23px; float:left}
.submenute a:hover ,.submenute li.cento a{background: #feac2a; color: #FFF;}
.submenute li:last-child .link {border-bottom: 0;}



.about_lt { width:100%; text-align:center; float:left; padding-bottom:10px;}
.about_lt a{ padding:13px 60px; display:inline-block; background:#dcdcdc; margin-right:8px; margin-left:8px; text-align:center;  margin-bottom:20px;text-transform:uppercase;}
.about_lt a:hover,.cugt{ background:#feac2a !important; color:#fff  }


.w950{width:80%; float:right; overflow:hidden}
.bkt{ border:1px solid #eeeeee; width:99.5%;float:left}

.about_nr p{ width:100%; float:left; line-height:32px; margin-bottom:10px;text-transform:capitalize }
.about_nr strong{ font-size:18px; }

.about_nr  img{ max-width:100%; }

/*产品*/
.cp_gd ul{ width:100%; float:left;}
.cp_gd ul li{float: left; width:31%;cursor: pointer; margin-right:1%; margin-left:1%;margin-bottom:3%; overflow:hidden}
.cp_gd ul li a{ width:100%;float:left; display: inline-block; overflow:hidden}
.cp_gd ul li span{ display:table-cell; text-align: center; vertical-align: middle; width:100%; height:268px;  overflow: hidden;  *display: block; *font-size:96px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.cp_gd ul li img {width:100%;height:268px;object-fit:cover;}

.cp_gd ul li a h1{ width:100%; float:left;line-height:42px;height:42px;font-size:17px; text-align:center;border-bottom:2px solid #feac2a;  overflow:hidden;text-transform:capitalize}
.cp_gd ul li a:hover{ transition: all .7s;}
.cp_gd ul li a:hover span img,.cp_img li:hover a 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_gd ul li a:hover h1{background-color:#1a2640; color:#FFF;opacity: 1;}

/*关于我们*/
.bjsen{width:100%; float:left; background:#f9f9f9;}




/*图片中心*/
.cp_img{float: left; overflow:hidden; }
.cp_img ul{ width:100%; float:left}
.cp_img li { width:22.8%;cursor: pointer; margin-right:1%; margin-left:1%;margin-bottom:3%; border:1px solid #eee; text-align:center; float:left}
.cp_img li a span{ width:100%;height:220px; display: inline-block; cursor: pointer; vertical-align: middle; display:table-cell;overflow: hidden;  *display: block; *font-size:192px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.cp_img li a span img{ width:95%; height:90%;object-fit:cover;vertical-align: middle;}
.cp_img li a h1{ width:100%; line-height:32px;font-size:16px; padding-bottom:10px; overflow:hidden}
.cp_img li:hover a h1{ color:#feac2a; font-weight:600}
.cp_img li:hover{border:1px solid #feac2a;}



/*联系我们*/
.lxwm_list{ width:100%; float:left; overflow:hidden; }
.lxwm_list ul{ width:101%; float:left; overflow:hidden; border-left:1px solid #e8e8e8;}
.lxwm_list ul li{ width:24.6%; float:left; text-align:center; border-right:1px solid #e8e8e8;}
.lxwm_list ul li img{ max-width:80px; margin-bottom:30px}
.lxwm_list ul li h1{ font-size:18px; font-weight:700; margin-bottom:28px;text-transform:uppercase;}
.lxwm_list ul li p{ line-height:26px; font-size:15px; color:#999}
.lxwm_list ul li:hover p{ color:#1d8af6}
.lxwm_list ul li:hover img{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}


.lxwm_ewm span{ width:40%; float:left; text-align: center}
.lxwm_ewm span img{ width:100%; height:280px;object-fit:cover;}
.lxwm_ewm dl{ width:20%; line-height:40px; float:left; text-align:center; margin-top:35px;}
.lxwm_ewm dl img{ max-width:160px;}
/*项目服务*/
.cpzs{ width:890px; padding:30px; float:left}
.cpzs ul li{ width:100%; float:left; padding-bottom:30px; border-bottom:1px dotted #ccc; margin-bottom:30px;}
.cpzs ul li span{ float:left}
.cpzs ul li .wor{ width:288px; height:188px;object-fit:cover; float:left}
.cpzs ul li .cpzts{ width:562px; float:right}
.cpzs ul li .cpzts dl{ width:100%; text-align:right;  line-height:24px;}
.cpzs ul li .cpzts dl a{color:#db0f31;}
.cpzs ul li .cpzts h1{ width:100%; color:#5a5a5a; float:left; font-size:18px; font-weight:bold; line-height:33px; padding-bottom:15px;}
.cpzs ul li .cpzts p{ line-height:24px; color:#999}


.wznr{ width:94.6%; padding:30px; float:left;}
.wznr b{width:100%; float:left; text-align:center; font-size:20px; line-height:36px; padding-bottom:20px;text-transform:capitalize}
.wznr p{width:100%; float:left; overflow:hidden;  line-height:28px; padding-bottom:5px;text-transform:capitalize}
.wznr p strong{ font-size:18px; color:#feac2a}
.wznr img{ max-width:700px; margin-top:8px;}
.wznr span{ width:100%; float:left; text-align:center;  padding-bottom:20px;}
.wznr span a{ color:#feac2a; font-size:16px; font-weight:600;text-transform:capitalize}
.wznr table{ margin:0 auto; }

.wznr table td{border:1px solid #ccc !important;}
.wznr table td p{line-height:30px !important;word-break:break-all;}
.cp_dy{ width:99.8%; float:left; border:1px solid #eee; background:#f9f9f9;}
.cp_dy dd{ float:left; padding:10px; line-height:22px; font-size:13px;word-break:break-all;text-transform:capitalize}




/*新闻列表*/
.new_list ul li{ width:95.6%; float:left; border:1px solid #eeeeee; margin-bottom:20px; padding:30px;}
.new_list li span{ width:130px;float:left; padding-bottom:20px; padding-left:20px;}
.new_list li span b{ width:100%; float:left;line-height:46px;color:#febf01;font-size:28px; font-weight:normal;}
.new_list li span i{color:#767676; font-size:14px; }
.new_list li h1{  font-size:17px; line-height:40px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/text-transform:capitalize}
.new_list li p{ color:#767676;text-transform:capitalize;word-break:break-all; letter-spacing:1px}
.new_list li:hover{border:1px solid #ffad2b;}
.new_list li:hover h1{ color:#3992fb}
.new_list li:hover span b{ color:#3992fb}






/*搜索列表*/
.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; }