@charset "utf-8";
/* CSS Document by luweimo */
html,body{ margin:0 auto; padding:0; font:14px PingFang SC,"Microsoft YaHei",Arial; max-width: 1920px;}
img{ margin:0; padding:0; border:none;}
a{ text-decoration:none; color:#333; -webkit-transit:all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
a:hover{ color:#00479d;}
p,ul{ padding: 0; margin: 0;}
img{ border: 0;}
li{ list-style: none;}
em{ font-style: normal;}
i{ font-style: normal;}
input,button,select,textarea{ font:14px PingFang SC,"Microsoft YaHei",Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;}
.atr{ -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;}
.bshadow{-moz-box-shadow:1px 1px 5px #ddd; -webkit-box-shadow:1px 1px 5px #ddd; box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);}


header{ width: 100%; height: 120px; background: #fff; box-shadow: 0 4px 8px 0 rgba(7,17,27,.1); position: relative;}
header>.sub{ width: 1200px; height: 120px; margin: 0 auto;}
header .logo{ float: left; display: block; overflow: hidden; margin: 25px 0 0 0; width: 400px; height: 70px;}
header .logo img{ height: 70px; float: left;}
header nav{ float: left; height: 120px;}
header nav .li{ float: left; width: 105px; display: block; overflow: hidden;}
header nav .li em.a{ width: 100%; height: 106px; margin: 7px 0 0 0; border-bottom: 7px solid #fff; line-height: 116px; color: #666; font-size: 18px; display: block; overflow: hidden; text-align: center; background: url(../img/nav-bac.png) no-repeat center bottom 16px;}
header nav .li em.a a{ color: #666;}
header nav .li.active{ color: #05b0b3;}

.navsub{ position: absolute; z-index: 9999; left: 50%; right: 0; width: 1200px; height: 0; margin: 0 0 0 -600px; background: rgba(5,176,179,.9); display: block; overflow: hidden;}
.navcot{ width: 1200px; margin: 0 auto; display: block; overflow: hidden;}
.navcot span{ width: 360px; display: block; overflow: hidden; margin: 0 0 0 520px;}
.navcot span p{ min-width: 21%; margin: 0 4% 0 0; height: 40px; color: #fff; display: block; overflow: hidden; float: left;}
.navcot span p a{ color: #fff; height: 39px; line-height: 39px; display: block; overflow: hidden; float: left; font-size: 18px;}
.navcot span p a:hover{ border-bottom: 1px solid #fff;}
.navcot span p a.active{ border-bottom: 1px solid #fff;}

header nav .li:hover{ transition: all 0.3s; cursor: pointer; background: #00479d}
header nav .li:hover em.a{ border-color: #05b0b3; color: #fff; background: none;}
header nav .li:hover em.a a{ color: #fff;}
header nav .li:hover .navsub{ height: auto; padding: 30px 0;}
header nav .li.active em.a{ color: #fff;}

header .lang{ float: right; height: 40px; font-size: 16px; line-height: 40px; display: block; overflow: hidden; padding: 0 0 0 28px; margin: 45px 20px 0 0;}
header .lang.en{ background: url(../img/flag-en.png) no-repeat left center; background-size: 20px;}
header .lang.cn{ background: url(../img/flag-zn.png) no-repeat left center; background-size: 20px;}

footer{ width: 100%; background: #2965ad; display: block; overflow: hidden;}
footer>.sub{ width: 1020px; margin: 50px auto; display: block; overflow: hidden;}
footer .info-left{ width: 200px; float: left; display: block; overflow: hidden; margin: 6px 0 0 0;}
footer .info-lef img{ height: 100px; float: left;}
footer .info-bottom{ width: 100%; padding: 5px; line-height: 30px; text-align: center; color: #ccc; display: block; overflow: hidden; background: #292c31;}
footer .info-bottom a{ color: #ccc;}
footer .info-nav{ width: 120px; float: left; display: block; overflow: hidden;}
footer .info-nav em{ width: 100%; font-size: 16px; display: block; overflow: hidden; padding: 0 0 10px 0; color: #fff;}
footer .info-nav em.e2{ padding: 20px 0 0 0;}
footer .info-nav em.e2 a{ color: #fff;}
footer .info-nav p{ width: 100%; line-height: 18px; padding: 3px 0; display: block; overflow: hidden;}
footer .info-nav p a{ color: #fff; float: left; display: block; overflow: hidden;}
footer .info-nav p a:hover{ border-bottom: 1px solid #fff;}
footer .info-contact{ width: 300px; float: right; display: block; overflow: hidden; margin: 6px 0 0 0;}
footer .info-contact .qrcode{ width: 80px; height: 80px; float: left;}
footer .info-contact span{ width: 200px; height: 80px; line-height: 30px; font-size: 16px; color: #fff; float: right; display: block; overflow: hidden; margin:10px 0 0 0;}
footer .info-contact span em{ width: 100%; display: block; overflow: hidden; font-size: 24px; font-style: italic; font-weight: bold;}

.top-pic{ width: 100%; height: 250px; background-size: cover!important; display: block; overflow: hidden;}

.menu{ width: 100%; height: 60px; background: #00479d; margin: 0 auto;}
.menu .sub{ width: 1000px; height: 60px; margin: 0 auto;}
.menu .sub a{ width: 25%; height: 60px; line-height: 60px; text-align: center; font-size: 18px; color: #fff; float: left; display: block; overflow: hidden;}
.menu .sub a:hover{ background: url(../img/menu-bac.png) no-repeat center bottom;}
.menu .sub a.active{ background: url(../img/menu-bac.png) no-repeat center bottom;}
.one-menu .menu .sub a{ width: 100%;}
.three-menu .menu .sub{ width: 750px}
.three-menu .menu .sub a{ width: 33.33%;}
.two-menu .menu .sub{ width: 500px}
.two-menu .menu .sub a{ width: 50%;}



/**首页**/
.idxban{ width: 100%; max-width: 1920px; height: 670px; display: block; overflow:hidden; margin: 0 auto;}
.ban{ width: 100%; max-width: 1920px; margin: 0 auto; background-size: auto 100%!important; background-position: center!important;}
.ban .swiper-slide{ width: 100%; height: 670px; display: block; overflow: hidden;}
.ban .swiper-slide img{ height: 490px; margin: 0 auto; display: block; overflow: hidden;}
.ban .swiper-pagination-bullet{ width: 15px!important; height: 15px!important; border-radius: 50%!important; background: #ccc!important;}
.ban .swiper-pagination-bullet-active{ background-color: #00629d!important;}
.ban .swiper-pagination{ width: 80%!important; text-align: right!important; bottom: 50px!important;}

.idx-about{ width: 50%; left: 0; height: 345px; background: rgba(31,80,145,.7); display: block; overflow: hidden; position: absolute; margin: -420px 0 0 0; z-index: 9999;}
.idx-about .content{ width: 520px; height: 305px; float: right; margin: 40px 40px 0 0; display: block; overflow: hidden;}
.idx-about .content em.lam{ font-size: 18px; color: #fff;}
.idx-about .about-content{ width: 100%; height: 168px; line-height: 24px; color: #fff; display: block; overflow: hidden; margin: 10px 0 20px 0}
.idx-about .content span.more{ width: 100%; font-size: 36px; color: #05b0b3; line-height: 50px; display: block; overflow: hidden;}
.idx-about .content span.more a{ font-size: 14px; color: #fff; float: right;}
.idx-pro{ width: 1200px; padding-bottom: 90px; position: relative; margin: -36px auto 0 auto; background: #fff; display: block; overflow: hidden; z-index: 9999;}
.idx-pro::after{ content: ""; width: 1200px; height: 45px; background: url(../img/idx-bac.png) no-repeat center center; position: absolute; z-index: -1; left: 0; bottom: 0;}
.idx-pro .pro-lam{ width: 100%; display: block; overflow: hidden; text-align: center; margin: 40px 0 0 0;}
.idx-pro .pro-lam em{ width: 100%; display: block; font-size: 18px; font-weight: bold; color: #666;}
.idx-pro .pro-lam span{ width: 100%; display: block; font-size: 36px; color: #00479d;}
.idx-pro .pro-lam label{ width: 100%; display: block; font-size: 16px; color: #999; letter-spacing: 8px;}
.idx-pro .pro-ul{ float: left; width: 855px; margin: 30px 0 0 40px; display: block; overflow: hidden;}
.idx-pro .pro-ul li{ width: 265px; display: block; overflow: hidden; float: left; margin: 0 20px 0 0;}
.idx-pro .pro-ul li span{ width: 265px; height: 175px; background-size: cover!important; display: block; overflow: hidden;}
.idx-pro .pro-ul li em{ width: 100%; height: 44px; line-height: 44px; font-size: 16px; display: block; overflow: hidden; position: relative; z-index: 1;}
.idx-pro .pro-ul li em a{ width: 100%; display: block; overflow: hidden;}
.idx-pro .pro-ul li em a::after{ content: "+"; right: 0; line-height: 44px; font-size: 16px; color: #fff; position: absolute; z-index: -1;}
.idx-pro .pro-ul li em:hover a::after{ color: #00479d;}
.idx-pro .pro-ul li p{ width: 100%; height: 72px; line-height: 24px; font-size: 14px; color: #666; display: block; overflow: hidden; border-top: 2px solid #c7c7c7; padding: 10px 0 0 0;}
.idx-pro .right{ width: 260px; height: 310px; background-size: cover!important; display: block; overflow: hidden; float: right; margin: 30px 40px 0 0;}
.idx-pro .right .tech-name{ width: 220px; display: block; overflow: hidden; line-height: 50px; border-bottom: 1px solid #eee; margin: 0 auto; font-size: 16px; color: #fff;}
.idx-pro .right .tech-name a{ float: right; font-size: 14px; color: #fff;}
.idx-pro .right .tech-a{ width: 220px; display: block; overflow: hidden; margin: 10px auto 0 auto;}
.idx-pro .right .tech-a a{ width: 180px; display: block; overflow: hidden; float: left; line-height: 30px; font-size: 16px; color: #fff; position: relative; z-index: 1; padding: 0 0 0 20px;}
.idx-pro .right .tech-a a::after{ content: "●"; left: 0; line-height: 30px; font-size: 6px!important; color: #fff; position: absolute; z-index: -1;}
.idx-pro .right .tech-a a:hover{ border-bottom: 1px solid #fff;}

.slogn{ width: 100%; line-height: 50px; font-size: 30px; color: #999; letter-spacing: 2px; text-align: center; border-bottom: 2px dashed #eee; display: block; overflow: hidden; padding: 0 0 30px 0; margin: 0 auto;}

.idx-news{ width: 1200px; display: block; overflow: hidden; margin: 80px auto;}
.idx-news .left{ width: 540px; float: left;}
.idx-news .news-lam{ background: url(../img/news-bac.png) no-repeat left top; width: 100%; display: block; overflow: hidden; padding: 0 0 0 40px; line-height: 30px; font-size: 18px; color: #666;}
.idx-news .news-lam em{ width: 100%; display: block; overflow: hidden; font-size: 28px; color: #333;}
.idx-news .news-ul{ width: 500px; display: block; overflow: hidden; margin: 10px 0 0 40px;}
.idx-news .news-ul li{ width: 100%; height: 46px; display: block; overflow: hidden; margin: 12px 0 0 0; position: relative; background: #f3f3f3;}
.idx-news .news-ul li a{ width: 80%; height: 46px; line-height: 46px; padding: 0 0 0 20px; display: block; overflow: hidden; font-size: 16px;}
.idx-news .news-ul li label{ position: absolute; padding: 0 20px; background: #00479d; height: 46px; line-height: 46px; color: #fff; font-size: 16px; right: 0;}
.idx-news .news-video{ width: 565px; height: 305px; float: right; margin: 0 40px 0 0;}
.idx-news .news-video a{ width: 60px; height: 60px; background: url(../img/icon-play.png) no-repeat center center; position: absolute; margin: 122px 0 0 252px; display: block; overflow: hidden; opacity: .8;}
.idx-news .news-video a:hover{ opacity: 1;}
.idx-news .news-video span{ width: 100%; height: 305px; background-size: cover; display: block; overflow: hidden;}

/**about**/
.about-main{ width: 1090px; display: block; overflow: hidden; margin: 80px auto 100px auto;}
.lams{ width: 100%; line-height: 50px; font-size: 36px; font-weight: bold; color: #05b0b3; display: block; overflow: hidden;}
.about-info{ width: 100%; display: block; overflow: hidden; background: #f3f3f3; margin: 20px auto 0 auto;}
.about-info .info{ width: 320px; margin: 60px; line-height: 30px; display: block; overflow: hidden; float: left;}
.about-info .pic{ width: 650px; display: block; overflow: hidden; float: right;}

.news-info{ width: 100%; display: block; overflow: hidden; margin: 20px auto 0 auto;}
.news-info .left{ width: 735px; display: block; overflow: hidden; float: left;}
.news-ul02{ width: 735px; display: block; overflow: hidden;}
.news-ul02 li{ width: 100%; height: 46px; display: block; overflow: hidden; margin: 0 0 10px 0; position: relative; background: #f3f3f3;}
.news-ul02 li a{ width: 80%; height: 46px; line-height: 46px; padding: 0 0 0 20px; display: block; overflow: hidden; font-size: 16px;}
.news-ul02 li label{ position: absolute; padding: 0 20px; background: #00479d; height: 46px; line-height: 46px; color: #fff; font-size: 16px; right: 0;}
.news-ul03{ width: 305px; display: block; overflow: hidden; float: right;}
.news-ul03 li{ width: 100%; height: 185px; display: block; overflow: hidden; margin: 0 0 14px 0;}
.news-ul03 li span{ width: 100%; height: 185px; background-size: cover!important; display: block; overflow: hidden;}

.pages{ width: 100%; display: block; overflow: hidden; margin: 30px 0 0 150px;}
.pages a{ float: left; height: 40px; line-height: 40px; background: #f3f3f3; border-radius: 3px; margin: 0 2px; padding: 0 10px; min-width: 20px; text-align: center;}

.honor-info{ width: 100%; display: block; overflow: hidden; margin: 20px auto 0 auto;}
.honor-info img{ max-width: 100%;}

.video-info{ width: 100%; display: block; overflow: hidden; background: #f3f3f3; margin: 20px auto 0 auto;}
.video-info .video{ width: 735px; height: 465px; display: block; overflow: hidden; float: left;}
.video-info .video a{ width: 60px; height: 60px; background: url(../img/icon-play.png) no-repeat center center; position: absolute; margin: 202px 0 0 352px; display: block; overflow: hidden; opacity: .8;}
.video-info .video a:hover{ opacity: 1;}
.video-info .video span{ width: 100%; height: 465px; background-size: cover; display: block; overflow: hidden;}
.video-info .info{ width: 275px; margin: 40px; line-height: 30px; display: block; overflow: hidden; float: right;}

/**download**/
.download-a{ width: 860px; display: block; overflow: hidden; margin: 100px auto;}
.download-a ul li{ width: 840px; padding: 0 0 0 20px; margin: 5px auto; height: 46px; line-height: 46px; display: block; overflow: hidden; position: relative; background: #f3f3f3; float: left; font-size: 16px;}
.download-a ul li a{ position: absolute; padding: 0 20px; background: #00479d; height: 46px; line-height: 46px; color: #fff; font-size: 16px; right: 0; display: block; overflow: hidden; z-index: 1;}
.download-a ul li a:hover{ background: #05b0b3;}

/**product**/
.listshow{ width: 990px; display: block; overflow: hidden; margin: 70px auto;}
.listshow ul li{ width: 100%; display: block; overflow: hidden; margin: 30px auto; float: left;}
.listshow ul li .lipic{ width: 650px; height: 350px; background-size: cover!important; float: right; display: block; overflow: hidden;}
.listshow ul li .liinfo{ width: 280px; float: left; display: block; overflow: hidden; margin: 30px 0 0 0;}
.listshow ul li .liinfo .lilam{ width: 100%; display: block; overflow: hidden; line-height: 30px; color: #00479d;}
.listshow ul li .liinfo .lilam em{ float: left; font-size: 20px;}
.listshow ul li .liinfo .lilam span{ width: 38px; height: 3px; background: #05b0b3; float: left; display: block; overflow: hidden; margin: 13px 0 0 10px;}
.listshow ul li .liinfo .lilam p{ float: left; font-size: 16px; width: 100%; display: block;}
.listshow ul li .liinfo .licot{ width: 100%; display: block; overflow: hidden; line-height: 26px; color: #666; margin: 20px 0 0 0;}
.listshow ul li:nth-of-type(even) .lipic{ float: left;}
.listshow ul li:nth-of-type(even) .liinfo{ float: right;}
.listshow ul li:nth-of-type(even) .liinfo .lilam em{ float: right;}
.listshow ul li:nth-of-type(even) .liinfo .lilam span{ float: right; margin-right: 10px;}
.listshow ul li:nth-of-type(even) .liinfo .lilam p{ text-align: right;}
.listshow ul li:nth-of-type(even) .liinfo .licot{ text-align: right;}

.listech{ width: 1158px; margin: 100px auto; display: block; overflow: hidden;}
.listech ul li{ width: 370px; height: 300px; margin: 8px; float: left; display: block; overflow: hidden; background-size: cover!important;}
.listech ul li span{ width: 100%; height: 0; background: rgba(255,255,255,.8); display: block; overflow: hidden;}
.listech ul li span em{ width: 90%; padding: 0 5%; height: 50px; line-height: 50px; display: block; overflow: hidden; font-size: 18px; color: #00479d; border-bottom: 2px solid #00479d; margin: 10px 0 0 0;}
.listech ul li span p{ width: 90%; padding: 20px 5%; height: 144px; line-height: 24px; display: block; overflow: hidden;}
.listech ul li span a{ float: right; margin: 0 5% 0 0; color: #00479d;}
.listech ul li:hover span{ height: 300px;}

.product-main{ width: 1200px; margin: 100px auto; display: block; overflow: hidden;}
.product-lam{ width: 100%; line-height: 50px; font-size: 26px; color: #00479d; display: block; overflow: hidden; font-weight: bold;}
.breadlink{ width: 100%; line-height: 24px; padding: 0 0 20px 0; border-bottom: 1px solid #eee; display: block; overflow: hidden; color: #999;}
.breadlink a{ color: #999; margin: 0 2px;}
.product-top{ width: 1090px; margin: 50px auto 0 auto; display: block; overflow: hidden;}
.product-pic{ width: 700px; height: 300px; float: left;}
.product-pic em{ width: 620px; height: 300px; margin: 0 0 0 40px; background: #fff; display: block; overflow: hidden; position: absolute;}
.product-pic em img{ height: 100%; display: block; overflow: hidden; margin: 0 auto;}
.product-pic span{ width: 696px; height: 296px; border: 2px solid #eee; display: block; overflow: hidden;}
.product-info{ width: 300px; float: right; margin: 30px 0 0 0; display: block; overflow: hidden; border-bottom: 1px solid #eee;}
.product-info span{ width: 100%; line-height: 24px; height: 168px; display: block; overflow: hidden;}
.product-menu a{ width: 120px; height: 44px; text-align: center; line-height: 44px; border-radius: 5px; float: left; margin: 10px 0 30px 20px; display: block; overflow: hidden; background: #e5e5e5;}
.product-menu a.active{ background: #00479d; color: #fff;}

.product-li{ width: 1090px; display: block; overflow: hidden; margin: 50px auto 0 auto;}
.product-li .details{ width: 100%; display: block; overflow: hidden;}
.product-li .product-cot{ width: 100%; display: block; overflow: hidden; margin-top: 20px;}
.product-li .product-dec{ width: 94%; padding: 20px 3%; background: #f1f1f1; line-height: 24px; display: block; overflow: hidden;}
.product-li .product-cot img{ max-width: 100%;}
.product-li .pic{ width: 100%; display: none; overflow: hidden; background: #f3f3f3;}
.product-li .pic span{ width: 29.33%; height: 320px; margin: 2%; display: block; overflow: hidden; float: left; background-size: cover!important;}

.processinfo{ width: 1090px; display: block; overflow: hidden; margin: 100px auto;}
.processinfo img{ max-width: 100%;}

.contact-main{ width: 1120px; margin: 90px auto 100px auto; display: block; overflow: hidden;}
.contact-lam{ width: 100%; display: block; overflow: hidden; line-height: 30px; color: #00479d;}
.contact-lam em{ float: left; font-size: 20px;}
.contact-lam span{ width: 38px; height: 3px; background: #05b0b3; float: left; display: block; overflow: hidden; margin: 13px 0 0 10px;}
.contact-lam p{ float: left; font-size: 16px; width: 100%; display: block;}
.joininfo{ width: 1120px; margin: 20px auto 0 auto; display: block; overflow: hidden;}
.joininfo ul li{ width: 100%; display: block; overflow: hidden; border-bottom: 3px solid #f2f6f9; padding: 15px 0;}
.joininfo ul li .tit{ width: 220px; float: left; text-align: center; line-height: 24px; font-size: 18px;}
.joininfo ul li .num{ width: 120px; float: left; text-align: center; line-height: 24px;}
.joininfo ul li .info{ width: 500px; float: left; text-align: left; line-height: 24px; height: 48px; display: block; overflow: hidden;}
.joininfo ul li .price{ width: 180px; float: left; text-align: center; line-height: 24px;}
.joininfo ul li .show{ width: 50px ;height: 50px; background: url(../img/show.png) no-repeat center center; background-size: 60%; display: block; overflow: hidden; float: right;}
.joininfo ul li:first-child{ background: #2965ad; border: none; color: #fff;}
.joininfo ul li:first-child .tit{ font-size: 14px;}
.joininfo ul li:first-child .info{ text-align: center; height: auto;}
.joininfo ul li.active .info{ height: auto!important;}
.joininfo ul li.active .show{ background: url(../img/close.png) no-repeat center center; background-size: 60%;}

.contact-left{ width: 345px; display: block; overflow: hidden; float: left;}
.contact-info{ width: 100%; margin: 20px auto 0 auto; display: block; overflow: hidden; border-top: 3px solid #05b0b3; padding: 10px 0 0 0;}
.contact-info p{ line-height: 20px; padding: 3px 0; display: block; overflow: hidden; font-variant-caps: 16px;}

.maps{ width: 740px; height: 400px; background: #f9f9f9; float: right;}

.product-list{ width: 1140px; margin: 90px auto; display: block; overflow: hidden;}
.product-list li{ width: 360px; display: block; overflow: hidden; float: left; margin: 10px;}
.product-list li span{ width: 100%; height: 240px; background-size: cover!important; display: block; overflow: hidden;}
.product-list li em{ width: 100%; height: 44px; line-height: 44px; font-size: 16px; display: block; overflow: hidden; position: relative; z-index: 1;}
.product-list li em a{ width: 100%; display: block; overflow: hidden;}
.product-list li em a::after{ content: "+"; right: 0; line-height: 44px; font-size: 16px; color: #fff; position: absolute; z-index: -1;}
.product-list li em:hover a::after{ color: #00479d;}
.product-list li p{ width: 100%; height: 72px; line-height: 24px; font-size: 14px; color: #666; display: block; overflow: hidden; border-top: 2px solid #c7c7c7; padding: 10px 0 0 0;}
.details-main{ width: 90%; max-width: 1090px; margin: 30px auto 80px auto; display: block; overflow: hidden;}
.details-tit{ width: 100%; line-height: 30px; font-size: 24px; display: block; overflow: hidden; margin: 30px auto 0 auto; text-align: center; }
.details-time{ width: 100%; line-height: 30px; display: block; overflow: hidden; margin: 10px auto 0 auto; text-align: center; color: #999;}
.details-cot{ width: 100%; line-height: 30px; display: block; overflow: hidden; margin: 30px auto 0 auto;}
.details-cot img{ max-width: 100%;}

@media screen and (max-width:767px){
	header{ width: 100%; height: 60px;}
	header>.sub{ width: 100%; height: 60px;}
	header .logo{ margin: 15px 0 0 5%; width: auto; height: 30px;}
	header .logo img{ height: 30px;}
	header .nava{ width: 50px; height: 50px; background: url(../img/menu.png) no-repeat center center; background-size: 60%; display: block; overflow: hidden; float: right; margin: 5px;}
	header .navc{ width: 50px; height: 50px; background: url(../img/navc.png) no-repeat center center; background-size: 60%; display: block; overflow: hidden; right: 0; margin: 5px; position: fixed; z-index: 999999;}
	header nav{ height: 100%; position: fixed; background: rgba(31,80,145,.9); top: 0; bottom: 0; width: 100%; z-index: 99999; display: none; overflow: hidden;}
	header nav .li{ width: 90%; margin: 0 5%; border-bottom: 2px solid #eee; padding: 5px 0;}
	header nav .li em.a{ height: auto; margin: 0; border-bottom: 0; line-height: 40px; background: none; color: #fff; text-align: left;}
	header nav .li em.a a{ color: #fff;}
	header nav .li.active{ color: #fff;}
	.navsub{ position: static; left: auto; right: auto; width: 100%; height: auto; margin: 0; background: none;}
	.navcot{ width: 100%;}
	.navcot span{ width: 100%; margin: 0;}
	.navcot span p{ min-width: 25%;}
	.navcot span p a{font-size: 16px;}
	header nav .li:hover{ background: none}
	header nav .li:hover em.a{ background: none;}
	header nav .li:hover .navsub{ padding: 0;}
	header nav .li:first-child{ margin-top: 40px;}
	header .lang{ margin: 10px 10px 0 0;}
	
	footer>.sub{ width: 90%; margin: 30px auto;}
	footer .info-left{ width: 100%;}
	footer .info-nav{ width: 100%; margin: 20px auto 0 auto;}
	footer .info-nav p{ width: auto; min-width: 25%; float: left;}
	footer .info-contact{ width: 100%; float: left; margin: 30px 0 0 0;}
	footer .info-contact .qrcode{ width: 80px; height: 80px; float: left;}

	.top-pic{ height: 150px;}

	.menu .sub{ width: 100%;}
	.menu .sub a{ width: 25%; font-size: 16px;}
	.one-menu .menu .sub a{ width: 100%;}
	.three-menu .menu .sub{ width: 100%}
	.two-menu .menu .sub{ width: 100%}
	.two-menu .menu .sub a{ width: 50%;}



	/**首页**/
	.idxban{ height: 270px;}
	.ban .swiper-slide{ height: 270px; background-size: cover!important}
	.ban .swiper-pagination-bullet{ width: 10px!important; height: 10px!important;}
	.ban .swiper-pagination{ width: 100%!important; text-align: center!important; bottom: 10px!important;}

	.idx-about{ width: 100%; left: 0; height: auto; position: static; margin: 0; background: #00479d;}
	.idx-about .content{ width: 90%; height: auto; margin: 5%;}
	.idx-about .about-content{ height: auto;}
	.idx-about .content span.more{ font-size: 24px; margin: 0;}
	.idx-about .content span.more a{ font-size: 14px;}

	.idx-pro{ width: 100%; padding-bottom: 90px; margin: 0 auto;}
	.idx-pro::after{ width: 100%;}
	.idx-pro .pro-lam{ margin: 30px 0 0 0;}
	.idx-pro .pro-lam span{ font-size: 24px; line-height: 30px;}
	.idx-pro .pro-ul{ width: 90%; margin: 30px 0 0 5%;}
	.idx-pro .pro-ul li{ width: 100%;}
	.idx-pro .pro-ul li span{ width: 100%;}
	.idx-pro .right{ width: 90%; height: 240px; margin: 20px 5% 0 0;}
	.idx-pro .right .tech-name{ width: 90%; }
	.idx-pro .right .tech-a{ width: 90%;}
	.idx-pro .right .tech-a a{ width: 90%; padding: 0 0 0 10%;}

	.slogn{ line-height: 40px;}

	.idx-news{ width: 90%; margin: 30px auto;}
	.idx-news .left{ width: 100%;}
	.idx-news .news-ul{ width: 100%; margin: 10px 0 0 0;}
	.idx-news .news-ul li{ width: 100%;}
	.idx-news .news-ul li a{ width: 60%;}
	.idx-news .news-video{ width: 100%; height: 305px; float: right; margin: 30px 0 0 0;}
	.idx-news .news-video a{ left: 50%; margin: 122px 0 0 -30px;}

	/**about**/
	.about-main{ width: 90%; margin: 30px auto;}
	.lams{ font-size: 24px; line-height: 30px;}
	.about-info .info{ width: 90%; margin: 5%;}
	.about-info .pic{ width: 100%;}

	.news-info .left{ width: 100%;}
	.news-ul02{ width: 100%;}
	.news-ul02 li{ width: 100%;}
	.news-ul02 li a{ width: 60%;}
	.news-ul03{ width: 100%; margin: 20px 0 0 0;}
	.news-ul03 li{ width: 100%;}

	.pages{ margin: 30px 0 0 0;}
	.pages a{ margin: 2px;}

	.video-info{ width: 100%;}
	.video-info .video{ width: 100%; height: 300px;}
	.video-info .video a{ left: 50%; margin: 120px 0 0 -30px;}
	.video-info .video span{ height: 300px;}
	.video-info .info{ width: 90%; margin: 5%;}

	/**download**/
	.download-a{ width: 90%; margin: 50px auto;}
	.download-a ul li{ width: 95%; padding: 0 0 0 5%;}

	/**product**/
	.listshow{ width: 90%; margin: 20px auto;}
	.listshow ul li .lipic{ width: 100%; height: 200px; margin: 20px 0 0 0;}
	.listshow ul li .liinfo{ width: 100%; margin: 0;}

	.listech{ width: 90%; margin: 50px auto;}
	.listech ul li{ width: 100%; height: 300px; margin: 8px 0;}

	.product-main{ width: 90%; margin: 50px auto;}
	.product-top{ width: 100%; margin: 30px auto 0 auto;}
	.product-pic{ width: 100%; height: 300px; float: left; position: relative;}
	.product-pic em{ width: 100%; margin: 0;}
	.product-pic span{ display: none;}
	.product-info{ width: 100%;}
	.product-info span{ height: auto;}
	.product-menu a{ width: 42.5%; margin: 30px 0 20px 5%;}

	.product-li{ width: 100%; margin: 30px auto 0 auto;}
	.product-li .pic{ background: none;}
	.product-li .pic span{ width: 100%; height: 240px; margin: 2% 0;}

	.processinfo{ width: 90%; margin: 50px auto;}

	.contact-main{ width: 90%; margin: 50px auto;}

	.joininfo{ width: 100%;}
	.joininfo ul li .tit{ width: auto;}
	.joininfo ul li .num{ width: auto; margin: 0 0 0 20px;}
	.joininfo ul li .info{ width: 100%; margin: 10px 0;}
	.joininfo ul li .price{ width: auto;}
	.joininfo ul li .show{ width: 40px ;height: 40px; }
	.joininfo ul li:first-child{ display: none;}
	
	.contact-left{ width: 100%;}

	.maps{ width: 100%; height: 400px; margin: 30px 0 0 0;}
	
	.product-list{ width: 90%; margin: 30px auto;}
	.product-list li{ width: 100%x; margin: 10px 0;}
}
@media (max-width:1099px) and (min-width:768px){
/*header*/
	
}