@charset "utf-8";
body {
  font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #000000;
}

.navbar {
    position: relative;
    margin-bottom: 0px;
    border-bottom: 0px solid #BEBCBC;
}


.navbar-inverse {
    background-color: #FFFFFF;
    border-color: #5F5D5D;
}

.navbar-brand {
   margin-top:0px;
   padding:0px;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left:20px;
	padding-right:20px;
    line-height: 55px;
}

.nav {
    padding-left: 50px;
}


.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #36511f;
}
a {
    color: #333333;
    text-decoration: none;
}

a:hover { text-decoration:none; transition: all 300ms ease-in 0ms; color: #333333;}

.navbar-inverse .navbar-nav > li > a {
    color: #d4d4d4;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #000;
    border: 1px solid transparent;
    border-radius: 4px;
}


.menu ul.sub_menu{position:absolute; width:600px; display:none; z-index:999; margin-left:0px;}
.menu ul.sub_menu a{ color:#ffffff;}
.menu ul.sub_menu a:hover{ color:#ffffff; background:none;}
.bg{ background:url(../images/bg.png) repeat; height:40px; display:none; width:100%; z-index:99; position:absolute;}
.menu ul.sub_menu li {
    float:left;
	width:100px;
    line-height: 40px;
	list-style-type:none;
	background:none;
}
.menu ul.sub_menu li a{ 
    color:#ffffff;
	font-size:12px;
	}
	
.kq1 {-webkit-animation-delay: 0.2s;}
.kq2 {-webkit-animation-delay: 0.4s; -webkit-animation-duration: 0.4s;}
.kq3 {-webkit-animation-delay: 0.6s; -webkit-animation-duration: 0.6s;}
.kq4 {-webkit-animation-delay: 0.8s; -webkit-animation-duration: 0.8s;}
.kq5 {-webkit-animation-delay: 1s; -webkit-animation-duration: 1s;}
.kq6 {-webkit-animation-delay: 1.2s; -webkit-animation-duration: 1.2s;}

.kuanping {
   width:1660px;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   }
   
.kkt {
   width:100%;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   }
   
   
.daohh {
   height:auto; overflow:hidden;
   margin-top:40px;
   margin-bottom:40px;
   }  
   
.daohh-aa {
   width:68px;
   float:left;
   } 
   
.daohh-bb {
   width:30px;
   float:right;
   } 
   
.daohh-bb:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 300ms ease-in 0ms;
}
.daohh-bb img {
    transition: all 300ms ease-in 0ms;
}
   
.banner {
   height:auto; overflow:hidden;
   }
   
.banner img {
   width:100%;
   }

   
.lanmu {
   height:auto; overflow:hidden;
   margin-top:70px;
   }
   
.lanmu-aa {
   width:50%;
   float:left;
   }
   
.lanmu-bb {
   width:50%;
   line-height:50px;
   color:#d4d4d4;
   text-align:right;
   float:right;
   }
   
.lanmu-bb a {
   color:#d4d4d4;
   }
   
.lanmu-bb a:hover {
   color:#9cc6cf;
   }
   
.lanmu-aa li {
   list-style-type:none;
   float:left;
   margin-right:85px;
   }
   
.lanmu-aa li a {
   height:auto; overflow:hidden;
   line-height:50px;
   font-size:25px;
   color:#d4d4d4;
   }
   
.lanmu-aa li a:hover {
   color:#9cc6cf;
   }
      
@keyframes banner_animate
{
    from {transform: scale(1.2);}
    to {transform: scale(1);}
}

@-moz-keyframes banner_animate 
{
    from {transform: scale(1.2);}
    to {transform: scale(1);}
}

@-webkit-keyframes banner_animate 
{
    from {transform: scale(1.2);}
    to {transform: scale(1);}
}

@-o-keyframes banner_animate 
{
    from {transform: scale(1.2);}
    to {transform: scale(1);}
}


.banner img
{
    animation: banner_animate 3s;
    -moz-animation: banner_animate 3s;  
    -webkit-animation: banner_animate 3s;  
    -o-animation: banner_animate 3s;   
    width: 100%;
}

/* 关于我们 */
.about {
   height:auto; overflow:hidden;
   padding-left:20px;
   padding-right:20px;
   position:relative;
   margin-top:-40px;
   }
   
.about-aa {
   width:50.4%;
   padding-top:54px;
   float:left;
   }
   
.abrow {
   height:auto; overflow:hidden;
   margin-left:-10px;
   margin-right:-10px;
   }
   
.abrow li {
   list-style-type:none;
   width:33.3%;
   float:left;
   padding-left:10px;
   padding-right:10px;
   margin-bottom:20px;
   }
   

.abrow li img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; width:100%;}  

.abrow li:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 500ms ease-in 0ms;
   } 
   
.abrow li section {
   overflow: hidden;
   }

   
.about-bb {
   width:27%;
   float:right;
   margin-right:10.6%;
   }
   
.about-bb h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:25px;
   text-align:center;
   color:#9d9d9d;
   margin-top:0px;
   margin-bottom:32px;
   }
   
.abnn {
   height:160px;
   color:#9d9d9d;
   font-size:12px;
   line-height:30px;
   text-align:center;
   }
   
.abnn img {
    width:100%;
}
   
.lxnn {
   height:auto; overflow:hidden;
   margin-top:332px;
   }
   
.weixin {
   width:88px;
   margin:0 auto;
   }
   
.add {
   width:260px;
   color:#9d9d9d;
   line-height:26px;
   margin:15px auto 0px;
   }
   
.add a {
   color:#9d9d9d;
   }
   
.add a:hover {
   color:#475d29;
   }

/* 项目展示 */
.xiangmu {
   height:auto; overflow:hidden;
   padding-left:50px;
   padding-right:50px;
   margin-top:18px;
   }
   
.proce {
    padding: 0px 139px;
    position: relative;
}  

#fuwu {
    position: static;
}

.proce .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 45px;
    height: 45px;
    margin-top: -22px;
    z-index: 8;
	left:0px;
    cursor: pointer;
	background:url(../images/left.png);
    background-size: 45px 45px;
    background-position: center;
    background-repeat: no-repeat;
}

.proce .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 45px;
    height: 45px;
    margin-top: -22px;
    z-index: 8;
	right:0px;
    cursor: pointer;
	background:url(../images/right.png);
    background-size: 45px 45px;
    background-position: center;
    background-repeat: no-repeat;
}

.case {
   height:auto; overflow:hidden;
   }

   
.case img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; width:100%;}  

.case:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 500ms ease-in 0ms;
   } 
   
.case section {
   overflow: hidden;
   }	 
	
section {
    display: block;
} 
   
.case-zi {
   height:auto; overflow:hidden;
   text-align:center;
   font-size:12px;
   color:#9d9d9d;
   background-color:#f3f3f3;
   line-height:66px;
   }
   
.case-dd {
   height:20px;
   background:url(../images/ssx.png) bottom center; background-repeat:no-repeat
   }
   
   
.case:hover .case-zi {
   color:#FFFFFF;
   background-color:#9cc6cf;
   transition: all 300ms ease-in 0ms;
   }
   
/* 项目详情 */  
.xmxq {
   height:auto; overflow:hidden;
   position:relative;
   z-index:2;
   }  
   
.xmxq-aa {
   width:76.3%;
   float:left;
   }
   
.xmrow {
   height:auto; overflow:hidden;
   margin-left:-4px;
   margin-right:-4px;
   }
   
.xmrow-aa {
   width:32.8%;
   padding-left:4px;
   padding-right:4px;
   float:left;
   }
   
.xmrow-aa li {
   list-style-type:none;
   }
   
.xmrow-bb {
   width:36.1%;
   padding-left:4px;
   padding-right:4px;
   float:left;
   }
   
.xmrow-bb li {
   list-style-type:none;
   height:auto; overflow:hidden;
   margin-bottom:8px;
   }
   
.xmrow-cc {
   width:31.1%;
   padding-left:4px;
   padding-right:4px;
   float:right;
   }
   
.xmxq-bb {
   width:21.8%;
   color:#9d9d9d;
   line-height:25px;
   float:right;
   }
   
.xmxq-bb h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:14px;
   margin-top:0px;
   margin-bottom:15px;
   }
   
   
.draw{position:fixed;width:1px;line-height:1px;pointer-events:none;}
@keyframes floatOne{
0%{opacity:1;}
50%{opacity:1;}
100%{opacity:0;transform:translate3D(0,-20px,0) scale(5) rotate(45deg);}
} 

.neirr {
   position:relative;
   z-index:2;
   }
   
/* 详情2 */   
.xmrow-aa2 {
   width:30.2%;
   padding-left:4px;
   padding-right:4px;
   float:left;
   }  
   
.xmrow-bb2 {
   width:31%;
   padding-left:4px;
   padding-right:4px;
   float:left;
   } 
   
.xmrow-cc2 {
   width:16.1%;
   padding-left:4px;
   padding-right:4px;
   float:left;
   } 
   
.xmrow-cc2 li {
   list-style-type:none;
   margin-bottom:10px;
   } 
   
.xmrow-dd2 {
   width:22.7%;
   padding-left:4px;
   padding-right:4px;
   float:right;
   }
   
.xmrow-dd2 li {
   list-style-type:none;
   margin-bottom:8px;
   } 
   
/* 详情3 */ 
.xmrow-aa3 {
   width:57.9%;
   padding-left:4px;
   padding-right:4px;
   float:left;
   }
   
.xmrow-aa3-s {
   height:auto; overflow:hidden;
   margin-bottom:8px;
   } 
   
.xmrow-aa3-s li {
   list-style-type:none;
   width:50%;
   float:left;
   padding-left:4px;
   padding-right:4px;
   }
   
.xmrr {
   height:auto; overflow:hidden;
   margin-left:-4px;
   margin-right:-4px;
   margin-bottom:8px;
   }  
   
.xmrr-aa {
   width:72.8%;
   float:left;
   padding-left:4px;
   padding-right:4px;
   }   
   
.xmrr-bb {
   width:27.2%;
   float:right;
   padding-left:4px;
   padding-right:4px;
   }  
   
.xmrow-bb3 {
   width:24%;
   padding-left:4px;
   padding-right:4px;
   float:left;
   } 
   
.xmrow-bb3 li {
   list-style-type:none;
   margin-bottom:8px;
   }  
   
.xmxq-aa img {
   width:100%;
   } 
   
.xmrow-cc3 {
   width:18.1%;
   padding-left:4px;
   padding-right:4px;
   float:right;
   } 
   
.xmrow-cc3 li {
   list-style-type:none;
   margin-bottom:8px;
   }
   
/* 弹窗 */

.pdcon-ct{
	display:flex;
	flex-wrap:wrap;
}
.pdcon-ct>span{
	display:block;
	color:#fff;
	background:#2e4b98;
	padding:8px 30px;
	font-size:1.4rem;
	font-weight:600;
}
.pdcon{
	border-top:3px #2e4b98 solid;
	padding:20px 0px;
	font-size:1.4rem;
	color:rgba(0,0,0,.6);
	width:100%;
}

.picshade {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.91;
  filter: alpha(opacity=91);
  z-index: 99;
  display: none;
}

.pictures_eyes_close {
  position: fixed;
  top: 30px;
  right: 30px;
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url(../images/close.png) no-repeat;
  z-index: 100;
  display: none;
}

.pictures_eyes {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 199;
  display: none;
}

.pictures_eyes_in {
  position: relative;
  text-align: center;
}

.pictures_eyes_in img { max-height: 750px; }

.pictures_eyes_in section p{color:#fff;padding:15px 0px;}

.pictures_eyes_in .prev, .pictures_eyes_in .next {
  position: absolute;
  top: 50%;
  width: 51px;
  height: 51px;
  cursor: pointer;
}

.pictures_eyes_in .prev {
  left: 35px;
  background: url(../images/Tleft.png) no-repeat;
}

.pictures_eyes_in .next {
  right: 35px;
  background: url(../images/Tright.png) no-repeat;
}

.pictures_eyes_indicators {
  position: fixed;
  left: 0;
  bottom: 15px;
  width: 100%;
  text-align: center;
  z-index: 299;
}

.pictures_eyes_indicators a {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 6px 3px 0 3px;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 0 2px #000;
  filter: alpha(opacity=50);
  opacity: 0.5;
  overflow: hidden;
}

.pictures_eyes_indicators img { height: 50px; }

.pictures_eyes_indicators .current {
  filter: alpha(opacity=100);
  opacity: 1;
}

.icase ul {
   padding:0px;
   margin:0px;
   }
   
.icase ul li {
   list-style-type:none;
   }  
   
.typed-out {
    border-right: .30em solid orange;
    white-space: nowrap;
    animation:typing 1s steps(20, end) forwards,
    blinking 3.2s infinite;
    width: 0;
}

   
@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}
@keyframes blinking {
    from { border-color: transparent }
    to { border-color: green; }
}   


@media (min-width: 1400px) and (max-width: 1600px) {

.kuanping {
   width:100%;
   }
   
.lxnn {
    height: auto;
    overflow: hidden;
    margin-top: 262px;
}   

}   

@media (min-width: 1200px) and (max-width: 1400px) {

.kuanping {
   width:100%;
   }
   
.lxnn {
    height: auto;
    overflow: hidden;
    margin-top: 202px;
}

.proce {
    padding: 0px 100px;
    position: relative;
}

}


@media (min-width: 0px) and (max-width: 1000px) {

.navbar-nav > li > a {
    padding: 10px 20px;
    line-height: 20px;
}

.nav {
    padding-left: 0px;
}


.kuanping {
   width:100%;
   }


}