body {
    width: 100%;min-width: 320px;font-family: "Microsoft YaHei";color: #333;position: relative;line-height: 1;
}
.flex-display {
    display: -webkit-flex;display: -webkit-box;display: -ms-flexbox;display: -moz-flex;display: flex;
}

.flex-wrap {
    -webkit-flex-wrap: wrap;-webkit-box-flex-wrap: wrap;-ms-flex-wrap: wrap;-moz-flex-wrap: wrap;flex-wrap: wrap;
}
.flex-flex1 {
    -webkit-flex: 1;-webkit-box-flex: 1;-ms-flex: 1;-moz-flex: 1;flex: 1;
}
.clear {
    clear: both;float: none !important;width: 0 !important;height: 0 !important;margin: 0 !important;padding: 0 !important;border: none !important;
}
.clearfix:after {
    content: "";height: 0;display: block;clear: both;visibility: hidden;
}
.flex-alignC {
    -webkit-align-items: center;-webkit-box-align: center;-moz-align-items: center;align-items: center;-ms-flex-align: center;
}
.flex-wrap{ -webkit-flex-wrap:wrap; -webkit-box-flex-wrap:wrap; -ms-flex-wrap:wrap; -moz-flex-wrap:wrap; flex-wrap:wrap;}
.flex-wrap-re{ -webkit-flex-wrap:wrap-reverse; -webkit-box-flex-wrap:wrap-reverse; -ms-flex-wrap:wrap-reverse; -moz-flex-wrap:wrap-reverse; flex-wrap:wrap-reverse;}

.flex-spaceB{-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}

/*index-top*/
.top {
     width:1200px;margin: auto;height:90px;padding-top: 20px;background:rgba(255,255,255,1);ustify-content:center;position: relative;z-index: 1000
 }
.top .logo{
    width: 69px;height: 74px;margin-right: 251px;
}
.top .logo img{
    width: 100%;
}
.top .nav{
    height: 90px;margin-right: 130px;
}
.top .nav a{
    line-height: 90px;text-align: center;font-size:20px;font-weight:400;color:rgba(51,51,51,1);margin:0 30px;
}
.top .nav a.curr{
    color:rgba(0,140,214,1);border-bottom:solid 2px rgba(0,140,214,1) ;
}
/*.top .search{width: 18px;height: 18px;margin:0 30px;}*/
/*.top .search img{width: 100%;height: 100%;}*/
.top .user-icon{font-size:12px;transition:width 1s;position:absolute;top:-16px;right:5px;z-index:1000;display:block;width:30px;height:30px;text-indent:-9999em;background:url(../images/index_search.png) no-repeat center center;background-size: 65%; border: 0}
.top .user-icon:focus{position:absolute;top:-16px;width: 100px; background-size:18%;border: 1px solid #fff;height: 30px;border-radius: 10px;padding: 0 26px 0 4px; background-position: right; text-indent: 5px; color: #fff}
.top .user-icon:hover{background-color:#008CD6;}
.top input::-webkit-input-placeholder{color:#fff}

.top .language {text-align: center;font-weight:400;font-size:20px}
.top .language a{color: #D4D4D4;padding: 0 10px}
.top .language div:last-child a{border-left: 1px solid #D4D4D4}
.top .language .curr a{
    color:rgba(0,140,214,1);
}
.top .menu{
    display: none;
}
.sideMenu{
    display: none;
}
/*index-banner*/

 .banner{ width: 100%}
 .banner img{ width: 100%;height: 100%}
 .banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 30px;}

/*index-introduction*/
.intro{width: 1200px;margin:0 auto 10px auto;height: 444px;}
.intro .pic{width: 511px;}
.intro .pic img{width: 100%;}
.intro .introbox{margin-top: 125px;width:593px;height:231px;padding: 30px 48px;background:rgba(255,255,255,1);box-shadow:3px 0px 6px 0px rgba(53,53,53,0.06);}
.intro .introbox h1{font-size:24px;font-weight:400;color:rgba(68,68,68,1);line-height:50px;}
.intro .introbox h1 span{font-size:18px;color:rgba(183,183,183,1);}
.intro .introbox h2{font-size:20px;font-weight:bold;color:rgba(68,68,68,1);line-height:50px;}
.intro .introbox p{font-size:14px;font-weight:400;color:rgba(119,119,119,1);line-height:25px;}
.intro .introbox h3{font-size:16px;font-weight:bold;color:rgba(68,68,68,1);line-height:50px;}
.intro .introbox a .eyes{
    width:26px;height:26px;background:rgba(12,112,164,1);vertical-align: middle;text-align: center;line-height:26px;}
.intro .introbox a .eyes img{
    width:57% ;vertical-align: middle;
}
.intro .introbox a .detail{
    width:95px;height:26px;background:rgba(0,140,214,1);text-align: center;font-size:12px;font-weight:400;color:rgba(255,255,255,1);line-height:26px;
}
.cont{
    width: 1200px;margin: auto;
}
.cont> h1{
    font-size:24px;font-weight:400;color:rgba(51,51,51,1);line-height:82px;
}
.cont> h1 span{
    font-size:18px;font-weight:400;color:rgba(183,183,183,1);line-height:82px;padding-left: 10px;
}
.procenter {
    margin-bottom: 40px;position: relative;
}
.procenter .pro a{
    width: 24%;margin-right: 1%;
}
@media (max-width: 768px){
    .procenter .pro a{
        width: 49%;margin-right: 1%;
    }
.bottomtop .logo{
    display: none;
}
    .bottomtop .QRcode{
        display: none;
    }

    .bottomtop   .nav{

        width: 100%;
    }
}
.procenter .pro a:last-child{
    margin-right: 0;
}
.procenter .pro a .propic{

}
.procenter .pro a:hover .propic{
    box-shadow:0px 4px 10px 0px rgba(0,104,182,0.4);
}
.procenter .pro a:hover .text h1{
    color: #008CD6;
}
.procenter .pro a .propic img{
    width: 100%;
}
.procenter .pro a  .text{
    padding: 15px 0;text-align: center; font-weight:400;line-height:25px;
}
.procenter .pro a  .text h1{
    font-size:18px;color:rgba(51,51,51,1);
}
.procenter .pro a  .text p{
    font-size:14px;color:rgba(183,183,183,1);
}
.procenter .line{
    width:100%;height:1px;background:rgba(227,227,227,1);position: relative;margin: 17px 0;
}
.procenter .line .yuan{
    width:35px;height:35px;background:rgba(0,140,214,1);border-radius:50%;color: #FFFFFF;text-align: center;line-height: 25px;position: absolute;top: -17px;left: calc(50% - 17.5px);
}
.procenter .pages {
    margin:20px;position: absolute;top: 3%;right: 0;
}
.procenter .pagination {
    display: inline-block;margin: 0 auto;
}
.procenter .pagination li {
    float: left;margin: 0 10px;
}
.pagination li:hover a{
    background-color:#008CD6;color: #fff;
}
.procenter .pagination a {
    display: block;width: 21px;height: 20px;line-height: 20px;font-size: 14px;background-color: #fff;color: #E1E1E1;
    text-decoration: none;border: 1px solid #E1E1E1;text-align: center;
}
.procenter .pagination  a.active {
    border: 1px solid #0280C3;color: #0280C3;
}

/*index-choose_us*/
.choose >h1{
    width: 1200px;margin: auto;font-size:24px;font-weight:400;color:rgba(51,51,51,1);line-height:82px;
}
.choose >h1 span{
    font-size:18px;font-weight:400;color:rgba(183,183,183,1);line-height:82px;padding-left: 10px;
}
.choose ul{
    margin-bottom: 2.78vw;
}
.choose ul li{
    width: 20%;height: 25vw;
}
.choose ul li .bg{
    width:100%;height:25vw;background:rgba(249,249,249,0.8);
}
.choose ul li .bg .icon{
    width: 5.9vw;margin: auto;padding: 6.5vw 0 1.1vw;
}
.choose ul li .bg .icon img{
    width: 100%;
}
.choose ul li .bg .icon img.trans{
    display: none;
}
.choose ul li .bg .title{

    text-align: center;
}
.choose ul li .bg .title h1{
    font-size:1.3vw;font-weight:400;color:rgba(0,140,214,1);line-height: 4.6vw;
}
.choose ul li .bg .title .line{
    width:2.67vw;height:1px;background:rgba(0,140,214,1);margin: auto;
}
.choose ul li .bg .text{
    text-align: center;padding-top: 1.6vw;width: 16.7vw;margin: auto;font-size:0.88vw;font-weight:400;
    color:rgba(255,255,255,1);line-height:1.67vw;display: none;
}
.choose ul li:hover .bg{
    background:rgba(0,140,214,0.52);
}
.choose ul li:hover .bg .icon img.trans{
    display: block;
}
.choose ul li:hover .bg .icon img.notrans{
    display: none;
}
.choose ul li:hover .bg .icon{
    padding: 5vw 0 1.1vw;
}
.choose ul li:hover .bg .text{
    display: block;

}
.choose ul li:hover .bg .title h1{
    color:rgba(255,255,255,1);
}
.choose ul li:hover .bg .title .line{
    background:rgba(255,255,255,1);
}

/*index-news*/
.news{
    position: relative;
}
.news .newsbox{
    width: 100%;height: 418px;background: #008CD6;position: relative;
}
.news .newsbox .left{
    width: 530px;padding:42px  35px ;
}
.news .newsbox .left h1{
    font-size:18px;font-weight:400;color:rgba(255,255,255,1);line-height:82px;
}
.news .newsbox .left p{
    font-size:12px;font-weight:400;color:rgba(255,255,255,1);line-height:22px;
}
.news .newsbox .left a.more{
    font-size:12px;font-weight:400;color:rgba(255,255,255,1);line-height:24px;
}
.news .newsbox .left a.detail{
    position: absolute;bottom: 15%;
}
.news .newsbox .left a.detail .eyes{
    width:26px;height:26px;background:rgba(166,216,252,1);;vertical-align: middle;text-align: center;line-height:26px;
}
.news .newsbox .left a.detail .eyes img{
    width:57% ;vertical-align: middle;
}
.news .newsbox .left a.detail .detail{
    width:95px;height:26px;background:rgba(255,255,255,1);text-align: center;font-size:12px;font-weight:400;color:#008CD6;line-height:26px;
}
.news .newsbox ul.right{
    margin-top: 42px;width:518px;height:334px;background:rgba(255,255,255,1);
}
.news .newsbox ul.right li{
    padding-bottom: 20px;margin: 20px 20px 24px 24px;border-bottom:solid 1px rgba(231,231,231,1);
}
.news .newsbox ul.right li.curr h1{
    color:rgba(0,140,214,1);
}
.news .newsbox ul.right li.curr .point{
    width:8px;height:8px;background:rgba(0,140,214,1);border-radius:45px;margin-right: 12px;margin-top:27px;
}
.news .newsbox ul.right li h1{
    font-size:18px;font-weight:400;color:rgba(51,51,51,1);line-height:35px;
}
.news .newsbox ul.right li p{
    width: 454px;height: 25px;line-height: 25px;font-size:12px;font-weight:400;color:rgba(136,136,136,1);overflow:hidden;
    white-space: nowrap;text-overflow: ellipsis;
}
.newsbox .pages {
     margin:10px;position: absolute;top: 5%;right: 3%;
 }
.newsbox .pagination {
    margin: 0 auto;
}
.newsbox .pagination li {
    margin:  10px 0;
}
.newsbox .pagination a {
    text-align: center;display: block;width: 21px;height: 20px;line-height: 20px;font-size: 14px;background-color: #fff;color: #BABABA;
    text-decoration: none;border: 1px solid #E1E1E1;
}
.newsbox .pagination  a.active {
    background-color: #0D5E89;color: #fff;
}

/*index-contactus*/
.contact{
    padding-top:54px ;width: 822px;height: 352px;margin:80px auto 0;text-align: center;z-index: 100;position: relative;
}
.contact .title{
    margin: auto;width: 624px;font-size:24px;font-weight:400;color:rgba(255,254,254,1);line-height:40px;border-bottom: 1px solid #ffffff;padding: 20px 0 10px;
}
.contact .text img{
    padding: 10px;width: 18px;height: 18px;
}
.contact .text h3{
    font-size:30px;font-weight:bold;color:rgba(255,254,254,1);line-height:40px;
}
.contact .text p{
    font-size:16px;font-weight:400;color:rgba(255,254,254,1);line-height:20px;
}
/*index-map*/
.map{
    width: 100%;height: 35vw;margin-top: -70px;z-index:10;
}
/*index-bottom*/
.bottom{
     width: 1200px;margin: auto;
 }
.bottom .bottomtop{
    height: 273px;
}
.bottom .bottomtop .logo{
    width: 190px;height: 169px;margin-top:48px ;margin-right: 80px;
}
.bottom  .bottomtop .logo img{
    width: 100%;

}
.bottom .bottomtop ul.nav{
    margin-top: 20px;
}
.bottom .bottomtop ul.nav li{
    width: 130px;margin-right: 20px;
}
.bottom .bottomtop ul.nav li a{
    display: block;font-size:12px;font-weight:400;color:rgba(153,153,153,1);line-height:30px;
}
.bottom .bottomtop ul.nav li a:first-child{
    line-height: 70px;font-size:16px;color:rgba(51,51,51,1);

}
.bottom .bottomtop .QRcode{
    margin-top:30px;margin-left: 160px;
}
.bottom .bottomtop .QRcode h4{
    font-size:16px;font-weight:400;color:rgba(51,51,51,1);line-height:60px;text-align: right;display: inline-block;float: right;
}
.bottom .bottomtop .QRcode img{
    width: 130px;float: right;
}
.bottom .copyright{
    text-align: center;border-top: 1px solid rgba(229,229,229,1) ;line-height: 70px;font-size:12px;font-weight:400;color:rgba(51,51,51,1);
}


/*pro_center*/
.location {
     padding: 40px 0 50px;width: 1200px;margin: auto;font-size: 14px;font-weight: 400;color: rgba(51, 51, 51, 1);line-height: 20px;position: relative;
 }
.location i {
    padding-right: 5px;vertical-align: middle;line-height: 20px;
}
.location a {
    vertical-align: middle;color: rgba(51, 51, 51, 1);padding: 0 4px;
}
.searchbox{
    position: absolute;top: 25px;right: 0px;
}
.searchbox form{
    position: relative;
}
.searchbox input{
    padding:0 16px 0 35px;width:167px;height:28px;background:rgba(249,249,249,1);border-radius:14px;font-size:14px;
    font-weight:400;color:rgba(200,200,200,1);line-height:28px;border:none ;
}
.searchbox form a{
    position: absolute;right: 15px;top: 7px;
}
.searchbox form a img{
    width: 14px;
}
.proCon {
    width: 1200px;margin: auto;
}
.proCon ul.nav {
    margin: 35px 0;
}
.proCon ul.nav > li {
    padding: 0 15px;text-align: center;width: auto;height: 38px;border: 1px solid rgba(222, 222, 222, 1);
    margin-right: 10px;font-size: 18px;font-weight: 400;color: rgba(164, 164, 164, 1);line-height: 38px;cursor: pointer;
}
.proCon ul.nav > li:hover, .proCon ul.nav > li.curr {
    background: #008CD6;
    color: rgba(255, 255, 255, 1);
}
.proCon  ul.pro li {
    width:383px;text-align: center;margin-bottom: 36px;background:rgba(250,250,250,1);box-shadow:0px 2px 6px 0px rgba(49,49,49,0.14);
}
.proCon  ul.pro li .propic {
    width: 100%;
}
.proCon  ul.pro li .propic img {
    width: 100%;height: 100%;background: rgba(249, 249, 249, 1);vertical-align: middle;
}
.proCon  ul.pro li p {
    padding: 25px 0 25px 0;line-height: 25px;text-align: center;font-size:20px;font-weight:400;color:rgba(68,68,68,1);
}
.proCon  ul.pro li p span{
    font-size:12px;color:rgba(153,153,153,1);line-height: 20px;
}
.proCon  ul.pro li .search{
    width: 100%;height: 100px;display: none;
}
.proCon  ul.pro li .search i{
    line-height: 100px;vertical-align: middle;color:rgba(0,140,214,1);
}
.proCon  ul.pro li:hover p{
    display: none;
}
.proCon  ul.pro li:hover .search{
    display: block;
}
/*pages*/
.pages{ text-align:center;margin: 66px 0}
.pagination{ display:inline-block; margin:0 auto;}
.pagination li{ float:left; margin: 0 15px;}
.pagination a{ display:block; line-height:36px; min-width: 36px; box-sizing: border-box; font-size:14px; background-color:#f3f3f3; color:#888; text-decoration:none;}
.pagination .prev,.pagination .next{ padding:0 10px;}
.pagination .active a{ background-color:#008CD6; color:#fff;}
.shade{width: 100%;box-shadow: 0 0 4px rgba(49, 49, 49, 0.14) inset;height: 2px}

/*product detail*/
.otherCont{width: 1200px;margin: 0 auto}
#surround {width:527px;min-width: 1px;margin-right: 50px}
#surround>.pr {height: 380px;overflow: hidden}
img.cloudzoom {width:527px; height:380px; box-sizing:border-box;}
#slider1 {  margin: 18px 0;height:125px;position:relative;}
#slider1 .thumbelina-but.horiz{ top: 15px; height: 122px; line-height: 122px; font-size: 30px; width: 23px; border: none;}
#slider1 .thumbelina-but.horiz.left{ left: -25px;}
#slider1 .thumbelina-but.horiz.right{ right: -25px;}
#slider1 li{ margin: 0 1px; padding: 0; cursor:pointer; width: 24%;  vertical-align: top; text-align: center; border:1px solid transparent;box-sizing: border-box}
#slider1 li img{ max-width:100%; max-height:100%; border: none;}
#slider1 li:hover,#slider1 li.li-current{ border-color: #008CD6;box-sizing: border-box}

.PDCont .PDC1{ margin-bottom: 30px;}
.PDCont .PDC1 .info{  box-sizing: border-box;color: #333;width: 622px;overflow :auto;height: 390px}
.PDCont .PDC1 .info h1{ font-size: 30px; padding: 0 0 25px}
.PDCont .PDC1 .info h2{ font-size: 18px; margin-bottom: 10px; margin-top: 25px;}
.PDCont .PDC1 .info p{font-size: 12px;line-height: 24px}
.PDCont .PDC1 .good>text{margin-right: 20px}
.PDCont .PDC1 .good>p:last-child{margin-right: 0;}
.PDCont .PDC1 .info .text{margin: 15px 0 25px}
.PDCont .PDC1 .info h3{margin: 22px 0 14px}

.PDCont .tit{margin: 20px 0 20px}
.PDCont .tit h2{font-size: 18px}
.PDCont .tit p{margin: 5px 0 5px;line-height: 24px;font-size: 14px;color: #777}
.PDCont .signal h3{font-size: 18px}
.PDCont .signal ul{margin: 23px 0 10px}
.PDCont .signal ul li img{margin-bottom: 2.5vw}

/*new center*/
.news_list #wrap { }
.news_list #tit {height: 30px;margin-bottom: 40px}
.news_list #tit a {float: left; height: 33px; line-height: 33px; padding: 0 10px; text-align: center;box-shadow: 0 0 5px rgba(49, 49, 49, 0.14);
    margin-right: 50px;display: inline-block;
}
.news_list #tit .select,.news_list #tit a:hover{background: #008CD6;color: #fff}

.news_list #con .first .img{width:344px;height: 238px}
@media  (min-width: 1200px){
    .news_list #con .first .img img{ max-width:344px;max-height: 238px}
}


.news_list #con .first .right{background: #FAFAFA;width: 856px; height: 238px;box-sizing: border-box;padding: 48px 30px }
.news_list #con .first .right h5{font-size: 20px;color: #008CD6;line-height: 30px;width: 100%}
.news_list #con .time{margin: 15px 0 25px}
.news_list #con .time img{margin-right: 7px;vertical-align: middle}
.news_list #con .time div{margin-right: 20px;color: #777}
.news_list #con .first p,.news_list #con .other .right p{font-size:14px;color: #777;line-height: 24px; overflow: hidden;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news_list #con .other{padding: 30px 0}
.news_list #con .other .left{width: 144px;height: 140px;background: #FAFAFA;text-align: center;margin-right: 30px}
.news_list #con .other .num{font-size: 48px;color: #008CD6;margin: 36px 0 22px}
.news_list #con .other .date{font-size: 18px;color: #999}
.news_list #con .other .right{width: 1020px}
.news_list #con .other  h5{margin-bottom: 25px}
.news_list a{color: #333}

/*new detail*/
.new_det>h2{font-size: 32px;line-height: 42px}
.new_det .time{margin: 30px 0 35px;font-size: 16px}
.new_det .time img{vertical-align: middle;margin-right: 7px}
.new_det .time>div{margin-right: 23px;color: #999}
.new_det>p,.new_det>img{color: #999;margin-bottom: 30px;line-height: 28px}
.new_det>img{width: 100%;height: auto}
.new_det>h3{margin-bottom: 19px;font-size: 18px}
.new_det .bto{padding:36px 0 66px}
.new_det .bto a{color: #333;font-size: 18px}
.new_det .bto a:hover{color: #008CD6}

/*about us*/
.about{margin-bottom: 46px}
.about .mess{margin-bottom: 45px}
.about .mess .right{padding-left: 50px;width: 650px}
.about .mess .right h3{margin-bottom: 50px;font-size: 20px}
.about .mess .right .bto>div{margin-left: 20px}
.about .mess .right .bto>div:first-child{margin: 0}
.about .mess .right .bto h4{font-size: 36px;color: #008CD6;margin-bottom: 16px}
.about .mess .right .bto1 h4{font-size: 30px}
.about .mess .right .bto p{color: #999;font-size: 14px;line-height: 18px}
.about>p{margin-bottom: 20px;color: #999;font-size: 14px;line-height: 20px}

/*contact us*/
#signupForm{padding-bottom: 60px}
.con .mess{border: 1px solid #E0E0E0;margin-bottom: 70px}
.con .mess>div{border-right: 1px solid #E0E0E0;height: 130px}
.con .mess>div>div{width: 260px}
.con .mess>div:last-child{border: 0}
.con .mess>div img{margin: 0 25px 0 50px}
.con .mess h3{font-size: 18px;margin-bottom: 15px}
.con .mess p{font-size: 14px;color: #999;line-height: 18px}

.con button{width: 346px;height: 48px;background: #008CD6;color: #fff;margin: 38px auto 49px;display:block}
.con #addrs {width: 100%;height: 382px;margin-bottom: 63px}
.con .inputBlock{ width: 100%; position: relative; box-sizing: border-box}
.con .inputBlock.sp1{ width: 376px;margin-bottom: 20px}
.con input{ width: 100%; box-sizing: border-box; height: 48px; line-height: 48px;  font-size: 16px; border: none;border-bottom: 1px solid #E0E0E0;}
.con textarea{ width: 100%; height: 180px; padding: 5px 0; font-size: 16px; line-height: 26px; border: none; resize: none;border:none;border-bottom: 1px solid #E0E0E0;z-index: 9}
.con input+label, .con textarea+label{ position: absolute; left: 0; bottom: -20px; font-size: 12px; color: #E91717; }



.sideMenu{ display: none;}


@media (min-width:769px) and (max-width: 1920px){
    .proCon ul.pro li:nth-child(3n){
        margin-right: 0;
    }

}


@media (min-width: 768px) and (max-width: 1200px) {
    /*index-top*/
    .top {width:100%;margin: auto;z-index: 100;}
    .top .logo{margin-right: 5vw;height: auto}
    .top .nav{margin-right: 17vw;}
    .top .nav a{margin:0 1.6vw;}
    /*index-introduction*/
    .intro{width: 95%;margin:0 auto 10px auto;height: auto;}
    .intro .pic{width: 38vw;}
    .intro .introbox{margin-top: 10vw;width:48vw;height:22vw;padding: 1.5vw 3vw;}
    .intro .introbox h1{font-size:2vw;line-height:3.5vw;}
    .intro .introbox h1 span{font-size:1.5vw;}
    .intro .introbox h2{font-size:1.8vw;line-height:4vw;}
    .intro .introbox p{font-size:1.2vw;line-height:2.8vw;}
    .intro .introbox h3{font-size:1.4vw;line-height:4vw;}
    .intro .introbox a .eyes{width:2.2vw;height:2.2vw;line-height:2.2vw;}
    .intro .introbox a .detail{width:8vw;height:2.2vw;font-size:12px;line-height:2.2vw}

    /*index-product_center*/
    .cont{width: 95%;}

    /*index-choose_us*/
    .choose >h1 {width: 95%;margin: auto;}
    /*index-news*/
    .news .newsbox{height: 34.8vw;}
    .news .newsbox .left{width:40vw;padding:3vw 2.5vw;}
    .news .newsbox .left h1{font-size:2vw;line-height:5vw;overflow: hidden;height: 5vw;}
    .news .newsbox .left a.detail .eyes{width:2.16vw;height:2.16vw;line-height:2.16vw;}
    .news .newsbox .left a.detail .detail{width:7.9vw;height:2.16vw;font-size:12px;line-height:2.16vw;}
    .news .newsbox ul.right{margin-top: 3.5vw;width:43vw;height:27.8vw;}
    .news .newsbox ul.right li{padding-bottom: 1.67vw;margin:1.67vw 1.67vw 2vw 2vw;border-bottom:solid 1px rgba(231,231,231,1);}
    .news .newsbox ul.right li.curr .point{width:0.9vw;height:0.67vw;margin-right: 1vw;margin-top:2.25vw;border-radius: 50%;}
    .news .newsbox ul.right li h1{font-size:1.5vw;line-height:3vw;font-weight:400;color:rgba(51,51,51,1); height: 3vw;overflow: hidden;}
    .news .newsbox ul.right li p{width: 37.7vw;height: 2vw;line-height: 2vw;}
    .newsbox .pages {margin:0.83vw;right: 1.5%;}
    .newsbox .pagination li {margin:  0.83vw 0;}
    .newsbox .pagination a {width: 1.75vw;height: 1.7vw;line-height: 1.7vw;font-size: 1.2vw;}

    /*index-contactus*/
    .contact{padding-top:4.5vw ;width: 68.5vw;height:29.3vw;margin:6.67vw auto 0;}
    .contact .title{width: 52vw;font-size:2vw;line-height:3.3vw;padding: 1.67vw 0 0.83vw;}
    .contact .text img{padding: 0.83vw;width: 1.5vw;height: 1.5vw;}
    .contact .text h3{font-size:2.5vw;line-height:3.3vw;}
    .contact .text p{font-size:1.33vw;line-height:1.67vw;}
    /*index-map*/
    .map{margin-top: -5.8vw;}
    /*index-bottom*/
    .bottom{width: 100%;}
    .bottom .bottomtop{height: 22.75vw;}
    .bottom .bottomtop .logo{width: 15.8vw;height: 14vw;margin-top:4vw ;margin-right: 6.67vw;}
    .bottom  .bottomtop .logo img{width: 100%;}
    .bottom .bottomtop ul.nav{margin-top:1.67vw;}
    .bottom .bottomtop ul.nav li{width:10vw;margin-right: 1.67vw;}
    .bottom .bottomtop ul.nav li a{line-height:2.5vw;}
    .bottom .bottomtop ul.nav li a:first-child{line-height: 5.83vw;font-size:1.33vw;}
    .bottom .bottomtop .QRcode{margin-top:2.5vw;margin-left: 20vw;}
    .bottom .bottomtop .QRcode h4{font-size:1.3vw;line-height:5vw;}
    .bottom .bottomtop .QRcode img{width: 10.83vw;}
    .bottom .copyright{line-height: 5.83vw;font-size:1vw;}

    /*pro_center*/
    .location {padding: 4vw 0}
    .searchbox{top: 2vw;}
    .proCon {width: 100%;}
    .proCon ul.nav {margin: 3vw 0;}
    .proCon  ul.pro li {width:32%;margin-right: 2%;text-align: center;margin-bottom: 36px;background:rgba(250,250,250,1);box-shadow:0px 2px 6px 0px rgba(49,49,49,0.14)}
    .proCon  ul.pro li .propic {width: 100%;background: rgba(249, 249, 249, 1);line-height: 213px;text-align: center;}

    /*product detail*/
    .otherCont{width: 95%}
    .PDCont .PDC1 .info{width: 45vw;height: 50vw}
    #surround{width: 45vw}
    #surround>.pr{height: 32vw}
    img.cloudzoom{width: 45vw;height: auto}
    #surround{margin-right: 2vw}
    .thumbelina li{width: 9vw;height: auto;padding: 0;margin-right: 4vw}
    .PDCont .PDC1 .info h1{font-size: 3vw}
    .PDCont .signal ul li img{width: 22vw}

    /*new center*/
    .news_list #con .other .right{width: 80vw}
    .news_list #con .first .right{padding: 10px 30px;width: 60vw;height: 20.8vw;overflow: hidden }
    .news_list #con .first .img{width: 30vw;height: auto}
    .news_list #con .first .img img{width: 100%}
    .news_list #con .time{margin: 1vw 0 1vw}
    .news_list #con .first .right h5{font-size: 2.1vw;line-height: 25px}

    /*new detail*/
    .new_det>h2{font-size: 26px;line-height: 30px}

    /*about*/
    .about .mess img{width: 30vw; height: auto !important;}
    .about .mess .right{padding-left: 2vw;width: 60vw}
    .about .mess .right h3{margin-bottom: 4vw}
    .about .mess .right .bto h4{font-size: 3.5vw}

    /*contact us*/
    .con .mess>div img{margin: 0 3vw 0 2vw;width: 5vw}
    .con .mess p{line-height: 2vw}
    .con #addrs {width: 100%;height: 30vw}
    .con .mess>div>div{width: 18vw}
    .con .inputBlock.sp1{ width: 30vw;margin-bottom: 20px}
}




@media (max-width: 768px) {
    .banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 2vw}
    /*index-top*/
    .top .nav,.top .search,.top .language,.top>.pr{display: none;}
    .top {width:100%;margin: auto;height: 50px;padding-top: 0;position: fixed;top: 0;}
    .top .logo{padding-top: 5px;padding-left: 10px;width:39px;height: 45px;margin-right: 0;}
    .top .menu {display: block;width:55px;height: 50px;position: relative;}
    .top .menu i {display: block;color: #008CD6;position: absolute;top: 18px;right: 20px;}
    .top .menu .fa-close {display: none;}
    .top .menu.curr .fa-bars {display: none;}
    .top .menu.curr .fa-close {display: inline-block;}
    .topblank {height:50px;}
    /*sidemenu*/
    .sideMenu {display: block;}
    .sideMenu {height: 100%;position: fixed;width: 200px;left: 0;top: 0;background-color: rgba(255, 255, 255, 1);z-index: 1100;overflow-y: auto;-webkit-transform: translateX(-200px);-moz-transform: translateX(-200px);-ms-transform: translateX(-200px);-o-transform: translateX(-200px);transform: translateX(-200px);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;box-shadow: 1px 0 3px transparent;}
    .sideMenu.show {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);box-shadow: 1px 0 3px #999;}
    .sideMenu .navBox {font-size: 14px;display: block;padding: 10px;border-bottom: 1px solid #dcdcdc;color: #000000}
    .sideMenu .navBox.curr {color: #fff;background-color: #008CD6;}
    .sideMenu .search {margin: 15px 10px 15px;height: 28px;border: 1px solid #EBEBEB;border-radius: 15px;}
    .sideMenu .search input {font-size: 14px;height: 28px;line-height: 28px;color: #888;width: 100%;box-sizing: border-box;padding: 0 15px;border: none;background-color: transparent;}
    .sideMenu .search .border {width: 1px;height: 14px;background-color: #e9e9e9;}
    .sideMenu .search .searchBtn {display: block;border: none;background-color: transparent;padding: 0 15px;color: #888;}
    .sideMenu .language{width: 130px;margin: auto;font-size: 14px}
    .sideMenu .language a {text-align: center;color: #000000;padding: 0 20px}
    .sideMenu .language a.on {color: #008CD6;}
    /*index-introduction*/
    .intro{width:94%;margin:0 auto 1.5vw auto;height: auto;}
    .intro .pic{width: 90%;margin: auto;}
    .intro .introbox{margin-top: 4vw;width:100%;height:auto;padding: 2vw 4vw;}
    .intro .introbox h1{font-size:3.5vw;line-height:7.4vw;}
    .intro .introbox h1 span{font-size:2.7vw;}
    .intro .introbox h2{font-size:3vw;line-height:7.4vw;}
    .intro .introbox p{font-size:2vw;line-height:4vw;}
    .intro .introbox h3{font-size:2.4vw;line-height:7.4vw;}
    .intro .introbox a .eyes{width:4.5vw;height:4.5vw;line-height:4.5vw;}
    .intro .introbox a .detail{width:18vw;height:4.5vw;font-size:1.7vw;line-height:4.5vw;}
    /*index-product_center*/
    .cont{width:94%;margin: auto;}
    .cont> h1{font-size:3.5vw;line-height:12vw;}
    .cont> h1 span{font-size:2.6vw;line-height:12vw;padding-left: 1.5vw;}
    .procenter {margin-bottom: 5.9vw;}
    .procenter .pro a  .text{padding: 2.2vw 0;font-weight:400;line-height:3.7vw;}
    .procenter .pro a  .text h1{font-size:3vw;}
    .procenter .pro a  .text p{font-size:2vw;}
    .procenter .line .yuan{width:5.2vw;height:5.2vw;line-height: 3.8vw;top: -2.5vw;left: calc(50% - 2.6vw);}
    .procenter .pages {display: none}
    .procenter .line {margin: 2.5vw 0;}
    .procenter .pagination li {margin: 0 1.5vw;}
    .procenter .pagination a {display: block;width: 3.6vw;height: 3.5vw;line-height: 3.5vw;font-size: 2.5vw;}
    /*index-choose_us*/
    .choose >h1{width:94%;font-size:3.5vw;line-height:12vw;}
    .choose >h1 span{font-size:2.6vw;line-height:12vw;padding-left: 1.5vw;}
    .choose ul{width: 94%;margin: auto;justify-content: center;}
    .choose ul li{width: 33.3%;height: 36vw;margin-bottom: 4vw}
    .choose ul li .bg{height:36vw;background:rgba(0,140,214,0.52);}
    .choose ul li .bg .icon{padding: 5vw 0 1.1vw;width: 8.5vw;margin: auto;}
    .choose ul li .bg .icon img{width: 100%;}
    .choose ul li .bg .icon img.trans{display:block;}
    .choose ul li .bg .icon img.notrans{display:none;}
    .choose ul li .bg .title h1{font-size:2.5vw;color:rgba(255,255,255,1);}
    .choose ul li .bg .title .line{width:4.5vw;background:rgba(255,255,255,1);}
    .choose ul li .bg .text {width: 25vw;font-size: 12px;line-height: 15px;display: -webkit-box;
        -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

    /*index-news*/
    .news .newsbox{height: 380px;}
    .news .newsbox .left{width:94%;padding: 15px 3%;}
    .news .newsbox .left p{height: 44px;overflow: hidden;}
    .news .newsbox .left h1{font-size:16px;line-height:18px;overflow: hidden;height: 20px;}
    .news .newsbox .left a.detail{top:31%;bottom: 0;height: 20px;}
    .news .newsbox .left a.detail .eyes{width:20px;height:20px;line-height:20px;}
    .news .newsbox .left a.detail .detail{width:70px;height:20px;line-height:20px;}
    .news .newsbox ul.right{width:86%;margin:0 11% 0 3%;height:200px;}
    .news .newsbox ul.right li{padding-bottom: 10px;margin:10px;}
    .news .newsbox ul.right li.curr .point{width:6px;height:6px;margin-right:8px;margin-top:15px;border-radius: 50%;}
    .news .newsbox ul.right li .text{width: 94%;}
    .news .newsbox ul.right li h1{height: 20px;overflow: hidden;width:100%;font-size:14px;line-height:20px;}
    .news .newsbox ul.right li p{width:100%;height: 20px;line-height:20px;}
    .newsbox .pages {margin:10px 5px;top:34%;right: calc(4% - 10.5px);}

    /*index-contactus*/
    .contact{padding-top:5vw ;width: 90vw;height:50vw;margin:6.67vw auto 4vw;}
    .contact .title{width:64vw;font-size:3vw;line-height:4.5vw;padding: 3vw 0 0.83vw;}
    .contact .text img{padding: 1vw;width: 2.5vw;height: 2.5vw;}
    .contact .text h3{font-size:3.5vw;line-height:4.5vw;}
    .contact .text p{font-size:2.5vw;line-height:5vw;}
    /*index-map*/
    .map{margin-top: -5.8vw;height:45vw;}
    /*index-bottom*/
    .bottom{width: 100%;}
    .bottom .bottomtop{padding-bottom: 2.4vw ;justify-content:center;height: auto}
    .bottom .bottomtop .logo{width: 15.8vw;height: 14vw;margin-top:4vw ;margin-right: 1vw;}
    .bottom  .bottomtop .logo img{width: 100%;}
    .bottom .bottomtop ul.nav{margin-top:1.67vw;}
    .bottom .bottomtop ul.nav li{text-align: center;width:25vw;margin-right: 1vw;}
    .bottom .bottomtop ul.nav li a{line-height:25px; }
    .bottom .bottomtop ul.nav li a:first-child{line-height: 6vw;font-size:3vw;}
    .bottom .bottomtop .QRcode{margin-top:2.5vw;margin-left: 0vw;}
    .bottom .bottomtop .QRcode h4{font-size:2vw;line-height:5vw;}
    .bottom .bottomtop .QRcode img{width: 10.83vw;}
    .bottom .copyright{line-height: 5.83vw;font-size:1vw;padding: 1vw 0}

    /*pro_center*/
    .location {padding: 3.3vw 0;margin: auto;}
    .searchbox{display: none;}
    .proCon {width: 100%;}
    .proCon ul.nav {margin: 4.5vw 0;}
    .proCon ul.nav > li {padding: 0 1.3vw;height: 5vw;margin-right: 1.5vw;font-size: 2.3vw;line-height: 5vw;}
    .proCon  ul.pro li {width:47%;margin-right: 6%;margin-bottom:4.7vw;}
    .proCon ul.pro li:nth-child(2n){margin-right: 0;}
    .proCon  ul.pro li p {padding: 3.3vw 0;line-height: 4vw;font-size:2.6vw;}
    .proCon  ul.pro li p span{font-size:1.5vw;line-height: 3.5vw;}
    .proCon  ul.pro li .search{height: 12.85vw;}
    .proCon  ul.pro li .search i{line-height: 13vw;font-size:6vw}

    /*pages*/
    .pages{ text-align:center;margin: 6vw 0}
    .pagination{ display:inline-block; margin:0 auto;}
    .pagination li{ float:left; margin: 0 5px;}
    .pagination a{ display:block; line-height:20px; min-width: 20px; box-sizing: border-box; font-size:12px; background-color:#f3f3f3; color:#888; text-decoration:none;}
    .pagination .prev,.pagination .next{ padding:0 5px;}
    .pagination .active a{ background-color:#008CD6; color:#fff;}


    /*product detail*/
    .otherCont{width: 95%;margin: 0 auto;overflow: hidden}
    .PDCont .PDC1 .info{width: 100%}
    .PDCont .PDC1 .info h1{font-size: 19px;padding-bottom: 4vw}
    .preview{width: 100%}
    #surround{width: 100%}
    #surround>.pr{height: 70vw}

    img.cloudzoom{width: 100%;height: auto}
    #surround{margin-right: 0}
    .thumbelina li{width: 20vw;height: auto}
    #slider1{width: 100%;height: 25vw}
    .PDCont .PDC1{margin-bottom: 5vw}
    .PDCont .signal ul li img{width: 45vw}
    #slider1 li{width: 24%;height: auto}

    /*new center*/
    .news_list #con .first .img{width: 100vw;height: auto;}
    .news_list #con .first .img img{width: 100%}
    .news_list #con .first .right{width: 100%;height: auto;padding: 2.5vw 2vw}
    .news_list #con .other .right{width: 65vw;height: auto;padding: 2vw}
    .news_list #con .first .right h5{font-size: 4vw;line-height: 7vw}
    .news_list #con .time{font-size:3.5vw}
    .news_list #tit span{margin-right: 4vw}
    .news_list #tit{margin-bottom: 6vw}
    .news_list #con .other .left{width: 30vw;height: auto;margin-right: 2vw;padding: 5vw 0}
    .news_list #con .other h5{font-size: 3.5vw;line-height: 5vw;margin-bottom: 3vw}
    .news_list #con .other .num{margin: 0 0 2vw 0}
    .news_list #tit a{margin-right: 2vw;font-size: 14px}
    /*new detail*/
    .new_det>h2{font-size: 4.2vw;line-height: 6vw}
    .new_det .time{margin: 3vw 0;font-size: 3.2vw}
    .new_det>p{font-size: 3.2vw;margin-bottom: 5vw;line-height: 5.5vw}
    .new_det>h3{margin-bottom: 4vw;font-size: 3.4vw}
    .new_det .bto{padding: 2vw 0 4vw}
    .new_det .bto a{font-size: 3.4vw;line-height: 4.3vw;margin-bottom: 2vw}
    .new_det .time img{width: 3.4vw;height: auto}

    /*about*/
    .about .mess{margin-bottom: 5.5vw}
    .about .mess img{width: 100%; height: auto !important;}
    .about .mess .right{padding-left: 2vw;width: 100%;margin-top: 5vw}
    .about .mess .right h3{margin-bottom: 4vw;font-size: 4vw}
    .about .mess .right .bto h4{font-size: 5vw;margin-bottom: 2vw}
    .about .mess .right .bto p{font-size: 3.4vw;line-height: 5vw}
    .about>p{font-size: 3.2vw;line-height: 5vw}
    /*contact us*/
    .con .mess{margin-bottom: 5vw}
    .con .mess>div{padding: 2vw;height: auto;text-align: center;display: block}
    .con .mess>div>div{width: 100%}
    .con .mess>div img{width: 8vw;display: block;margin: 0 auto 2vw}
    .con .mess h3{font-size: 16px;text-align: center}
    .con .mess p{line-height: 5vw;font-size: 14px}

    .con #addrs {width: 100%;height: 50vw;margin-bottom: 10vw}

    .con .inputBlock.sp1{ width: 100vw;margin-bottom: 1vw}
    .con input{font-size: 14px;line-height: 30px}
    .con textarea{font-size: 14px}
    .con input+label, .con textarea+label{z-index: 999;bottom: -3vw}

    /*nav*/
    .sideMenu{ height: 100%; position: fixed; width: 200px; left: 0; top:0; background-color: rgba(255,255,255,1); z-index: 99990; overflow-y: auto;
        -webkit-transform: translateX(-200px);
        -moz-transform: translateX(-200px);
        -ms-transform: translateX(-200px);
        -o-transform: translateX(-200px);
        transform: translateX(-200px);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s; box-shadow: 1px 0 3px transparent;}
    .sideMenu.show{-webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0); box-shadow: 1px 0 3px #999;}
    .sideMenu .nav{}
    .sideMenu .navBox{ font-size: 14px; display: block; padding: 10px; border-bottom: 1px solid #dcdcdc;}
    .sideMenu .navBox.curr{ color: #fff; background-color: #008CD6;}
    .sideMenu .phone{ font-size: 14px; line-height: 40px; padding: 0 10px; color: #999;}
    .sideMenu .search{ margin: 4vw 1vw 15px; height: 28px; border: 1px solid #EBEBEB; border-radius: 15px;}
    .sideMenu .search input{ font-size: 12px; height: 28px; line-height: 28px; color: #888; width: 100%; box-sizing: border-box; padding: 0 15px; border: none; background-color: transparent;}
    .sideMenu .search .border{ width: 1px; height: 14px; background-color: #e9e9e9;}
    .sideMenu .search .searchBtn{ display: block; border: none; background-color: transparent; padding: 0 15px; color: #888;}
    .sideMenu .lang{ padding: 0 10px;}
    .sideMenu .lang a{ margin-right: 10px;}
    .sideMenu .lang img{ width: 30px;}
    #signupForm{padding: 0}
}