@charset "UTF-8";

ol,ul {list-style:none;}
*,*::after,*::before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
a {background: transparent; text-decoration: none; color: #333;}
input, select, textarea {box-shadow: none;outline: none;border: none;border-radius: 0;-ms-appearance: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;padding: 0;}
html,body {width:100%;height:100%}
html {font-size:62.5%;}
body {font-size:1.6rem;font-family:"Microsoft Yahei,",Arial;color:#2e3233;background-color:#fff;}
img { border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic;}


    .fl{float: left;}
    .fr{float: right;}
    .cl{clear: both}
    .view {padding: 0;width: 74%;margin: 0 auto;padding-left: 150px;}
    header { width: 322px;height: 100%;padding-right: 22px;background: url(../images/main.png) no-repeat center; background-size:cover;position: fixed;top: 0;z-index:999;}
    .logo{ width:280px; margin-top:50px; margin-left:10px; float: none; display:block}
    .logo img{ width:100%;}
    .header-view {padding:1px;}
    header .nav { display: block;text-align: center;margin-top:60px;}
    header .nav a {display: block;font-size: 16px;line-height: 25px; width:195px; margin-bottom: 3.68vh; color: #333333; transition: all .2s linear;}
    header .nav a:hover, header .nav a.cur {color: #00869a;}
    .m-nav{display: none;}
    header .bot .navbtn{display: none;}
    header .bot{ width: 60px; height: 100px; position: absolute; bottom: 10%; left: 15%;}
    header .bot .sc{width: 40px; height: 20px; background: url("../images/sc-ico.png") no-repeat center; display: block; transition: all .2s linear; }
    header .bot .wxico{width: 40px; height: 20px; margin: 20px 0; background: url("../images/wx-ico.png") no-repeat center;display: block; transition: all .2s linear; }
    header .bot .albb{width: 40px; height: 20px; background: url("../images/albb.png") no-repeat center;display: block; transition: all .2s linear; }
    header .bot .sc:hover{background: url("../images/sc-ico-1.png")}
    header .bot .wxico:hover{background: url("../images/wx-ico-1.png")}
    header .bot .albb:hover{background: url("../images/albb-1.png")}
    .search-dialog-box ,.search-dialog-box-wx ,.chanpin-dialog-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}
    .search-dialog-box .black ,.search-dialog-box-wx .black ,.chanpin-dialog-box .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);}
    .search-dialog{position: absolute;left:50%;top:50%;box-sizing:border-box;width: 50%; padding:18px 40px;transform: translate(-50%,-50%);background-color: #fff;
        box-shadow: 0 0 10px rgba(0,0,0,.33);border-radius: 50px;
    }
    .weixin-pic{width: 300px;  position: absolute;top:35%; left: 50%; margin-left: -150px;}
    .weixin-pic img{width: 100%}
    .search-dialog input[type=text]{float: left;border: none;width:80%;padding: 0 10px;font-size:18px;line-height:28px;height:25px;color: #999;background-color: #fff;border-radius:50px;}
    .search-dialog input[type=submit] {float: right;width: 28px;height:28px;background-repeat: no-repeat;background-position: center;background-size: 100%;border: none;padding: 0;
        background-image: url("../images/search-btn.png");background-color: transparent;    cursor: pointer;
    }
    .search-dialog input::-webkit-input-placeholder{color:#999;}
    .search-dialog input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#999;}
    .search-dialog input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#999;}
    .search-dialog input:-ms-input-placeholder{  /* Internet Explorer 10-11 */color:#999;}
    .one-list{ width:80%; height:500px; margin-top:150px; margin-left:10%; }
    .one-list-cp li{ width:30%; height:250px; margin:10px; background:#060; float:left}
    /* index banner */
    .index-wrap {top: 0;height: 100%;overflow: hidden }
    .index-wrap>.swiper-wrapper>.swiper-slide {overflow: hidden;}
    .banner {height: 100%; width:100%;overflow: hidden;position: relative;}
    .banner .btns {position: absolute;left: 0; bottom: .3rem;font-size: 0;z-index: 3;text-align: center; width: 100%;}
    .banner .btns .swiper-pagination-bullet{display: inline-block;*display: inline;zoom: 1;width: 20px;height: 20px;background-color: transparent;border: 1px solid #fff;border-radius: 100%;margin:20px 10px;opacity: 1}
    .banner .btns .swiper-pagination-bullet-active{background-color:#018699;border-color: #018699;}
    .banner .m-img, .banner .pc-img {background-repeat: no-repeat;background-position: center; background-size: cover; width: 100%; height: 100%;}
    .banner .m-img{display: none}
    .banner .text-box{position: absolute;width: 30%;text-align:left;left:20%;top: 10%;}
    .banner .text-box .text{display: inline-block;*display: inline;zoom: 1;text-align: left; color:#fff}
    .banner .text-box .desc{font-size: 22px;line-height: 20px;letter-spacing: 6px; margin:10px 0}
    .banner .text-box .en-desc{font-size: 30px;line-height: 20px;text-transform : uppercase; color:#88c1d1}
    .banner .text-box .title{font-size:60px;line-height:100px;letter-spacing: 6px;}

    .more{width:160px;height:50px; padding:0 15px; background:#00869b; display:block;border-radius:50px; margin-top:30px; text-align:center; position:relative}
    .more span{line-height:50px;font-size:20px;transition: all .2s linear; color:#fff}
    .more:hover span{}
    .more span:before{transition: all .2s linear;}
    .more span:before{content: "";position: absolute;right:20px;top:50%;width: 8px;height: 15px;transform: translateY(-50%);background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url('../images/index-more1.png');}
    .more:hover span:before{right:10px;background-image: url('../images/index-more1.png')}
    /* index banner */
    .baner-left{ position: absolute; left: 16%; top:50%; width: 35px; height: 62px; display: block;background-image: url('../images/left.png');z-index: 99; opacity: .4;transition: all .1s linear}
    .baner-right{ position: absolute; right: 2%; top:50%; width: 35px; height: 62px;display: block;background-image: url('../images/right.png');z-index: 99; opacity: .4;transition: all .1s linear}
    .baner-left:hover, .baner-right:hover{opacity: 1}
    .banner .pc-img{ display:block}
        @-webkit-keyframes down
        {
            25% {transform: translateY(-15px); opacity: .2}
            50% {transform: translateY(0); opacity: 1}
            75% {transform: translateY(-15px);opacity: .2}
        }
        .down
        {
            -webkit-animation: down 1.5s infinite;
        }
    .down{width:40px; height: 69px; background-image:url("../images/down.png"); position: absolute; bottom: 3%; right: 2%; z-index: 999;}


    .star-box {height: 100%;}
    .star-box .bg { width:100%; height:100%; background-repeat: no-repeat;background-position:center; background-size:cover;}
    .star-box .pc-box { display: block; height: 100%;}
    .star-box .star-btn {position: absolute;left: 50%;bottom:45%;transform: translateX(-50%);width: 47px; height:108px;border-radius: 30px; border: 2px solid #fff; background:url(../images/index-more2.png) no-repeat center; z-index: 5; transition: all .2s linear;}
    .star-box .star-btn:hover {border-color: #008196; background:url(../images/index-more1.png) #008196 no-repeat center;}
    .star-box .m-box{display: none}
    .star-box .pc-box .item {position: absolute;top: 0;width: 6.5%;height: 100%;overflow: hidden;}
    .star-box .pc-box .item:nth-child(1) { left: 0%;width: 87%;}
    .star-box .pc-box .item:nth-child(2) { left: 87%;}
    .star-box .pc-box .item:nth-child(3) {left: 93.5%;}
    .star-box .item:nth-child(1) .star-btn { display: none;}
    .star-box .text-box{ position:absolute;top:25%; left:25%;}
    .star-box .text-box .new-t{width: 167px; text-align: center;font-size: 30px; line-height: 60px;border-radius:50px; background: #00869b; color: #fff }
    .star-box .text-box .text{display: inline-block;*display: inline;zoom: 1;text-align: left; color:#00869b}
    .star-box .text-box .pic{width: 450px; height: 460px;}
    .m-l{ margin-left: 20px}
    .star-box .text-box .title{font-size:56px;line-height:100px;letter-spacing: 6px;}
    .star-box .text-box .desc{font-size: 22px;letter-spacing: 6px; margin:10px 0; color: #69696a}
    .star-box .text-box .en-desc{font-size: 30px;line-height: 20px;text-transform : uppercase; color: #69696a}
    .fade-in-up,.fade-in-up-s{transform: translateY(40px);opacity: 0;}
    .star-box .item.active .text-box .pic {transition-delay: .1s;}
    .star-box .item.active .text-box .more {transition-delay: .3s;}
    .star-box .item.active .fade-in-up-s {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);transition: transform 1.8s cubic-bezier(.25,.74,.22,.99),opacity 1.8s cubic-bezier(.25,.74,.22,.99);
    }
    .index-about{width: 100%; height: 100%; padding-top: 1px; background: url("../images/about-bg.jpg")no-repeat center; background-size:cover; position:relative}
    .index-m-about{display: none}
    .about-con{ width: 100%;margin-top: 10%;overflow: hidden}
    .about-box{ width: 400px!important;background: none!important; }
    .about-box .pic{ width: 100%;  background: #00a0ff;overflow: hidden}
    .about-box .pic img{width: 100%;transition: all .6s;}
    .about-box .text-box{ width: 100%; background: #fff; padding: 20px; text-align: left;transition: all .2s;}
    .about-box .text-box .title{font-size: 25px; margin-top: 30px;transition: all .2s;}
    .about-box .text-box .desc{font-size: 16px; line-height: 25px;text-indent:2em; margin-top: 10px;transition: all .2s;}
    .about-box:hover .text-box{background:#00869b; color: #fff }
    .about-box:hover .pic img{transform:scale(1.1);}
	.about-star-left {position: absolute;left: 65%;bottom:5%;transform: translateX(-65%);width: 120px; height:47px;border-radius: 30px; border: 2px solid #fff; background:url(../images/index-more2.png) no-repeat center; z-index: 5; transition: all .2s linear; z-index:999}
	.about-star-right {position: absolute;left: 45%;bottom:5%;transform: translateX(-45%);width: 120px; height:47px;border-radius: 30px; border: 2px solid #fff; background:url(../images/index-more3.png) no-repeat center; z-index: 5; transition: all .2s linear; z-index:999}
    .about-star-right:hover{border-color: #008196; background:url(../images/index-more3.png) #008196 no-repeat center;}
	.about-star-left:hover {border-color: #008196; background:url(../images/index-more2.png) #008196 no-repeat center;}
    .fade-in-right {opacity: 0;transform: translateX(40px);}
    .index-wrap>.swiper-wrapper>.swiper-slide.active .index-about .about-con {transition-delay: .1s;}
    .index-wrap>.swiper-wrapper>.swiper-slide.active .fade-in-right {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);transition: transform 1.8s cubic-bezier(.25,.74,.22,.99),opacity 1.8s cubic-bezier(.25,.74,.22,.99);}
    .m-m{ margin-left: auto; margin-right: auto; background: #c7c4c4; color: #333}
    .about-box:hover .m-m{background: #00869b; color:#fff }
    .index-news-bg{ background: #f9f9f9}
    .index-news{ width:80%; padding:80px 20px 20px 20px; margin-left: 20%; height: 100%; }
    .index-news .pictop{  margin-bottom: 30px; }
    .index-news .pictop .big-txt{font-size: 36px; margin-bottom: 10px}
    .index-news .pictop .sm-txt{font-size:18px; color: #999}
    .index-news .pictop .right{width: 50%; padding: 30px; line-height: 25px;text-indent:2em;}
    .index-news .new-con{padding-top: 30px;}
    .index-news .m-new-con {display:none}
    .index-news .new-con .list li{ width: 23%;height: 500px; margin-right:2%; background: #fff; float:left;    transition: all .6s; }
    .index-news .new-con .list li .pic{height:250px; overflow: hidden}
    .index-news .new-con .list li .pic img{ width: 100%; height: 250px;transition: all .6s;}
    .index-news .new-con .list li .tex-box{padding: 20px;}
    .index-news .new-con .list li .tex-box span{ display: block}
    .index-news .new-con .list li .tex-box .title{ font-size: 20px; margin: 10px 0}
    .index-news .new-con .list li .tex-box .desc{ line-height: 22px; min-height: 50px}
    .index-news .new-con .list li .tex-box .time{ font-size: 15px;}
    .index-news .new-con .list li .views{ width: 160px; height: 50px; background: #dedede; border-radius:50px; text-align: center; line-height: 50px; margin: 20px auto 0 auto;transition: all .3s; }
    .index-news .new-con .list li:hover{ background: #00869b}
    .index-news .new-con .list li:hover img{transform:scale(1.1);}
    .index-news .new-con .list li:hover .tex-box{ color: #fff}
    .index-news .new-con .list li:hover .views{background: #fff; color:#00869b }
    .index-wrap>.swiper-wrapper>.swiper-slide.active .index-news .pictop {transition-delay: .1s;}
    .index-wrap>.swiper-wrapper>.swiper-slide.active .index-news .new-con {transition-delay: .3s;}
    .index-wrap>.swiper-wrapper>.swiper-slide.active .fade-in-up {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);transition: transform 1.8s cubic-bezier(.25,.74,.22,.99),opacity 1.8s cubic-bezier(.25,.74,.22,.99);
    }
    .foot-slide{ height:auto!important; }
    footer .f-top-box{ border-top:1px solid #ccc; text-align: center}
    footer .f-bot-box{border-top:1px solid #ccc;padding: 20px 0; text-align: center }
    .foot-view {padding: 0;width: 80%;padding: 30px 0 0 175px;max-width: 1280px;margin: 0 auto;}
    .foot-view .footcon{padding: 30px;width: 60%; text-align: left; float: left}
    .foot-view .footcon .sm{font-size: 15px; margin: 20px 0; position: relative}
    .tel-ico:after{content: "";position: absolute; top:0; left: -30px;width: 23px; height: 22px; background:url("../images/tel-ico.png")}
    .dizhi-ico:after{content: "";position: absolute; top:0; left: -30px;width: 23px; height: 22px; background:url("../images/dizhi_ico.png")}
    .foot-w{display: inline-block}
    .foot-view .right{width: 20%; float: right}
    .foot-view .right .albb{ width:95px;height: 120px; margin-right:10px;background:url("../images/foot-albb-1.png") center no-repeat;background-size: cover; display: block; float: left  }
    .foot-view .right .weixin{ width:99px;height: 120px; padding:3px;background:url("../images/foot-wx-1.png") center no-repeat;background-size: cover; display: block ; float: right }
    .foot-view .right .weixin img{width: 100%}
    .foot-view .right .albb:hover{background:url("../images/foot-albb.png");}
    .foot-view .right .weixin:hover{background:url("../images/foot-wx.png")}
    .foot-view .right .albb img, .foot-view .footcon .weixin img{width: 100%}
    .foot-m-t{ margin-top: 35px}
    .heare{width: 80px; height: 40px;text-align: center; line-height: 40px; display: block;background:  #00869b; color: #fff; margin: 20px auto 10px auto}
    .to-top{width: 50px; height: 50px; position: fixed; bottom: 3%; right:1%; background:url("../images/to-top.png") #00869b center no-repeat;border-radius: 50%;cursor:pointer; display: none;transition: all .3s; }
    .to-top:hover{background:url("../images/to-top.png") #f8c400}
    /*chanp*/
    .product-box{padding-top:60px;width:70%; margin-left:22%; text-align: center}
    .top-box{ border-bottom: 1px solid #dedede; position: relative; height: 30px}
    .top-box .classname{ width: 150px; padding: 10px; text-align: center; line-height: 30px; font-size: 24px; background: #fff; position: absolute; left: 45%; bottom: -25px}
    .product-box .class-box{ margin-top:50px; text-align: center}
    .classlist{display:inline-block}
    .m-classlist{display: none}
    .classlist .name{  width: 160px; line-height: 50px;background: #dddddd;color:#333;text-align: center;border-radius: 50px;transition: all .3s; float:left; margin: 0 20px 20px 0;cursor:pointer}
    .classlist .name:hover{background: #00869b; color: #fff}
    .on2{background: #00869b!important; color: #fff!important;}
    .product-con{border-top:1px solid #dedede; padding:50px 0; margin-top: 40px;overflow: hidden}
    .product-con .p-list li{font-size: 18px; width: 23%; border:1px solid #dedede; float:left; margin:0 1% 40px 1%;position: relative;transition: all .3s;}
    .product-con .p-list li .pic{height:200px;overflow: hidden}
    .product-con .p-list li .pic img{width:100%;transition: all .3s;}
    .product-con .p-list li .con{  padding: 30px 0; height:100px; background: #dddddd;text-align: center;transition: all .3s;}
    .product-con .p-list li .h-con{height: 0; width: 100%; background: #00869b; position: absolute; left: 0; bottom: 0;transition: all .3s; z-index: 99}
    .product-con .p-list li .h-con .title{padding:20px 0; border-bottom: 1px solid  #fff;color:#fff; text-align: center; display: none}
    .product-con .p-list li .h-con .guige{ font-size: 15px; padding: 10px 20px; color: #fff; display: none}
    .product-con .p-list li .h-con .guige span{display: block ; text-align: left; line-height: 23px;}
    .product-con .p-list li:hover{border:1px solid #00869b;}
    .product-con .p-list li:hover .h-con{height: 250px}
    .product-con .p-list li:hover .h-con .title,.product-con .p-list li:hover .h-con .guige{display: block}
    .product-con .p-list li:hover .pic img{transform:scale(1.1);}
    .product-con .p-list li:hover .con{background:#00869b;color: #fff }
    .product-n-box{ height: 100%; overflow: hidden; position: relative}
    .product-n-box .img{width: 100%; height:100%; background-size: cover; background-position: center; background-repeat: no-repeat}
    .p-show-con{width:80%; height: 90%; padding: 25px; background: #fff; position: absolute;top:50% ;left: 50%;transform: translateY(-50%); margin-left: -40%;overflow: scroll}
    .p-show-con .left-pic{width: 55%;float: left }
    .p-show-con .left-pic .p-pic{width: 100%; overflow: hidden; text-align: center}
    .p-show-con .left-pic .p-pic img,.p-show-con .left-pic .bot .arr-box .pro-box img{width: 100%}
    .p-show-con .left-pic .bot{position: relative; margin-top: 5px}
    .p-show-con .left-pic .bot .arr-box{ width: 88%;margin-left: 30px; overflow: hidden}
    .p-show-con .left-pic .bot .arr-box .swiper-slide{}
    .p-show-con .left-pic .bot .arr-box .swiper-slide-thumb-active{border: 1px #00869b solid }
    .p-show-con .left-pic .bot .arr-box .pro-box{ width: 100px;}
    .p-show-con .xianqing{padding: 20px; margin-top: 30px}
    .p-show-con .xianqing img{width: 100%}

    .pro-arr-left{ height: 100%; width: 5%; background:url("../images/pro-prev1.png") no-repeat center; position: absolute; left: 0; top:0 ;cursor: pointer;outline: none!important;}
    .pro-arr-right{ height: 100%; width:5%;background:url("../images/pro-next1.png") no-repeat center; position: absolute; right: 0; top:0;cursor: pointer;outline: none!important; }
    .p-show-con .right-con{ width:45%;padding-top:25px; padding-left: 20px; padding-right: 20px; float: right}
    .p-show-con .right-con .top{font-size: 20px; font-weight: bold; line-height: 50px;}
    .p-show-con .right-con .sx{border: 1px solid #898989; margin: 15px 0}
    .p-show-con .right-con .sx .left{width:35%;background: #898989;color: #fff; padding-left:15px; line-height:40px}
    .p-show-con .right-con .sx .right{width:60%;color: #898989; line-height:40px}
    .p-show-close{display: none}
    .info-box{ padding: 0 0 60px 0;  width: 100%}
    .about-top-bg{width: 100%; height: 100%;background-image:url("../images/b.jpg");background-size: cover; background-position: center; background-repeat: no-repeat}
    .m-about-top-bg{display: none}
    .about-n-box{width:70%;margin-left:22%;padding-top:5%; text-align: center}
    .m-about-c-n{display: none}
    .about-c-n{margin-top: 100px; overflow: hidden}
    .about-c-n img{width: 100% ;height: 500px;transition: all .3s;}
    .about-c-n:hover img{transform:scale(1.1);}
    .about-c-n .left{width: 50%; height: 100%; margin-left: 30px}
    .about-c-n .left img{width: 100%}
    .about-c-n .right{font-size:18px;text-align:left;line-height:32px;width: 45%; padding: 40px}
    .bg1{background: #f1f1f1!important;}

    .new-sc{ width: 100%; padding: 10px 30px; margin-top: 50px; border:1px solid #dedede; border-radius: 50px;}
    .new-search{width: 95%;height: 30px;background: none; font-size: 20px; border:none}
    .new-sc input[type=submit] {float: right;width: 30px;height: 30px; border:none;background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url(../images/search-btn.png);background-color: transparent;
        transition: all .2s;cursor:pointer;}
    .news-top{ margin-top: 30px;width: 100%; overflow: hidden}
    .news-top .swiper-slide { width: 33.333333%; padding:0 20px }
    .news-top .swiper-slide .box{transition: all .6s;}
    .news-top .swiper-slide .box .pic{height:250px; overflow: hidden}
    .news-top .swiper-slide .box .pic img{ width: 100%; height: 250px;transition: all .6s;}
    .news-top .swiper-slide .box .tex-box{padding: 20px; text-align: left}
    .news-top .swiper-slide .box .tex-box span{ display: block}
    .news-top .swiper-slide .box .tex-box .title{ font-size: 20px; margin: 10px 0}
    .news-top .swiper-slide .box .tex-box .desc{ line-height: 22px; min-height: 50px}
    .news-top .swiper-slide .box .tex-box .time{ font-size: 15px;}
    .news-top .swiper-slide .box .views{ width: 160px; height: 50px; background: #dedede; border-radius:50px; text-align: center; line-height: 50px; margin: 20px auto 0 auto;transition: all .3s; }
    .news-top .swiper-slide .box:hover{ background: #00869b}
    .news-top .swiper-slide .box:hover img{transform:scale(1.1);}
    .news-top .swiper-slide .box:hover .tex-box{ color: #fff}
    .news-top .swiper-slide .box:hover .views{background: #fff; color:#00869b }
    .news-top .nbtns {display: none}
    .news-two{padding:40px 30px }
    .news-two .twolist ul{margin-bottom: 50px}
    .news-two .twolist ul li{padding:15px; border-bottom:1px solid #dedede; margin-bottom: 5px;transition: all .6s; }
    .news-two .twolist ul li .title{display: block; float:left}
    .news-two .twolist ul li .time{display: block; float:right}
    .news-two .twolist ul li .desc{display: none}
    .news-two .twolist ul li:hover{ background: #00869b ; color: #fff}
    .news-two .twolist ul li:hover .title,.news-two .twolist li:hover .time{color: #fff}
    .news-show-title{font-size: 30px;border-bottom:1px solid #dedede; padding: 20px }
    .news-show-time{padding: 10px 20px}
    #textarea{ padding: 20px; text-align: left}
    .news-bot-box{padding: 20px; border-top:1px solid #dedede}
    .next-box{width: 100%; text-align: left}
    .next-box span{display: block; float: left}
    .next-box a{ color: #999; display: inline-block;font-size: 16px;}
    .next-box a + a{ position: relative; padding-left: 30px}
    .next-box a + a:after {content: '';position: absolute;width: 1px;height: 1em;background-color: #d9d9d9;left: 20px;top: 0;bottom: 0;margin: auto 0;}
    .next-box a:hover{ color: #00869b}
    .news-back{width:160px;height:50px; padding:0 15px; line-height: 50px; color: #fff; background:#00869b; float: right; display:block;border-radius:50px; text-align:center; ;transition: all .3s;}
    .news-back:hover{background:#f8c400 }
    #map{width: 100%; height: 600px; background: #00a0ff;margin-top:60px }
    .contact-box{padding:40px 20px;background: #fff}
    .contact-box .c-con{width: 33.333%; float: left; text-align: left; padding-left: 20px}
    .contact-box .c-con .big-txt{font-size: 20px; margin-bottom: 15px}
    .contact-box .c-con .sm-txt{font-size: 16px;}
    .c-r{border-right:1px solid #dedede }

    /*page*/
	.m_page{ display: none}
    .pc_page{display: block}
    .page_list{display:inline-block}
    .next{width:100px;height:50px; padding:0 15px; background:#dedede; display:block;border-radius:50px; margin:0 20px; position:relative; float:left}
    .next:before{content: "";position: absolute;left:50%;top:50%;width: 8px;height: 15px;transform: translateY(-50%);background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url('../images/index-more1.png');}
    .pagenum{width: 50px; height: 50px;text-align: center;line-height:50px;border: 1px solid #dedede;border-radius:50%; margin: 0 5px; float: left }
	.pagenum.on{background:#dedede;}
    .prev{width:100px;height:50px; padding:0 15px; background:#dedede; display:block;border-radius:50px; margin:0 20px; position:relative;float: left}
    .prev:before{content: "";position: absolute;left:50%;top:50%;width: 8px;height: 15px;transform: translateY(-50%);background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url('../images/index-more3.png');}
@media only screen and (max-width:1600px) {
    .banner .text-box {left: 30%;}
}
@media only screen and (max-width:1027px) {
    .view{
        padding: 0 .3rem;
    }
    header{position: fixed;top: 0;width: 100%;height:195px;background: url('../images/m-nav-bg.png') no-repeat center;background-size:cover;z-index: 30;
        transition: background-color .2s linear;
    }
    .header-view{
        padding: 0 .3rem;
    }
    header .logo{float: left;width: 30%;margin-top: 2%; margin-left: 2%}
    header .logo img{width: 100%;}
    header .nav{display: none;}
    header.on {background-color: #fff;}
    header .bot{display: none}
    header .right{float: right;margin-top: 7%;font-size: 0;}
    header .right a{display: inline-block;*display: inline;zoom: 1;margin-left:15px;vertical-align:top;}
    header .right .sc{width: 40px; height: 25px; background: url("../images/sc-ico.png") no-repeat center;background-size:cover;batransition: all .2s linear; }
    header .right .navbtn{width:40px;height: 25px;position: relative;}
    header .right .navbtn .line{width: 100%;height: 2px;border-radius: 1px;background-color: #000;position: absolute;left: 0;transition: all .2s linear;}
    header .right .navbtn .line1{top: 0;}
    header .right .navbtn .line2{top: 50%;margin-top: -1px;}
    header .right .navbtn .line3{bottom: 0;}
    header .right .navbtn.on .line1, header .bot .navbtn.on .line2, header .bot .navbtn.on .line3{top: 50%;margin-top: -1px;bottom: auto;}
    header .right .navbtn.on .line2{display: none;}
    header .right .navbtn.on .line1{transform: rotate(45deg);}
    header .right .navbtn.on .line3{transform: rotate(-45deg);top:10px}
    .m-nav{position: fixed;top: 195px;left: 0;width: 100%;height:100%;;border-top: 1px solid #e5e5e5;background-color: #fff;display:none;z-index: 30}
    .m-nav li a{font-size: 16px;line-height:40px;padding:10px 30px;color: #2c2c2c;border-bottom: 1px solid #e5e5e5;display: block; position: relative}
    .m-nav li a:before{content: "";position: absolute;right:2%; top:17px;width: 25px;height:25px;background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url('../images/m-nav-arrow.png');
    }
    .search-dialog-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;}
    .search-dialog-box .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);}
    .search-dialog{position: absolute;left:50%;top:50%;box-sizing:border-box;width: 90%;padding:10px;transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);border-radius:50px;
    }
    .search-dialog input[type=text]{float: left;width: 86%;border: none;padding: 0;font-size:16px;line-height:30px;height:30px;color: #999;background-color: #fff;border-radius: 0;}
    .search-dialog input[type=submit] {float: right;width: 15px;height: 30px;background-repeat: no-repeat;background-position: center;background-size: 100%;border: none;padding: 0;background-image: url(../images/search-btn.png);background-color: transparent;
    }
    .search-dialog input::-webkit-input-placeholder{color:#999;}
    .search-dialog input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#999;}
    .search-dialog input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#999;}
    .search-dialog input:-ms-input-placeholder{  /* Internet Explorer 10-11 */color:#999;}
    .index-wrap{overflow: hidden;}
    .index-wrap>.swiper-wrapper>.swiper-slide{overflow: hidden;}
    .banner .text-box{position: absolute;width: 100%;text-align:center;left:00%;top: auto;bottom: 10%}
    .banner .text-box .text {display: inline-block;*display: inline;zoom: 1;text-align:center;color: #fff;}
    .banner .text-box .title {font-size:5.6em; line-height: 1.6}
    .banner .text-box .desc, .banner .text-box .en-desc{font-size: 2.2em; line-height: 1em}
    .banner .btns .swiper-pagination-bullet{width: 15px;height: 15px;margin:10px 10px;}
    .baner-left, .baner-right{display: none}
    .more{margin-left: auto; margin-right: auto}
    .star-box .pc-box{display: none}
    .star-box .m-box{ display: block; width: 100%; height: 100%;position: relative}
    .star-box .m-box .pic{width: 55%; position: absolute; left:5%; top: 20%;z-index: 99;transition-delay: .1s;}
    .star-box .m-box .fade-in-up-s {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);transition: transform 1.8s cubic-bezier(.25,.74,.22,.99),opacity 1.8s cubic-bezier(.25,.74,.22,.99);
    }
    .star-box .m-box .pic img{width: 100%}
    .star-box .m-box .img{ height: 100%; width: 100%; background-size:cover; background-repeat: no-repeat;background-position: center; }
    .star-box .m-box .btns {position: absolute;left: 0;bottom:3%;width: 100%;font-size: 0;text-align: center;z-index: 3;}
    .star-box .m-box .btns .swiper-pagination-bullet{width: 15px;height: 15px;background-color: #424242;border-radius: 100%;margin:0 10px;}
    .star-box .m-box .btns .swiper-pagination-bullet-active{background-color: #00869b;}
    .more-m{width:140px;height:50px; padding:0 15px; background:#00869b; display:block;border-radius:50px; margin-top:30px; text-align:center; }
    .more-m span{line-height:50px;font-size:1.2em;transition: all .2s linear; color:#fff}
    .m-m-auto{ margin-left: auto; margin-right: auto}
    .m-m-l{margin-left: 5%}
    index-m-about{display: none}
    .about-con{margin-top: 45%;}
    .index-news {width:100%;padding: 80px 5% 20px 5%; margin-left: 0}
    .index-news .new-con .list li{width: 46%; margin: 0 2% 30px 2%}
    .product-box {padding-top: 60px;width: 100%;margin-left:0;text-align: center;}
    .product-con .p-list li {width: 29.3333%;margin: 0 2% 40px 2%;}
    .about-n-box {width: 100%;margin-left:0;padding-top: 15%;}
    .info-box {padding: 15% 2% 60px 2%;}
    .top-box .classname{left: 40%;}
    .foot-view .footcon {padding: 25px;}



    .foot-view {width: 100%;max-width: 1280px;margin: 0 auto;padding: 0}
    .p-show-con{width: 80%; margin-left: -40%}

}
@media only screen and (max-width:599px) {
    .banner .m-img{display: block}
    header{height: 80px;}
    header .right a{display: inline-block;*display: inline;zoom: 1;margin-left:10px;vertical-align:top;}
    header .right .sc{width: 40px; height: 20px; background: url("../images/sc-ico.png") no-repeat center;background-size:cover;batransition: all .2s linear; }
    header .right .wxico{width: 40px; height: 20px;  background: url("../images/wx-ico.png") no-repeat center;background-size:cover; transition: all .2s linear; }
    header .right .navbtn{width:25px;height: 20px;position: relative;}
    .weixin-pic{ width: 50%; margin-left: -25%}
    .m-nav{top: 80px;}
    .index-wrap{overflow: hidden;}
    .index-wrap>.swiper-wrapper>.swiper-slide{overflow: hidden;}
    .banner .text-box{position: absolute;width: 100%;text-align:center;left:00%;top: auto;bottom: 10%}
    .banner .text-box .text {display: inline-block;*display: inline;zoom: 1;text-align:center;color: #fff;}
    .banner .text-box .title {font-size:2.6em; line-height: 1.4em}
    .banner .text-box .desc, .banner .text-box .en-desc{font-size: 1em}
    .banner .btns .swiper-pagination-bullet{width: 15px;height: 15px;margin:10px 10px;}
    .more{margin-left: auto; margin-right: auto}
    .more span{font-size: 1em}
    .star-box .pc-box{display: none}
    .star-box .m-box{ display: block; width: 100%; height: 100%;position: relative}
    .star-box .m-box .pic{width: 76%; position: absolute; left:0; top: 15%;z-index: 99;transition-delay: .1s;}
    .star-box .m-box .fade-in-up-s {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);transition: transform 1.8s cubic-bezier(.25,.74,.22,.99),opacity 1.8s cubic-bezier(.25,.74,.22,.99);
    }
    .star-box .m-box .pic img{width: 100%}
    .star-box .m-box .img{ height: 100%; width: 100%; background-size:cover; background-repeat: no-repeat;background-position: center; }
    .star-box .m-box .btns {position: absolute;left: 0;bottom:3%;width: 100%;font-size: 0;text-align: center;z-index: 3;}
    .star-box .m-box .btns .swiper-pagination-bullet{width: 15px;height: 15px;background-color: #424242;border-radius: 100%;margin:0 10px;}
    .star-box .m-box .btns .swiper-pagination-bullet-active{background-color: #00869b;}
    .more-m{width:140px;height:50px; padding:0 15px; background:#00869b; display:block;border-radius:50px; margin-top:30px; text-align:center; }
    .more-m span{line-height:50px;font-size:1em;transition: all .2s linear; color:#fff}
    .m-m-auto{ margin-left: auto; margin-right: auto}
    .m-m-l{margin-left: 5%}
    .about-top-bg{display: none}
    .m-about-top-bg{width: 100%; height: 100%;background-repeat: no-repeat; background-position: center; background-size: cover; display: block}
    .mabout-bg{background: url("../images/about-bg.jpg")no-repeat center; background-size:cover;}
    .index-m-about{display: block}
    .index-m-about{width: 100%;height:100%; padding-top:35%;  overflow: hidden}
    .index-m-about .swiper-slide{width: 85%!important; margin: 0 5%}
    .index-m-about .img{}
    .index-m-about .img img{width: 100%}
    .index-m-about .text-box{ padding: 30px 15px;background: #fff}
    .index-m-about .text-box .title {font-size: 1.6em}
    .index-m-about .text-box .desc {font-size: .8em; line-height: 23px;text-indent:2em;}
    .index-m-about .more{color: #fff;  width: 120px; height: 50px; line-height: 50px; border:1px solid #dedede; border-right: none; border-left:none; display: block }
    .about-box .img img{width: 100%}
    .index-news{width: 100%; margin-left: 0;padding: 25% 20px 20px 20px;}
    .index-news .new-con{display: none}
    .index-news .pictop {margin-bottom: 10px;}
    .index-news .pictop .big-txt{font-size: 1.6em}
    .index-news .pictop .sm-txt{font-size: 1em; margin-bottom: 5px}
    .index-news .m-new-con {display: block}
    .index-news .m-new-con .list li{ width:100%;background: #fff;margin-bottom:10px;padding:10px 3%;transition: all .3s; }
    .index-news .m-new-con .list li span{display: block}
    .index-news .m-new-con .list li .time{font-size: 0.7em; color: #999}
    .index-news .m-new-con .list li .title{font-size: 1em;line-height:30px;  }
    .index-news .m-new-con .list li .desc{font-size: 0.9em;line-height:20px; margin-bottom: 10px;color: #999;}
    footer .f-top-box {border-top: 1px solid #ccc;padding: 0 3%}
    .foot-view{width: 100%;padding: 10px; text-align: center}
    .foot-view .footcon {padding:20px; width: 100%; text-align:left;}
    .foot-view .right{width: 65%; float:none; margin: 30px auto }
    .foot-m-t {margin-top: 15px;}
    .foot-view .footcon .albb, .foot-view .footcon .weixin{margin-right: 5%;margin-left:5%}
    footer .f-bot-box {padding: 20px 3%;text-align: center; font-size: .8em}

    .product-box {padding-top:5%;padding-left:2%;padding-right:2%;width:100%;margin-left:0;text-align: center;}
    .top-box .classname {width: 100px;padding: 10px;text-align: center;line-height: 30px;font-size: 1.2em;background: #fff;position: absolute;left: 50%;margin-left:-50px;bottom: -25px;}
    .product-box .class-box {margin-top:32px;text-align: center;position: relative}
    .classlist{display: none}
    .m-classlist {overflow: hidden; width: 100%;display: block; }
    .m-classlist .name {width: 40%; margin: 0 5%; height: 40px; background:#dddddd;text-align: center; line-height: 40px; border-radius: 50px }
    .m-pro-prve, .m-pro-next{position: absolute;top: 50%;transform: translateY(-50%);width:15px;height: 29px;background-repeat: no-repeat;background-position: center;background-size: cover;z-index: 6}
    .m-pro-prve{background: url("../images/pro-prev1.png");left: 0}
    .m-pro-next{background: url("../images/pro-next1.png");right: 0}
    .product-box .class-box .swiper-button-disabled{display: none}
    .product-con{padding-left: 2%; padding-right: 2%; padding-top: 10px; text-align: center}
    .product-con .p-list li{width: 46%}
	.product-con .p-list li .pic{ height:115px}
    .product-con .p-list li .con {padding:15px 0;font-size: .9em}
    .product-con .p-list li .h-con .title {padding: 10px 0;border-bottom: 1px solid #fff;display: none;font-size: .9em}
    .product-con .p-list li .h-con .guige{font-size: .8em}
    .p-show-con{width:96%; height: 85%; padding: 25px;top:1% ;left: 50%;transform: translateY(0); margin-left: -48%; overflow: scroll}
    .p-show-con .left-pic{width: 100%;float:none }
    .p-show-con .left-pic .p-pic{height: auto}
    .p-show-con .right-con{width: 100%;float:none }
    .p-show-close{width: 50px; height: 50px; border: 1px solid #fff;border-radius: 50px; background: url("../images/nav-close-m.png") no-repeat center;z-index: 999; position: absolute; bottom: 4%; left: 50%; margin-left: -20px; display: block}

    .next{width:100px;height:40px; padding:0 15px; background:#dedede; display:block;border-radius:50px; margin:0 20px; position:relative; float:left}
    .pagenum{width: 40px; height: 40px;text-align: center;line-height:40px;border: 1px solid #dedede;border-radius:50%; margin: 0 5px; float: left }
    .prev{width:100px;height:40px; padding:0 15px; background:#dedede; display:block;border-radius:50px; margin:0 20px; position:relative;float: left}

    .about-n-box{width: 100%; margin-left: 0; padding-top: 15%}
    .a-di{display: block; height: auto}
    .info-box {padding: 30px 5%;}
    .about-c-n {display: none}
    .m-about-c-n{display: block;margin-top:20%;}
    .m-about-c-n img{width: 100%}
    .about-c-n .left {width:100%;height: 100%;margin-left:0;}
    .about-c-n .right {font-size:1em;text-align: left;line-height: 28px;padding:1%;width: 100%}
    .new-sc{text-align: left}
    .new-search {width: 60%;height:20px;background: none;font-size:1em;border: none;}
    .new-sc input[type=submit] {width: 20px; height: 20px}
    .news-top{position: relative;}
    .news-top .swiper-slide{width:100%;padding: 0 2% 20px 2% }
    .news-top .nbtns {position: absolute;left: 0;bottom:0;width: 100%;font-size: 0;text-align: center;z-index: 3;display: block}
    .news-top .nbtns .swiper-pagination-bullet{width: 15px;height: 15px;background-color: #424242;border-radius: 100%;margin:0 5px;}
    .news-top .nbtns .swiper-pagination-bullet-active{background-color: #00869b;}
    .news-top .swiper-slide .box .tex-box .title{font-size:1em}
    .news-top .swiper-slide .box .tex-box .time{font-size:.7em}
    .news-top .swiper-slide .box .tex-box .desc{font-size:.9em;color:#999}
    .news-two {padding: 20px 0; text-align: left}
    .news-two .twolist ul li span{display: block}
    .news-two .twolist ul li .title{font-size: 1em; line-height: 30px}
    .news-two .twolist ul li .desc{font-size: .9em; margin-bottom: 10px; color: #999;display: block}
    .news-two .twolist ul li .time{font-size: .7em; color: #999}
    .news-two .twolist ul li .title, .news-two .twolist ul li .time{float: none}
    .news-show-title{margin-top: 20%; font-size: 1.4em}
    .news-bot-box{padding:20px 0}
    .next-box {width: 100%;}
    .next-box a + a{ position: relative; padding-left: 0; margin-top: 10px}
    .next-box a + a:after {content: '';position: absolute;width: 1px;height: 1em;background-color: #d9d9d9;left: 20px;top: 0;bottom: 0;margin: auto 0; display: none}
    .news-back {width: 120px;height: 50px;padding: 0 15px;border-radius: 50px;margin:20px auto;float: none; transition: all .3s;}
    #textarea {padding: 0;text-align: left; line-height: 25px}
    #map{height: 250px}
    .contact-box {padding: 20px 20px}
    .contact-box .c-con{float: none; width: 100%; padding-left: 0; padding-top: 20px; padding-bottom: 20px; }
    .c-r{border-right:none; border-bottom: 1px solid #dedede }
    .foot-view .footcon .big {font-size:1.1em;}
    .foot-view .footcon .sm {font-size:1em;}
	.m_page{ display: block}
    .pc_page{display:none}


}