/*************************************************************************/
/*全局样式开始*/
/*************************************************************************/
@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#333;font:14px/30px sans-serif, Arial, Tahoma, Verdana, sans-serif;background:#fff; width:100%;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:"Open Sans", sans-serif, Arial, Tahoma, Verdana, sans-serif;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
* html .clearfix{height:1%;}
*{box-sizing:border-box;}
a{color:#333;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#0082fe;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.wrap{clear:both;display:block;margin:0 auto;width:100%;max-width:1920px;padding:0 3%}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
.bor_box::after,.bor_box::before{pointer-events:none;}
.bor_box::after,.bor_box::before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;}
.bor_box::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);}
.bor_box::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);}
a:hover .bor_box::after,a:hover .bor_box::before{opacity:.7;-webkit-transform:scale(1);transform:scale(1);}

@font-face {
	font-family:"quicksand";
	src:url('../fonts/quicksand.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:"din";
	src:url("../fonts/din-medium.woff") format("woff"),
		url("../fonts/din-medium.ttf") format("truetype"),
		url("../fonts/din-medium.eot") format("embedded-opentype"),
		url("../fonts/din-medium.svg") format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face {
    font-family:'Stolzl';
    src:url('../fonts/Stolzl-Regular.eot');
    src:url('../fonts/Stolzl-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Stolzl-Regular.woff2') format('woff2'),
        url('../fonts/Stolzl-Regular.woff') format('woff'),
        url('../fonts/Stolzl-Regular.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}


#header{ width:100%; position:fixed; left:0; top:0; z-index:999; padding:0 30px;display:flex;justify-content:space-between ;align-items:center;}
#header .logo{}
#header .logo img{ height:60px}
#header .logo .b{ display:none}
#header .right{ display:flex;align-items:center;}
#header .nav ul{display:flex;justify-content:center ;align-items:center;}
#header .nav ul li{ margin:0 20px; position:relative}
#header .nav ul li h3 a{ font-size:18px; color:#fff; font-weight:normal; line-height:110px;display:flex;justify-content:space-between;align-items:center;}
#header .nav ul li h3 a i{ display:none}
#header .nav ul li h3 a:hover{ color:#0082fe}
#header .nav ul .sub{ position:absolute; left:50%; transform: translateX(-50%);; top:110px; width:130px; background:#fff; border-radius:0 0 10px 10px; display:none; z-index:99}
#header .nav ul .sub dl{ padding:10px 0}
#header .nav ul .sub dl dd{ display:block; text-align:center; line-height:40px; position:relative}
#header .nav ul .sub dl dd a{font-size:16px;}
#header .nav ul .sub dl dd a:hover{ color:#0082fe}
#header .nav ul .sub dl dd .sub2{ position:absolute; left:130px; top:0;width:130px; background:#fff; border-radius:10px; display:none}
#header .nav ul .sub dl dd .sub2 .box{ padding:10px}
#header .nav ul .sub dl dd .sub2 .box p{ display:block; text-align:center; line-height:40px; position:relative}
#header .nav ul .sub dl dd .sub2 .box p a{font-size:16px; color:#333}
#header .nav ul .sub dl dd .sub2 .box p a:hover{ color:#0082fe}
#header .nav ul .sub dl dd:hover .sub2{ display:block}
#header .nav ul .sub dl dd:hover a{ color:#0082fe}

#header .search{ margin-left:50px}
#header .search i{ color:#fff; font-size:18px}
#header .search .searchbox{ position:absolute; right:30px; top:80px; background:#fff; padding:20px; border-radius:6px; display:none; z-index:999}
#header .search .searchbox form{display:flex;justify-content:space-between;align-items:center;}
#header .search .searchbox .key{ line-height:30px; border:1px solid #eee; width:200px}
#header .search .searchbox .btn{ line-height:30px; background:#333; border:1px solid #333; font-size:14px; color:#fff; padding:0 10px}
#header .search .searchbox.isopen{ display:block}
#header .mnav{ display:none}
#header.n{ position:inherit}

#header.active .nav ul li h3 a{  color:#333}
#header.active .search i{ color:#333}
#header.active .logo .w{ display:none}
#header.active .logo .b{ display:block}
#header.active .nav ul li h3 a:hover{ color:#0082fe}
#header.active .nav ul li.active h3 a{ color:#0082fe; position:relative}
#header.active .nav ul li.active h3 a::after {content: ''; display: block;width: 40px;height:3px;background: #0082fe;position: absolute;left:50%; margin-left:-20px;bottom:30px;transition: all .5s;}


#fullpage{ width:100%;  position:relative; z-index: 1; margin:0; padding:0; overflow:hidden}
#fullpage .swiper-wrapper {z-index: 1;display: flex;box-sizing: content-box;}
#fullpage .swiper-slide,
#fullpage .swiper-wrapper { height: 100%; position: relative; transition-property: transform; width: 100%}
#fullpage .swiper-slide{ width:100%; height:100%; overflow:hidden;}
.index-footer{ height:auto !important}
.video-one{ width:100%; height:100%;object-fit:cover;}

.video{ display:flex;align-items:center;justify-content:flex-end; position:absolute; left:0; top:0; width:100%; height:100%; z-index:22; box-sizing:border-box;}
.video .video-box{ width:630px; text-align:left}
.video .video-box h2{ font-size:44px; color:#fff; line-height:1.5}

.about{ display:flex;align-items:center; position:relative; left:0; top:0; width:100%; height:100%; z-index:22; box-sizing:border-box; padding-top:80px}
.about{background:url(../images/bg_about.jpg) no-repeat center center; background-size:cover;}
.about .about-box{ width:100%; padding:0 10%;display:flex;justify-content:space-between ;align-items:center;}
.about .about-box .left{ width:45%;}
.about .about-box .title{ font-size:40px; color:#333; line-height:44px;}
.about .about-box .num{display:flex;justify-content:flex-start ;align-items:center; margin-top:50px}
.about .about-box .num .item{ margin-right:20%}
.about .about-box .num .item .one big{ font-size:68px; font-weight:700; color:#0082fe; line-height:70px; font-family:"din"}
.about .about-box .num .item .one sup{ font-size:16px; margin-top:10px}
.about .about-box .num .item p{ font-size:16px}
.about .about-box .text{ margin-top:30px; width:100%}
.about .about-box .text h2{ font-size:16px}
.about .about-box .text p{ margin-top:10px; font-size:16px; line-height:1.8}
.about .about-box .text .more{ margin-top:40px; height:30px;}
.about .about-box .text .more a{  display:flex;;align-items:center;}
.about .about-box .text .more i{ background:#0082fe; width:30px; height:30px; line-height:30px; text-align:center; border-radius:30px; font-size:14px; color:#fff}
.about .about-box .text .more .txt{ margin-left:20px; position:relative}
.about .about-box .text .more .txt::after {content: ''; display: block;width: 100%;height:2px;background: #0082fe;position: absolute;left: 0;bottom: 0;transition: all .5s;}
.about .about-box .text .more:hover i{ width:20px; height:20px; line-height:20px; font-size:12px}
.about .about-box .text .more:hover .txt::after{ width:0}
.about .about-box .about-img{ width:50%}
.about .about-box .about-img img{ width:100%}


.jishu{ width:100%; height:100%; display:flex;align-items:center; position:relative; left:0; top:0; width:100%; height:100%; z-index:22; box-sizing:border-box; padding-top:80px}
.jishu{background:url(../images/jishu.jpg) no-repeat center center; background-size:cover;}
.jishu .jishubox{ padding:0 10%}
.jishu .jishubox .title{ font-size:40px; color:#fff;line-height:44px;}
.jishu .jishubox .list{ margin-top:20px;display:flex;justify-content:space-between ;align-items:center}
.jishu .jishubox .list .imgbox{ width:50%;}
.jishu .jishubox .list .imgbox img{width:100%}
.jishu .jishubox .list .textbox{ width:48%}
.jishu .jishubox .list .textbox h2{ font-size:20px; font-weight:700; color:#fff; margin-bottom:20px}
.jishu .jishubox .list .textbox p{ font-size:16px; color:#fff; margin-top:10px}
.jishu .jishubox .list .textbox .more{ margin-top:40px; height:40px;}
.jishu .jishubox .list .textbox .more a{display:flex;;align-items:center;}
.jishu .jishubox .list .textbox .more i{ background:#fff; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50px; font-size:14px; color:#0082fe}
.jishu .jishubox .list .textbox .more .txt{ margin-left:10px; position:relative; font-size:16px; color:#fff}
.jishu .jishubox .list .textbox .more .txt::after {content: ''; display: block;width: 100%;height:2px;background: #fff;position: absolute;left: 0;bottom: 0;transition: all .5s;}
.jishu .jishubox .list .textbox .more:hover i{ width:20px; height:20px; line-height:20px; font-size:12px}
.jishu .jishubox .list .textbox .more:hover .txt::after{ width:0}


.product{display:flex;align-items:center; position:relative; left:0; top:0; width:100%; height:100%; z-index:22; box-sizing:border-box; }
.product{background:url(../images/bg_product.jpg) no-repeat center center; background-size:cover;}
.product .productbox{ padding:0 10%;;display:flex;justify-content:space-between ;align-items:center}
.product .productbox img{max-width:100%}

.news{ width:100%; height:100%; display:flex;align-items:center; position:relative; left:0; top:0; z-index:22; box-sizing:border-box; padding-top:80px}
.news{background:url(../images/bg_news.jpg) no-repeat center center; background-size:cover;}
.news .newsbox{ padding:0 10%;}
.news .newsbox .title{ font-size:40px;line-height:44px;} 
.news .newsbox .list{ margin-top:60px;display:flex;justify-content:space-between ;align-items:flex-start;}
.news .newsbox .list ul{display:flex;justify-content:space-between ;align-items:flex-start;gap:0 30px}
.news .newsbox .list ul li{ width:calc((100% - 90px) / 4);}
.news .newsbox .list ul li .img{ height:220px}
.news .newsbox .list ul li .img  img{width:100%;height:100%;object-fit:cover}
.news .newsbox .list ul li .info{ margin-top:10px}
.news .newsbox .list ul li .info h2{ font-size:18px; font-weight:normal;}
.news .newsbox .list ul li .info h2{word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.news .newsbox .list ul li .info p{ font-size:16px; margin-top:20px; line-height:26px; color:#999;}
.news .newsbox .list ul li .info p{word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news .newsbox .list ul li .info time{ margin-top:20px; color:#999; display:block;}


.footer{ width:100%; background:#c4d7e5;background: linear-gradient(to right,#184d9e, #769ec9); padding:0 10%}
.footer .map{ display:flex;justify-content:space-between ;align-items:center; padding:60px 0; border-bottom:1px solid rgba(255,255,255,.6)}
.footer .map .logo img{ width:180px}
.footer .map .linker{ font-size:18px; color:#fff}
.footer .map .linker a{ color:#fff; margin-left:50px; font-weight:600}
.footer .contact{display:flex;justify-content:space-between ;align-items:center; padding:60px 0}
.footer .contact .left{display:flex;}
.footer .contact .left .item{ margin-right:200px; max-width:180px}
.footer .contact .left .item i{ border:1px solid #fff; width:40px; height:40px; border-radius:40px; text-align:center; line-height:40px; font-size:20px; color:#fff;}
.footer .contact .left .item .t{ color:#fff;  margin-top:10px; line-height:24px}
.footer .contact .left .item .text{ color:#fff; line-height:24px}
.footer .contact .right{ text-align:center; color:#fff}
.footer .contact .right .img{ border:1px solid #fff; padding:5px}
.footer .contact .right .img img{ width:90px}
.copyright{padding:10px 0; text-align:center; background:#00317d; color:#fff}
.copyright i{ margin:0 10px}
.copyright a{ color:#fff}


#banner{ width:100%; position:relative;}
#banner .img img{ width:100%}
#banner .text{ position:absolute; left:0; top:0; padding:0 10%;display:flex;align-items:center; height:100%}
#banner .text h2{ font-size:48px; color:#fff}
#banner .text p{ font-size:15px; color:#fff; display:block; margin-top:20px; text-transform:uppercase}
#banner .text.b h2{color:#000}
#banner .text.b p{color:#000;}

#main{ width:100%; padding:0 10%}
#main .contact{ padding:50px 0;display:flex;align-items:center;}
#main .contact .text{ width:50%}
#main .contact .text h1{ font-size:30px;}
#main .contact .text .add{ font-size:16px; margin-top:10px}
#main .contact .text strong{ padding:30px 0 10px; display:block; font-size:18px; color:#0082fe;}
#main .contact .text p{ font-size:14px}
#main .contact .img{ width:40%}
#main .contact .img img{ width:100%}

#main .news_main{ padding:50px 0}
#main .news_main ul{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap; gap:40px 30px}
#main .news_main ul li{ width:calc((100% - 90px) / 4);border:1px solid #eee; }
#main .news_main ul li .img  img{width:100%;}
#main .news_main ul li .info{ padding:20px; border-top:0}
#main .news_main ul li .info time{ color:#999; display:block}
#main .news_main ul li .info h2{ font-size:17px; line-height:26px; margin-top:10px;min-height:52px}
#main .news_main ul li .info  h2{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
#main .news_main ul li .info p{ color:#666; margin-top:10px; line-height:26px; min-height:52px}
#main .news_main ul li .info  p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
#main .news_main ul li .info span{ border:1px solid #ddd; display:inline-block; margin-top:20px; padding:0 10px; color:#888}
#main .news_main ul li:hover .info span{ background:#0082fe; color:#fff; border:1px solid #0082fe}

#main .news_show{ padding:50px 0}
#main .news_show h1{ font-size:24px; font-weight:normal; padding:30px 0; text-align:center}
#main .news_show .info{text-align:center; color:#999; border-bottom:1px solid #eee}
#main .news_show .info span{ margin:0 10px}
#main .news_show .content{ padding:20px 0; line-height:1.8; font-size:16px;}
#main .news_show .pagedown{border-top:1px solid #eee; padding-top:20px}
#main .news_show .pagedown p{ font-size:16px}

#main .clist{ text-align:center; border-bottom:1px solid #eee}
#main .clist a{ font-size:16px; padding:10px 20px; display:inline-block}
#main .clist a.active{ color:#0082fe; font-weight:700}
#main .product_list{ padding:50px 0}
#main .product_list ul{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap; gap:40px 40px}
#main .product_list ul li{ width:calc((100% - 80px) / 3)}
#main .product_list ul li .img{ border:1px solid #eee;display:flex;justify-content:center;align-items:center;}
#main .product_list ul li .img img{width:100%;}
#main .product_list ul li .info{padding:20px; text-align:center}
#main .product_list ul li .info h2{ font-size:17px;}
#main .product_list ul li .info h2{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#main .product_list ul li .info p{ font-size:14px; line-height:24px; color:#666; margin-top:10px}
#main .product_list ul li .info p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
#main .product_list ul li .info span{ display: inline-block; border:1px solid #eee; padding:5px 20px; margin:20px auto 0}
#main .product_list ul li:hover .info span{ background:#0082fe; border:1px solid #0082fe; color:#fff}


#main .product_show{ padding:50px 0}
#main .product_show h1{ font-size:30px;text-align:center}
#main .product_show .info{display:flex;justify-content:space-between ;align-items:center; }
#main .product_show .info .img{ width:30%}
#main .product_show .info .img img{ width:100%}
#main .product_show .info .text{ width:65%}
#main .product_show .info .text p{ font-size:16px; margin-top:20px}
#main .product_show .content{ padding:0px 0; line-height:1.8; font-size:16px; border-top:1px solid #eee; margin-top:50px}
#main .product_show .content p{ padding-bottom:10px}
#main .product_show .pagedown{border-top:1px solid #eee; padding-top:20px}
#main .product_show .pagedown p{ font-size:16px}

#main .about_show{ padding:30px 0 50px}
#main .about_show .item{ padding:20px 0;display:flex;justify-content:space-between ;align-items:center;}
#main .about_show .item .left{ width:46%}
#main .about_show .item .left img{ width:100%; border-radius:30px}
#main .about_show .item .right{ width:46%; font-size:16px; line-height:2.4}
#main .about_show .item .right p{ padding-bottom:10px}
#main .about_show .item:nth-child(2){flex-wrap:wrap-reverse;flex-direction:row-reverse}
#main .about_show .tisp{  color:#0082fe; font-weight:700; font-size:34px; text-align:center; margin-top:100px}
#main .about_show .tisp i{ margin:0 10px}
#main .about_show  .about_yj{ margin-top:150px; border-top:1px solid #eee; padding-top:100px}
#main .about_show  .about_yj img{ width:100%}
#main .about_show  .about_yj .yjbox{ position:relative}
#main .about_show  .about_yj .yjbox .text{ position:absolute; left:0; top:0; width:100%; height:100%;display:flex;justify-content:flex-end ;align-items:center;}
#main .about_show  .about_yj .yjbox .text .textbox{ background:#fff; padding:60px; font-size:22px; width:43%; margin-right:120px; line-height:1.8}
#main .about_show  .about_yj .yjbox .text .textbox strong{ color:#0082fe; padding-top:20px; display:block}

#main .history_show{ padding:80px 0; text-align:center}
#main .history_show img{ width:80%}
#main .history_show .item{ padding:10px 0;display:flex;justify-content:space-between ;align-items:flex-start;}
#main .history_show .item .year{ width:80px; font-weight:700; color:#0082fe}
#main .history_show .item .list{ width:calc(100% - 80px)}
#main .history_show .item .list p{ position:relative; padding-left:10px; font-size:16px}
#main .history_show .item .list p::after {content: ''; display: block;width:4px;height:4px;background: #0082fe;position: absolute;left: 0;top: 50%; margin-top:-2px; border-radius:4px}

#main .honor{ padding:50px 0}
#main .honor ul{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px;flex-wrap:wrap;}
#main .honor ul li{ width:calc((100% - 100px) / 6); position:relative; overflow:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#main .honor ul li .img{ height:250px; overflow:hidden; border:1px solid #eee; background:#fff; padding:20px}
#main .honor ul li .img img{width:100%;height:100%;object-fit:contain}
#main .honor ul li p{ margin-top:10px; text-align:center; font-size:16px;}
#main .honor ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);}
#main .honor ul li:hover .info{background-image: linear-gradient(to right,rgba(1,69,154,1),rgba(255,255,255,.5))}
#main .honor .other { padding-top:50px; margin-top:50px; border-top:1px solid #eee;column-count:2;-moz-column-count:2;-webkit-column-count:2;column-gap:20px;-webkit-column-gap:20px}
#main .honor .other .item{padding:2px 0;display:flex;justify-content:space-between ;align-items:flex-start;-webkit-column-break-inside: avoid;break-inside: avoid;counter-increment: item-counter;}
#main .honor .other .item .year{ width:80px; font-weight:700; color:#0082fe}
#main .honor .other .item .list{ width:calc(100% - 80px)}
#main .honor .other .item .list p{ position:relative; padding-left:10px; font-size:16px}
#main .honor .other .item .list p::after {content: ''; display: block;width:4px;height:4px;background: #0082fe;position: absolute;left: 0;top: 50%; margin-top:-2px; border-radius:4px}

#main .shili{ padding:50px 0;}
#main .shili img{max-width:100%;}

#fenye{padding:50px 0;text-align:center;clear:both;}
#fenye table{text-align:center;margin:0 auto}
#fenye a{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee; background:#FFF}
#fenye .prev,#fenye .next{width:52px;text-align:center}
#fenye a.curr{font-weight:700;color:#fff;background:#0082fe;border:1px solid #0082fe}
#fenye a:hover{background:#0082fe;color:#fff;border:1px solid #0082fe}
#fenye span{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee;background:#FFF}

@media screen and (max-width: 1024px) { 
  #fullpage { height: auto!important; overflow-y: auto; }
  #fullpage > .swiper-wrapper { display: block; height: auto; }
  #fullpage > .swiper-wrapper > .swiper-slide { display: block; height: auto; }
}

@media (max-width:1400px){
	.footer .map .linker a{ margin-left:20px;}
	.footer .contact .left .item{ margin-right:100px; max-width:180px}
}	
@media (max-width:800px){

	body,html{ font-size:.22rem; line-height:.34rem}
	#fullpage{ margin-top:.9rem}
	.video{ padding-top:0}
	.video .video-box h2{ font-size:.4rem;}
	.video .video-box p{ font-size:.24rem; margin-top:.2rem;}	
	.video .video-box{ width:100%; text-align:center}
	
	.about{position: inherit;height: auto;padding:.5rem 0}
	.about .about-box{ display:block; padding:0 .2rem}
	.about .about-box .left{ width:100%;}
	.about .about-box .title{ font-size:.4rem;  line-height:.5rem;}
	.about .about-box .num{margin-top:.5rem;justify-content:space-between }
	.about .about-box .num .item{ margin-right:0}
	.about .about-box .num .item .one big{ font-size:.5rem; font-weight:700; color:#0082fe; line-height:.5rem; font-family:"din"}
	.about .about-box .num .item .one sup{ font-size:.22rem; margin-top:.3rem}
	.about .about-box .num .item p{ font-size:.22rem; color:#999; margin-top:.1rem}
	.about .about-box .text{ margin-top:.4rem; width:100%}
	.about .about-box .text h2{ font-size:.26rem}
	.about .about-box .text p{ margin-top:.2rem; font-size:.22rem; line-height:1.8}
	.about .about-box .text .more{ margin-top:.4rem; height:.3rem;}
	.about .about-box .text .more i{width:.3rem; height:.3rem; line-height:.3rem; border-radius:.3rem; font-size:.22rem;}
	.about .about-box .text .more .txt{ margin-left:.2rem; }
	.about .about-box .text .more:hover i{ width:.24rem; height:.24rem; line-height:.24rem; font-size:.2rem}
	.about .about-box .text .more:hover .txt::after{ width:0}
	.about .about-box .about-img{ width:100%; margin-top:.4rem}
	.about .about-box .about-img img{ width:100%}
	
	.jishu{position: inherit;height: auto;padding:.5rem 0}
	.jishu .jishubox{ padding:0 .2rem}
	.jishu .jishubox .title{ font-size:.4rem;  line-height:.5rem;}
	.jishu .jishubox .list{ margin-top:.2rem;display: block}
	.jishu .jishubox .list .imgbox{ width:100%;}
	.jishu .jishubox .list .imgbox .box{ width:100%;gap:0 .2rem; margin-top:.2rem}
	.jishu .jishubox .list .imgbox .img img{ border-radius:4px}
	.jishu .jishubox .list .textbox{ width:100%; margin-top:.5rem}
	.jishu .jishubox .list .textbox h2{ font-size:.26rem; margin-bottom:.2rem}
	.jishu .jishubox .list .textbox p{ font-size:.22rem; margin-top:.2rem}
	.jishu .jishubox .list .textbox .more{ margin-top:.4rem; height:.4rem;}
	.jishu .jishubox .list .textbox .more i{width:.3rem; height:.3rem; line-height:.3rem; border-radius:.3rem; font-size:.22rem;}
	.jishu .jishubox .list .textbox .more .txt{ margin-left:.1rem;font-size:.22rem;}
	.jishu .jishubox .list .textbox .more:hover i{ width:.24rem; height:.24rem; line-height:.24rem; font-size:.2rem}
	
	.product{position: inherit;height: auto;padding:.5rem 0}
	.product .productbox{ padding:0 .2rem; display:block}
	.product .productbox .info{ width:100%}
	.product .productbox .info h2{ font-size:.4rem;  line-height:.5rem;}
	.product .productbox .info .text{ margin-top:.2rem}
	.product .productbox .info .text h3{ font-size:.26rem; font-weight:normal;}
	.product .productbox .info .text p{ font-size:.22rem; margin-top:.2rem; line-height:.4rem;}
	.product .imgbox{width:100%; margin-top:.5rem}
	.product .imgbox img{ width:100%}
	.product .more{ margin-top:.4rem; height:.4rem;;}
	.product .more i{ width:.3rem; height:.3rem; line-height:.3rem; border-radius:.3rem; font-size:.22rem;}
	.product .more .txt{ margin-left:.1rem; font-size:.24rem}
	.product .more:hover i{ width:.24rem; height:.24rem; line-height:.24rem; font-size:.2rem}
	
	.news{position: inherit;height: auto;padding:.5rem 0}
	.news .newsbox{ padding:0 .2rem;}
	.news .newsbox .title{ font-size:.4rem;  line-height:.5rem;}
	.news .newsbox .list{ margin-top:.4rem;display: block;}
	.news .newsbox .list ul{display: block}
	.news .newsbox .list ul li{ width:100%; margin-top:.3rem;}
	.news .newsbox .list ul li .img img{ width:100%}
	.news .newsbox .list ul li .info{ margin-top:.2rem}
	.news .newsbox .list ul li .info h2{ font-size:.26rem; }
	.news .newsbox .list ul li .info p{ font-size:.22rem; margin-top:.1rem; line-height:.34rem;}
	.news .newsbox .list ul li .info time{ margin-top:.1rem;}
	
	#header{ width:100%; height:.9rem; padding:0 .2rem;background:#fff}
	#header .logo img{ height:.6rem}
	#header .logo .w{ display:none}
	#header .logo .b{ display:block}
	#header .mnav{position:relative;display:block;width:.34rem; height:.24rem;cursor:pointer; margin-left:.3rem}
	#header .mnav span{position:absolute;display:block;width:.34rem;height:.04rem;background:#0082fe;transition:all .5s;}
	#header .mnav .s1{top:0;}
	#header .mnav .s2{top:.1rem;width:.26rem;}
	#header .mnav .s3{top:.2rem;}
	#header .mnav.isopen .s1{top:.1rem;transform:rotate(45deg);}
	#header .mnav.isopen .s2{width:0;opacity:0;}
	#header .mnav.isopen .s3{top:.1rem;transform:rotate(-45deg);}
	#header .nav {position: fixed;background:#fff;height: auto; min-height:100vh;width:100%;top:.9rem;z-index:105;padding:.1rem 0 0;transform:translatex(100%);left:0; border-top:1px solid #eee}
	#header .nav ul{ display:block}
	#header .nav ul li h3{ line-height:.7rem; height:.7rem; font-weight:normal;border-bottom:1px solid #eee;}
	#header .nav ul li h3{ position:relative; text-align:left}
	#header .nav ul li h3 a{font-size:.24rem;line-height:.7rem;position:relative; padding:0; color:#333; width:100%}
	#header .nav ul li h3 a i{ display: inline-block; color:#999}
	#header .nav ul li h3 span{ display:inline-block;text-align:right; padding-left:10%; position:absolute; right:0; top:0; line-height:.7rem}
	#header .nav ul li h3 span i{ text-align:right; font-size:.24rem; color:#999;-webkit-transition: all .3s;transition: all .3s;}
	#header .nav ul li.on h3 a{color:#8cc450;}	
	#header .nav ul li .sub{ position: inherit;top: auto; width:100%; margin:0; z-index:100; padding-left:.2rem; background:#fff; display:none}
	#header .nav ul li .sub dl{ padding:0;}
	#header .nav ul li .sub dl a{ line-height:.6rem;; margin:0; border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center; padding-left:0; border-left:0; font-size:.24rem; text-align: left;color:#68747f;}
	#header .nav ul li .sub dl a i{ display: inline-block; color:#999}
	#header .nav ul .sub dl dd .sub2{ position:inherit; left:0; top:0;width:100%; background:#fff; border-radius:0; display:none}
	#header .nav ul .sub dl dd .sub2 .box{ padding-left:.2rem;}
	#header .nav ul .sub dl dd .sub2 .box p{ display:block; text-align:center; line-height:.6rem; position:relative}
	#header .nav ul .sub dl dd .sub2 .box p a{ line-height:.6rem;; margin:0; border-bottom:1px solid #eee;display:block; padding-left:0; border-left:0; font-size:.24rem; text-align: left;color:#68747f;}
	#header .nav.isopen{transform:translatex(0); width:100%}
	#header.active .nav ul li.active h3 a::after{ width:100%; left:0; margin:0; bottom:0; height:1px}
	#header.n{ position:fixed}
	#header .search .searchbox{right:.2rem; top:.9rem;}
	#header .search i{ color:#333}
	
	#banner{ margin-top:.9rem}
	#banner .text{ padding:0 .2rem}
	#banner .text h2{ font-size:.4rem;}
	#banner .text p{ font-size:.22rem;margin-top:0}	
	
	.footer{padding:0 .2rem}
	.footer .map{ display: block;text-align:center; padding:.3rem 0}
	.footer .map .logo img{ width:180px}
	.footer .map .linker{ display:none}
	.footer .contact{display: block; padding:.2rem 0}
	.footer .contact .left{display: block;}
	.footer .contact .left .item{ margin-right:0; max-width: inherit; text-align:center; margin-bottom:.2rem}
	.footer .contact .left .item .t{  margin-top:.2rem; line-height:.34rem; font-size:.24rem}
	.footer .contact .left .item .text{line-height:.34rem; font-size:.22rem}
	.footer .contact .left .item .text a{ color:#fff}
	.footer .contact .right{ display:none}
	.copyright{padding:.2rem 0; font-size:.2rem}
	.copyright i{ margin:0; display:block}
	
	#main{ width:100%; padding:0 .2rem}
	#main .contact{ padding:.5rem 0;display:block}
	#main .contact .text{ width:100%}
	#main .contact .text h1{ font-size:.3rem;}
	#main .contact .text .add{ font-size:.22rem; margin-top:.1rem}
	#main .contact .text strong{ padding:.3rem 0 .1rem;font-size:.24rem;}
	#main .contact .text p{ font-size:.22rem}
	#main .contact .img{ width:100%; margin-top:.3rem}
	
	#main .news_main{ padding:.5rem 0}
	#main .news_main ul{gap:.3rem 0}
	#main .news_main ul li{ width:100%}
	#main .news_main ul li .img{ height: auto}
	#main .news_main ul li .info{ border:1px solid #eee; padding:.2rem; border-top:0}
	#main .news_main ul li .info h2{ font-size:.26rem; line-height:.34rem; margin-top:.2rem}
	#main .news_main ul li .info p{margin-top:.1rem; line-height:.34rem; min-height: inherit}
	#main .news_main ul li .info span{ margin-top:.2rem; padding:.1rem .3rem}
	
	#main .news_show{ padding:.5rem 0}
	#main .news_show h1{ font-size:.34rem;  padding:.3rem; line-height:.5rem}
	#main .news_show .info span{ margin:0 .1rem; font-size:.2rem}
	#main .news_show .content{ padding:.3rem 0; font-size:.24rem;}
	#main .news_show .content p{ padding-bottom:.1rem}
	#main .news_show .content img{ max-width:100%;}
	#main .news_show .pagedown{padding-top:.3rem}
	#main .news_show .pagedown p{ font-size:.22rem}
	
	#main .clist a{ font-size:.24rem; padding:.2rem .1rem;}
	#main .product_list{ padding:.5rem 0}
	#main .product_list ul{gap:.3rem 0}
	#main .product_list ul li{ width:100%}
	#main .product_list ul li .img{}
	#main .product_list ul li .info{padding:.2rem; text-align:center}
	#main .product_list ul li .info h2{ font-size:.26rem;}
	#main .product_list ul li .info p{ font-size:.24rem; line-height:.4rem; margin-top:.2rem}
	#main .product_list ul li .info span{  padding:.1rem .3rem; margin:.2rem auto 0}
	
	#main .product_show{ padding:.5rem 0}
	#main .product_show h1{ font-size:.3rem}
	#main .product_show .content{ padding:0; font-size:.24rem;}
	#main .product_show .content p{ padding-bottom:.1rem}
	#main .product_show .content img{ max-width:100%;}
	
	#main .about_show{ padding:0 0 .5rem}
	#main .about_show .item{ padding:.2rem 0;display: block;border-bottom:1px solid #eee;}
	#main .about_show .item .left{ width:100%; margin-top:.3rem}
	#main .about_show .item .left img{ width:100%}
	#main .about_show .item .right{ width:100%; font-size:.24rem; line-height:1.8; margin-top:.3rem}
	#main .about_show .item .right p{ padding-bottom:.1rem}
	#main .about_show .item .right p strong{font-size:.26rem}	
	#main .about_show .tisp{ font-size:.3rem; margin-top:1rem}
	#main .about_show .tisp i{ margin:0 .1rem}
	#main .about_show  .about_yj{ margin-top:1rem; border-top:1px solid #eee; padding-top:.5rem}
	#main .about_show  .about_yj .yjbox .text{ position: inherit;display: block;}
	#main .about_show  .about_yj .yjbox .text .textbox{  padding:.2rem 0; font-size:.24rem; width:100%; margin-right:0;}
	#main .about_show  .about_yj .yjbox .text .textbox strong{  padding-top:.2rem; display:block; font-size:.26rem}
	
	#main .history_show{ padding:.5rem 0}
	#main .history_show img{ width:100%}
	#main .history_show .item{ padding:.2rem 0;}
	#main .history_show .item .year{ width:1rem; }
	#main .history_show .item .list{ width:calc(100% - 1rem); font-size:.24rem}
	#main .history_show .item .list p{ position:relative; padding-left:.2rem; font-size:.24rem}
	#main .history_show .item .list p::after {width:.08rem;height:.08rem;top: .14rem; margin-top:0; border-radius:.1rem}
	
	#main .honor{ padding:.5rem 0}
	#main .honor ul{gap:.2rem .2rem;}
	#main .honor ul li{width:calc((100% - .2rem) / 2);}
	#main .honor ul li .img{ height:3rem;}
	#main .honor ul li p{ margin-top:.2rem; font-size:.24rem; line-height:.4rem; height:.8rem}

	#main .honor .other { padding-top:.5rem; margin-top:.5rem; column-count:1;-moz-column-count:1;-webkit-column-count:1;column-gap:0;-webkit-column-gap:0}
	#main .honor .other .item{ padding:.1rem 0;}
	#main .honor .other .item .year{ width:1rem; }
	#main .honor .other .item .list{ width:calc(100% - 1rem); font-size:.24rem}
	#main .honor .other .item .list p{ position:relative; padding-left:.2rem; font-size:.24rem}
	#main .honor .other .item .list p::after {width:.08rem;height:.08rem;top: .14rem; margin-top:0; border-radius:.1rem}
	
	#main .shili{ padding:.5rem 0;display: block;}
	#main .shili .left{ width:100%;}
	#main .shili .left img{ width:100%}
	#main .shili .right{ width:100%; font-size:.24rem; line-height:1.8; margin-top:.3rem}
	#main .shili .right p{ padding-bottom:.1rem}
	#main .shili .right p strong{font-size:.26rem}
	
	#fenye{padding:.5rem 0 0px;}
	#fenye a{margin:0 .02rem;padding:.1rem .15rem}
	#fenye .prev,#fenye .next{width:.55rem;}
	#fenye span{margin:0 .02rem;padding:.1rem .15rem}
	#fenye .num,#fenye .prev{ display:none}
}