@charset "utf-8";
/* CSS Document */
html {overflow-y:scroll;}
*{margin:0;padding:0;list-style:none;border:0;}
body{font-size:14px;  margin:0; padding:0;font-family: "Microsoft Yahei"; overflow:hidden;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,img,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: bottom;vertical-align:inherit}
ol,ul{list-style:none;}
i,em{ 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;}
.clean80{clear:both;height:80px;overflow:hidden;}
.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;}
.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;}


.dwz{ width:1240px;margin:0 auto;}
.top{ width:100%; height:48px;  float:left; background:#e5e5e5}
.top p{ float:left; line-height:48px; font-size:14px;}
.header{ float:right}
.header span{ display: inline-block;vertical-align: top;font-size: 13px;color: #333;line-height: 48px; padding-left:10px;}
.header span img{height: 24px; margin-right:5px; margin-top:12px; float:left    }
.header span p{color: #333;display: inline-block;}



/*语言选择开始*/
.language{float: right; margin-top:10px; margin-right:13px;}
.language .cut{cursor: pointer;  position: relative; padding: 3px 5px 1px 3px;}
.language .cut a{ color: #333; font-size: 12px; line-height: 20px;background-image:url(../images/flag.png); background-repeat:no-repeat; padding-left: 30px; height: 20px; display: block; float:left; margin-right:15px}
.language .cut:hover a{color: #333; }

.language a.cn, .language ul.language-list li a.cn{background-position: 0 0;}
.language a.en, .language ul.language-list li a.en{background-position: 0 -22px;}


.top_dht{ width:100%;float:left; overflow:hidden; padding:20px 0;}
.logo{float:left;}
.logo a img{height:90px;}




.top_dht span{ width:240px; float:right;}
.top_dht span img{ width:50px; float:left; padding-top:20px; padding-right:10px}
.top_dht span p{ font-size:18px; color:#4c170f;line-height:32px; padding-top:15px}
.top_dht span b{font-size:24px; color:#4395ff; }

.dhtbj{ float: left; height:66px; width:100%; background: url(../images/navbg.jpg) center no-repeat; }
.dht{ width:1200px; margin:0 auto }
.menu{ width:100%; float:left; margin-top:5px;}
.menu .menu_item{ display:inline-block;float:left;width:170px; height:60ppx;text-align:center;font-family:"微软雅黑"; position:relative }
.menu .menu_item a{font-size: 18px;display: block; width: auto; color:#fff; line-height:60px;font-family:"微软雅黑";}
.menu .home { margin-left: 5px;width:170px; }

.menu .af:hover a{color:#4395ff;}
.menu .af:after {
    content: '┆';
    position: absolute;
    left: 0;
    top:20px;
    width: 1px;
    height: 60px;
    display: block;
    color: #FFF;
}




.menu .menu_item:hover .submenu{display:block; z-index:999999; position:absolute;border-top:3px solid #252525;}
.submenu{ overflow: hidden;z-index:999999999; display:none;background-color:#252525}
.submenu_item {padding:0 2px; min-width:143px; }
.submenu_item a{ color:#fff !important; font-weight:100 !important; line-height:2em !important;}
.submenu_item:hover{ background:#4395ff}
.submenu_item a:hover{ color:#fff !important;}

/*banner*/

#banner{ height:700px;min-width: 1200px; width:100%; float:left; }
.banner_nr img{ width:100%;}
.move{ width:1154px; border:3px solid #666; background:#fff; padding:20px; float:left}
video {object-fit: contain;}
video,object,embed{ width:100%; max-height:660px; float:left}

.yf_ys{ width:100%; float:left; overflow:hidden; padding-top:80px;}
.yf_ys h2{width:100%; float:left; text-align:center; font-size:38px; padding-bottom:30px;}

.yf_ys ul{ width:110%; float:left; margin-top:40px;}
.yf_ys ul li{ width:200px; height:195px; padding:0 50px;float:left; text-align:center; overflow:hidden;border-right:1px solid #e5e5e5 }
.yf_ys ul li  img{ max-width:57px; max-height:57px;-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;  }
.yf_ys ul li h1{font-size: 24px;color: #333; margin-top:20px;overflow: hidden;}
.yf_ys ul li span{ color:#4395ff; font-size:24px; line-height:100%;}
.yf_ys ul li p{color:#666; line-height:26px; margin-top:10px;}
.yf_ys ul li:hover h1{ color:#4395ff;}
.yf_ys ul li:hover img{-webkit-transform:rotateY(360deg);  -moz-transform: rotateY(360deg);  -o-transform:rotateY(360deg);  -ms-transform: rotateY(360deg);  transform: rotateY(360deg);  }


.bt{ width:100%; float:left; text-align:center; margin-bottom:25px;}
.bt h1{font-size: 24px; font-weight:600; position:relative}
.bt h2{ font-size:15px; line-height:200%; margin-top:20px;text-transform:uppercase;}
.bt p{ height:44px; line-height:44px; background: url(../images/plan_line.png) center no-repeat;font-size: 16px;color: #999;text-transform:uppercase;}
.bt b{ color:#4395ff;}

.bt h1:after {
    content: "";
    display: inline-block;
   width: 56px; height:2px; background:#4395ff;position: absolute;
    left: 47.5%;
    top: 42px;
    vertical-align: middle;}





.ys { width:100%; float:left;
	height: auto;
	overflow: hidden;
	padding: 40px 0;
}
.ys .content {
	margin-top: 5px;
}
.ys .content dl {
	float: left;
	display: inline-block;
	margin-right: 14px;
	width: 237px;
	height: 110px;
	border: 1px solid #cccccc;
	padding: 30px 20px 30px 30px;
}
.ys .content dl:last-child {
	margin-right: 0;
}
.ys .content dl:hover {
	background: #4395ff;
	color: #FFF;
}
.ys .content dl dt {
	float: left;
}
.ys .content dl dd {
	float: right;
	margin-top: 25px;
}
.ys .content dl dt h3 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
}
.ys .content dl dt p {
	line-height: 35px;
}
.ys .content dl dt .more {
	width: 90px;
	height: 28px;
	display: block;
	line-height: 28px;
	text-align: center;
	background: #4395ff;
	border-radius: 5px;
	margin-top: 15px;
}
.ys .content dl dt .more a {
	color: #FFF;
	width: 90px;
	height: 28px;
	display: block;
	border-radius: 5px;
}
.ys .content dl:hover h3,.ys .content dl:hover p {
	color: #FFF;
}
.ys .content dl:hover .more a {
	background: #FFF;
	color: #4395ff
}

[aos][aos][aos-duration='600'], body[aos-duration='600'] [aos] {
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
}

.abt{ width:100%; float:left; background:url(../images/abt.jpg) center no-repeat; padding:70px 0;}
.abt img{ width:50%; float:left}

.abt span{ width:48%; float:right}
.abt  h1{ font-size:30px; color:#fff; line-height:180%;}
.abt i{ width:64px; height:1px; background:#fff; float:left; margin-top:10px; margin-bottom:30px;}
.abt p{ width:100%; float:left; color:#fff; line-height:30px;}
.abt .more{ display:inline-block; background:#4395ff; color:#fff; margin-top:20px; padding:10px 30px; font-size:14px;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius: 25px;-o-border-radius: 25px; }






.cp_gd{ width:95%; height:292px; margin:0 auto; overflow:hidden;position: relative; }
.cp_gd ul{position: absolute; height:340px; 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:300px;float:left; display:block}
.cp_gd ul li img {width:300px;height:250px;object-fit:cover; float:left}
.cp_gd ul li h1{ line-height:40px;}
.cp_gd ul li:hover{ border:1px solid #ee7308;}
.cp_gd ul li:hover h1{ background:#ee7308; color:#fff;}
.cp_gd ul li:hover img.animation7 {
    -webkit-animation: pulse 1s .2s ease both;
    -moz-animation: pulse 1s .2s ease both;
   }
    
   @-webkit-keyframes pulse {
    0% {
     -webkit-transform: scale(1)
    }
    50% {
     -webkit-transform: scale(1.1)
    }
    100% {
     -webkit-transform: scale(1)
    }
   }
    
   @-moz-keyframes pulse {
    0% {
     -moz-transform: scale(1)
    }
    50% {
     -moz-transform: scale(1.1)
    }
    100% {
     -moz-transform: scale(1)
    }
   }




/* 我们的优势*/
.yinyo{width:100%; float:left; background:#f6f4f9; padding:70px 0;}



.yinyo ul li{ width:100%; float:left; background:#fff; height:284px; margin-bottom:25px}
.yinyo ul li img{ width:493px;}
.yinyo ul li .yin_1{ width:674px;}
.yinyo ul li span{ width:100%; float:left; padding-top:30px;}
.yinyo ul li h1{ float:left; font-size:26px; color:#4395ff; font-weight:600; margin-top:30px;}
.yinyo ul li b{ float:right; font-size:60px; line-height:100%; font-family:"Impact"; color:#b9b9b9; margin-right:30px}
.yinyo ul li p{ font-size:20px; line-height:160%}
.yinyo ul li dl{ width:90%; float:left; padding-left:20px; margin-top:20px; background:url(../images/ioc.png) left top no-repeat;}
.yinyo ul li dd{ line-height:33px; margin-bottom:14px;}



.yin_bj{background:#4395ff !important;} 
.yin_bj .yin_1{ width:650px !important; margin-left:24px !important;}
.yin_bj h1,.yin_bj dd{ color:#fff !important;}
.yin_bj  b{ float:left !important;  color:#fff !important}
.yin_bj  dl{background:url(../images/ioc1.png) left top no-repeat !important;}
.yin_bj h1{margin-top:23px !important;}

.yin_bj p{ color:#fff !important; margin-left:100px !important; }

/*工程案例*/
.bjs{ width:100%; background:#353431; border-bottom:10px solid #e6a13a; float:left;}



.bjse{ width:100%; background:#f9f9f9;float:left; }
.prot ul{width:102%; float:left}
.prot ul li{ width:31%; background:#fff; text-align:center; float:left; margin-right:2%; margin-bottom:2%;  border:1px solid #dedede; }
.prot ul li h1{ width:90%; margin-top:10px; margin-left:5%; font-weight:600; height:40px; line-height:40px; font-size:18px;overflow: hidden;}
.prot ul li i{ color:#4395ff; margin-right:20px;}
.prot ul li img{ max-width:100%; height:220px; padding:20px 0;object-fit:cover; overflow:hidden}
.prot ul li p{ line-height:36px; padding-bottom:10px; font-weight:500; font-size:14px; letter-spacing:3px}
.prot ul li span{ display: inline-block; padding:10px 30px; background:#222; color:#4395ff; margin-bottom:20px;  }

.prot ul li:hover h1{ color:#4395ff}
.prot ul li:hover{ border:1px solid #4395ff;}



.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {

  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}




/*企业荣誉*/
/*新闻*/
.new_bj{ width:100%; float:left; background:url(../images/gsjjt.jpg) no-repeat; }
.new_l{ width:595px; float:left; margin-right:10px; background-color:#FFF}
.new_lbt{ width:100%; height:160px; float:left;}
.new_lbt span{ width:164px; height:92px;float:left; padding:34px 13px; background:#222;}
.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 #4395ff;}
.new_lbt span b a,.new_rbt span a{ font-size:20px;color:#fff; line-height:42px; display:block }
.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:30px ; padding-bottom:11px; width:535px; background:url(../images/new2.jpg) top left no-repeat}
.new_lb li{ width:100%; float:left; padding-bottom:23px; 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:#4395ff;font-size:32px;}
.new_lb li span i{color:#171717; font-size:12px; }
.new_lb li h1{ float:left; width:445px; font-size:16px; padding-bottom:12px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.new_lb li p{ float:left; width:445px; height:44px; line-height:22px; overflow:hidden; color:#999;}

.new_rbt{ width:100%; float:left; }
.new_rbt span{width:565px;height:92px; float:left; padding:30px 15px 0  15px;background-color:#eeeeee }
.new_rbt span dd{ width:30px; height:2px ; border-bottom:2px solid #666666; margin-bottom:10px;}
.new_rbt span a,.new_rbt span p{ color:#666666}

.new_rlb li{width:100%; float:left;}
.new_rlb img{ width:100%; height:267px;object-fit:cover; float:left; margin-bottom:15px;}
.new_rlb li b{ font-size:16px; color:#6d7783; margin:0 15px;}
.new_rlb li p{float:left; line-height:23px;color:#999; padding:15px;}


.gg,.gg img{width:100%; float:left;}





.new_list{ width:678px; float:left; border:1px solid #e9e8e8; overflow:hidden}
.new_bt{ width:100%; height:64px; float:left; background:#f5f5f5; line-height:64px;}
.new_bt b{ float:left; padding-left:20px; font-size:20px;}
.new_bt a{ float:right; padding-right:20px; font-size:16px}

.news_lbt ul{ width:648px; float:left; overflow:hidden; padding-left:15px; padding-right:15px;}
.news_lbt ul li{ width:100%; line-height:33px; float:left;overflow:hidden; padding-bottom:20px; border-bottom:1px dashed #f5f5f5; padding-top:20px}
.news_lbt ul li span{ width:70px; height:70px; background:#f5a637; color:#FFF; float:left; text-align:center;}
.news_lbt ul li span b{ width:100%; float:left; font-size:34px; color:#FFF; padding-top:8px;}
.news_lbt ul li span i{ color:#FFF; font-size:14px;}
.news_lbt ul li a{ width:558px; float:left; padding-left:20px;}
.news_lbt ul li a h2{ font-size:18px;color:#338239;overflow:hidden;font-weight:700;white-space: nowrap;}
.news_lbt ul li a p{ line-height:20px;}
.news_lbt ul li:hover span{ background:#338239}
.news_lbt ul li:hover a h2{ color:#f5a637}


.footer { width:100%; float:left;
	background: #333333;
	height: 210px;
	overflow: hidden;
	padding-top: 45px;
	color: #bbbbbb;
}
.footer h3{
	color: #FFF;
	margin-bottom: 20px;
}
.footer  a,.footer p{
	color: #bbbbbb;
}
.footer .fl a:hover {
	color: #ae0a11;
}
.footer .dh {
	width: 220px;
	line-height: 30px;
}
.footer .dh ul li {
	float: left;
	width: 45%;
}
.footer .pro { padding-left:50px; margin-right:50px;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
}
.footer .contact {
	line-height: 30px;
}

.footer .right h3 {
	background: #494949;
	width: 140px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
}
.footer .right img {
	height: 120px; margin-left:10px;
}
.copyright { width:100%; float:left;
	background: #333333;
	padding: 15px 0;
	border-top: 1px solid #484848;
	color: #bbbbbb;
	text-align: center;
}
.copyright a,.copyright p{ color:#bbbbbb}


.sub_cats{ width:100%; float:left; text-align:center; }
.sub_cats a{ padding:6px 23px; margin:15px; display:inline-block; border:1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0,0,0,.2);border-radius: 5%;  font-size:18px;}
.sub_cats a.cut,.sub_cats a:hover{ background:#4395ff; color:#fff;border:1px solid #4395ff;}

/*新闻*/
.news-title ul,.news-zb ul{ width:95%; margin:15px; display:inline-block}
.news-title ul li,.news-zb ul li{ width:100%; float:left;overflow:hidden;margin-bottom:30px;border:1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.news-title ul li .news_nt{ width:95%; padding:2.5%; float:left; display:block}
.news-title ul li .news_nt h1{ width:100%; float:left; font-size:18px; padding-bottom:20px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.news-title ul li .news_nt p{width:100%; float:left; line-height:24px;height:48px; overflow:hidden; margin-bottom:20px;}
.news-title ul li .news_nt span{ display:block;}
.news-title ul li i{font-size:13px; line-height:140%; color:#999; border-right:1px solid #999; float:left; padding-right:8px; margin-right:8px;}
.news-title ul li dl{font-size:13px; line-height:140%; float:left}
.news-title ul li:hover{border:1px solid #4395ff;box-shadow: 0px 0px 10px rgba(241,104,34,.2);}
.news-title ul li:hover h1,.news-title ul li:hover dl{ color:#4395ff}
.news-title ul li:hover span{ padding-left:20px; }


/*新闻内容*/
.pag_nr,.hr_nr{ width:94%;  padding:30px; height: auto; margin:0 auto;border:1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0,0,0,.2); }
.pag_nr h1{width:100%; text-align:center; font-size:28px; line-height:48px;  padding-bottom:10px;}
.pag_nr dl{width:100%; text-align:center; float:left; padding-bottom:20px; font-size:14px;}
.pag_nr dl b{ display:inline-block; padding:10px 28px; background:#5c5c5c;color:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius: 3px;-o-border-radius: 3px; }
.pag_nr dl a b{background:#4395ff}

.pag_nr img{ max-width:800px; margin-bottom:5px;}
.pag_nr p,.hr_nr p{ line-height:33px;font-size:16px;}
.cp_dy{ width:98.5%;padding:8px; border:1px solid #e5e5e5; background:#f5f5f5; float:left; }
.cp_dy dd{ width:100%; display:block; float:left; line-height:20px; overflow:hidden; color:#868686; font-size:13px; text-align:left}

/*----------------关于我们-------------------*/

.pag_nrt{width:100%; float:left}
.pag_nrt p{ line-height:43px; font-size:16px;}
.pag_nrt img{ max-width:1000px; margin-top:10px;}
.bt_list{ width:100%; float:left; text-align:center;}
.bt_list h1{ font-size:30px; font-weight:bold; line-height:260%;}
.bt_list span{ width:56px; height:1px; background:#ccc; display:inline-block}
.bt1{ width:100%; text-align:center; float:left; height:120px;position:relative}
.bt1 b{ color:#f8f8f8;font-size: 100px; position:relative; line-height:112px;  display:inline-block}
.bt1 h1{color:#555555; font-size:36px; position:absolute; z-index:222; left:32%; top:30px; font-weight:bold}


.page_lsit{ width:100%; float:left; text-align:center}
.page_lsit a{ text-align:center; display:inline-block; padding-left:70px; padding-right:70px}
.page_lsit a b{ width:100%; float:left; font-size:38px; color:#4395ff; padding-bottom:15px;}
.page_lsit a p{ font-size:18px;}

.page_lsit a:hover b{ transition: all .7s;;-webkit-transform:scale(1.2);transform:scale(1.2);}


.cviod{ width:100%; float:left; text-align:center; background:url(../images/gsjjt.jpg) center no-repeat; padding-bottom:80px;}
.cviod video{ width:100% }

.wh_bt{ width:100%; float:left; text-align:center}
.wh_bt b{ width:100%; float:left; color:#fff; font-size:26px; padding-bottom:10px;}
.wh_bt  p{ color:#fff;text-transform: uppercase;}

.qywh ul{ width:105%; float:left; padding-top:60px;}
.qywh ul li{ width:17.2%; padding:30px; text-align:center; background:#0d4ea2; float:left; margin-right:3%;display:inline-block}
.qywh ul li span{ width:100%; height:120px;display: flex;justify-content: center;align-items: center;}
.qywh ul li span img{max-width:85px;max-height:94px;}
.qywh ul li h1{ font-size:22px; color:#fff; padding-bottom:31px;}
.qywh ul li dl{ color:#fff; line-height:30px; height:120px;}





/*----图片------*/
.img_list ul{ width:103%; float:left}
.img_list ul li{float: left;width:22.6%;cursor: pointer;border:1px solid #dedede; margin-right:2%; margin-bottom:2%; text-align:center; overflow:hidden;}
.img_list ul li a{width:100%;float:left; display:block}
.img_list ul li .img{ min-height:300px;  overflow: hidden; padding:10px;display:table-cell; text-align: center; vertical-align: middle; }
.img_list ul li img {width:100%;height:240px;object-fit:cover;}
.img_list ul li a h1 {width:90%;height:30px; float:left;text-align:center; margin-left:5%;float:left;font-size: 16px;line-height:30px;overflow:hidden; margin-bottom:10px;}


.img_list ul li a:hover .img 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);}
.img_list ul li:hover{border:1px solid #ef6d00;}
.img_list ul li a:hover h1{ color:#ef6d00}




/*在线留言表单*/
.yudt{ width:84.5%; float:left; background:url(../images/2_xlrf.jpg) repeat; padding:50px 100px;}
.yudt_bj{ width:82%; float:left; padding:50px 100px; background:#fff;opacity:1;}
.table_form tr{ width:50%; float:left; overflow:hidden}
.table_form th,.table_form td{ width:100% !important; float:left; text-align:center}
.table_form th{ margin-left:27px;}
.table_form .input-text{height: 38px;line-height: 38px !important;width:87% !important; }
.table_form textarea{width: 85% !important; height:120px !important; }
.button{width:60% !important; line-height:44px !important; background:#4395ff !important; border:none; float:left; margin-left:27px; }


/*联系我们*/

.lx_nr ul{ width:110%; float:left;}
.lx_nr ul li{ width:270px; text-align:center; float:left; padding-right:40px;}
.lx_nr ul li span{ width:100px; height:100px; background:#4395ff; text-align:center;display:inline-block; border-radius:50%}
.lx_nr ul li span i{ color:#fff; font-size:60px; margin-top:20px;}
.lx_nr ul li b{ width:100%; float:left; padding-top:20px; font-size:18px; padding-bottom:12px;}
.lx_nr ul li p{ font-size:15px; line-height:22px;  }

.lx_nr ul li:hover span{ background:#e6a13a;-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
.lx_nr ul li:hover i{ color:#FFF}
.wz{ width:100%; float:left; height:36px; line-height:36px; border-bottom:1px solid #f3f3f3}
.wz b{ float:left;font-size:16px;height:36px;border-bottom:1px solid #4395ff}

/*----------------首页结束-------------------*/

.about_l{ width:18%;  border-top:none; background:#f9f9f9; float:left}
.about_l span{ width:100%; height:120px; color:#fff; text-align:center;background:url(../images/lmk.jpg) repeat; display:inline-block; font-size:22px; font-weight:600}
.about_l span h1{ font-size:20px;  color:#fff; width:100%; float:left; padding:30px 0 5px 0;text-transform: uppercase;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;}

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

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 15px 10px 15px 5px; background:#2782f7;
    
   
    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;overflow:}

.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:#222;}
.accordion .link:hover a,.cent .link a{ color:#fff }

/**
 * 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: #0466cb;
    padding: 12px;
    padding-left:20px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.submenute li i{ background: url(../images/xt.png) center no-repeat; width:50px; height:23px; float:left}
.submenute a:hover ,.submenute li.cento a{background: #0988f3; color: #FFF;}
.submenute li:last-child .link {border-bottom: 0;}



.cp_right{ width:80%; float:right}





/*产品内页*/
.cp_nr dl{ width:300px; float: left}
.cp_nr span{display:table-cell; text-align: center; vertical-align: middle; width:300px; height:300px; overflow: hidden; *display: block; *font-size:316px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.cp_nr span img{max-width:300px;max-height:300px;display: inline-block;vertical-align: middle; width:auto; height:auto}
.cp_nr dd{ width:860px; float: right}
.cp_nr h1{ width:100%; height:34px; border-bottom:1px dashed #ccc; margin-bottom:15px; float:left}
.cp_nr del,.cp_nr  p{ line-height:36px;}
.cp_nr  p i{ font-size:20px; color:#ff5022; font-weight:bold}
.cp_nr del{ color:#999}
/*翻页样式*/
#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: #c7b17f; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #c7b17f solid 1px;}

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