
/*首页头部*/
.head{width: 100%;min-width:1210px;height: 99px;z-index: 100;padding-top: 10px;transition: all 0.3s;max-width: 1920px; padding-bottom: 10px;}
.headon{margin-top: 0;padding: 20px 0;background-color: rgba(0, 0, 0, 0.6);}
.head .show{/*max-width: 1720px;*/min-width:1210px;max-width: 1419px;margin: 0 auto;}
.head .logo{float: left;margin-left: 5%}
.head .nav{float: right;line-height: 79px;}
.head .nav li{float: left;margin-left: 40px;}
.head .nav li a{font-size: 16px;font-weight: 400;color: #010101;padding-bottom: 5px;position: relative;overflow: hidden;}
.head .nav li a:after{position: absolute;background-color: #1c679e;width: 0;height: 2px;right: 0%;bottom: -5px;z-index: -1;transition: all 0.3s ease-in-out;content: ''}
.head .nav li a:hover:after{width: 100%;left: 0%;}
.head .nav li a:hover{ color:#1c679e;}
.head .nav .on a{border-bottom: 2px solid #010101;}


.indexbanner{position: relative;height: 800px;z-index: 11;overflow: hidden;text-align: center;}
.flexslider{position:relative;height:100%;overflow:hidden;transition: all 0.3s;}
.flex-pauseplay{display: none;}
.slides{position:relative;z-index:1;}
.slides li{height:800px;text-align: center;}
.slides li a{display: block;height:100%;}
.slides li img{margin: 0 auto;display: none;}

.slides li .video1{background-color: #000;}

.flex-direction-nav{position:absolute;z-index:10;width:100%;top:47%;opacity: 0;transition: all 0.3s;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;z-index: 10;border-radius: 25px;opacity: 0.5;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;transition: all 0.5s;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;transition: all 0.5s;}
.flex-direction-nav li a:hover{width: 60px;height: 50px; opacity: 1;}

.flexslider:hover .flex-direction-nav{opacity:1;}
.flex-control-nav{position: absolute;z-index: 11;width:60px;bottom: 0;right: 108px;height: 90px;display: none;}
.flex-control-nav li{position: absolute;z-index: 2;width: 60px;height: 90px;}
.flex-control-nav li a{color: #ffffff;width: 60px;line-height: 90px;text-align: center;display: none;}
.flex-control-nav li .flex-active{display: block;font-size: 28px;color: #15843b;font-weight: bold;font-family: te2;}
.flexslider .flex-pauseplay{position: absolute;z-index: 10;width: 100px;height: 100px;background-color: #0D6A28;top: 50%;right: 0;text-align: center;line-height: 100px;}

.indexbanner .show{width: 210px;line-height: 40px;text-align: center;background-color: #000000;color: #ffffff;font-size: 16px;border-radius: 20px;margin: 30px auto;cursor: pointer;
position: absolute;z-index: 20;left: 50%;bottom: 200px;margin-left: -105px;}
.indexbanner .show:hover{background-color: rgba(0, 0, 0, 0.8);}

.video{position: fixed;z-index: 100;text-align: center;width: 100%;height: 100%;min-width: 1210px;overflow: hidden;background-color: #000000;}
.video video{width: 100%;}

.stay{position: absolute;z-index: 12;width: 1px;bottom: 0;left: 50%;height:150px;background-color: rgba(255, 255, 255, 0.3);}
.stay p{width: 1px;background-color: #ffffff;animation: chang ease-in-out 2s infinite;height: 0;margin-top: 0;}
@keyframes chang{
    0% {height: 0;margin-top: 0;}
    60% {height: 150px;margin-top: 0;}
    100% {height: 150px;margin-top: 150px;}
}

.video-show{width: 1210px;background-color: #000000;text-align: center;display: none;}
.video-show video{max-width: 100%;margin: 0 auto;}


.index-pro li img { -moz-transition:all 2.4s ease 0s; -ms-transition:all 2.4s ease 0s; -o-transition:all 2.4s ease 0s; -webkit-transition:all 2.4s ease 0s; transition:all 2.4s ease 0s;}
.index-pro li{ overflow:hidden; }
.index-pro li:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.productcate{
   background:url(../img/categorybg.jpg) center;
   text-align:center;
   height:943px;
 }
.productcatew {
    width: 1400px!important;
    width: 1400px;
    padding: 0px;
    margin: 0 auto;
    text-align: center;
}
.productcate .title{
    width:100%;
	text-align:center;
	line-height:60px;
	color:#010101;
	font-size:48px;
	padding-top:30px;
}
.productcate .text{
    width:100%;
	text-align:center;
	line-height:40px;
	color:#010101;
	font-size:22px;
	font-weight:700;
	margin-bottom:20px;
}
.productcate .text span{
   font-style: italic; 
   font-weight:400;
}
.productcate .index-pro{
    width:100%;
	margin: 0 auto; 
	text-align:center;
	height:652px;
	background:url(../img/procatebg.jpg) center;
	}
.productcate .index-pro li{
   width:33.33333%; 
   float:left;
   }
.productcate .cate_title{
   width:100%;
   text-align:center;
   color:#fff;
   line-height:50px;
   font-size:32px;
   padding-top:70px;
}
.productcate .cate_test{
   width:100%;
   text-align:center;
   color:#fff;
   line-height:40px;
   font-size:20px;
}
.productcate .cate_testen{
   width:100%;
   text-align:center;
   color:#fff;
   line-height:30px;
   font-size:18px;
}
.productcate .cate_img{
   width:100%;
   text-align:center;
   padding-top:30px;
   padding-bottom:30px;
}
.company_ab{
   background:#fff;
   text-align:center;
   height:580px;
 }
.company_abw {
    width: 1400px!important;
    width: 1400px;
    padding: 0px;
    margin: 0 auto;
    text-align: center;
}
.company_ab .titlen {
    width: 100%;
    text-align: center;
    line-height: 60px;
    color: #010101;
    font-size: 48px;
    padding-top: 30px;
}
.company_ab .title {
    margin: 0 auto;
    font-size: 18px;
    color: #353535;
	line-height:30px;
	font-weight:600;
}
.company_ab .company-more{
    width:100%;
	text-align:center;
	padding-top:20px;
}
.Box {position: relative; margin-top:5px;}
			.Box .content {width: 1400px;margin: 0 auto;}
			.Box h2 {text-align: center;margin-bottom: 35px;}
			.Box .Box_con {position: relative;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 30px;height: 52px;position: absolute;top: 120px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(../img/jtl02.png) no-repeat center;left: -35px; z-index:999;}
			.Box .Box_con .btnr {background: url(../img/jtr02.png) no-repeat center;right: -35px; z-index:999;}
			.Box .Box_con .btnl:hover {background: url(../img/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(../img/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 340px;height: 368px;margin-left: 10px;overflow: hidden; text-align:center; background:url(../img/casebg.jpg) no-repeat center top;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {max-width: 100%;transition: all 0.5s; padding-top:20px; padding-left:20px; padding-right:20px;}
			.Box .Box_con .conbox ul li p { text-align:center; line-height:40px; font-size:14px; padding-top:10px;}
			.Box .Box_con .conbox ul li p span{text-align:center; width:30%; border:#0168b7 solid 1px;border-radius:50px; line-height:30px; margin-top:20px; color:#010101; height:30px;}
			.Box .BoxSwitch {margin-top: 30px;text-align: center;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 8px;height: 8px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Box .BoxSwitch span.cur {background: #0168b7;}

.news-wrapper{
     width: 100%;
     height: 618px;
     text-align: center;
 }
.news-wrapper .titlen {
    text-align: center;
    height: 60px;
    line-height: 60px;
    color: #010101;
    font-size: 48px;
}
.news-wrapper .title {
    text-align: center;
    font-size: 18px;
    color: #353535;
	line-height:30px;
	font-weight:600;
	padding-bottom:30px;
}
.news-wrapper .img-ul {
	width:1400px;
    padding: 0px;
    margin: 0 auto;
}
.news-wrapper .img-ul li {
    display: inline-block;
    width: 30%;
    margin-left: 3%;
    border: #dddddd solid 1px;
    background: #fff;
}
.news-wrapper .img-ul li:hover {
box-shadow:0px 0px 20px #adadad;
}
.news-wrapper .img-ul li img{
   max-width:100%;
}

.news-wrapper .img-ul li img { -moz-transition:all 2.4s ease 0s; -ms-transition:all 2.4s ease 0s; -o-transition:all 2.4s ease 0s; -webkit-transition:all 2.4s ease 0s; transition:all 2.4s ease 0s;}
.news-wrapper .img-ul li{ overflow:hidden; }
.news-wrapper .img-ul li:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}



.news-wrapper .img-ul li:first-child {
    margin-left: 0;
}
.news-wrapper .img-ul li.avtive .bd,
.news-wrapper .img-ul li:hover .bd {
    background: #fff;
}
.news-wrapper .img-ul li .hd {
    position: relative;
}
.news-wrapper .img-ul li .hd img {
    display: block;
    height: 100%;
}
.news-wrapper .img-ul li .hd .date {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 102px;
    height: 36px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    text-indent: 24px;
    text-align: left;
}
.news-wrapper .img-ul li .bd {
     padding: 20px 20px 20px;
 }
.news-wrapper .img-ul li .td {
    height: 60px;

}

.news-wrapper .img-ul li .td .tdtime{
    height: 60px;
    display: inline-block;
    width: 50%;
    font-size: 14px;
    color: #000;
    line-height: 60px;
    padding-left: 140px;
}
.news-wrapper .img-ul li .td .tdtimel{
    height: 60px;
    display: inline-block;
    width: 50%;
}
.news-wrapper .img-ul li .td .tdtimel dd{
    font-size: 18px;
    color: #aaa;
    line-height: 40px;
    padding-right: 80px;
}
.news-wrapper .img-ul li .td .tdtimel dt{
    font-size: 16px;
    color: #aaa;
    line-height: 20px;
}
.news-wrapper .img-ul li .td .tdtime img {
    width: 34px;
    height: 34px;
    padding: 0px;
}
.news-wrapper .img-ul li .td .tdtime a{
    font-size: 16px;
    color: #000;
    font-weight: bold;
}
.news-wrapper .img-ul li .bd .bd-title {
    font-size: 22px;
    text-align: left;
    color: #000;
    padding-bottom: 10px;
    font-weight: 600;
}
.news-wrapper .img-ul li .bd .bd-time {
    font-size: 14px;
    text-align: left;
    color: #010101;
	line-height:20px;
	padding-top:5px;
}
.news-wrapper .img-ul li .bd .bd-text {
    margin-top: 10px;
    color: #000;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
}
.news-wrapper .img-ul li .bd .news_more {
    width: 102px;
    height: 34px;
    margin: 37px auto 0;
    border: 1px solid #999;
    line-height: 34px;
    color: #a699b3;
    font-size: 12px;
    font-weight: bold;
}
.news-wrapper .img-ul li .bd .news_more a{
    color: #a699b3;
}
.about_ab{
     height: 764px;
	 background:url(../img/aboutbg.jpg) no-repeat center;
 }
.about_abw {
    width: 1400px!important;
    width: 1400px;
    padding: 0px;
    margin: 0 auto;
    text-align: left;
	padding-top:90px;
}
.about_ab .about_left{
   width:65%;
   float:left;
   text-align:center;
}
.about_ab .about_left .title{
    width:100%;
	text-align:left;
	line-height:60px;
	color:#fff;
	font-size:48px;
	padding-top:30px;
}
.about_ab .about_left .test{
    width:65%;
	text-align:left;
	line-height:30px;
	color:#fff;
	font-size:16px;
	padding-top:30px;
	padding-bottom:40px;
}
.about_ab .about_left .aboutline{
    width:100%;
	height:189px;
	background:url(../img/aboutlinebg.png) no-repeat left center;
}
.about_ab .about_right{
   width:35%;
   float:left;
   text-align:center;
   padding-top:18%;
}
.product-number-info{position: relative;}
.product-number-info .product-number-inner{width:100%; margin:0 auto;}
.product-number-info ul{padding: 20px 0;}
.product-number-info ul.q:after {content: "";clear: both;display: table;}
.product-number-info li{float: left; width:33.33333%; height: 149px; border-left: 1px solid #66c7fd;color:#fff; padding-top:1px; text-align:center;}
.product-number-info li:first-child{border:none;}
.product-number-info li b{font-weight: 700; font-size:54px; line-height: 1;display: inline-block; position: relative; margin: 25px 0 10px;}
.product-number-info li b i{font-style: normal;}
.product-number-info li b sup{position: absolute; font-size:20px; right: -15px; top: -3px;}
.product-number-info li b em{font-style: normal; font-size: 28px; font-weight: 100; padding-left: 2px; position:relative; top: -4px;}
.product-number-info li p{font-size: 18px;}