/**
 
 @Name: layuiNetCompany - 大气风格的网络公司企业模版
 @Author: xuxingyu
 @Copyright: layui.com
 
 */


body{background: #FFF;}

.main-news ul.newsab  .small_nav{top:40px;z-index:999;background: #0f2f69;margin: 0 auto;white-space:nowrap;left:-100px;width: 430px}
.main-news ul.newsab  .small_nav li{display: block;border: none;height: 50px;margin: 10px 0px;border-radius: 0px}
.main-news ul.newsab  .small_nav li a{color: #fff}
.main-news ul.newsab  .small_nav li:hover{background: #fff;}
.main-news ul.newsab  .small_nav li:hover a{color: #000}
/** 首页 */
.main-pic .main-honor-title{text-align: center;margin: 5% 0 1%;font-size: 22px;}
.main-pic .hr{width: 8%;border: 1px solid #1c3a70;margin: 0 auto 20px;}   
/*导航部分*/
.nav{width: 100%; height: 80px; box-shadow: 0 3px 3px 0 #CCC; background: #FFF; position: fixed; left: 0; top: 0; z-index: 999; transition: 0.3s}
.nav.index{background: #012d74; box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}
.nav.scroll{ background: #012d74; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s}
.nav .layui-container{position: relative; transition: all 400ms ease-out;}
.nav .nav-logo{height: 100%; position: absolute; top: 0; left: 15px; line-height: 80px;}
.nav .nav-list{display: inline-block; height: 80px;}
.nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 30px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;}
.nav .nav-list button span{display: block; width: 25px; height: 2px; background: #2db5a3; margin-bottom: 6px; transition: 0.5s;}
.nav .nav-list button span.spa1{transform: rotate(45deg);}
.nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}
.nav .layui-nav{width: 100%; position: absolute; top: 80px; right: 10%; color: #000; background: transparent;}
.nav .layui-nav .layui-nav-item{display: block; line-height: 50px;}
.nav .layui-nav *{font-size: 18px;}

.nav .layui-nav .layui-nav-item a{padding: 0 0; color: #fff;}
.nav .layui-nav-bar,
.nav .layui-nav .layui-this:after{height: 2px; background-color: #585858;}
.nav .layui-nav .layui-this a
,.nav .layui-nav .layui-nav-item a:hover{color: #dfdfdf;}

.detail{padding:0px 5px}

.nav .layui-nav .layui-select-home a{
	color: #c73827;
}
.nav.about{background: #012d74; box-shadow: 0 0 0 0 rgba(0,0,0,0.05);border-bottom: 1px solid #333333;}
.about .layui-nav .layui-nav-item a{padding: 0 0; color: #fff;}

.about .layui-nav .layui-select-home a{
	color: #c73827;
}
.layui-nav .navlist{background: #012d74;top:80px;border: none;}
.layui-nav .navlist dd{text-align: center;}
.layui-nav .layui-nav-bar{height: 0px}
.about .layui-nav .layui-nav-item .navlist dd{height: 60px;padding: 0px 15px}
.about .layui-nav .layui-nav-item .navlist dd:hover{background: #f1f8fe}
.about .layui-nav .layui-nav-item .navlist dd:hover a{color: #333}
.layui-nav .listnav .layui-nav-more{color:#fff;border-top-color: #fff}

.layui-nav .listnav .layui-nav-mored,layui-nav-itemd>a .layui-nav-more{margin-top: -9px;border-color: transparent transparent #fff;}

.layui-nav hr{width: 50%;margin: 0 auto;height: 2px}


/*轮播*/
#banner{top:85px}
#banner img{min-width: 100%; }
#banner .panel{width: 400px; position: absolute; top: 25%; left: 50%; margin-left: -200px; text-align: center;}
#banner .panel p{color: #8c8c8c; font-size: 44px; line-height: 80px; letter-spacing: 15px;}
#banner .panel p.title{color: #4a4a4a; font-size: 54px; letter-spacing: 10px;}

/*主体—产品*/
.main-product{overflow: hidden;}
.text-desc{position: absolute; left: 0; top: 0; background-color: #1d4673; height: 100%; opacity: 0; width: 100%; }
.text-desc .biao-img{width: 80px; height: auto; text-align: center; margin: 30% auto 0;}




.main-product .port{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; }
.main-product .port .text-desc{opacity: 0.95; top: -120%; transition: 0.5s; color: #fff; }

.main-product .port .text-desc p{ color: #FFF;}

.main-product .port img{transition: 0.5s;}
.main-product .port:hover img{transform: scale(1.2);}


.port.effect:hover .text-desc{top: 0;}





.main-product p{font-size: 14px; color: #b3b3b3; line-height: 30px; padding-top: 20px;}
.main-product p.title
,.main-service p.title{color: #5c5b5b; font-size: 22px; margin-left: 24%;}

.main-service p.time{color: #5c5b5b; font-size: 20px; margin-left: 55%; }
.layui-title{margin-top: 50px;}
.layui-desc{margin-top: 40px;color: #7e7e7e;margin-left: 13%;font-size: 18px;}
.layui-content{color:#c3c3c3;margin-left: 13%;font-size: 16px; margin-top:10px;width: 70%; line-height: 20px;height:40px;overflow: hidden}
.main-product p.title span
,.main-service p.title span{color: #2db5a3;}
.main-product .content{ width: 100%; position: absolute;left:0px;top:0px}

.main-product .content-main .content {width:1200px;margin: 0 auto;position: relative;}

.main-product .content-hr{width: 15%;border-bottom: 2px #2f4575 solid;}

.main-product .content-main{ background: #eeeeee;}

.main-product .content-main1 .content{width:1200px;margin: 0 auto;position: relative;}

.main-product .content .content-text{margin-left:50% ; width: 37%;}

.main-product .content .content-more{
	padding: 45px 0px 0px;
	
}

.layui-more{margin-left: 13%;margin-top: 20px; position: relative;}

.more-btn{ 
	border: 2px #dadada solid; padding: 10px 60px;
}


.main-product .content  .layui-col-md6 div a{padding-top: 50px; color: #c83824; display: block;}

.main-product .content p.label{font-size: 22px; color: #2f4575; line-height: 25px; padding-top: 60px;}
.main-product .content p.bold{font-weight: bold;color: #7e7e7e;padding-top: 50px;}
.content-more a{font-size: 18px; color: #a1d8cb; }

.main-product .content img{transition: 2s;}
.main-product .content img:hover{transform: rotateY(180deg);}

.main-application{width: 60%; margin: 2% auto 0;}
.main-application .layui-row  .layui-col-md{width: 20%;float: left;margin-top:2%;}
.main-application .layui-row .layui-col-md a{color:#888888;border: 1px solid #d9d9d9;width: 95%;display: block; line-height: 35px; font-size: 20px;text-align: center; border-radius: 25px;font-size:18px}

.main-application .layui-row .layui-col-md .layui-this{background: #0f2f69; color: #fff;}

.application-main{width: 93%;margin: 2% auto;}


.application-main .layui-row .layui-col-md4 .port{
	border: 1px solid #eeeeee;overflow: hidden;width:85%;padding: 6%;
}

.application-main .layui-row .layui-col-md4  .image-box .title{
	margin-top: 2%;
}
.application-main .layui-row .layui-col-md4  .image-box .title a{ font-size: 20px;}

.application-main .layui-row .layui-col-md4  .image-box .app-desc{
	margin-top: 4%;
	line-height: 25px;
    height: 50px;
    overflow: hidden;
}
.application-main .layui-row .layui-col-md4 .image-box .layui-bottom{
	margin: 5% 0;
}
.application-main .layui-row .layui-col-md4 .image-box .layui-bottom .layui-col-md6 p{font-size: 24px; color: #b7b7b7;}
.application-main .layui-row .layui-col-md4 .image-box .layui-bottom .layui-col-md6 .year{font-size: 16px;line-height: 20px; text-indent: 0.2rm;}

.application-main .layui-row .layui-col-md4 .image-box .layui-bottom .layui-col-md6 .layui-icon-right{color: #fff; float: right;}

.application-main .port{float: left;  position: relative; overflow: hidden; border: 4px solid rgba(255, 255, 255, 0.9);}



.application-main .port .text-desc{opacity: 0.9; top: -150%; transition: 0.5s; color: #000; z-index: -10;  }
.application-main .port .text-desc .biao-img{width:100%;height: auto;text-align:inherit;margin: auto;}
.application-main .port .text-desc .biao-img .img-pand{background: #000000; opacity: 0.6;}
.application-main .port:hover{color: #fff;}
.application-main .port:hover .text-desc {opacity: 0.8; }
.application-main .port:hover a{color: #fff;}
.application-main .port:hover .image-box .layui-bottom .layui-col-md6 p{color: #fff;}


/*主体-服务*/
.main-service{}
.main-service .content{position: relative;}
.main-service .content .content-left{width: 50%;}
.main-service .content .content-left img{width: 100%;}
.main-service .content .content-right{box-sizing: border-box; background: #FFF; padding: 58px 40px 0 48px; width: 50%; height: 100%; position: absolute; top: 0; right: 0; transition: 0.3s; overflow: hidden;}
.main-service .content .content-right p{color: #adadad; line-height: 32px; overflow: hidden; text-overflow: ellipsis;}
.main-service .content .content-right p.label{font-size: 16px; color: #4a4a4a;}
.main-service .content .content-right span{display: block; width: 50px; height: 2px; background: #2cb6a1; margin-bottom: 23px;} 
.main-service .content .content-right:hover{box-shadow: 2px 2px 2px #EEE; transition: 0.3s;}
.main-service .service-more{padding-top: 80px; padding-bottom: 80px; text-align: center;}
.main-service .service-more a{padding: 10px 62px; font-size: 23px; line-height: 46px;color: #FFF; background: #7fd3c6; border-radius: 3px;}

.layui-hr{margin-left: 25%;width: 18%;height: 2px;}

/*底部*/
.footer{width: 100%; }
.footer .footer-web{padding-left:5%;line-height: 120px;border-top: 1px solid #ededed; margin-top: 60px;}

.footer .footer-web .layui-bg-white{background: #fff;}

.footer .footer-web a{color: #a5aaa9; line-height: 22px; margin-right: 20px; transition: 0.3s;font-size: 16px;}
.footer .footer-web a:hover{color: #dce1e0; transition: 0.3s;}
.footer .footer-contact{color: #FFF;}
.footer .footer-contact .contact-top{padding-left: 5%;border-top:1px #ededed solid;line-height: 110px; color: #565656;font-size: 16px;}

.footer-nav li{ float: left; padding-right: 8%;}


/** 产品 */
.banner{margin-top: 80px;}
.banner.product{background: url(../img/nav_img1.jpg) no-repeat center top; background-size: cover;}
.main.product{padding: 30px 0 75px 0;}
.main.product .content{padding: 50px 0; border-bottom: 1px solid #e8e8e8;}
.main.product .content .content-img{text-align: center;}
.main.product .content .content-img img{max-width: 100%;}
.main.product .content .label{color: #565656; font-size: 30px; line-height: 78px; margin-top: 32px;}
.main.product .content .detail{font-size: 16px; line-height: 28px; color: #d7d7d7; padding-bottom: 30px;}
.main.product .content a{color: #a0d2cc; font-size: 16px; line-height: 38px; padding:10px 11px 10px 23px; border: 1px solid #a0d2cc; border-radius: 3px;}


/** 动态 */
.banner.news{background: url(../img/nav_img3.jpg) no-repeat center top; background-size: cover;}
.banner .title{padding-top: 170px;}
.banner .title.active{padding-top: 120px; transition: 1.5s;}
.banner .title p{color: #606060; font-size: 36px; text-align: center; line-height: 50px; letter-spacing: 5px;}
.banner .title p.en{font-size: 20px; letter-spacing: 3px;}
.main-news{padding: 70px 0 80px 0;}
.news-main .layui-row {padding-bottom: 20px;position: relative;}
.main-service .layui-row .layui-col-md3 .img{overflow: hidden; }
.main-service .layui-row .layui-col-md3 .img img{cursor: pointer;transition: all 0.6s;}

.main-service .layui-row .layui-col-md3 img:hover{transform: scale(1.4);}


.news-main .news-img{float: left; width: 30%; vertical-align: top;}
.news-main .news-img img{width: 100%;}
.news-main .news-panel{float:right;width: 66%; vertical-align: top;  box-sizing: border-box; position: relative;}

.news-main .news-panel .title{margin-top: 5%;}
.news-main .news-panel .title a{display: block; color: #060606; font-size: 22px; line-height: 26px; overflow: hidden;  white-space: nowrap;}
.news-main .news-panel p.detail{color: #777; line-height: 24px;margin-top: 3%;}
.news-main .news-panel p.read-push{color: #7b7b7b; font-size: 16px;line-height: 50px;border-bottom: 1px solid #ececec;}

.news-main .news-panel p.more{
	margin-top: 2%;position: relative;
}

.news-main .news-panel p.more a{
	color: #6a6a6a;font-size: 16px;
}


.news-main #newsPage .layui-laypage{display: block; text-align: center; margin-top: 70px;}
.news-main #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}
/*动态详情页*/
.main-newsdate{margin-top: 80px; text-align: center;}
.main-newsdate .news{text-align: left; line-height: 104px;}
.main-newsdate h1{padding-top: 6px;}
.main-newsdate .pushtime{color: #686868; font-size: 18px; line-height: 82px;}
.main-newsdate .introTop{padding-bottom: 28px; font-size: 18px; line-height: 20px; text-align: left;}
.main-newsdate .introBott{font-size: 18px; line-height: 42px; text-align: justify; padding: 40px 0 102px 0;}
.main-newsdate img{max-width: 100%;}


/** 案例 */
.banner.case{background: url(../img/nav_img2.jpg) no-repeat center top; background-size: cover;}
.main-case{padding: 30px 0 75px;}
.main-case .content{width: 48%; text-align: center; padding-top: 120px; padding-bottom: 20px; border-bottom: 2px solid #c9c9c9;}
.main-case .content.even{margin-left: 2%;}
.main-case .content .case-img{border: 1px solid #e2e2e2; overflow: hidden;}
.main-case .content .case-img img{width: 100%; transition: 2s;}
.main-case .content .case-img img:hover{transform: scale(1.2,1.2); transition: 2s;}
.main-case .content p.lable{padding-top: 13px; font-size: 30px; line-height: 76px;}
.main-case .content p{font-size: 18px; line-height: 32px; color: #505050;}
.main-case #casePage .layui-laypage{display: block; text-align: center; margin-top: 100px;}
.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}


/** 关于 */
.about {margin-top:0 ;}

.banner.about img{ width: 100%;height: auto;margin-top: 80px;}
.main-about{ background:url(../images/about-content.png) no-repeat; color: #fff;}

.main-about .main-content{width: 70%; margin: 0 auto;}
.main-about .main-content .main-about-title{text-align: center;font-size: 22px;padding-top: 3%;}
.main-about .main-content .hr{border: 1px #fff solid; width:8%;margin:2% 0% 2% 46%;}
.main-about .main-content .content{line-height: 30px;}


.main-honor{width: 70%; margin: 0 auto; color: #1c3a70;}
.main-honor .main-honor-title{text-align: center;margin: 5% 0 1%;font-size: 22px;}
.main-honor .hr{width: 8%;border: 1px solid #1c3a70;margin: 0 auto;}
.main-honor .layui-row{margin: 50px 0px 40px;}

.main-about ul.aboutab{padding: 100px 0; text-align: center;}
.main-about ul.aboutab li{display: inline-block; padding: 0 22px; margin-left: 15px; font-size: 20px; line-height: 46px; color: #b5b5b5; border: 1px solid #e2e2e2; border-radius: 3px; cursor: pointer;}
.main-about ul.aboutab li:first-child{margin-left: 0;}
.main-about ul.aboutab li.layui-this
,.main-about ul.aboutab li:hover{color: #2ab5a3; border-color: #afddd7; transition: 0.3s;}




.main-about .tabJob, .main-about .tabCour{display: none;}
/*公司简介*/


.main-news .main-content{width: 70%; margin: 0 auto;}


.main-news ul.newsab{text-align: center;}


.main-news ul.newsab li{display: inline-block; padding: 0 50px; margin-left: 15px; font-size: 20px; line-height: 35px; color: #b5b5b5; border: 1px solid #e2e2e2; border-radius: 25px; cursor: pointer; position: relative;z-index: 1}

.main-news ul.newsab li a{color:#919191;font-size: 18px;}

.main-news ul.newsab .layui-this {background: #0f2f69;}

.main-news ul.newsab .layui-this a{color:#fff;}


.news-main{width: 100%; height: 100%;}

 .detail-title{color: #040404;font-size: 22px;text-align: center;line-height: 50px;border-bottom: 1px solid #eeeeee;}

.news-main .pushtime{text-align: center;line-height: 20px;font-size: 16px;color: #8f8f8f;margin-top: 1%;}
.news-main .content {color: #b6b6b6;font-size: 14px; line-height: 30px;width: 68%;margin: 2% auto;}

.news-main .content img{width: 100%;height: auto;}
.news-main .layui-row {margin-top: 30px;}
.news-main .layui-row .left{float: left;}
.news-main .layui-row .right{float: right; text-align: right;}
.news-main .content .layui-row  a{padding:2% 5%;border: 1px solid #ededed;font-size: 14px;}
.news-main .layui-row .hover { background: #c83824;color: #fff;}

.main-news .tabIntro{padding-bottom: 15px;}
.main-news .tabIntro .content{vertical-align: middle;}
.main-news .tabIntro .content .img{width: 50%;}
.main-news .tabIntro .content .img img{width: 100%;}
.main-news .tabIntro .content .panel{width: 50%;}
.main-news .tabIntro .content p{padding: 0 20px; line-height: 24px; text-align: justify;}
.main-news .tabIntro .p_hidden{padding: 0 20px; display: none;}
/*招贤纳士*/
.main-about .tabJob .content{padding: 0 0 40px 20px; border: 1px solid #e2e2e2; border-top: 4px solid #65d0c5; margin-top: 90px;}
.main-about .tabJob .content:first-child{margin-top: 10px;}
.main-about .tabJob .content p{font-size: 18px; line-height: 40px;}
.main-about .tabJob .content p.title{font-size: 24px; color: #545454; line-height: 60px;}
.main-about .tabJob .content ol{padding-left: 20px; list-style-type: none; counter-reset: sectioncounter;}
.main-about .tabJob .content ol li{color: #8d8d8d; font-size: 16px; line-height: 30px;}
.main-about .tabJob .content ol li:before {content: counter(sectioncounter) "、"; counter-increment: sectioncounter;}
/*发展历程*/
.main-about .tabCour p.title{font-size: 28px; line-height: 28px; text-align: center;}
.main-about .tabCour .timeline{position: relative; margin-top: 75px;}
.main-about .tabCour .timeline:before{position: absolute; top: 0; bottom: 0; content: ""; width: 2px; background-color: #e2e2e2; left: 50px;}
.main-about .tabCour .timeline li{position: relative; padding-top: 70px;}
.main-about .tabCour .timeline li:first-child{padding-top: 0;}
.main-about .tabCour .timeline li .cour-img{position: absolute; left: 0; width: 100px; border-radius: 50%;}
.main-about .tabCour .timeline li .cour-img img{width: 100%;}
.main-about .tabCour .timeline li .cour-panel{padding-top: 20px; padding-left: 120px; text-align: left;}
.main-about .tabCour .timeline li .cour-panel p.label{font-size: 18px; color: #000;}
.main-about .tabCour .timeline li .cour-panel p{color: #949494; line-height: 30px;}


.product-main .product-type-name{text-align: center; font-size: 22px;margin-top: 2%; color: #2f4575;line-height: 40px; text-transform:uppercase}
.product-main .product-type-hr{width: 6%; border: 1.5px solid #2f4575;margin: 0 auto;}
.product-main .product-type-desc{text-align: center; color: #9fa0a0;line-height: 20px;text-transform:uppercase;width: 60%;margin: 40px auto;}

.product-img-main .layui-row{background: #eeeeee;}
.product-img-main .product-img-content{width: 1200px;margin: 0 auto;overflow: hidden;}

.product-img-main .layui-row .product-img-content .layui-col-md6 .product-title{font-size: 22px;margin-top:50px;color: #2f4575;line-height: 50px;}

.product-img-main .layui-row .product-img-content .layui-col-md6 .product-hr{
	width: 20%; border: 1.5px solid #2f4575;
} 

.product-img-main .layui-row .product-img-content .layui-col-md6 .product-desc{line-height: 25px;margin-top: 30px;color: #999999;font-size: 14px;font-weight: 500;width: 100%;}

.product-img-main .product-content{width: 1200px; margin: 0 auto;}

 .product-content-title  .title{font-size: 22px;font-weight: bold;line-height: 30px;text-transform:uppercase;margin-top: 50px;}
.key{border-bottom: 1px solid #f4f4f4;font-size: 22px; color: #cccccc;line-height: 30px;}
.key .hr{width: 10%; border:1.5px solid #2f4575;margin: 20px 0 0;}
.author{color: #c83824;margin: 20px 0px   ;width: 95%;float: right;font-weight: bold;border-bottom: 1px  dashed  #dcdcdc; line-height: 40px;}

.product-author{color: #c83824;margin: 20px 0px   ;font-weight: bold;border-bottom: 1px  dashed  #dcdcdc; line-height: 40px;}

.product-desc{width: 95%;float:right;line-height: 30px; color: #999999;}

.newsPage{text-align: center;padding: 50px 0px;}
.newsPage  a{padding: 8px 30px; border: 1px solid #ededed;color: #494949;}
.newsPage .layui-laypage-curr{background: #c32d1d;color: #fff;}


.main-contact{width: 100%;}

.main-contact .contact-right{width: 620px;}



.main-contact .main-top{text-align: center;margin-top: 50px;}
.main-contact .main-top p{font-size:16px; color: #b3b2b2;line-height: 30px;}

.main-contact .main-top .panle{font-size: 22px; color: #000000;}
.main-contact .layui-row{
	margin-top: 50px;
}
.main-contact .layui-row .layui-col-md6 p{color: #aaaaaa;margin-left: 55px;line-height: 25px;font-size: 16px;}



.main-contact .layui-row .contact-right p{color: #646464; line-height: 20px;}

.main-contact .layui-row .contact-right .layui-form{margin-top: 20px;}

.main-contact .layui-row .contact-right .layui-form input{margin-bottom: 20px;}

.main-contact .layui-row .contact-right .layui-form input::-webkit-input-placeholder{color: #b0b0b0;}

.main-contact .layui-row .contact-right .layui-form textarea::-webkit-input-placeholder{color: #b0b0b0;}

.main-contact .layui-row .contact-right .layui-form button{width: 100%;margin-top: 30px;background: #c83824;color: #fff;}


.main-contact .layui-row .contact-right .layui-form .layui-textarea{height: 225px;}
.main-contact .layui-row .layui-col-md6 img{width:100%}
.main-contact .layui-row .layui-col-md6 .web-name{color: #000000; line-height: 50px;font-size: 22px;margin-top: 20px;}
.main-contact .layui-row .layui-col-md6 p a{color: #1c3a70;}

.main-contact .layui-row .layui-col-md6 .erweima{margin-top: 20px;}

#container{width: 100%;height: 570px;}

.footer-nav{overflow: hidden;}
.nav.about.scroller{background: #012d74;}
.swipslider {
  margin: 0 auto; }
  
 #ztbox {width:537px; height:420px; margin:0 auto;overflow: hidden;}
#ztbox #left { width:35px; height:63px;  cursor:pointer;background:url(../images/banner_pre.png) no-repeat; margin-top:140px;position: absolute;z-index: 999;}
#ztbox #right{ width:35px; height:63px;  cursor:pointer;background:url(../images/banner_next.png) no-repeat;margin-top:140px;position: absolute;z-index: 999;right:0px}

#ztbox #conter { width:537px; float:left; display:inline; overflow:hidden;}
#ztbox #conter ul { width:537px; height:357px; top:0px; left:0px; position:absolute; overflow:hidden;}
#ztbox #conter li { width:537px; height:357px; float:left;padding:0px 5px; position:relative;}
#ztbox #conter li img { width:537px; height:357px;}
#ztbox #scroll { width:100%; height:10px; left:0px; bottom:8px; cursor:pointer; position:absolute; background:#fff; border-radius: 5px;}
#ztbox #scroll span { width:60px; height:10px; left:0px; bottom:0px; cursor:pointer; position:absolute; background:red; border-radius: 5px; } 
 .product-detail-mobile{display: none;}
 .service-mobile{display: none}
.main-product-mobile{display: none}
.main-product-pc{display: block}

  .product-detail-pc{display: block;}
    .nav .nav-logo{position: absolute; top: 0; left:5%; width: 100%;}
   
  .main-pic .layui-col-md3 {
  
  	background: -webkit-linear-gradient(100deg, #000 0%,#000 100%);
    background: linear-gradient(100deg, #000 0%,#000 100%);
  }
   
    .main-pic .layui-col-md3 a {opacity: 1;
   
   
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	
	
	}  
    
   
 .main-pic .layui-col-md3 a:hover img {
	opacity: 0.6;
	
}




  




    
    /*--gallery--*/
.flex-slider{	
	background:#222227;
	padding: 70px 0 165px 0;
}
.opportunity{
	background:#28282e;
	margin:0px 20px;
	padding:80px 0;
	position:relative;
}
#flexiselDemo1 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0px auto;
}
.nbs-flexisel-item {
	float: left;
	margin-right:0.1em;
    padding: 0;
	position: relative;
	line-height: 0px;
}
.nbs-flexisel-item > img {
	cursor: pointer!important;
	position: relative;
}
/*---- Nav ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    z-index: 999;
    top: 105% !important;
}
.nbs-flexisel-nav-left {
    left: 55%;
    background: url(../images/next.png) no-repeat 0px 0px;
	 background-size: 32px;
}

.nbs-flexisel-nav-right {
    right: 55%;
    background: url(../images/back.png) no-repeat 0px 0px;
    background-size: 32px;
}
/*--//flexisel--*/
div#gallery {
    position: absolute;
    left: 12.9em;
  
}
div#gallery {
	position: relative;
   
	left: 0em;
}
/*-- gallery --*/
    
    
    
@media screen and (max-width: 480px){
    .main-product .port .text-desc{display: none}
    #container{height: 300px}
    .news-main{margin-bottom:50px}
    .application-main{margin-bottom:50px }
    .main-contact{margin-bottom: 70px}
    .layui-hr{margin-left: 10px}
    .product-img-main{width: 100%}

    .product-main{margin-bottom: 70px}
    .main-pic{margin-bottom: 70px;overflow: hidden}
    .footer{ position:fixed; bottom: 0px; height:45px;background: #fff;}
	.main-application .layui-row .layui-col-md{width:100%;float: none;}
	.layui-desc{margin-top:}
	 .product-detail-mobile{display:block;}
	.main-product-mobile{display: block}
	.main-product-pc{display: none}
	.service-mobile{display: block}
	.service-pc{display: none}

	.product-detail-pc{display: none;}
	.product-content-title .title{margin: 20px 0px 0px 10px;}
	.product-content-title .key{margin-left:10px;}
	.product-desc{margin-right: 10px;}
	.product-img-main .layui-row .product-img-content .layui-col-md6 .product-title{margin: 0px 10px;}
	.product-img-main .layui-row .product-img-content .layui-col-md6 .product-hr{margin: 0px 10px;}

	.product-mobile{display:block;}
	.main-product .content-main{background: #fff;}
	.product-pc{display: none;}
	.news-main .layui-row .left{float: none;}
	.news-main .layui-row .right{float: none;text-align: left;margin-top: 10px;}
	.news-main .news-img{float: none;width: 100%;}
	.news-main .news-panel{float: none;width: 100%;padding:0px 10px}
	.news-main .content{width: 95%;}
	.main-contact .contact-right{width: 100%;}
	.main-contact .layui-row .layui-col-md6 p{margin:0px 20px ;}
	.main-pic img{width: 100%;height: auto;}
	.main-honor .layui-row{margin: 10px 0px;}
	.main-honor img{margin: 10px 0px;width: 100%;height: auto;}
	.main-about .main-content .hr{width: 20%;margin: 10px auto;}
	.main-honor .hr{width: 20%;margin: 10px auto;}
	.main-about{background-repeat: repeat;}
	.main-about .main-content .content{line-height: 20px;}
	.main-about .main-content{width: 90%;}
	.product-main .product-type-desc{width: 90%;}
	.newsPage a{padding:8px 10px}
	.main-product .layui-col-md6 .detail{margin: 0px;padding:0px 10px}
	.main-product .content .layui-col-md6 div a{padding-top:20px;margin: 0px 10px;}
	.main-product  .content .layui-col-md6 .label{margin: 0px 10px;}
	.main-product  .content .layui-col-md6 .content-hr{margin:5px 0px 5px 10px;width: 20%;}

	.main-news{padding: 10px 0px;}
	.main-news ul.newsab li{padding:0 20px;margin: 5px 0px;}
	.main-product p.title, .main-service p.title{margin-left: 10px;font-size: 18px}
	/*.layui-col-left{width: 50%;float: left;}*/
	.layui-col-right{display: none}
	.main-service .layui-desc{margin-top: 0px;margin-left: 10px;font-size: 15px;height: 18px;overflow: hidden}
    .main-service .layui-content{margin-left: 10px;width: 90%;font-size: 14px;margin-top: 10px}
	.layui-content{margin-top: 0px;}
  .layui-title{margin-top: 10px;}
  .banner{height:230px}
  .about{height:80px; }
  .index{overflow: hidden;}
  .about{overflow: hidden;}
  .nav-logo img{width:80%}
  
  .footer-web{display: none;  }
  .footer .footer-contact .contact-top{font-size: 12px; line-height: 20px;}
  
  .about .layui-nav .layui-nav-item a{color: #fff;}
  .nav .layui-nav{right:auto;}
  .swiper-slide{width: 100%; height: 230px !important;}
  
   .swiper-slide img{height: 230px;width: 100%;}
   
.layui-more{margin: 20px 0px 20px 10px;}
  
  .product-img-main .product-img-content{width: 100%;}
  
  .product-img-main .product-img-content .layui-col-md6 img{width: 100%; height: auto;}
  
.product-img-main .layui-row .product-img-content .layui-col-md6 .product-desc{
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
	margin-left: 10px;
	float: none;
}
  .product-img-main .product-mobile-content{width: 100%;}
  
  .main-product .content .content-text{margin-left: 0px;}
  .product-main .product-type-hr{width: 30%;}
  .product-img-main .product-desc img{ width: 100%;height: auto;}
  
  .product-img-main .layui-row .product-img-content .layui-col-md6 .product-hr{
	width: 10%; border: 1.5px solid #2f4575;
  } 
   .main-product .layui-col-space .layui-col-sm2 .image {position: relative; }

    .main-product .layui-col-space .layui-col-sm2  .option{opacity: 0.5;}

  .main-product .layui-col-space .layui-col-sm2 .image img{width: 100%;height: auto;}
  .image .swipslider{padding-top:48%}
  .key .hr{width: 30%;}
  .main-product .content{position: absolute;top:-30px;}
  .main-product .content p.bold{padding-top:20px}
  .main-product p{padding-top:10px;line-height: 20px;color: #666;}
  .main-product .content .content-more{padding:0px;padding-top:20px}
  .main-product .content .content-more a{color: #666;border:2px solid #999}
  .main-product .content .content-text{width: 90%;margin: 0px auto;}
    .more-btn{padding:5px 25px;margin: 0px;}
    .content-more a{font-size: 14px }
    .main-product .content .mobile-text {width: 90%}
    .main-product .content .mobile-text p{float: right;text-align: right}
    .main-product .content .mobile-text .label{margin: 0px}
  .layui-carousel>[carousel-item]{height:50%}
  .layui-carousel{height:auto}
  .main-product .port img{width: 100%;}
  .main-product .content-main .content{width: 100%;}
  .main-product .content-main1 .content{width: 100%;}
  .main-product .content img{width: 100%;}
  
  .main-product .layui-col-space .layui-col-sm2 {position: relative;}
  .layui-col-xs6{height:180px;}
  .main-service .layui-row .layui-col-md3 img{width: 100%; height:180px;}
  .main-service .content .content-right{padding: 10px 10px 0 10px;}
  .main-service .content .content-right p{line-height: 24px;}
  .main-news .content .news-panel p.read-push{font-size: 12px;}
  .main-case .content{padding-top: 60px;}
  .main-case .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;}
  .main-case .content p{font-size: 12px; line-height: 20px; color: #505050;}
  .main-about ul.aboutab{padding: 70px 0;}
  .main-about ul.aboutab li{padding: 0 15px; font-size: 16px; box-sizing: border-box;}
  .main-about .tabIntro .content .img{width: 100%;}
  .main-about .tabIntro .content .panel{width: 100%;}
  .main-about .tabIntro .content .panel.p_block{display: none;}
  .main-about .tabIntro .p_hidden{display: block;}
  .main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span
  ,.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;}
}
/*小屏幕*/
@media screen and (min-width: 768px){
	  .nav .layui-nav{width: auto; position: absolute; top: 0; padding: 0 5px; border-radius: 0; margin: 0;right:5%}
	div#gallery{left:0em}
	.main-about .main-content{width: 90%}
	.main-about .main-content .hr{margin: 10px auto;}
	.footer-nav li{padding-right: 6%;}
	.layui-content{width: 80%;height: 20px;overflow: hidden}
	.layui-title{margin-top: 20px;}
	.layui-desc{margin-top: 20px;}
	#full_feature{padding-top:47.8%}
	.nav .nav-logo{left:2%}
	 .nav .layui-nav{right:2%}
	 
	.product-mobile{display: none;}
	
  .nav{max-height: 80px;}
  .nav.index{}
  .nav .nav-list button{display: none;}
 
  .nav .layui-nav .layui-nav-item{display: inline-block; margin:0 10px; line-height: 80px;}

  .swiper-slide img{width:100%}
  
 
  .main.product .content .content-img{text-align: left;}
  .main-news .content .news-panel strong a{font-size: 20px; line-height: 30px;}
  .main-news .content .news-panel p.read-push{padding-top: 0; position: absolute; bottom: 40px;}
  .main-newsdate .pushtime{line-height: 142px;}
  .main-case .content{width: 45%;}
  .main-case .content.even{margin-left: 9%;}
  .main-about ul.aboutab li{padding: 0 32px; font-size: 24px; margin-left: 30px; line-height: 50px;}
  .main-about .tabIntro .content p{padding: 0 30px; font-size: 18px; line-height: 30px;}
  .main-about .tabJob .content p{font-size: 24px; line-height: 50px;}
  .main-about .tabJob .content p.title{font-size: 30px; line-height: 90px;}
  .main-about .tabJob .content ol li{font-size: 20px; line-height: 60px;}
  .main-about .tabCour .timeline:before{left: 50%;}
  .main-about .tabCour .timeline li{min-height: 195px; padding-top: 95px;}
  .main-about .tabCour .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;}
  .main-about .tabCour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;}
  .main-about .tabCour .timeline li.odd .cour-panel{text-align: right;}
}



.layui-nav .layui-nav-more{right:-14px; color: #FF0000;border-top-color: #FF0000;}


.layui-nav .layui-nav-mored,layui-nav-itemd>a .layui-nav-more{margin-top: -9px;border-color: transparent transparent #FF0000;}


.layui-nav-child{z-index: 999999;background: transparent;}
.layui-nav-child dd{padding: 0px 10px; background: transparent;}
.layui-nav .layui-nav-child a:hover{background: transparent;}

.main-product .image img{ width: 100%;height:auto}
 .swiper-container {
      width: 100%;
      height: 100%;

    }
    .swiper-container1 {
      width: 100%;
      height: 100%;

    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    
.layui-col-md3 img{ width: 100%; height: 100%;}


/*分页*/

@media screen and (max-width: 1365px) {
	.main-about .main-content .main-about-title{padding-top:20px}
	.main-about .main-content .content{line-height: 20px;}
	.news-main .news-panel .title{margin-top: 20px;}
	.news-main .content{width: 80%;}
	.main-product .content p.label{margin:0px;}
	.main-product .content-hr{margin:0px 10px;}
	.main-product .detail{margin:0px 10px;}
	/*.main-product div a{margin:0px 10px;}*/
	.layui-title{margin-top: 10px;}
	.layui-desc{margin-top: 0px;height: 20px;overflow: hidden}
	.layui-more{margin-top: 20px;}

	.footer-nav li{padding-right: 4%;}
		/*.nav .nav-logo img{width: 360px;height: auto;}
  .nav .layui-nav .layui-nav-item{margin: 0 5px;}*/
}
@media screen and (min-width: 1366px) and (max-width: 1599px) {
  
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .nav .layui-nav .layui-nav-item{margin: 0 22px;}
  .nav .layui-nav{right:5%}
  .nav .nav-logo{left:5%}
  
  .footer-nav li{padding-right: 8%;}
	.layui-content{width: 70%;height: 40px}
	.layui-title{margin-top: 50px;}
	.layui-desc{margin-top:20px;}
  .main-about .main-content{width:70%}
  
  
}
@media screen and (min-width: 768px) and (max-width: 1365px) {
  .nav .nav-logo img{width: 300px;height: auto;}
  .main-product .content p.bold{padding-top: 0px}
	.about .layui-nav .layui-nav-item a{font-size:16px;padding:0px 8px}
  
}





@media screen and (min-width: 1920px) {
  .nav .layui-nav .layui-nav-item{margin: 0 22px;}
}
/*适应高度*/
@media screen and (min-height: 901px) and (max-height: 1080px){
  
}
@media screen and (min-height: 800px) and (max-height: 900px){
 
}