@charset "utf-8";

/* CSS Document  主要标签*/
@import url(all.css);

@import url(http://at.alicdn.com/t/font_u3576efv1hwoecdi.css);
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

*{margin:0px; padding:0px; }
/*html5*/
.wd{width:1100px; margin:0px auto;}
html,body{font-size:62.5%;  font-family:"Microsoft YaHei","微软雅黑";}
.nav{padding:50px 0 30px;}
.nav ul{font-size:0px;}
.nav li{display:inline-block;*display:inline;*zoom:1;font-size:16px; vertical-align:middle;  width:140px; text-align:center;}

.nav li a{  height:auto; font-size:16px; border-right:1px solid #cdcdcd; display:block; line-height:1; text-align:center;}
.nav li:nth-child(4) a,.nav li:nth-child(8) a,.nav li:nth-child(11) a{border-right:none;}
.en{font-family:Arial, Helvetica, sans-serif; font-size:12px; position:fixed; bottom:0px; right:0px; width:40px; height:40px; text-align: center; line-height:40px; background:#333; color:#fff;}
.en a{color:#fff; display:block;}
.en a:hover{background:red;}
.lb,.zhuye{display:none;}
.nav li.dnlogo{width:174px;  padding:0px 30px;}
.logo{display:none;}
.dy{    font-size: 16px;line-height: 1.8;}
@keyframes sz{
	  0% {
		  transform:translateY(-30px);
		  opacity:0.1;
		  
		  
		  }
	  100% {
		  transform:translateY(50px);
		  opacity:0.8;
		  }
	
	}



/*开始淡入特效*/

.fade .f{ animation: s3 2s both; transition:all 1s;}
.fade .f:nth-child(1){animation-delay:.2s;}
.fade .f:nth-child(2){animation-delay:.6s;animation: s4 2s both;}
.fade .f:nth-child(3){animation-delay:1s;animation: s5 2s both;}


/*栏目标题部分*/
.typename{ text-align:center;  padding:60px 0 40px; padding:4rem 0 2.8rem; overflow:hidden; clear:both;}
.typename .ennames{color:#464646; font-size:40px; font-size:2.5rem; line-height:1;}
.typename .title{ font-size:24px; color:#494949; position:relative; display:inline-block;}
.typename .title:before{ content:""; position:absolute; right:105%; width:36px; height:1px; top:50%; background:#c4c4c4
;}
.typename .title:after{ content:""; position:absolute; left:105%; width:36px; height:1px; top:50%; background:#c4c4c4
;}


.mt-30{ margin-top:30px;}


.index-dt{ font-size:16px; color:#000; padding:10px;}
.index-cp{}

#index-cp{text-align:justify; font-size:0px;}
#index-cp li{position:relative; width:30%; margin-right:5%; display:inline-block;*display:inline;*zoom:1;}
#index-cp li:nth-child(3){margin-right:0px;}
#index-cp li img{width:100%; height:auto;}

#index-cp li .txt{width:100%; height:35px; line-height:35px; background:#f2f2f2; text-align:center; font-size:16px;}

/**/
.index-al-g{ margin-top:20px;}
.index-al-g-txt .img{width:731px; height:367px;}
.index-al-g-txt .img img{width:100%; height:367px;}
.index-al-g-txt li{position:relative; height:367px;}
.index-al-g-txt .txt{ padding:40px; width:289px; background:url(../images/syal-bj.jpg) right top no-repeat; position:absolute; right:0px; top:0px; height:287px}
.index-al-g-txt .txt h3{ font-size:24px; color:#000;}
.index-al-g-txt .txt hr{ width:34px; height:3px; background:#66b62e; margin-top:13px;}
.index-al-g-txt .txt h5{ font-size:18px; color:#000; margin-top:33px;}
.index-al-g-txt .txt h6{ font-size:14px; color:#666; margin-top:15px;}
.index-al-g-txt .banner .slider-nav{z-index:9999;}
.index-al-g-txt .banner .slider-nav__item { width:9px; height:9px;transform:rotate(45deg); border-radius:0; background:#d9d9da; z-index:99999;}
.index-al-g-txt .banner .slider-nav__item--current {background: #66b62e;}
.index-al-g-txt .banner .slider-nav { position:absolute; left:auto !important; right:70px !important; z-index:9999; top:70px; bottom:auto;}
.index-al-more{ margin-top:80px; font-size:12px; display:inline-block; color:#666;}
.index-al-g-txt .banner .slider-nav{}


/*主页案例*/
.index-al{ padding:30px 0; background:#f9f9f9;}
.index-al-gd{ position:relative; overflow:hidden; height:371px; background:url(../images/al-bj.png) no-repeat right top;}
.index-al-gd .box{position:relative; z-index:999;}
.index-al-gd .txt{ padding:40px;}
.index-al-gd .txt h3{ font-size:24px; color:#000;}
.index-al-gd .txt hr{ width:34px; height:3px; background:#66b62e; margin-top:13px;}
.index-al-gd .txt h5{ font-size:18px; color:#000; margin-top:33px;}
.index-al-gd .txt h6{ font-size:14px; color:#666; margin-top:15px;}
.index-al-gd .banner .slider-nav{z-index:9999;}
.index-al-gd .banner .slider-nav__item { width:9px; height:9px;transform:rotate(45deg); border-radius:0; background:#d9d9da; z-index:99999;}
.index-al-gd .banner .slider-nav__item--current {background: #66b62e;}
.index-al-gd .banner .slider-nav { position:absolute; left:auto !important; right:70px !important; z-index:9999; top:70px; bottom:auto;}
.index-al-more{ margin-top:80px; font-size:12px; display:inline-block; color:#666;}
.index-al-gd .banner .slider-nav{}
.index-al-body{position:absolute; right:0px; top:0px; width:34.4%; height:100%; z-index:999999}
.index-al-body .banner{height:100%;}
.index-al-bj{ position:relative; z-index:-0;}
.index-al-body .img{width:80%; height:100%; position:relative; z-index:88 !important;}
.banner .slide {position:relative; z-index:9999;}
.bj-img{position:absolute; z-index:99;}

.index-al-l{ position:absolute; left:0px; z-index:99; width:66.66%; height:100%}
.index-al-l-z{position:absolute; left:0px; top:0px; width:100%; height:100%;}



.anli a:hover{color:#fff;}
.anli a{color:#fff; cursor:pointer;}
.anli-z1{ font-size:16px; color:#fff; line-height:127px; text-align:center;}
.anli-z2{ font-size:14px; color:#fff; line-height:84px; text-align:center;}
.a1{position:absolute; width:129px; height:127px; left:165px; text-align:center; bottom:5px; z-index:9999; background:url(../images/a-1.png) no-repeat center center;}
.a2{position:absolute; width:129px; height:127px; left:442px; bottom:5px; z-index:9999; background:url(../images/a-2.png) no-repeat center center;}
.a3{position:absolute; width:129px; height:64px; left:98px; bottom:0px; z-index:9999; background:url(../images/a-3.png) no-repeat center center;}
.a4{position:absolute; width:129px; height:64px; left:230px; bottom:0px; z-index:9999; background:url(../images/a-4.png) no-repeat center center;}
.a5{position:absolute; width:129px; height:64px; left:376px; bottom:0px; z-index:9999; background:url(../images/a-5.png) no-repeat center center;}
.a6{position:absolute; width:129px; height:64px; left:509px; bottom:0px; z-index:9999; background:url(../images/a-6.png) no-repeat center center;}
/*主页新闻*/
.index-new{ }
.index-new ul{ font-size:0px; padding:20px 0;}
.index-new li{ font-size:0px; width:33.3%; overflow:hidden; display:inline-block; *display:inline;*zoom:1;vertical-align:top;}
.index-new li .img{display:inline-block; transition:all 1s; color:#666; width:20%;*display:inline;*zoom:1; vertical-align:middle;}
.index-new li .img h4{ font-size:38px; }
.index-new li .img h6{ font-size:12px;}
.index-new li .txt{font-size:14px;display:inline-block;*display:inline;*zoom:1; width:70%; overflow:hidden; vertical-align:middle;}
.index-new li .txt h4{ font-size:16px; color:#000; transition:all 1s; white-space:nowrap;} 
.index-new li .txt h6{ font-size:12px; margin-top:12px; color:#666; white-space:nowrap;}
.index-new li a:hover .txt h4{text-indent:6px; color:#3177af;}
.index-new li a:hover .img{ transform:rotateX(-360deg) translate3d(-10px,0px,0)}


.footer{ padding:35px 0; background:#282828; color:#474443;}
.footer h4{margin-top:23px; line-height:1.3;}
.footer ul{}
.footer ul li{ padding:0px 30px; vertical-align:top; border-right:#2f2e2e 1px solid; display:inline-block;*display:inline;*zoom:1; text-align:center;}
.footer ul li a{ color:#474443;}
.footer ul li h5{ font-size:14px; line-height:32px;}
.footer ul li h6{ font-size:12px; line-height:22px;}
.footer ul li a:hover{color:#ccc;}
.footer ul li:nth-child(1),.footer ul li:last-child{ padding:0px 50px; }
.footer ul li:last-child{ border:none;}

.footer_bottom{ background:#4b4b4b; font-size:12px; overflow:hidden; clear:both; padding:13px 0;color:#949494;}
.footer_bottom a{color:#949494; padding:0px 3px;}
.footer_bottom a:hover{color:#ccc;}
.footer_bottom h5{font-size:14px;}

.mbx{height:40px; line-height:40px; padding:0px 10px; font-size:12px; color:#fff;background:#555555;}
.mbx a{ color:#fff;}
.mbx a:hover{color:#ccc; }

.ny_banner{}
.ny_banner img{width:100%; height:auto;}


.ny-body{width:100%; height:auto; overflow:hidden; clear:both;}
.cp-body{}
.cp-body-left{ width:20%; float:left; padding:40px 0; position:relative;transition:all 1s; white-space:nowrap;}

.cp-body-left .cp-typename{ position:relative;}
.cp-body-left .cp-typename h6{ font-size:12px; color:#999;}
.cp-body-left .cp-typename h2{ font-weight:bold; font-size:25px; margin:15px 0; color:#07325c;}
.cp-body-left .cp-typename hr{width:25%;background:#68b92e; border:none; height:2px; right:80%; position:absolute;}
.cp-body-left .cp-typename hr{animation:myfirst 10s;-webkit-animation:myfirst 10s infinite ; }

@keyframes myfirst
{
from { width:20px}
to {width:900px}
}


.cp-menu{ margin-top:40px;}
.cp-menu h5{  font-size:14px; font-weight:bold; line-height:40px; color:#474443; padding-left:20px;}
.cp-menu h5 a{color:#474443;}
.cp-menu h5 span{float:right;}
.cp-menu li.this h5{ background:#f6f6f6;}
.cp-menu li.this h5{color:#68b92e;}
.cp-menu li.this h5 a{color:#68b92e;}
.cp-body-left li.this li a.this{color:#68b92e;}


.cp-menu li h5 span{margin-top:15px; font-size:9px;  text-align:center;width:13px; height:13px;  border-radius:50%;  display:inline-block; vertical-align:middle; margin-right:15px; line-height:13px;}
.cp-menu li.this h5 span{background:#68b92e; color:#fff;}
.cp-menu .ny-cp-menu{ padding-left:40px; padding-top:10px;}
.cp-menu .ny-cp-menu li{ font-size:13px; line-height:25px; font-weight:normal; list-style:outside;}


.cp-body-right{ width:80%; background:#f7f7f7; border-top:40px #fff solid; border-bottom: 40px #fff solid; float:right; transition:all 1s; }
.list-shop{ padding:40px 30px; font-size:0px;}
.list-shop li{ width:45%; display:inline-block; transition:all 1s; margin:15px 2.5%;}
.list-shop li .txt{background:#fff; padding:15px; }
.list-shop li h6.cp-1{ font-size:12px; line-height:15px;}
.list-shop li:hover{/* transform: translate3d(-0px,-3px,0); box-shadow:0px 0px 16px #999;*/}


.list-shop1{padding:20px 30px; font-size:0px;}
.list-shop1 li{width:30%; margin:15px 1.66%; display:inline-block; vertical-align:top; background:#fff; overflow:hidden; clear:both;}
.list-shop1 li .list-shop1-title{ font-size:25px; font-size:2.5rem; line-height:63px; line-height:5.7rem; text-align:center; color:#fff; background:#07325c; white-space:nowrap;}
.list-shop1 .imgs{ margin:8px; border-bottom:1px solid #07325c; text-align:center;}
.list-shop1 .imgs img{max-width:100%; height:auto;}
.list-shop1 .txt{ margin:8px; font-size:14px;height:133px; overflow:hidden;}
.list-shop1 .txt h6{font-size:14px;}
.list-shop1 a{color:#07325c;}
.list-shop1 .txt .storng{ }

.list-shop2{padding:20px 30px;}
.list-shop2 li{overflow:hidden; clear:both; border-bottom:1px dashed #b9b9b9; padding:20px 0px 65px 0;}
.list-shop2 li h3{ font-size:20px; color:#68b92e; padding:30px 0;}
.list-shop2 li h5{line-height:20px; color:#4a4a4a; font-size:13px;}
.list-shop2 li:last-child{ border-bottom:none;}
.list-shop2 li .txt{ height:90px; overflow:hidden; position:relative;}
.list-shop2 li .txt h4{ font-size:15px; margin-top:15px; color:#68b92e; }
.list-shop2 li .txt h5{line-height:24px; color:#4a4a4a; font-size:13px; margin-top:10px;}
.sq{ text-align:right; padding:15px 0; }
.sq a{ color:#68b92e; font-size:12px; cursor:pointer;}
.sq a:hover{color:red; }

.p43{padding:20px 30px 30px;}
.list-arc{}

.list-arc{ font-size:0px;}
.list-arc li{background:#fff; white-space:nowrap; transition:all 1s; overflow:hidden; padding:25px 0; margin-top:10px; }
.list-arc li:after{display:block; overflow:hidden; clear:both; content:""; width:100%;}
.list-arc li a{display:block;}
.list-arc .img{ width:60px; white-space:nowrap; margin-left:10px; height:55px; text-align:center; font-size:12px;max-width:25%;float:left; border-right:1px solid #e7e7e7; color:#999; /*font-family:Georgia, "Times New Roman", Times, serif,Impact,Arial, Helvetica, sans-serif;*/ transition:all 1s; max-width:20%}
.list-arc .img  span{font-size:30px; line-height:35px;}
.list-arc .img h6{ line-height:20px;}

.list-arc .txt{width:75%;margin-left:10px;   overflow:hidden; display:table-cell; vertical-align:middle;   font-size:14px; float:left;}
.list-arc .txt h5{ font-size:18px; line-height:30px; transition:all 1s;}
.list-arc .txt p{ font-size:14px; display:block; width:100%; overflow:hidden; white-space:nowrap;   line-height:20px; color:#949494;}
.list-arc a:hover  .txt h5{text-indent:10px;}
.list-arc a:hover .img{ transform:rotateX(-360deg);}
.list-arc .txt.huanhang{ width:90%;white-space:normal;}
.list-arc .txt.huanhang h5{ white-space:nowrap;}
.list-arc .txt.huanhang p{white-space:nowrap;}

/*新闻详情页面*/
.arc-body{background:#fff; overflow:hidden; clear:both;}
.arc-title{ text-align:center; margin:0px 33px; padding:33px 0; border-bottom:1px solid #d1d1d1;}
.arc-title h2{ font-size:24px; color:#474443;}
.arc-title p{font-size:12px; color:#949494; margin-top:33px;}
.arc-zt{padding:33px; font-size:14px; color:#949494; line-height:1.5;}
.arc-zt img{max-width:100%; padding:10px 0; height:auto; height:auto !important;}

.fenx{ padding:8px 20px; overflow:hidden; clear:both;     border-top: 2px #f0f0f0 solid;}
.read-zan{float:left; color:#666; font-size:13px; text-decoration:none; list-style:none;}
.read-zan em{list-style:none; font-style:normal;}
.read-zan a{color:#666;}
.read-zan .read-num{margin-right:10px;}
.read-zan i{padding-right:8px; color:#333;}
.gjz{ padding:10px 0;}
.gjz a{ line-height:16px; border:1px solid #ddd; border-radius:10px; color:#666; padding:0px 10px; margin-right:6px;}
.gjz a:hover{ color:#1cb9c8; border-color:#1cb9c8;}
.fenxiang{float:right;}

.sxp{line-height:30px;padding:8px 20px; font-size:12px;}


.arc-link{ margin-top:20px; padding:8px; background:#fff; font-size:12px; margin-bottom:20px;}
.arc-link dt{ line-height:34px; height:24px; padding:10px 0;}
.arc-link dt h4{border-left:2px solid #019dac; line-height:1; font-size:16px; color:#333; text-indent:12px; }
.arc-link dd {overflow:hidden; clear:both;border:1px solid #efefef;}
.arc-link dd .imgs{width:40%; float:left; height:259px; overflow:hidden;}
.arc-link dd .imgs .slide{ position:relative; height:259px;}
.arc-link dd .imgs h5{font-size:14px; position:absolute; bottom:0px; left:0px; text-indent:14px; width:100%; background:#000; background:rgba(0,0,0,0.7); line-height:32px;}
.arc-link dd .imgs a{color:#fff;}
.arc-link dd .imgs img{width:100%; height:auto;}
.arc-link dd .slider-arrow{display:none;}
.arc-link dd .slider-nav { bottom:50px;}

.arc-link dd .txt{ float:left; width:47%; margin-left:2%;}
.arc-link dd .txt ul{padding-left:20px;}
.arc-link dd .txt li{list-style:square;border-bottom:1px dashed #efefef; white-space:nowrap; overflow-style:marquee-line; line-height:30px;}
.arc-link dd .txt li a{color:#333; display:inline-block; transition:all 1s;}
.arc-link dd .txt li a:hover{color:#68b92e; text-indent:10px; display:inline-block;}
.arc-link dd .txt {color:#1fa8d9;}
.pl{width:100%; overflow:hidden; clear:both; position:relative;}


/*工程案例部分*/
.list-ch18{}
.list-ch18 li{font-size:0px; background:#fff; margin-top:19px;}
.list-ch18 .img{ width:33%; display:inline-block; vertical-align:middle;}
.list-ch18 .txt{ width:67%; font-size:14px; display:inline-block; vertical-align:middle;}
.list-ch18 .txt .p{}
.list-ch18 .txt h4{ font-size:23px;}
.list-ch18 .txt h6{ font-size:12px; margin-top:18px; line-height:1.8;}

/*产品详情页面*/
.arc-shop{}
.arc-shop-title{ border-bottom:1px solid #ccc; line-height:40px; height:40px;}
.arc-shop-title h2{font-size:22px; color:#07325c;border-bottom:1px solid #07325c; display:inline-block; }

.arc-shop-body{ margin:20px 0; background:#fff; overflow:hidden; clear:both;}
.arc-shop-body-l{ width:50%; float:left;}
.arc-shop-body-l img{width:100%; height:auto;}
.arc-shop-body-r{width:45%; padding-left:5%; float:left;}
.arc-shop-body-r h2{ font-size:24px; padding:10px 0;}
.arc-shop-body-r h6{font-size:14px; line-height:30px;}

.arc-shop-zt{}
.arc-shop-zt-title{ border-bottom:1px solid #07325c}
.arc-shop-zt-title h2{background:#07325c; color:#fff; font-size:16px; padding:8px; display:inline-block; *display:inline;*zoom:1;}
.arc-shop-zt-z{font-size:14px; line-height:30px; padding:10px 0;}
.arc-shop-zt-z img{max-width:100%; height:auto;}


/*单页 部分*/
.dy-title{ }
.dy-title h2{font-size:20px; font-weight:bold;}
.dy-title h3{ font-size:16px; font-weight:bold; margin-top:15px;}
.dy-ld h5{ font-size:14px; margin-top:15px; line-height:1.8;}
.dy-ld h4{ font-size:16px; margin-top:15px; line-height:1.8;}
.dy-ld{ }
.dy-ld h6{font-size:18px; margin-top:75px; line-height:2; color:#474443;}

/*联系我们部分*/
.lxwm-1{ font-size:0px; }
.lxwm-1 li{ width:30%; display:inline-block; vertical-align:top; padding:33px 0;  margin:1.5%; background:#fff; background:
rgba(255,255,255,.7);text-align:center;color:#cfab77; font-size:15px;}
.lxwm-1 li i{ font-size:69px; }
.lxwm-1 li h6{font-size:15px; padding-top:30px;}
.lxwm-map{ width:100%; margin-top:43px; background:#fff;}
.map-cl{width:100%; height:530px; border:none;}
.lxwm-2{}
.lxwm-2 h3{display:inline-block; font-size:20px; color:#cfab77; padding:6px 0;padding-right:12px; }
.lxwm-2 h3 i{font-size:24px;}

@keyframes szss{
	
	  0% {
		
		  opacity:0.1; color:#fff;  transform:translateX(-50px);
		  
		  }
		
	  50% {

		  opacity:1; color:#fff;transform:translateX(0px);
		  }
		  100% {

		  opacity:0.5; color:#fff; transform:translateX(0px);
		  }
	}
@keyframes szsss{
	  0% {
		
		  opacity:0.1; color:#fff;  transform:translateX(50px);
		  
		  }
		
	  50% {

		  opacity:1; color:#fff;  opacity:1; color:#fff; transform:translateX(0px);
		  }
		  100% {

		 opacity:0.5; color:#fff; transform:translateX(0px);
		  }
	}

@media screen and (min-width: 1100px) {
.x{ opacity:0; opacity: 1\9\0;}
.xh{}
.xh .x{animation: jz 1s forwards;}
.xh .zhuanpan .x{animation: jzs 1s forwards;}

}



.xhcss .x:nth-child(1){ animation-delay:0.2s;}
.xhcss .x:nth-child(2){ animation-delay:0.4s;}
.xhcss .x:nth-child(3){ animation-delay:0.6s;}
.xhcss .x:nth-child(4){ animation-delay:0.8s;}
.xhcss .x:nth-child(5){ animation-delay:1s;}
.xhcss .x:nth-child(6){ animation-delay:1.2s;}
.xhcss .x:nth-child(7){ animation-delay:1.4s;}
.xhcss .x:nth-child(8){ animation-delay:1.6s;}

@-webkit-keyframes jzs {
  0% {

    opacity: 0;
  }
  100% {

    opacity: 1;
  }
}
@-webkit-keyframes jz {
  0% {
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes jz {
  0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
.header-sj{display:none;}
.navs{display:none;}
.left-dj{display:none;}
	.dianhua{display:none;}
@media screen and (min-width: 1100px) {

	.nav{display:block;}
}
@media screen and (max-width: 1100px) {
.index-al-body {display:none;}
.index-al-l {width:733px;}	
	
.index-al-g-txt .img{width:100%; height:auto;}
.index-al-g-txt .img img{width:100%; height:367px;}
.index-al-g-txt li{position:relative; height:367px;}
.index-al-g-txt .txt{ padding:40px; width:289px; position:absolute; right:0px; top:0px;}
	
	
	
.wd{width:100%;}
/*手机导航部分*/

.header-sj{ text-align:center; height:90px; position:relative; display:block;}
.header-sj .logo{ height:90px; display:table; width:100%;}
.dnlogo{display:none !important;}
.header-sj .logo a{display:table-cell; vertical-align:middle; width:100%}
.header-sj .logo img{ width:50%; height:auto; max-height:85px; max-width:253px;}

.zhuye{position: absolute;left: 5px;top: 50%; margin-top: -25px;display: block;width: 50px;height: 50px;line-height: 44px;text-align: center;color: #fff;cursor: pointer; z-index:9;}
.zhuye i{font-size:36px; line-height:50px;}
/*滑动显示点击部分*/
.lb{position: absolute;right: 5px;top: 50%; margin-top: -25px;display: block;width: 50px;height: 50px;line-height: 44px;text-align: center;color: #fff;cursor: pointer; z-index:9; color:#000;}
.lb i{font-size:36px; line-height:50px; }
/*滑动显示导航部分*/
.nav_bj{position: fixed; top: 0;right: 0; bottom: 0;left: 0;z-index: 1090; background: rgba(0,0,0,.15); display:none;}
.navs{    position: fixed; top: 0; bottom: 0;left: 0; z-index: 1091; width: 270px; max-width: 100%; background: #407dd1;;overflow-y: auto;
-webkit-overflow-scrolling: touch;-webkit-transition: -webkit-transform .3s ease-in-out;transition: transform .3s ease-in-out-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);}
.nav-active{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
.nav_list{}
.nav_list li{}
.nav_list li a{    height: 44px;line-height: 44px;text-indent: 15px;padding: 0; position: relative;color: #fff;border-top: 1px solid rgba(3,133,203,.4); -webkit-box-shadow: inset 0 1px 0 rgba(3,111,203,.05); box-shadow: inset 0 1px 0 rgba(3,111,203,.05);text-shadow: 0 1px 0 rgba(0,0,0,.5); display:block;} 
.nav_list li.nav_list_this a{background:#002285;}
.logos{text-align:center; padding:20px 0;}
/*手机上nav部分*/
.nav{ padding:10px 0 0 0; display:none; }
.nav li{width:100%; border-top:1px solid #515050; border-bottom:1px solid #2f2e2e; background:#3d3d3d; display:block; max-width:100%;}
.nav li a{display:block; width:100%; font-size:13px;  line-height:45px; color:#fff;} 
.nav li:nth-child(5){display:none;}
/*手机底部部分*/
.footer ul li:nth-child(1),.footer ul li:last-child{ width:100%; text-align:center; padding:0px;}
.footer ul li:last-child{margin-top:15px;}
.footer h4{margin-top:10px; font-size:14px;}
.footer ul li {width:24%; padding:0px;}

/**/

.cp-body-left .cp-typename {padding-left:20px;}
.dianhua{display:block; font-size:22px;}
.dianhua i{font-size:3rem !important;}
}

@media screen and (max-width: 800px) {
.index-al-body {display:block; width:100%;}
.index-al-l {width:733px; display:none;}		
	
	
.p43{padding:20px;}
/*调整手机端案例部分*/
.index-al-gd .txt { position:relative; left:0px; top:0px; width:auto; }
.index-al-gd .slide img{ }
/*调整手机端新闻部分*/
.index-new li{width:90%; margin:0px auto; display:block; margin-top:10px;}
.index-new li .txt h4{ white-space:normal;} 
.index-new li .txt h6{ white-space:normal;}
.index-new li .img {width:auto; margin-right:10px; padding:10px; background:#c40000; color:#fff;}

/**/
.cp-body-left{ width:0px; }
.cp-body-left dt,.cp-body-left dd{ overflow:hidden;}
.cp-body-right {width:100%;}
/*s*/
.cp-body-left{}
.left-dj{ width:40px; height:40px; font-size:18px; line-height:40px; text-align:center; position:absolute; top:0px; right:-40px; color:#fff;content:">"; background:#000; z-index:9999; display:block;}
.left-dj.cp-l{  background:#000; background:rgba(00,00,00,.7); color:#fff; font-size:18px;}

/**/
.list-arc .txt h5{font-size:16px;}
}

@media screen and (max-width: 680px) {
	.p43{padding:15px;}
	
		
.index-al-g-txt .img{width:100%; height:auto;}
.index-al-g-txt .img img{width:100%; height:auto;}
.index-al-g-txt li{position:relative; height:auto;}
.index-al-g-txt .txt{ padding:40px; width:auto !important; position:relative; right:0px; top:0px;}
	
	
	
	}
@media screen and (max-width: 480px) {
	
.arc-link dd .imgs{width:100%; float:none;}
.arc-link dd .txt{width:100%; float:none;}
.p43{padding:10px;}
.footer ul li {display:none;}
.footer ul li:nth-child(1),.footer ul li:last-child{ width:100%; text-align:center; padding:0px; display:block;}
.footer_bottom{padding:13px 10px;}
.footer_bottom .fr{float:none;}
	/*调整手机端产品部分*/
.index-cp{width:95%; margin:0px auto;}
#index-cp li{width:100%;}
#index-cp li .txt { font-size:12px;}
.list-arc .txt{width:90%;}
.list-arc .txt h5 {font-size:14px; white-space:normal; }
.list-arc .txt p {font-size:12px; white-space:normal;}
.r-sj .list-arc .img{display:none;}
.r-sj .list-shop li{width:95%;}

.list-shop1 li { width:46%}
.r-sj .list-shop1 li{width:96%;}
.list-shop1 li .list-shop1-title{font-size:16px;}
.list-shop1 .txt h6 {font-size:12px;}
	/*工程案例部分*/
.list-ch18 .img,.list-ch18 .txt{width:100%;}
.dy-title h3 {text-align:center;}
.dy-ld h6 {font-size:13px;}
.list-shop1 {padding:10px;}
.lxwm-1 li {width:97%;}
	}


@keyframes sz{

	  0% {
		  transform:translateY(-100%);
		  opacity:0.1;
		  }

	  100% {
		  transform:translateY(0);opacity:1;
		  }

	

	}
	
	
@keyframes sz1{

	  0% {
		  transform:translateX(-100%);
		  opacity:0.1;
		  -moz-transform:translateX(-100%);	  
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
		  }

	  100% {
		  transform:translateX(0);opacity:1;
		  -moz-transform:translateX(0) ; 
-ms-transform:translateX(0);
-o-transform:translateX(0);
		  }

	

	}
	@keyframes sz2{

	  0% {
		  transform:translateX(300%);
		  opacity:0.1;
		  -moz-transform:translateX(300%);  
-ms-transform:translateX(300%);
-o-transform:translateX(300%);
		  }

	  100% {
		  transform:translateX(0);opacity:1;
		  -moz-transform:translateX(0);  
-ms-transform:translateX(0);
-o-transform:translateX(0);
		  }

	

	}
	
@keyframes s3{

	  0% {
		  transform:translateY(-30%);
		  -webkit-transform:translateY(-30%);
-moz-transform:translateY(-30%);
-ms-transform:translateY(-30%);
-o-transform:translateY(-30%);
		  opacity:0;
		  }
/*		  
-moz-	  
-ms-
-o-
*/	  
100% {
		  transform:translateY(0);opacity:1;
		  -moz-transform:translateY(0); 
-ms-transform:translateY(0);
-o-transform:translateY(0);
		  }

	

	}
	
@keyframes s4{

	  0% {
		  transform:translateX(-100%);
		  opacity:0;
		  -moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
		  }

	  100% {
		  transform:translateX(0);opacity:1;
		  -moz-transform:translateX(0);  
-ms-transform:translateX(0);
-o-transform:translateX(0);
		  }

	

	}	
	@keyframes s5{

	  0% {
		  transform:translateX(100%);
		  opacity:0;
		  -moz-transform:translateX(100%);  
-ms-transform:translateX(100%);
-o-transform:translateX(100%);
		  }
	
	  100% {
		  transform:translateX(0);opacity:1;
		  -moz-transform:translateX(0);	  
-ms-transform:translateX(0);
-o-transform:translateX(0);
		  }

	

	}