@charset "utf-8";

/* CSS Document */

@font-face {      font-family: 'ITCAvantGardeStd-Demi';      

src: url('ITCAvantGardeStd-Demi.eot'); /* IE9 Compat Modes */      

src: url('ITCAvantGardeStd-Demi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */              

url('ITCAvantGardeStd-Demi.woff') format('woff'), /* Modern Browsers */              

url('ITCAvantGardeStd-Demi.otf')  format('truetype'), /* Safari, Android, iOS */              url('ITCAvantGardeStd-Demi.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */    } 



@font-face {      font-family: 'ITCAvantGardeStd-MdCn';      

src: url('ITCAvantGardeStd-MdCn.eot'); /* IE9 Compat Modes */      

src: url('ITCAvantGardeStd-MdCn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */              

url('ITCAvantGardeStd-MdCn.woff') format('woff'), /* Modern Browsers */              

url('ITCAvantGardeStd-MdCn.otf')  format('truetype'), /* Safari, Android, iOS */              url('ITCAvantGardeStd-MdCn.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */    } 



@font-face {      font-family: 'DINCond-Medium';      

src: url('DINCond-Medium.eot'); /* IE9 Compat Modes */      

src: url('DINCond-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */              

url('DINCond-Medium.woff') format('woff'), /* Modern Browsers */              

url('DINCond-Medium.otf')  format('truetype'), /* Safari, Android, iOS */              url('DINCond-Medium.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */    } 



@font-face {      font-family: 'DIN-Bold';      

src: url('DIN-Bold.eot'); /* IE9 Compat Modes */      

src: url('DIN-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */              

url('DIN-Bold.woff') format('woff'), /* Modern Browsers */              

url('DIN-Bold.otf')  format('truetype'), /* Safari, Android, iOS */              url('DIN-Bold.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */    } 



body {

  font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

  font-size: 14px;

  line-height: 1.428571429;

  color: #000000;

  margin-top:100px;

}



.navbar {

    position: relative;

    margin-bottom: 0px;

    border-bottom: 0px solid #BEBCBC;

}





.navbar-inverse {

    background-color: #FFFFFF;

    border-color: #5F5D5D;

	box-shadow: 0px 0px 15px rgba(0,0,0,.2);

}



.navbar-brand {

   margin-top:0px;

   padding:0px;

}



.navbar-nav > li > a {

    padding-top: 0px;

    padding-bottom: 0px;

	padding-left:20px;

	padding-right:20px;

    line-height: 98px;

}



.nav {

    padding-left: 100px;

}





.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {

    color: #f08200;

}

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: #332c2b;

	font-size:16px;

}



.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;

}



  .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);

    }



.navbar-inverse .navbar-nav > li > a::after {

    width: 0;

    transition: width .3s;

    height: 2px;

    display: block;

    margin: 0 auto;

    content: "";

    background-color: #eb5a25;

}



.navbar-inverse .navbar-nav > li > a:hover:after{

	width:100%;

	height:2px;

	display:block;

	content:"";

	transition:width .3s;

	background-color:#eb5a25;

}





.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.4s;}

.kq2 {-webkit-animation-delay: 0.8s; -webkit-animation-duration: 0.8s;}

.kq3 {-webkit-animation-delay: 1.2s; -webkit-animation-duration: 1.2s;}

.kq4 {-webkit-animation-delay: 1.6s; -webkit-animation-duration: 1.6s;}

.kq5 {-webkit-animation-delay: 2s; -webkit-animation-duration: 2s;}

.kq6 {-webkit-animation-delay: 2.4s; -webkit-animation-duration: 2.4s;}





.kuanping {

   width:1340px;

   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;

   }

.yuyan {
   width:100px;
   line-height:100px;
   text-align:center;
   }  
   
.yuyan .hover {
   color:#f08200;
   } 
   
.banner img {
     width:100%;
}

.banner .swiper-button-prev {

    position: absolute;

    top: 50%;

	left:10%;

    width: 67px;

    height: 67px;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

	background:url(../images/zuo.png);

    background-size: 67px 67px;

    background-position: center;

    background-repeat: no-repeat;

}  



.banner .swiper-button-next {

    position: absolute;

    top: 50%;

	right:10%;

    width: 67px;

    height: 67px;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

	background:url(../images/you.png);

    background-size: 67px 67px;

    background-position: center;

    background-repeat: no-repeat;

}  

   

.banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: 106px;

    left: 10%;

    width: 20%;

}

   

.banner .swiper-pagination-bullet {

    width: 27px;

    height: 5px;

    display: inline-block;

    border-radius: 0;

    background: #FFFFFF;

    opacity: .2;

}

   

.banner .swiper-pagination-white .swiper-pagination-bullet-active {

    background: #FFFFFF;

	opacity: 1;

}





.mokuai {

   position:relative;

   margin-top:-51px;

   height:auto; overflow:hidden;

   background-color:#FFFFFF;

   box-shadow: 0px 0px 15px rgba(0,0,0,.2);

   z-index:8;

   }

   

.mokuai li {

   list-style-type:none;

   width:33.3%;

   padding:30px;

   float:left;

   }

   

.mkaa {

   width:65px;

   height:65px;

   float:left;

   }

   

.tb1 {

   background:url(../images/tb1.png) top; background-repeat:no-repeat;

   }

   

.tb2 {

   background:url(../images/tb2.png) top; background-repeat:no-repeat;

   }

  

.tb3 {

   background:url(../images/tb3.png) top; background-repeat:no-repeat;

   }

   

.mkbb {

   width:264px;

   float:left;

   margin-left:18px;

   font-size:13px;

   color:#999999;

   }

   

.mkbb h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:16px;

   color:#333333;

   margin-top:10px;

   margin-bottom:8px;

   }

   

.mokuai li:hover {

   background:url(../images/lmbj.jpg);

   background-size: 100% 100%;

   transition: all 300ms ease-in 0ms;

   }

   

.mokuai li:hover .tb1 {

   background:url(../images/tb1.png) bottom; background-repeat:no-repeat;

   transition: all 300ms ease-in 0ms;

   }

   

.mokuai li:hover .tb2 {

   background:url(../images/tb2.png) bottom; background-repeat:no-repeat;

   transition: all 300ms ease-in 0ms;

   }

   

.mokuai li:hover .tb3 {

   background:url(../images/tb3.png) bottom; background-repeat:no-repeat;

   transition: all 300ms ease-in 0ms;

   }

   

.mokuai li:hover .mkbb {

   color:#FFFFFF;

   transition: all 300ms ease-in 0ms;

   }

   

.mokuai li:hover .mkbb h2 {

   color:#FFFFFF;

   transition: all 300ms ease-in 0ms;

   }

   

.abnn {

   height:auto; overflow:hidden;

   padding-top:70px;

   padding-bottom:70px;

   }

   

.abnn-aa {

   width:17.5%;

   float:left;

   }

   

.abnn-aa h2 {

   font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, sans-serif;

   font-size:79px;

   margin-top:0px;

   margin-bottom:20px;

   color:#343434;

   }  

   

.abnn-aa h3 {

   font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, sans-serif;

   font-size:20px;

   height:auto; overflow:hidden;

   margin-top:0px;

   margin-bottom:0px;

   text-align:right;

   color:#212226;

   } 

   

.abmore {

   width:62px;

   float:right;

   margin-top:70px;

   } 

   

.abnn-bb {

   width:68.7%;

   line-height:27px;

   color:rgba(79,80,86,.6);

   float:right;

   }

   

.abnn-bb h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:20px;

   color:#212226;

   margin-top:18px;

   margin-bottom:30px;

   }



.ditu {

   margin-top:50px;

   height:auto; overflow:hidden;

   }

   

.zhiliang {

   height:539px;

   padding-top:120px;

   font-size:14px;

   text-align:center;

   color:#FFFFFF;

   line-height:27px;

   background:url(../images/zlbj.jpg) center;

   }  

   

.zhiliang h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:29px;

   margin-top:0px;

   margin-bottom:25px;

   color:#FFFFFF;

   text-align:center;

   } 

   

.zltb {

   margin-top:46px;

   }

   

.shuju {

   height:auto; overflow:hidden;

   background-color:#FFFFFF;

   position:relative;

   box-shadow: 0px 0px 15px rgba(0,0,0,.2);

   margin-top:-107px;

  }

  

.shuju li {

   list-style-type:none;

   width:25%;

   padding-top:50px;

   padding-bottom:50px;

   text-align:center;

   color:#4f5056;

   background:url(../images/fenge.png) right center; background-repeat:no-repeat;

   float:left;

   }

   

.shuju li h2 {

   font-family: 'ITCAvantGardeStd-MdCn', Helvetica, Arial, sans-serif;

   font-size:51px;

   text-align:center;

   position:relative;

   color:#464646;

   margin-top:0px;

   margin-bottom:6px;

   }

   

.nian {

   position:absolute;

   right:30%;

   top:0px;

   z-index:6;

   color:#4f5056;

   font-size:12px;

   }

   

.xinwen {

   height:auto; overflow:hidden;

   margin-top:67px;

   }

   

.xinwen h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:26px;

   margin-top:0px;

   margin-bottom:36px;

   color:#eb5a25;

   }

   

.xwkk {

   height:auto; overflow:hidden;

   } 

   

.xwkk-zi {

   color:rgba(0,0,0,.47);

   line-height:24px;

   height:auto; overflow:hidden;

   padding-top:30px;

   padding-bottom:30px;

   border-bottom:1px solid #edeeef;

   }

   

.xwkk-zi h3 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:17px;

   color:#212226;

   margin-top:0px;

   margin-bottom:14px;

   }  

   

.xwtime {

   height:auto; overflow:hidden;

   line-height:65px;

   font-size:17px;

   color:#888888;

   }

   

.xwkk:hover .xwkk-zi h3 {

   color:#eb5a25;

   transition: all 300ms ease-in 0ms;

   } 

   

.xwkk:hover .xwkk-zi {

   border-bottom:1px solid #f39877;

    transition: all 300ms ease-in 0ms;

   } 

   

.xwkk:hover .xwtime {

   color:#eb5a25;

   background:url(../images/jt.png) right; background-repeat:no-repeat;

   } 

   

.xwkk 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;}  



.xwkk:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

	transition: all 500ms ease-in 0ms;

   } 

   

.xwkk section {

   overflow: hidden;

   }	 

	

section {

    display: block;

} 

   

   

.hezuo {

   height:auto; overflow:hidden;

   margin-top:70px;

   margin-bottom:50px;

   }

   

.hezuo h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:26px;

   color:#eb5a25;

   margin-top:0px;

   margin-bottom:35px;

   }

   

.hzbd {

   border:1px solid #e3e3e3;

   } 

   

   

.bottom {

   height:auto; overflow:hidden;

   background-color:#f5f7fa;

   padding-top:40px;

   line-height:37px;

   color:#989898;

   }

   

.bottom a {

   color:#989898;

   }

      

.bottom a:hover {

   color:#eb5a25;

   }

   

.fenxiang {

   height:auto; overflow:hidden;

   margin-top:25px;

   } 

   

.fenxiang li {

   list-style-type:none;

   width:30px;

   float:left;

   margin-right:25px;

   }

   

.dihh {

   height:auto; overflow:hidden;

   margin-top:15px;

   }

   

.dihh li {

   list-style-type:none;

   width:45%;

   float:left;

   line-height:37px;

   background:url(../images/jtk.png) right; background-repeat:no-repeat;

   margin-right:5%;

   }  

   

.dihh li a {

   color:#989898;

   } 

   

.bmzi {

   height:auto; overflow:hidden;

   padding-top:15px;

   }

   

.footer {

   margin-top:58px;

   height:auto; overflow:hidden;

   line-height:60px;

   border-top:1px solid rgba(77,77,78,.05);

   }

   

.juyou {

   text-align:right;

   }

   

.guding {

   position:fixed;

   width:100%;

   top:0px;

   z-index:9;

   }

   

/* 关于 */

.bnn {

   height:478px;

   padding-top:150px;

   color:#FFFFFF;

   font-size:34px;

   }  

   

.gybnn {

  background:url(../images/bnn1.jpg) top center;

  }  

   

.bnn h2 {

   font-family: 'DINCond-Medium', Helvetica, Arial, sans-serif;

   font-size:70px;

   color:#FFFFFF;

   margin-top:0px;

   margin-bottom:10px;

   } 

   

.ablan {

   height:auto; overflow:hidden;

   line-height:80px;

   border-bottom:1px solid #eeeeee;

   }

   

.ablan li {

   list-style-type:none;

   width:78px;

   float:left;

   margin-right:118px;

   }

   

.ablan li a {

   display:block;

   font-size:18px;

   color:#656565;

   line-height:78px;

   }

   

.ablan li a:hover {

   color:#f56b26;

   }

   

.ablan li.hover a {

   color:#f56b26;

   }

   

.ablan li > a::after {

    width: 0;

    transition: width .3s;

    height: 2px;

    display: block;

    margin: 0 auto;

    content: "";

    background-color: #eb5a25;

}



.ablan li > a:hover:after{

	width:100%;

	height:2px;

	display:block;

	content:"";

	transition:width .3s;

	background-color:#eb5a25;

}  



.ablan li.hover a::after {

    width:100%;

    transition: width .3s;

    height: 2px;

    display: block;

    margin: 0 auto;

    content: "";

    background-color: #eb5a25;

}

   

   

.about {

   height:auto; overflow:hidden;

   margin-top:49px;

   margin-bottom:70px;

   line-height:32px;

   color:#545454;

   } 

   

.about h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:38px;

   color:#3b3b3b;

   text-align:center;

   margin-top:0px;

   margin-bottom:58px;

   }    

   

.abtu {

   height:auto; overflow:hidden;

   padding:10px;

   border:1px solid #f6f6f6;

   } 

   

.abtu .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: 14px;

    left: 70%;

    width: 20%;

} 



.abtu .swiper-pagination-bullet {

    width: 20px;

    height: 20px;

    display: inline-block;

    border-radius: 100%;

    background: #FFF;

    opacity: .2;

}  



.abtu .swiper-pagination-white .swiper-pagination-bullet-active {

    background: #fff;

	opacity: 1;

}





.shebei {

   height:auto; overflow:hidden;

   margin-top:70px;

   padding-bottom:45px;

   }

   

.sbnn {

   height:auto; overflow:hidden;

   margin-bottom:70px;

   }   

   

.sb-left {

   width:15.5%;

   font-size:38px;

   color:#3b3b3b;

   float:left;

   }

   

.sb-right {

   width:78%;

   font-size:15px;

   line-height:32px;

   color:#545454;

   float:right;

   }

   

.sbd {

   border:8px solid #ededed;

   }

   

.jingying {

   height:600px;

   padding-top:138px;

   color:#FFFFFF;

   font-size:16px;

   line-height:32px;

   background:url(../images/jybj.jpg) top center; background-repeat:no-repeat;

   }

   

.jingying h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:38px;

   margin-top:0px;

   margin-bottom:50px;

   color:#FFFFFF;

   }

   

   

/* 荣誉证书 */

.rybj {

  height:auto; overflow:hidden;

  background:url(../images/rybj.jpg) center;

  background-size: 100% 100%;

  padding-top:55px;

  padding-bottom:60px;

  } 





.rykuan {

   width:1440px;

   height:auto; overflow:hidden;

   margin:0 auto;

   } 

   

.rykuan h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:38px;

   text-align:center;

   color:#3b3b3b;

   margin-top:0px;

   margin-bottom:15px;

   }  

   

.ryrow {

   height:auto; overflow:hidden;

   margin-left:-10px;

   margin-right:-10px;

   }

   

.ryrow li {

   width:25%;

   float:left;

   padding-left:10px;

   padding-right:10px;

   }

   

.rytu {

    height:auto; overflow:hidden;

	padding:20px;

	padding-bottom:0px;

	background-color:#FFFFFF;

	margin-top:50px;

   }

   

.rytu-zi {

   height:auto; overflow:hidden;

   line-height:56px;

   color:#656565;

   font-size:16px;

   border-top:1px solid #f3f3f3;

   }

   

.rytu-zi-aa {

   width:80%;

      height: auto;

overflow: hidden;

   white-space: nowrap;

text-overflow: ellipsis;

   float:left;

   }

   

.rytu-zi-bb {

   width:20%;

   float:right;

   text-align:right;

   }

   

/* 弹窗 */



.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: 500px; }



.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;

}





/* 分页 */ 

.page {

    margin: 20px auto;

}



.page-m {

    position: relative;

    top: -1px;

    +display: inline !important;

}



.page a {

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}



.page-m a {

    display: inline-block;

    margin: 0 5px;

    width: 40px;

    height: 40px;

    font-size: 14px;

    line-height: 40px;

    text-align: center;

	border:1px solid #eeeeee;



}



.page-m a:hover {

    color: #fff;

    background: #c7000a;

	border:1px solid #c7000a;

}



.xianshi {

    color: #fff;

    background: #c7000a;

	border:1px solid #c7000a;

}



.page-m a.active {

    color: #fff;

    background: #c7000a;

	border:1px solid #c7000a;

}



.icase ul {

   padding:0px;

   }

   

.icase ul li {

   list-style-type:none;

   }

   

/* 发展历程 */   

.fzbj {

   height:auto; overflow:hidden;

   background:url(../images/whbj.jpg) center; background-repeat:no-repeat;

   background-size: 100% 100%;

   padding-top:60px;

   padding-bottom:20px;

   } 

   

.fzbj h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:38px;

   text-align:center;

   color:#3b3b3b;

   margin-top:0px;

   margin-bottom:107px;

   } 

   

.fznn {

   height:auto; overflow:hidden;

   background:url(../images/fzxian.png) top center; background-repeat:no-repeat;

   }

   

.fzkk {

   height:auto; overflow:hidden;

   padding-top:20px;

   padding-bottom:20px;

   background:url(../images/quant.png) center center; background-repeat:no-repeat;

   }

   

.fzkk:hover {

   background:url(../images/quank.png) center center; background-repeat:no-repeat;

   background-color:#FFFFFF;

   transition: all 300ms ease-in 0ms;

   }

   

   

.fzkk-aa {

   width:50%;

   float:left;

   text-align:right;

   color:#515151;

   padding-right:50px;

   }

   

.dazi {

   font-family: 'DIN-Bold', Helvetica, Arial, sans-serif;

   font-size:38px;

   }   

   

.fzkk-bb {

   width:50%;

   padding-left:50px;

   color:#7f7f7f;

   line-height:20px;

   float:right;

   }

   

.fzkk-bb h3 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:16px;

   color:#000000;

   margin-top:6px;

   margin-bottom:16px;

   }

   

.fzkk-cc {

   width:50%;

   float:left;

   text-align:right;

   color:#7f7f7f;

   line-height:20px;

   padding-right:50px;

   }

   

.fzkk-cc h3 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:16px;

   color:#000000;

   margin-top:6px;

   margin-bottom:16px;

   }

   

.fzkk-dd {

   width:50%;

   color:#f46b26;

   padding-left:50px;

   float:right;

   }

   

   

/* 企业文化 */

.whbj {

   height:auto; overflow:hidden;

   background:url(../images/whbj.jpg) center; background-repeat:no-repeat;

   background-size: 100% 100%;

   padding-top:60px;

   padding-bottom:105px;

   }

   

.whbj h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:38px;

   text-align:center;

   color:#3b3b3b;

   margin-top:0px;

   margin-bottom:46px;

   }

   

.whkk {

   height:auto; overflow:hidden;

   padding:20px;

   text-align:center;

   background-color:#FFFFFF;

   border-radius: 8px;

   }

   

.whkk h3 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:25px;

   margin-top:30px;

   margin-bottom:0px;

   text-align:center;

   }

   

.whnn {

   height:auto; overflow:hidden;

   margin-top:85px;

   }

   

.whnn-aa {

   width:50%;

   float:left;

   }

   

.whbd {

   border:5px solid #FFFFFF;

   }

   

.whnn-bb {

   width:50%;

   float:right;

   margin-top:49px;

   padding:40px;

   padding-top:78px;

   font-size:18px;

   line-height:39px;

   color:#FFFFFF;

   height:286px;

   background-color:#f88a28;

   }

   

   

/* 产品 */

.cpbnn {

  background:url(../images/bnn2.jpg) top center;

  }   

  

.cplan {

   height:auto; overflow:hidden;

   line-height:80px;

   border-bottom:1px solid #eeeeee;

   }

   

.cplan li {

   list-style-type:none;

   float:left;

   margin-right:40px;

   }

   

.cplan li a {

   display:block;

   font-size:18px;

   color:#656565;

   line-height:78px;

   }

   

.cplan li a:hover {

   color:#f56b26;

   }

   

.cplan li.hover a {

   color:#f56b26;

   }

   

.cplan li > a::after {

    width: 0;

    transition: width .3s;

    height: 2px;

    display: block;

    margin: 0 auto;

    content: "";

    background-color: #eb5a25;

}



.cplan li > a:hover:after{

	width:100%;

	height:2px;

	display:block;

	content:"";

	transition:width .3s;

	background-color:#eb5a25;

}  



.cplan li.hover a::after {

    width:100%;

    transition: width .3s;

    height: 2px;

    display: block;

    margin: 0 auto;

    content: "";

    background-color: #eb5a25;

}   



.cpbj {

   height:auto; overflow:hidden;

   background:url(../images/whbj.jpg) center; background-repeat:no-repeat;

   background-size: 100% 100%;

   padding-top:30px;

   padding-bottom:36px;

   }

   

.search1 {

    margin-top: 0px;

    width: 100%;

    margin-bottom: 40px;

}



.search1 form {

    display: flex;

}



.search1 .search {

    border: 0;

    height: 58px;

    font-size: 16px;

    padding-left: 58px;

	background:url(../images/fdj.png) left; background-repeat:no-repeat;

	background-color:#FFFFFF;

	color:#d8d8d8;

    width: 86%;

    border-radius: 0;

}   



.search1 .btn {

    height: 58px;

    margin: 0;

    background: #f56b26;

    border-radius: 0;

    color: #FFFFFF;

	font-size:16px;

    text-align: center;

    width: 14%;

}    

   

.cprow {

   margin-left:-10px;

   margin-right:-10px;

   height:auto; overflow:hidden;

   }

   

.cpcol3 {

   width:25%;

   float:left;

   padding-left:10px;

   padding-right:10px;

   }

   

.cptu {

   height:auto; overflow:hidden;

   background-color:#FFFFFF;

   padding:15px;

   padding-bottom:36px;

   margin-bottom:30px;

   }

   

.cptu h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:18px;

   margin-left:24px;

   margin-top:9px;

   margin-bottom:5px;

   color:#000000;

   }

   

.cptu h3 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:12px;

   margin-left:24px;

   margin-top:0px;

   margin-bottom:36px;

   color:#656565;

   }

   

.cptu 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;}  



.cptu:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

	transition: all 500ms ease-in 0ms;

   } 

   

.cptu section {

   overflow: hidden;

   }	 

	

/* 产品详情 */

.pro-img{

	margin-bottom:40px;

}

.pro-img .xiaotu{

   margin-top:20px;



}

.pro-img #Gbig{

	width:100%;

}

.pro-img .xiaotu li{



}

.pro-img .xiaotu li a {

   display: block;

   border:1px #ddd solid;

   margin:1px;

   }



.pro-img .xiaotu li.hover{

	border:1px #0e66a6 solid;

}

.pro-img .colmd5{

	width:42%;

	float:left;

}

.pro-img .colmd7{

	width:54%;

	float:right;

}

.pro-img .colmd7 .pro-ptt{

	font-size:22px;

	font-weight:bold;

	padding:0px 0px 15px;

	border-bottom:1px #734702 solid;

	font-weight:bold;

}

.pro-img .colmd7>span{

	margin:20px 0 0 0;

	padding:0;

	display:block;

	color:rgba(62,70,77,.8);

	font-size:12px;

	line-height:22px;

	width:100%;

	word-wrap:break-word;

}

.pro-img .colmd7>span ul{

	list-style-type:disc;

	margin-left:20px;

}

.jqzzoom{position:relative;}

.jqzoom{position:relative;overflow:hidden;border:0px #ddd solid; height:auto; overflow:hidden;}

.zoomdiv{float:left;top:0 !important;left:101% !important;border:3px solid #e4e4e4;display:none;text-align:center;overflow: hidden;position:absolute;z-index:999;background-color:#fff;}

.bigimg{width:800px;height:800px;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:80px !important;height:80px !important;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}	









.jqzzoom .navigation {

    width: 100%;

    margin: 10px 0 0;

}

.jqzzoom .carousel{

    overflow: hidden;

}

.jqzzoom .carousel ul {

    width:2000em;

    list-style: none;

    margin: 0;

    padding: 0;

	margin-top:10px;

}

.jqzzoom .prev-navigation,.next-navigation{

	display:block;

	cursor:pointer;

}

.jqzzoom .prev-navigation{

	background:url(../images/left.gif) left center no-repeat;

	height:91px;

	width:39px;

	float:left;

}

.jqzzoom .next-navigation{

	background:url(../images/right.gif) right center no-repeat;

	width:39px;

	height:91px;

	float:right;

}



.procem {

    padding: 0px 36px;

    position: relative;

}



#fuwus {

    position: static;

}



.procem .swiper-pagination-bullet-active {

    opacity: 1;

    background: #cf152d;

}



.procem .swiper-button-prev {

    position: absolute;

    top: 50%;

    width: 30px;

    height: 30px;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

	left:3px;



    background-size: 30px 30px;

    background-position: center;

    background-repeat: no-repeat;

}



.procem .swiper-button-next {

    position: absolute;

    top: 50%;

    width: 30px;

    height: 30px;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

	right:3px;



    background-size: 30px 30px;

    background-position: center;

    background-repeat: no-repeat;

}



.cpyymore {

    width: 142px;

    height: 43px;

    margin-top: 20px;

}



.cpyymore a {

    display: block;

    width: 142px;

    height: 43px;

    line-height: 43px;

    color: #FFFFFF;

    background-color: #da251c;

    font-size: 14px;

    text-align: center;

    border-radius: 20px;

}



#xiaotu .swiper-slide a.hover{

	border: 1px #009def solid;

}  





.liebiao {

    height: auto;

    overflow: hidden;

	margin-top:20px;

}



.liebiao-aa {

    width: 80%;

    line-height: 30px;

    color: #666666;

    float: left;

}



.shangy {

    height: auto;

    overflow: hidden;

    line-height: 32px;

    color: #666666;

    border-bottom: 1px dotted #ececec;

}



.xiay {

    height: auto;

    overflow: hidden;

    color: #666666;

    line-height: 32px;

}



.liebiao-bb {

    width: 16%;

    float: right;

}   



.fanhui {

    width: 142px;

    height: 43px;

    margin-top: 6px;

    float: right;

}



.fanhui a {

    display: block;

    width: 142px;

    height: 43px;

    line-height: 43px;

    color: #FFFFFF;

    background-color: #000000;

    font-size: 14px;

    text-align: center;

    border-radius: 20px;

}   



.guddx {

    height: 525px;

    padding: 5px;

    overflow-y: scroll;

}





/* 新闻 */

.xwbnn {

  background:url(../images/bnn3.jpg) top center;



  } 

  

.rcbnn {

  background:url(../images/bnn4.jpg) top center;



  } 

  

.lxbnn {

  background:url(../images/bnn5.jpg) top center;



  } 



.inews {

    padding: 40px 0px 30px;

}



.nstit big {

    display: block;

    font-size: 3.4rem;

    color: #333333;

    line-height: 46px;

}



.nstit span {

    display: block;

    color: #545459;

    font-size: 1.5rem;

    line-height: 30px;

    margin: 25px 0px 0px;

}



.nstit h3 {

    color: #4b4d59;

    font-family: Fontthree;

    font-size: 2.4rem;

    position: relative;

    padding-left: 200px;

    float: right;

    margin: 20px 0px 0px;

    text-transform: uppercase;

}



.nstit h3 font {

    color: #2a54aa;

}



.nstit h3::after {

    content: "";

    height: 2px;

    width: 160px;

    background: rgba(0,0,0,.1);

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -1px;

}



.inews dl {

	margin-top:60px;

}

.inews dl dd {

	margin-bottom:30px;

}

.inews dl dd a {

	display:block;

	color:#3c4244;

	padding-bottom:80px;

	border:1px rgba(0,0,0,.15) solid;

	transition:.3s;

}

.inews dl dd a:hover {

	border:1px #164ca3 solid;

}



.inews dl dt {

	font-weight:normal;

}



.inews dl dt a {

	display:block;

	color:#fff;

	background-position:center;

	background-repeat:no-repeat;

	background-size:cover;

	padding:50px 70px;

	height:346px;

	position:relative;

}



.inews dl dt a::before {

    content: "";

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: #023d9b;

    opacity: .9;

}



.inews dl dt a:before {

	content:"";

	display:block;

	position:absolute;

	width:100%;

	height:100%;

	top:0;

	left:0;

	background:#023d9b;

	opacity:.9;

}

.inews dl dt a small {

	display:block;

	font-size:1.6rem;

	line-height:28px;

	font-family:Fontthree;

	position:relative;

	z-index:3;

}

.inews dl dt a big {

	display:block;

	font-size:2.8rem;

	line-height:33px;

	max-height:149px;

	overflow:hidden;

	padding:20px 0px 30px;

	position:relative;

	z-index:3;

}

.inews dl dt a span {

	display:block;

	position:relative;

	z-index:3;

}

.inews dl dt a span:after {

	content:"";

	display:block;

	clear:both;

}

.inews dl dt a span p {

	font-size:1.6rem;

	font-family:Fontone;

	float:left;

	line-height:70px;

	margin-left:15px;

}

.inews dl dt a span i {

	display:block;

	width:70px;

	height:70px;

	border:1px #fff dashed;

	border-radius:50%;

	float:left;

	padding:10px;

	position:relative;

}

.inews dl dt a span i:after {

	content:"";

	display:block;

	border:1px #fff solid;

	border-radius:50%;

	height:100%;

}

.inews dl dt a span i:before {

	content:"";

	display:block;

	width:10px;

	height:10px;

	border-radius:50%;

	background:#fff;

	position:absolute;

	top:50%;

	left:50%;

	margin-top:-5px;

	margin-left:-5px;

}



.inews dl dd a img {

	width:100%;

}

.inews dl dd a big {

	display:block;

	font-size:1.8rem;

	line-height:30px;

	padding:25px 0px 20px;

	text-overflow:ellipsis;

	overflow:hidden;

	white-space:nowrap;

	font-family:Fontthree;

	margin:0px 15px;

}

.inews dl dd a span {

	display:block;

	background:url(../images/nsjt.png) right center no-repeat;

	padding-right:40px;

	line-height:40px;

	margin:0px 15px;

}

.inews dl dd a span small {

	display:block;

	color:#3c4244;

	font-size:1.4rem;

	font-family:Fontthree;

}



/* 新闻内 */

.inewsct {

   background-color:#FFFFFF;

   height:auto; overflow:hidden;

   padding:20px;



}



.inewsct .inews-tt {

    border-bottom: 1px rgba(0,0,0,.25) dashed;

    padding-bottom: 10px;

}



.inewsct .inews-tt p {

    font-size: 2.0rem;

    font-weight: bold;

    line-height: 26px;

    margin-bottom: 10px;

}



.inewsct .inews-tt span {

    color: rgba(0,0,0,.55);

}



strong {

    font-weight: 700;

}



.inewsct .inews-ct {

    padding: 20px 0px 0px;

    color: rgba(0,0,0,.7);

    line-height: 28px;

}





.ijoint {

    padding: 40px 0px 30px;

}

	

.ijoin {

	margin:55px 0px 0px;

}

.ijoin dl {

	background:#2a54a8;

	padding:0px 70px;

}

.ijoin dl dd {

	float:left;

	width:25%;

	color:#fff;

	line-height:40px;

	padding:25px 0px;

	font-size:2.0rem;

}

.ijoin dl dd:nth-of-type(4) {

	width:22%;

}

.ijoin dl dd:nth-of-type(5) {

	width:30%;

}



@media (max-width:1400px) {

	.ijoin dl dd {

	font-size:1.8rem;

}

}@media (max-width:992px) {

	.ijoin {

	margin:15px 0px 0px;

}

.ijoin dl {

	padding:0px 15px;

}

.ijoin dl dd {

	line-height:30px;

	padding:10px 0px;

	font-size:1.6rem;

}

.ijoin dl dd:nth-of-type(2),.ijoin dl dd:nth-of-type(3),.ijoin dl dd:nth-of-type(4) {

	display:none;

}

.ijoin dl dd:nth-of-type(1) {

	width:70%;

}

}.ijoin ul {

	margin-top:30px;

}

.ijoin ul li {

	border-bottom:1px rgba(0,0,0,.15) dashed;

	list-style-type:none;

	margin-bottom:20px;

}

.ijoin ul li .jitp {

	padding:25px 70px;

	transition:.3s;

}

.ijoin ul li .jitp span {

	display:block;

	float:left;

	width:25%;

	color:#545459;

	line-height:44px;

	font-size:1.9rem;

}

.ijoin ul li .jitp span:nth-of-type(4) {

	width:22%;

}

.ijoin ul li .jitp span:nth-of-type(5) {

	width:30%;

}

@media (max-width:1400px) {

	.ijoin ul li .jitp span {

	font-size:1.6rem;

}

}@media (max-width:992px) {

	.ijoin ul {

	margin-top:10px;

}

.ijoin ul li {

	margin-bottom:10px;

}

.ijoin ul li .jitp {

	padding:10px 15px;

}

.ijoin ul li .jitp span {

	line-height:24px;

	font-size:1.4rem;

}

.ijoin ul li .jitp span:nth-of-type(2),.ijoin ul li .jitp span:nth-of-type(3),.ijoin ul li .jitp span:nth-of-type(4) {

	display:block;

}

.ijoin ul li .jitp span:nth-of-type(1) {

	width:70%;

}

}.ijoin ul li .jitp span small {

	width:138px;

	display:block;

	height:44px;

	font-size:1.9rem;

	color:#545459;

	background:#efefef;

	cursor:pointer;

	text-align:center;

	transition:.3s;

	float:left;

}

.ijoin ul li.cur {

	border-bottom:0;

	box-shadow:0px 0px 30px rgba(0,0,0,.15);

}

.ijoin ul li.cur .jitp span small {

	background:#fff;

}

.ijoin ul li .jitp span small:hover {

	background:#fe710a;

	color:#fff;

}

.ijoin ul li.cur .jitp {

	background:#e6e6e6;

}

.ijoin ul li .jitp span i {

	display:block;

	background:url(../images/sjt.png) center no-repeat;

	height:44px;

	float:right;

	cursor:pointer;

	width:40px;

}

.ijoin ul li.cur .jitp span i {

	transform:rotate(180deg);

}

.ijoin ul li .jitp span a {

	display:none;

	width:90%;

	height:30px;

	line-height:30px;

	color:#545459;

	background:#efefef;

	font-size:1.4rem;

	margin-left: 10px;

	text-align:center;

}

@media (max-width:1400px) {

	.ijoin ul li .jitp span small {

	font-size:1.6rem;

}

}@media (max-width:992px) {

	.ijoin ul li .jitp span a {

	display:block;

}

.ijoin ul li .jitp span small {

	display:none;

}

.ijoin ul li .jitp span i {

	display:none;

}

}.ijoin .jibt {

	display:none;

	padding:20px 70px 50px;

}

.ijoin .jibt h1 {

	font-size:2.0rem;

	line-height:40px;

}

.ijoin .jibt section {

	padding:15px 0px 15px 20px;

	color:#545459;

	line-height:26px;

}

.ijoin .jibt>div>h2 {

	width:140px;

	line-height:44px;

	color:#fff;

	background:#2a54a8;

	text-align:center;

	font-size:1.5rem;

	transition:.3s;

	cursor:pointer;

	margin:15px 0px 0px;

}

.ijoin .jibt>div>h2:hover {

	background:#fe710a;

}

.ijoindd .zwxxx {

	padding-bottom:10px;

}

.ijoindd .zwxxx span {

	display:block;

	line-height:30px;

	color:#000;

}

.ijoindd .zwxxx .zpzw {

	font-size:1.6rem;

	margin-bottom:10px;

}

.ijoindd iframe {

	height:720px;

	width:100%;

}





@media (max-width:992px) {

	.ijoindd {

	margin:0;

}

.ijoindd .jibt {

	display:block;

	padding:0px;

}

.ijoindd .jibt h1 {

	font-size:1.6rem;

	line-height:30px;

}

.ijoindd .jibt section {

	padding:10px 0px;

}

}



.ijoin ul {

   padding:0px;

   }

   

   

.apply {

	position:fixed;

	z-index:10000;

	background:rgba(0,0,0,.8);

	top:0;

	left:0;

	width:100%;

	height:100%;

	display:none;

}

.zwcont {

	width:60%;

	left:20%;

	top:50%;

	margin-top:-378px;

	position:relative;

}

.zwcont iframe {

	height:756px;

	background:transparent;

	width:100%;

}

.tmbody {

	background:transparent;

}

.zwcont .closets {

	position:absolute;

	height:90px;

	right:15px;

	top:0;

	cursor:pointer;

	width:40px;

	background:url(../images/gbtou.png) center no-repeat;

}

.sqxx {

	width:100%;

	background:#fff;

}

.sqxx h2 {

	text-align:center;

	font-size:2.0rem;

	margin:0px;

	color:#000;

	line-height:90px;

}

.sqxx h2 big {

	font-size:2.0rem;

}

.sqxx .form {

	background:#f6f6f6;

	padding:30px 7% 25px;

}

.sqxx .form div {

	float:left;

	width:47%;

	margin-right:6%;

	margin-bottom:25px;

}

.sqxx .form div:nth-child(2n+0) {

	margin-right:0;

}

.sqxx .form div p {

	float:left;

	width:88px;

	color:#636366;

	line-height:42px;

}

.sqxx .form div p:before {

	content:"* ";

	color:#f00;

}

.sqxx .form div input {

	width:calc(100% - 88px);

	background:#fff;

	border:1px rgba(0,0,0,.1) solid;

	line-height:22px;

	outline:none;

	padding:9px 10px;

}

.sqxx .form div select {

	width:calc(100% - 88px);

	border:1px rgba(0,0,0,.1) solid;

	background:#fff;

	height:42px;

	outline:none;

	padding:0px 10px;

}

.sqxx .form div:last-child {

	width:100%;

}

.sqxx .form div textarea {

	width:calc(100% - 88px);

	background:#fff;

	border:1px rgba(0,0,0,.1) solid;

	line-height:22px;

	outline:none;

	padding:9px 10px;

	resize:none;

}

.sqxx form button {

	display:block;

	margin:30px auto 0px;

	background:#2a54a8;

	width:100%;

	max-width:230px;

	color:#fff;

	height:44px;

	outline:none;

	font-size:1.5rem;

	transition:.3s;

	border:0;

}

.zwcont form button:hover {

	background:#333;

}   



/* 联系我们 */

.lxnnw {

    margin-top: 50px;

    margin-bottom: 50px;

}



.lxnnw h2 {

    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

    font-size: 38px;

    color: #252525;

    font-weight: bold;

    text-align: center;

    margin-top: 0px;

    margin-bottom: 20px;

}



.lxnnw h3 {

    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

    font-size: 16px;

    color: #666666;

    font-weight: bold;

    text-align: center;

    margin-top: 0px;

    margin-bottom: 70px;

}



.lxhh {

    height: auto;

    overflow: hidden;

    padding-top: 10px;

    padding-bottom: 25px;

    border-bottom: 1px solid #f0f0f0;

}



.lxhh-aa {

    width: 10%;

    float: left;

}



.lxhh-bb {

    width: 89%;

    float: right;

    color: #666666;

    font-size: 16px;

}



.lxhh-bb h4 {

    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

    font-size: 16px;

    margin-top: 8px;

    margin-bottom: 16px;

    color: #333333;

}



.liuyans {

    height: auto;

    overflow: hidden;

    padding-top: 70px;

    padding-bottom: 45px;

    background-color: #f1f1f1;

}



.liuyans h3 {

    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

    font-size: 42px;

    text-align: center;

    margin-top: 0px;

    margin-bottom: 83px;

}



.lykkm {

    width: 1200px;

    height: auto;

    overflow: hidden;

    margin: 0 auto;

}



.hzi {

    color: #ddaa6e;

}



.biao {

    height: auto;

    overflow: hidden;

    margin-bottom: 20px;

}



.biao h4 {

    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

    font-size: 16px;

    margin-top: 0px;

    margin-bottom: 14px;

    color: #666666;

}



.kka {

    height: 60px;

    border: 1px solid #d2d2d2;

}



.kkb {

    border: 1px solid #d2d2d2;

}



.anniu {

    width: 208px;

    height: 54px;

	font-size:16px;

    background-color: #1d2c6a;

	border:1px solid #1d2c6a;

    padding: 0px;

}  



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

.kuanping {

   width:100%;

   }

   

.container {

   width:100%;

   }

   

.rykuan {

   width:100%;

   }

      

}





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



.navbar-nav > li > a {

    padding: 10px 20px;

    line-height: 20px;

}



.nav {

    padding-left: 0px;

}





.kuanping {

   width:100%;

   }

   



}