@charset "utf-8";
@font-face {      font-family: 'Turnpike';      
src: url('Turnpike.eot'); /* IE9 Compat Modes */      
src: url('Turnpike.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */              
url('Turnpike.woff') format('woff'), /* Modern Browsers */              
url('Turnpike.ttf')  format('truetype'), /* Safari, Android, iOS */              url('Turnpike.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */    }

@font-face {      font-family: 'DINCond-Bold';      
src: url('DINCond-Bold.eot'); /* IE9 Compat Modes */      
src: url('DINCond-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */              
url('DINCond-Bold.woff') format('woff'), /* Modern Browsers */              
url('DINCond-Bold.otf')  format('truetype'), /* Safari, Android, iOS */              url('DINCond-Bold.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */    }

@font-face {      font-family: 'Eras Demi ITC';      
src: url('Eras Demi ITC.eot'); /* IE9 Compat Modes */      
src: url('Eras Demi ITC.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */              
url('Eras Demi ITC.woff') format('woff'), /* Modern Browsers */              
url('Eras Demi ITC.ttf')  format('truetype'), /* Safari, Android, iOS */              url('Eras Demi ITC.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */    }


body {
  font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.428571429;
  color: #000000;
}

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


.navbar-inverse {
    background-color:rgba(255,255,255,0);
    border-color: #5F5D5D;
}

.navbar-inversex {
    background-color: rgba(0,0,0,0.6);
    border-color: #5F5D5D;
}

.navbar-inversey {
    background-color: rgba(0,0,0,0.6);
    border-color: #5F5D5D;
}

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

.navbar-nav > li > a {
    padding-top: 2rem;
    padding-bottom: 2rem;
	padding-left:2.3rem;
	padding-right:2.3rem;
    line-height: 7.8rem;
}

.nav {
    padding-left: 5rem;
}


.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #FFFFFF;
}

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: #FFFFFF;
	font-size:2rem;
	font-weight: 200;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 0.9rem 1rem;
    margin-top: 0.8rem;
    margin-right: 1.5rem;
    margin-bottom: 0.8rem;
    background-color: #000;
    border: 1px solid transparent;
    border-radius: 4px;
}

   .navbar-toggle>span{
		display:block;
		width: 30px;
		height: 4px;
		background-color: #043d79;
		border-radius: 2px;
		margin: 4px auto;
		transition: .3s;
		transform-origin: left center;
    }
   
	 .nav-top1{
		-webkit-transform: rotateZ(34deg);
		-moz-transform: rotateZ(34deg);
		-ms-transform: rotateZ(34deg);
		-o-transform: rotateZ(34deg);
		transform: rotateZ(34deg);
    }
    .nav-middle1{
		opacity: 0;
    }
    .nav-bottom1{
		-webkit-transform: rotateZ(-34deg);
		-moz-transform: rotateZ(-34deg);
		-ms-transform: rotateZ(-34deg);
		-o-transform: rotateZ(-34deg);
		transform: rotateZ(-34deg);
    }


.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:171.6rem;
   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;
   }
   
.guding {
   position:fixed;
   width:100%;
   top:0px;
   z-index:9;
   }
   
.logo {
   width:47.5rem;
   height:8rem;
   margin-top:2rem;
   }
   
.logo img {
   width:47.5rem;
   height:8rem;
   } 
   
.navbar-inverse .navbar-nav > li > a::after {
    width: 0;
    transition: width .3s;
    height: 2px;
    display: block;
    margin: 0 auto;
    content: "";
    background-color: #FF0000;
}

.navbar-inverse .navbar-nav > li > a:hover:after{
	width:4rem;
	height:2px;
	display:block;
	content:"";
	transition:width .3s;
	background-color:#FF0000;
}  
   
.banner {
   position:relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
   }
   
.banner video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}
   
.banner img {
   width:100%;
   height:100vh;
   }
   
.bnnzi {
   position:absolute;
   width:100%;
   height:100%;
   padding-top:32rem;
   background-color:rgba(0,0,0,0.4);
   text-align:center;
   color:#FFFFFF;
   font-weight: 200;
   font-size:2.8rem;
   line-height:6rem;
   top:0rem;
   left:0rem;
   z-index:6;
   }
   
.bnnzi h2 {
   font-family: 'Turnpike', Helvetica, Arial, sans-serif;
   font-size:9.7rem;
   color:#FFFFFF;
   margin-top:0rem;
   margin-bottom:2.5rem;
   }
   
.welcome {
   width:13rem;
   height:3.2rem;
   margin:4.5rem auto 0rem;
   }
   
.welcome a {
   display:block;
   width:100%;
   height:3.2rem;
   line-height:3.2rem;
   text-align:center;
   font-size:1.6rem;
   color:#FFFFFF;
   border-bottom:1px solid #FFFFFF;
   }

.abbj {
   background:url(../images/abbj.jpg);
   background-size: 100% 100%;
   }
   
   
.put-1 {
   background-color: rgba(255,255,255,0);
   box-shadow: 0px 0px 15px rgba(0,0,0,0);
   }
   

.put-1 .logo {
   width:47.5rem;
   height:8rem;
   margin-top:0rem;
   }
   
.put-1 .navbar-nav > li > a {
    padding-top: 0rem;
    padding-bottom: 0rem;
	padding-left:1.7rem;
	padding-right:1.7rem;
    line-height: 7.8rem;
	color: #FFFFFF;
    font-size: 2rem;
}

.put-1 .navbar-nav > li > a:hover, .put-1 .navbar-nav > li > a:focus {
    color: #FFFFFF;
	background-color:rgba(0,0,0,0);
}


.put-2 {
   background-color: rgba(255,255,255,0);
   box-shadow: 0px 0px 15px rgba(0,0,0,0);
   }
   

.put-2 .logo {
   width:47.5rem;
   height:8rem;
   margin-top:0rem;
   }
   
.put-2 .navbar-nav > li > a {
    padding-top: 0rem;
    padding-bottom: 0rem;
	padding-left:1.7rem;
	padding-right:1.7rem;
    line-height: 7.8rem;
	color: #FFFFFF;
    font-size: 2rem;
}

.put-2 .navbar-nav > li > a:hover, .put-1 .navbar-nav > li > a:focus {
    color: #FFFFFF;
	background-color:rgba(0,0,0,0);
}

.put-3 {
   background-color: rgba(255,255,255,0);
   box-shadow: 0px 0px 15px rgba(0,0,0,0);
   }
   

.put-3 .logo {
   width:47.5rem;
   height:8rem;
   margin-top:0rem;
   }
   
.put-3 .navbar-nav > li > a {
    padding-top: 0rem;
    padding-bottom: 0rem;
	padding-left:1.7rem;
	padding-right:1.7rem;
    line-height: 7.8rem;
	color: #FFFFFF;
    font-size: 2rem;
}

.put-3 .navbar-nav > li > a:hover, .put-1 .navbar-nav > li > a:focus {
    color: #FFFFFF;
	background-color:rgba(0,0,0,0);
}

.put-4 {
   background-color: rgba(255,255,255,0);
   box-shadow: 0px 0px 15px rgba(0,0,0,0);
   }
   

.put-4 .logo {
   width:47.5rem;
   height:8rem;
   margin-top:0rem;
   }
   
.put-4 .navbar-nav > li > a {
    padding-top: 0rem;
    padding-bottom: 0rem;
	padding-left:1.7rem;
	padding-right:1.7rem;
    line-height: 7.8rem;
	color: #FFFFFF;
    font-size: 2rem;
}

.put-4 .navbar-nav > li > a:hover, .put-1 .navbar-nav > li > a:focus {
    color: #FFFFFF;
	background-color:rgba(0,0,0,0);
}


.put-5 {
   background-color: rgba(255,255,255,0);
   box-shadow: 0px 0px 15px rgba(0,0,0,0);
   }
   

.put-5 .logo {
   width:47.5rem;
   height:8rem;
   margin-top:0rem;
   }
   
.put-5 .navbar-nav > li > a {
    padding-top: 0rem;
    padding-bottom: 0rem;
	padding-left:1.7rem;
	padding-right:1.7rem;
    line-height: 7.8rem;
	color: #FFFFFF;
    font-size: 2rem;
}

.put-5 .navbar-nav > li > a:hover, .put-1 .navbar-nav > li > a:focus {
    color: #FFFFFF;
	background-color:rgba(0,0,0,0);
}

.put-6 {
   background-color: rgba(255,255,255,0);
   box-shadow: 0px 0px 15px rgba(0,0,0,0);
   }   

.put-6 .logo {
   width:47.5rem;
   height:8rem;
   margin-top:0rem;
   }
   
.put-6 .navbar-nav > li > a {
    padding-top: 0rem;
    padding-bottom: 0rem;
	padding-left:1.7rem;
	padding-right:1.7rem;
    line-height: 7.8rem;
	color: #FFFFFF;
    font-size: 2rem;
}

.put-6 .navbar-nav > li > a:hover, .put-1 .navbar-nav > li > a:focus {
    color: #FFFFFF;
	background-color:rgba(0,0,0,0);
}


.pptit {
   width:37.5rem;
   float:left;
   padding-top:15rem;
   margin-left:5rem;
   }
   
.pptit h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:4.8rem;
   font-weight: 200;
   color:#c4c5c5;
   height:auto; overflow:hidden;
   line-height:5.8rem;
   margin-top:0rem;
   margin-bottom:2rem;
   }
   
.pptit h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:2.6rem;
   font-weight: 200;
   color:rgba(255,255,255,0.5);
   height:auto; overflow:hidden;
   line-height:3.9rem;
   margin-top:0rem;
   margin-bottom:0rem;
   }
   
.chengli {
   width:24.5rem;
   height:11.3rem;
   font-size:2rem;
   color:#c4c5c5;
   background:url(../images/chengli.png) right; background-repeat:no-repeat;
   background-size: 100% 100%;
   animation: heart 0.8s ease-in-out 0.8s infinite alternate;
   margin-top:27.2rem;
   }
   
.chengli h4 {
   font-family: 'DINCond-Bold', Helvetica, Arial, sans-serif;
   font-size:6.7rem;
   color:#c4c5c5;
   margin-top:0rem;
   margin-bottom:0.5rem;
   }
   
.abright {
   width:97.2rem;
   margin-top:15rem;
   float:right;
   }  
   
.abtit {
   height:auto; overflow:hidden;
   margin-bottom:4.5rem;
   } 
   
.abtit-aa {
   width:14.6%;
   line-height:2.6rem;
   color:#717071;
   font-size:2.5rem;
   font-weight:200;
   float:left;
   border-right:1px solid #939494;
   }

.jianxi {
   letter-spacing: 4px;
   }   
   
.abtit-bb {
   width:82.3%;
   line-height:6rem;
   font-size:3.2rem;
   color:#c4c5c5;
   float:right;
   }
   
.abnn {
   height:auto; overflow:hidden;
   font-size:2rem;
   line-height:4rem;
   font-weight:200;
   text-align: justify;
   color:#c4c5c5;
   }
   
.hongse {
   color:#FFFFFF;
   font-weight:400;
   }
   
.huoban {
   background:url(../images/abbj2.jpg);
   position:relative;
   }
   
.abss {
   height:auto; overflow:hidden;
   margin-top:7.5rem;
   }
   
.abss img {
   width:100%;
   }
   
.cplei {
   height:auto; overflow:hidden;
   position:relative;
   }
   
.shuju {
   position:absolute;
   width:100%;
   height:22rem;
   background-color:rgba(0,0,0,0.6);
   left:0px;
   top:0rem;
   z-index:6;
   }
   
.shuju li {
   list-style-type:none;
   width:25%;
   padding-top:5rem;
   color:#FFFFFF;
   text-align:center;
   font-size:2.8rem;
   font-weight: 200;
   float:left;
   }
   
.shuju li h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:3.5rem;
   font-weight: 200;
   color:#FFFFFF;
   margin-top:0rem;
   margin-bottom:0.5rem;
   animation: heart 0.8s ease-in-out 0.8s infinite alternate; 
   }
   
.shuju li h2 span {
   position:relative;
   padding-right:2.3rem;  
   }
   
.jiahao {
   position:absolute;
   right:0px;
   top:-2rem;
   font-size:2.1rem;
   z-index:5;
   }
   
.dazi {
   font-family: 'DINCond-Bold', Helvetica, Arial, sans-serif;
   font-size:6.6rem;
   }
   
.cplei li {
   list-style-type:none;
   width:25%;
   height:100%;
   position:relative;
   float:left;
   }
   
.cplei li img {
   width:100%;
   height:100vh;
   }
   
.cpkk {
   position:absolute;
   width:100%;
   padding-top:46rem;
   text-align:center;
   font-size:2rem;
   font-weight: 200;
   color:rgba(255,255,255,0.5);
   line-height:4rem;
   height:100%;
   left:0px;
   top:0px;
   }
   
.cpkk:hover {
   background-color:rgba(158,23,23,0.7);
   transition: all 300ms ease-in 0ms;
   }
   
.cpkk a {
   color:rgba(255,255,255,0.5);
   }
   
.cpkk a:hover {
   color:rgba(255,255,255,1);
   }
   
.cpfl1 {
   background:url(../images/cpfl1.jpg);
   background-size: 100% 100%;
   }
   
.cpfl2 {
   background:url(../images/cpfl2.jpg);
   background-size: 100% 100%;
   }
   
.cpfl3 {
   background:url(../images/cpfl3.jpg);
   background-size: 100% 100%;
   }
   
.cpfl4 {
   background:url(../images/cpfl4.jpg);
   background-size: 100% 100%;
   }
   
.cpkk h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:2.6rem;
   font-weight:bold;
   color:#c2c3c3;
   margin-top:0rem;
   padding-bottom:2.5rem;
   background:url(../images/xiahua.jpg) center bottom; background-repeat:no-repeat;
   margin-bottom:5.4rem;
   }
   
.cpkk a:hover h3 {
   color:rgba(255,255,255,1);
   }
   
.pptit2 {
   width:37.5rem;
   height:100vh;
   float:left;
   padding-top:15rem;
   padding-left:2.5rem;
   background:url(../images/ppt.png) left top; background-repeat:no-repeat;
   margin-left:5rem;
   }
   
.pptit2 h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:4.8rem;
   font-weight: 200;
   color:#c4c5c5;
   height:auto; overflow:hidden;
   line-height:5.8rem;
   margin-top:0rem;
   margin-bottom:2rem;
   }
   
.pptit2 h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:2.6rem;
   font-weight: 200;
   color:rgba(255,255,255,0.5);
   height:auto; overflow:hidden;
   line-height:3.9rem;
   margin-top:0rem;
   margin-bottom:0rem;
   } 
   
.hzkk {
   position:absolute;
   width:160rem;
   right:0px;
   bottom:0px;
   } 
   
.hzkk img {
   width:100%;
   }
   
.xinwen {
   background:url(../images/abbj3.jpg);
   background-size: 100% 100%;
   padding-top:11.5rem;
   } 
   
.xinwen h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:4.8rem;
   letter-spacing:5px;
   font-weight: 200;
   color:#c4c5c5;
   text-align:center;
   margin-top:0rem;
   margin-bottom:0.5rem;
   }
   
.xinwen h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:2.6rem;
   font-weight: 200;
   color:rgba(255,255,255,0.5);
   text-align:center;
   margin-top:0rem;
   margin-bottom:10rem;
   }
   
.xwkuan {
   width:165rem;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   }
   
.xwrow {
   height:auto; overflow:hidden;
   margin-left:-4rem;
   margin-right:-4rem;
   }
   
.xwrow li {
   list-style-type:none;
   width:33.3%;
   float:left;
   padding-left:4rem;
   padding-right:4rem;
   }
   
.xwmk {
   height:auto; overflow:hidden;
   position:relative;
   }
   
.xwkk {
   display:block;
   height:38rem;
   padding:3.6rem;
   font-size:1.8rem;
   line-height:3.3rem;
   color:#c4c5c5;
   background-color:rgba(89,87,87,0.8);
   }
   
.xwkk:hover {
    color:#FFFFFF;
    transition: all 300ms ease-in 0ms;
}
   
.xwkk-tm {
   height:auto; overflow:hidden;
   font-size:2.4rem;
   margin-bottom:2.5rem;
   }
   
.xwmk a:before{
	content: "";
	display: block;
	width: 0;
	height: 10px;
	background: #c0161d;
	position: absolute;
	top: 0;
	left: 0;
	transition: .3s;
	z-index: 7;
}
.xwmk a:hover:before{
	width: 100%;
}
.xwmk a:after{
	content: "";
	display: block;
	width: 10px;
	height: 0;
	background: #c0161d;
	position: absolute;
	top: 0;
	right: 0;
	transition: .3s;
	z-index: 7;
}
.xwmk a:hover:after{
	height: 100%;
}
.xwmk a b:before{
	content: "";
	display: block;
	width: 10px;
	height: 0;
	background: #c0161d;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: .3s;
	z-index: 7;
}
.xwmk a:hover b:before{
	height: 100%;
}
.xwmk a b:after{
	content: "";
	display: block;
	width: 0;
	height: 10px;
	background: #c0161d;
	position: absolute;
	bottom: 0;
	right: 0;
	transition: .3s;
	z-index: 7;
}
.xwmk a:hover b:after{
	width: 100%;
}

.xwmore {
   position:absolute;
   width:3.7rem;
   right:3.6rem;
   bottom:3.6rem;
   }
   
.xwmm {
   width:16rem;
   height:4rem;
   margin:6rem auto 0rem;
   } 
   
.xwmm a {
   display:block;
   width:100%;
   height:4rem;
   line-height:4rem;
   text-align:center;
   color:#FFFFFF;
   background-color:#c0161d;
   border-radius: 30px;
   }
   
.xwmm a:hover {
   background-color:#000000;
   }  
   
   
.dibu {
   background:url(../images/bmbj.jpg);
   background-size: 100% 100%;
   color:#dedede;
   padding-top:20rem;
   }
   
.dibb {
   padding-top:5rem;
   padding-bottom:5rem;
   }
   
.dbtt {
   height:auto; overflow:hidden;
   padding-bottom:2rem;
   margin-bottom:3.6rem;
   border-bottom:1px solid #d4d3d3;
   }
   
.dbtt li {
   list-style-type:none;
   width:33.3%;
   height:11.4rem;
   padding-left:14rem;
   float:left;
   }
   
.dbtt-aa {
   width:5rem;
   float:left;
   }
   
.dbtt-aa img {
   width:5rem;
   }
   
.dbtt-bb {
   width:31rem;
   float:left;
   color:#dedede;
   margin-left:3rem;
   font-size:1.8rem;
   line-height:3.4rem;
   }
   
.dbtt-bb h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:2.5rem;
   color:#dedede;
   margin-top:0rem;
   margin-bottom:1.6rem;
   }
   
.fenge {
   border-right:1px solid #FFFFFF;
   }
   
.bottom {
   height:auto; overflow:hidden;
   font-size:2.1rem;
   color:#dedede;
   text-align:center;
   line-height:5.4rem;
   }
   
.bottom a {
   color:#dedede;
   }
   
.bottom a:hover {
   color:#FFFFFF;
   }
   
.bmlm {
   height:auto; overflow:hidden;
   font-size:2.3rem;
   margin-bottom:1.5rem;
   }
   
.fenxiang {
   height:auto; overflow:hidden;
   margin-top:4.5rem;
   }
   
.weixin {
   width:12.3rem;
   margin:4rem auto 0rem;
   }
   
.weixin img {
   width:100%;
   }
   
.weixin p {
   text-align:center;
   font-size:1.7rem;
   line-height:2.5rem;
   color:#dedede;
   margin-top:1rem;
   margin-bottom:0rem;
   }
   
   
/* 样本画册 */ 
.bnn {
   position: relative;
   }
  
.bnn img {
   width:100%;
   height: 100vh;
   }  
   
.logox {
   width: 47.5rem;
   height: 8rem;
   margin-top: 0rem; 
   }
   
.navbar-inverse .navbar-navx > li > a {
    padding-top: 0rem;
    padding-bottom: 0rem;
	padding-left:1.7rem;
	padding-right:1.7rem;
    line-height: 7.8rem;
    color: #FFFFFF;
	font-size:2rem;
}

.bnnlm {
   position:absolute;
   width:100%;
   height:7rem;
   background-color:rgba(192,22,29,0.8);
   left:0rem;
   bottom:0rem;
   } 
   
.home {
   position:absolute;
   width:7rem;
   height:7rem;
   line-height:7rem;
   text-align:center;
   background-color:#FFFFFF;
   left:0px;
   top:0px;
   }
   
.home img {
   width:auto;
   }
   
.bnnlm-aa {
   width:78%;
   padding-left:7rem;
   position:relative;
   float:left;
   }
   
.bnnlm-aa li {
   list-style-type:none;
   width:12.6rem;
   float:left;
   line-height:7rem;
   border-right: 1px solid rgba(255, 255, 255, 0.2);
   }
   
.bnnlm-aa li a {
   display:block;
   width:100%;
   height:7rem;
   line-height:7rem;
   text-align:center;
   color:#FFFFFF;
   font-size:1.6rem;
   cursor:pointer;
   }
   
.bnnlm-aa li a:hover {
   background-color:#000000;
   }
   
.bnnlm-aa li.hover a {
   background-color:#000000;
   }
   
.bnnlm-bb {
   width:22%;
   line-height:7rem;
   height: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
   color:#FFFFFF;
   float:right;
   text-align:right;
   }
   
.bnnlm-bb a {
   color:#FFFFFF;
   }

.dqtt {
   height:auto; overflow:hidden;
   padding-top:3rem;
   padding-bottom:3rem;
   background-color:#FFFFFF;
  }
  
.search1 {
   width:100%;
   }
   
.search1 form {
    display: flex;
}

.search1 .search {
    border: 0;
    height: 3.6rem;
    font-size: 1.4rem;
    padding-left: 5rem;
	background:url(../images/fdj.png) left; background-repeat:no-repeat;
	background-color:#f3f7f9;
	color:#333333;
    width: 86%;
    border-radius: 0;
}   

.search1 .btn {
    height: 3.6rem;
    margin: 0;
    background: #c0161d;
    border-radius: 0;
    color: #FFFFFF;
	font-size:1.4rem;
    text-align: center;
    width: 14%;
} 

.casekk {
   margin-top:7rem;
   margin-bottom:7rem;
}

.casekk h2 {
    font-family: 'Eras Demi ITC', Helvetica, Arial, sans-serif;
    font-size: 4.8rem;
    font-weight: bold;
    text-align: center;
    height: auto;
    overflow: hidden;
    line-height: 6rem;
    background: url(../images/khtit.png) center;
    background-size: 92.7rem 6rem;
    background-repeat: no-repeat;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0.8rem; 
}

.casekk h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:2.4rem;
   text-align:center;
   color:#707070;
   margin-top:0px;
   margin-bottom:3.6rem;
   } 
   
.casekk h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:2.4rem;
   text-align:center;
   margin-top:0px;
   margin-bottom:10.5rem;
   color:rgba(0, 0, 0, 0.6);
   }
   
.catt img {
   width:100%;
    border: 0px none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
   }
	
.casetu {
   margin-bottom:4.5rem;
   height:auto; overflow:hidden;
   } 
   
.box{
		    text-align: center;
		    overflow: hidden;
		    position: relative;
		}
		.box:before{
		    content: "";
		    width: 0;
		    height: 100%;
		    background: #000;
		    padding: 1.4rem 1.8rem;
		    position: absolute;
		    top: 0;
		    left: 50%;
		    opacity: 0;
		    transition: all 500ms cubic-bezier(0, 0, 0, 0.6) 0s;
		}
		.box:hover:before{
		    width: 100%;
		    left: 0;
		    opacity: 0.5;
		}
		.box img{
		    width: 100%;
		    aspect-ratio: 555/358;
    object-fit: cover;
		    height: auto;
		}
		.box .box-content{
		    width: 100%;
		    padding: 1.4rem 1.8rem;
		    color: #fff;
		    position: absolute;
		    top: 38%;
		    left: 0;
		}
		.box .title{
		    font-size: 2.5rem;
		    font-weight: 600;
		    line-height: 3rem;
		    text-transform: uppercase;
			color:#FFFFFF;
		    margin: 0;
		    opacity: 0;
		    transition: all 0.5s ease 0s;
		}
		.box .post{
		    font-size: 1.5rem;
		    text-transform: capitalize;
		    opacity: 0;
		    transition: all 0.5s ease 0s;
		}
		.box:hover .title,
		.box:hover .post{
		    opacity: 1;
		    transition-delay: 0.7s;
		}
		.box .icon{
		    padding: 0;
		    margin: 0;
		    list-style: none;
		    margin-top: 1.5rem;
		}
		.box .icon li{
		    display: inline-block;
		}
		.box .icon li a{
		    display: block;
		    width: 4rem;
		    height: 4rem;
		    line-height: 4rem;
		    border-radius: 50%;
		    background: #f74e55;
		    font-size: 2rem;
		    font-weight: 700;
		    color: #fff;
		    margin-right: 0.5rem;
		    opacity: 0;
		    transform: translateY(50px);
		    transition: all 0.5s ease 0s;
		}
		.box:hover .icon li a{
		    opacity: 1;
		    transform: translateY(0px);
		    transition-delay: 0.5s;
		}
		.box:hover .icon li:last-child a{
		    transition-delay: 0.8s;
		}
		@media only screen and (max-width:990px){
		    .box{ margin-bottom: 1rem; }
		}
		
/* 案例详情 */
.casett {
    height: 14.5rem;
    background: url(../images/casett.jpg);
	background-size: 43rem 14.5rem;
    background-repeat: no-repeat;
    padding-top: 3.4rem;
    padding-left: 8rem;
	margin-bottom:2.5rem;
}

.casett h5 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:2.9rem;
   font-weight:bold;
   color:#000000;
   margin-top:0px;
   margin-bottom:1.5rem;
   } 
   
.casett h6 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:2.4rem;
   font-weight:bold;
   color:#000000;
   margin-top:0px;
   margin-bottom:0.8rem;
   }	
   
.casem {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:1.6rem;
   color:rgba(0, 0, 0, 0.6);
   }
   
   
.lxtt {
   width:60rem;
   height:auto; overflow:hidden;
   margin-top:4.5rem;
   float:right;
   }	
   
.liebiao {
   height:7.8rem;
   border:1px solid #ebebeb;
   margin-top:3.5rem;
   }
   
.liebiao-aa {
   width:16%;
   height:7.6rem;
   line-height:7.6rem;
   text-align:center;
   float:left;
   color: #000000;
   background-color: #f5f6f6;
   border-right:1px solid #ebebeb;
   }
   
.liebiao-bb {
   width:68%;
   height:7.8rem;
   line-height:7.8rem;
   float:left;
   text-align:center;
   color:#919191;
   border-right:1px solid #ebebeb;
   }
   
.liebiao-bb a {
   color:#000000;
   }
   
.liebiao-cc {
   width:16%;
   height:7.6rem;
   line-height:7.6rem;
   text-align:center;
   color: #000000;
   background-color: #f5f6f6;
   float:right;
   }
   
.more {
	width:55%;
	text-align:center;
	background:#eeeeee;
	line-height:10rem;
	color:#000;
	font-size:2.4rem;
	cursor:pointer;
	transition:.3s;
	margin:0 auto;
}
.more:hover {
	background:#0063FF;
	color:#fff;
}

.moreload ul {
   padding:0px;
   }
   
.moreload ul li {
   list-style-type:none;
   }
   
   
/* 联系 */ 
.lxkuai {
   width:120rem;
   height:auto; overflow:hidden;
   margin:11.2rem auto 16.5rem;
   text-align:center;
   line-height:3.2rem;
   font-size:2rem;
   color:#707070;
   } 
   
   
.lxkuai h2 {
    font-family: 'Eras Demi ITC', Helvetica, Arial, sans-serif;
    font-size: 4.8rem;
    font-weight: bold;
    text-align: center;
    height: auto;
    overflow: hidden;
    line-height: 6rem;
    background: url(../images/khtit.png) center;
        background-repeat: repeat;
    background-repeat: no-repeat;
    color: #000000;
    margin-top: 0rem;
    margin-bottom: 0.8rem; 
}   


.lxkuai h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:2.4rem;
   text-align:center;
   color:#707070;
   margin-top:0rem;
   margin-bottom:8rem;
   } 
   
/* 新闻 */ 
.xwkuanx {
   width:120rem;
   height:auto; overflow:hidden;
   margin:7rem auto 7rem;
   }
   
.cplie {
    height: auto;
    overflow: hidden;
}

.cplie li {
   list-style-type:none;
   padding:1rem;
   margin-bottom:5rem;
   }
   
.cplie li a {
   display:block;
   height:auto;
   overflow:hidden;
   }
   
.cplie-aa {
   width:32.6%;
   float:left;
   } 
   
.cplie-bb {
   width:67.4%;
   padding:6rem;
   padding-left:7.5rem;
   padding-right:11rem;
   color:#999999;
   float:right;
   } 
   
.cplie-bb h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:2.2rem;
   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
   color:#333333;
   margin-top:0px;
   margin-bottom:1rem;
   transition: all 300ms ease-in 0ms;
   } 
   
.xian {
   width:94%;
   height:1px;
   float:right;
   background-color:#e4e4e4;
   margin-top:2.5rem;
   transition: all 300ms ease-in 0ms;
   }
   
.cpzi {
   height:5.2rem;
   overflow:hidden;
   line-height:2.6rem;
   margin-top:3.5rem;
   }
   
.cplie 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%;
   aspect-ratio: 500/370;
   object-fit: cover;
} 


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

.cplie li a:hover {
   background-color:#FFFFFF;
   box-shadow: 0px 0px 15px rgba(0,0,0,.1);
   }
   
.cplie li a:hover h2 {
   color:#c0161d;
   transition: all 300ms ease-in 0ms;
   }
   
.cplie li a:hover .xian {
   width:100%;
   transition: all 300ms ease-in 0ms;
   }   
   
/* 新闻详情 */ 
.xwbj {
    height: auto;
    overflow: hidden;
    padding: 8rem 0 8rem;
}

.xwnn {
   height:auto; overflow:hidden;
   padding:7rem;
   padding-top:1rem;
   padding-bottom:1rem;
   }

.xwnn h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 3.2rem;
    color: #000000;
    text-align: center;
    margin-top: 0rem;
    margin-bottom: 5rem;
}

.fabu {
   width:60rem;
   height:auto; overflow:hidden;
   line-height:2.5rem;
   border-bottom:1px solid #eeeeee;
   padding-bottom:1.5rem;
   margin:0 auto;
   }
   
.fabu li {
   list-style-type:none;
   width:33.3%;
   text-align:center;
   line-height:2.5rem;
   color:#333333;
   float:left;
   }
   
.fabu-fg {
   background:url(../images/fenge.jpg) center right; background-repeat:no-repeat;
   }
   
.xwxq {
   height:auto; overflow:hidden;
   padding-top:5rem;
   padding-bottom:6rem;
   color:#666666;
   font-size:1.8rem;
   line-height:2.7rem;
   border-bottom:1px solid #fbfbfb;
   }
.xwxq img{
    max-width: 100%;
}
.liebiaok {
    height: auto;
    overflow: hidden;
	margin-top:2rem;
}

.liebiaok-aa {
    width: 80%;
    line-height: 3rem;
    color: #666666;
    float: left;
}

.shangy {
    height: auto;
    overflow: hidden;
    line-height: 3.2rem;
    color: #666666;
    border-bottom: 1px dotted #ececec;
}

.xiay {
    height: auto;
    overflow: hidden;
    color: #666666;
    line-height: 3.2rem;
}

.liebiaok-bb {
    width: 16%;
    float: right;
}   

.fanhui {
    width: 14.2rem;
    height: 4.3rem;
    margin-top: 0.6rem;
    float: right;
}

.fanhui a {
    display: block;
    width: 14.2rem;
    height: 4.3rem;
    line-height: 4.3rem;
    color: #FFFFFF;
    background-color: #1b2d52;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 30px;
}  

.appw2 {
    opacity:0;transform:translateX(-200px);
-webkit-transform:translateX(-200px);
-ms-transform:translateX(-200px);
-moz-transform:translateX(-200px);
 -o-transform:translateX(-200px); 
 transition: all 300ms ease-in 0ms;
   }
   
.djxm {
    opacity: 0;
    transform: translateX(200px);
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -o-transform: translateX(200px);
	transition: all 300ms ease-in 0ms;
}

.xqtt {
    opacity: 0;
    transform: translateX(-200px);
    -webkit-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
	transition: all 300ms ease-in 0ms;
}

.xqtt2 {
    opacity: 0;
    transform: translateX(200px);
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -o-transform: translateY(200px);
	transition: all 300ms ease-in 0ms;
}

.appw3 {
    opacity: 0;
    transform: translateX(-200px);
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -o-transform: translateX(-200px);
	transition: all 300ms ease-in 0ms;
}

@keyframes heart{
from{margin-top:0px;}
to{margin-top:-8px;}
}

@keyframes heart{
from{transform:translate(0,0)}
to{transform:translate(0,8px)}
}

.yc {
    display: block;
}

.yd {
    display: none;
}

.zhiding {
    position: fixed;
    width:5rem;
    right:1rem;
    bottom:5rem;
    z-index: 9;
}

@keyframes heart{
from{margin-top:0px;}
to{margin-top:-8px;}
}

@keyframes heart{
from{transform:translate(0,0)}
to{transform:translate(0,8px)}
}

.xiangxia {
   position: absolute;
   left:49.2%;
   bottom:3rem;
   width:2rem;
   height: 4.5rem;
   animation: heart 0.8s ease-in-out 0.8s infinite alternate;
   z-index: 6;
}

.xiangxia a {
    cursor: pointer;
}

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

@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%;
   }
   
.logo {
   width:30rem;
   height:5.1rem;
   margin-top: 0.3rem;
}

.logo img {
   width:30rem;
   height:5.1rem;
}

.navbar-inverse {
    background-color: rgba(0,0,0,0.6);
}

.navbar-inverse .navbar-nav > li > a {
    text-align: center;
}

.banner {
    width: 100%;
    height: 40rem;
    overflow: hidden;
}

.bnnzi {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 10rem;
    background-color: rgba(0,0,0,0.4);
    text-align: center;
    color: #FFFFFF;
    font-weight: 200;
    font-size: 1.8rem;
    line-height: 3rem;
    top: 0rem;
    left: 0rem;
    z-index: 6;
}

.bnnzi h2 {
    font-size: 5rem;
    color: #FFFFFF;
    margin-top: 0rem;
    margin-bottom: 1.5rem;
}

.welcome {
    width: 13rem;
    height: 3.2rem;
    margin: 3rem auto 0rem;
}

.abbj {
    height: auto;
    overflow: hidden;
    background: url(../images/abbj.jpg);
    background-size: 100% 100%;
}

.pptit {
    width: 100%;
    float: left;
    padding: 1rem;
    padding-top: 5rem;
    margin-left: 0rem;
}

.pptit h2 {
    font-size: 3rem;
    font-weight: 200;
    color: #c4c5c5;
    height: auto;
    overflow: hidden;
    line-height: 4.5rem;
    margin-top: 0rem;
    margin-bottom: 1rem;
}

.pptit h3 {
    font-size: 1.8rem;
    font-weight: 200;
    color: rgba(255,255,255,0.5);
    height: auto;
    overflow: hidden;
    line-height: 3rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.chengli {
    height: 11.3rem;
    font-size: 2rem;
    color: #c4c5c5;
    margin-top: 8rem;
} 

.abright {
    width: 100%;
    margin-top: 5rem;
}

.abtit {
    height: auto;
    overflow: hidden;
    margin-bottom: 2.5rem;
}

.abtit-aa {
    width: 100%;
    line-height: 2.6rem;
    color: #717071;
    font-size: 1.6rem;
    font-weight: 200;
    border-right: 1px solid rgba(255,255,255,0);
}

.abtit-bb {
    width: 100%;
    line-height: 3.6rem;
    font-size: 2rem;
    color: #c4c5c5;
}

.abnn {
    height: auto;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 2.6rem;
    font-weight: 200;
    text-align: justify;
    color: #c4c5c5;
}

.abss {
    height: auto;
    overflow: hidden;
    margin-top: 3rem;
}

.shuju li {
    list-style-type: none;
    width: 50%;
    padding-top: 3rem;
    font-size: 1.6rem;
    font-weight: 200;
    float: left;
}

.shuju li h2 {
   font-size:1.6rem;
   font-weight: 200;
   color:#FFFFFF;
   margin-top:0rem;
   margin-bottom:0.2rem;
   }
   
.shuju li h2 span {
   position:relative;
   padding-right:1rem;  
   }

.dazi {
    font-size: 3.6rem;
}

.cplei li {
    height:auto; overflow:hidden;
    position: relative;
}

.cplei li img {
    width: 100%;
    height:55rem; overflow:hidden;
}

.cpkk {
    position: absolute;
    width: 100%;
    padding-top: 30rem;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 200;
    color: rgba(255,255,255,0.5);
    line-height: 3rem;
    height:55rem; overflow:hidden;
}

.cpkk h3 {
    font-size: 1.8rem;
    font-weight: bold;
    color: #c2c3c3;
    margin-top: 0rem;
    padding-bottom: 1.5rem;
    margin-bottom: 3rem;
}

.huoban {
    background: url(../images/abbj2.jpg);
    height:auto; overflow:hidden;
    position: relative;
}

.pptit2 {
    width: 100%;
    height: 50vh;
    float: left;
    padding-top: 3rem;
    padding-left: 1rem;
    background: url(../images/ppt.png) left top;
    background-repeat: no-repeat;
    margin-left: 2rem;
}

.pptit2 h2 {
    font-size: 2.5rem;
    font-weight: 200;
    color: #c4c5c5;
    height: auto;
    overflow: hidden;
    line-height: 3.6rem;
    margin-top: 0rem;
    margin-bottom: 1rem;
}

.pptit2 h3 {
    font-size: 1.8rem;
    font-weight: 200;
    color: rgba(255,255,255,0.5);
    height: auto;
    overflow: hidden;
    line-height: 3rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.hzkk {
    width: 100%;
    right: 0px;
    bottom: 0px;
}

.xinwen {
    height:auto; overflow:hidden;
    padding-top: 5rem;
}

.xinwen h2 {
    font-size: 2.5rem;
    letter-spacing: 5px;
    font-weight: 200;
    color: #c4c5c5;
    text-align: center;
    margin-top: 0rem;
    margin-bottom: 0.2rem;
}

.xinwen h3 {
    font-size: 1.8rem;
    font-weight: 200;
    color: rgba(255,255,255,0.5);
    text-align: center;
    margin-top: 0rem;
    margin-bottom: 5rem;
}

.xwkuan {
    width: 100%;
}

.xwrow {
    height: auto;
    overflow: hidden;
    margin-left: -1rem;
    margin-right: -1rem;
}

.xwrow li {
    list-style-type: none;
    width: 100%;
    float: left;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 2rem;
}


.xwkk {
    display: block;
    height: 30rem;
    padding: 2rem;
    font-size: 1.4rem;
    line-height: 2.6rem;
    color: #c4c5c5;
    background-color: rgba(89,87,87,0.8);
}

.xwmm {
    width: 16rem;
    height: 4rem;
    margin: 2rem auto 2rem;
}

.xqtt {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
}

.xqtt2 {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
}

.dbtt li {
    list-style-type: none;
    width: 100%;
    height:auto; overflow: hidden;
    padding-left: 0rem;
    float: left;
}

.dbtt-aa {
    width: 100%;
}

.dbtt-bb {
    width: 100%;
    float: left;
    color: #dedede;
    margin-left: 1rem;
    font-size: 1.4rem;
    line-height: 3rem;
}

.bmlm {
    height: auto;
    overflow: hidden;
    font-size: 1.6rem;
    margin-bottom: 1rem;
}

.bottom {
    height: auto;
    overflow: hidden;
    padding: 1.5rem;
    font-size: 1.6rem;
    color: #dedede;
    text-align: center;
    line-height: 3rem;
}

.dbtt {
    height: auto;
    overflow: hidden;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #d4d3d3;
    display: none;
}

.dbtt-bb h2 {
    font-size: 1.6rem;
    color: #dedede;
    margin-top: 0rem;
    margin-bottom: 1rem;
}

.fenge {
    border-right: 1px solid rgba(255,255,255,0);
}

.dibu {
    color: #dedede;
    padding-top: 5rem;
    padding-bottom: 5rem;
    margin-bottom: 5rem;
    background-size: cover;
    background-position: 40%;
}

.bnn img {
    width: 100%;
    height:auto; overflow: hidden;
}

.casekk {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.casekk h2 {
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    height: auto;
    overflow: hidden;
    line-height: 6rem;
    background: url(../images/khtit.png) center;
    background-size: 92.7rem 6rem;
    background-repeat: no-repeat;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0.4rem;
}

.casekk h3 {
    font-size: 1.6rem;
    text-align: center;
    color: #707070;
    margin-top: 0px;
    margin-bottom:2rem;
}

.casekk h4 {
    font-size: 1.6rem;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 5rem;
    color: rgba(0, 0, 0, 0.6);
}

.casetu {
    margin-bottom: 2rem;
    height: auto;
    overflow: hidden;
}

.more {
    width: 100%;
    text-align: center;
    background: #eeeeee;
    line-height:4rem;
    color: #000;
    font-size: 1.6rem;
}

.liebiao {
    height: 4rem;
    border: 1px solid #ebebeb;
    margin-top: 2rem;
}

.liebiao-aa {
   width:30%;
   height:4rem;
   line-height:4rem;
   text-align:center;
   }
   
.liebiao-bb {
   width:40%;
   height:4rem;
   line-height:4rem;
   text-align:center;
   }
   
   
.liebiao-cc {
   width:30%;
   height:4rem;
   line-height:4rem;
   text-align:center;
   }
   
.lxkuai {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 1rem;
    margin: 5rem auto 5rem;
    text-align: center;
    line-height: 2.5rem;
    font-size: 1.4rem;
    color: #707070;
}   

.lxkuai h2 {
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    background: url(../images/khtit.png) center;
    background-size: 61.8rem 4rem;
    height: auto;
    overflow: hidden;
    line-height: 4rem;
    color: #000000;
    margin-top: 0rem;
    margin-bottom: 0.4rem;
}

.lxkuai h3 {
    font-size: 1.8rem;
    text-align: center;
    color: #707070;
    margin-top: 0rem;
    margin-bottom: 4rem;
}

.fygnav {
    padding: 0px;
	height:5rem;
	background-color:#D20010;
}
.fygnav ul {
    list-style-type: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.fygnav li {
    width: 25%;
    text-align: center;
    float: left;	
}
.fygnav li a { display:block; color:#FFFFFF; background-color:#D20010; height:5rem; padding-top:0.3rem; border-right:1px solid rgba(255,255,255,.2);}

.fygnav li a:hover { color:#FFFFFF; background-color:#D20010;}

.fygnav li p {
   margin-top:0.2rem;
   }
   
.yc {
    display: none;
}

.yd {
    display: block;
}

.cplie-aa {
    width: 100%;
}

.cplie-bb {
    width: 100%;
    padding: 1.5rem;
    color: #999999;
}

.cplie-bb h2 {
    font-size: 1.8rem;
    height: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
    margin-top: 0px;
    margin-bottom: 1rem;
    transition: all 300ms ease-in 0ms;
}

.cplie li {
    margin-bottom: 2rem;
}

.xwkuanx {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 3rem auto 3rem;
}

.xwnn {
    height: auto;
    overflow: hidden;
    padding: 1rem;
}

.xwnn h2 {
    font-size: 1.8rem;
    color: #000000;
    text-align: center;
    margin-top: 0rem;
    margin-bottom: 2rem;
}

.liebiaok-aa {
    width: 100%;
    line-height: 2.5rem;
    color: #666666;
}

.liebiaok-bb {
    width: 100%;
}


.navbar-inverse .navbar-navx > li > a {
    color: #FFFFFF;
    font-size: 2rem;
    font-weight: 200;
    padding: 10px 20px;
    line-height: 20px;
}
}

}