@import url('../fonts/NotoSansSC/font.css');
@charset "utf-8";
::-moz-selection { background: #e13131;  color:#fff !important;  }
::selection { background: #e13131 ; color:#fff !important; }
html{background:#FFF;}
body{margin:0px; padding:0px; font-family:Microsoft Yahei,Arial, sans-serif; font-size:13px; font-weight:300; color:#333; background:#FFF;overflow-x:hidden;}
table{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6,form{margin:0;padding:0;letter-spacing:0}
dl,dt,dd{padding:0px; margin:0px;list-style:none;}
p{margin:0px; padding:0px;}
img:not(.pswp__img){border:none;vertical-align:middle;max-height:100%;max-width:100%;}
a{color:inherit; text-decoration:none;font-family:Microsoft Yahei,Arial, sans-serif; font-size:inherit; outline:none; cursor:pointer;transition:All .3s ease-in-out;-webkit-transition:All .3s ease-in-out;-moz-transition:All .3s ease-in-out;-o-transition:All .3s ease-in-out;}
a:hover{color:#e13131;text-decoration:none;font-size:inherit;outline: none;}
a:focus {outline: none;text-decoration:none;}
a:active{text-decoration:none;}
u{text-decoration:none;}
input,textarea{-webkit-appearance: none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0;-moz-box-shadow:0;box-shadow:0;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pb30{padding-bottom:30px;}
.pr30{padding-right:30px;}
.mb15{margin-bottom:15px;}
.mt5{margin-top:5px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
.pd10{padding:10px 0;}
.pd20{padding:20px 0;}
.pd30{padding:30px 0;}
.clear{height:0;line-height:0; font-size:0; clear:both;}
.gray{background:#F3F3F3}
@media (max-width:992px){
.gray{background:#FFF}
*{cursor:pointer}
}
header{margin:0; padding:0; width:100%; z-index:99;}

@keyframes downUp{from{transform:translateY(10px);-ms-transform:translateY(10px);-moz-transform:translateY(10px);-webkit-transform:translateY(10px);-o-transform:translateY(10px)}to{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)}}
@keyframes upDown{from{transform:translateY(-20px);-ms-transform:translateY(-20px);-moz-transform:translateY(-20px);-webkit-transform:translateY(-20px);-o-transform:translateY(-20px)}to{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)}}


/*搜索框*/
.search{display:none;position:fixed;left:0; top:0;  background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);width:100%;height: 100%;z-index: 999}
.search form{display: block;max-width: 500px;padding:0 15px;position:relative;top: 50%;margin:-20px auto 0 auto; }
.search input{border:0;outline:0;background:#FFF;color:#333;border:1px solid #EEE;margin:0;padding:10px 18px;display:block;width:100%;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.search button{position:absolute;right:25px;display:block;width:24px; height:24px;outline: none;font-size:18px;top:50%;margin:-15px 0 0 0;color:#333;border:0;background:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.search button:hover{color:#e13131}


@media (max-width:992px){.container{padding-left:10px;padding-right:10px;}.row{margin-left:-10px;margin-right:-10px;}}

@media (min-width:992px){
body{padding-top:105px;}
.top{color:#FFF;position:relative;padding:10px 0;}
.top h2{font-size:13px;display:inline-block}
.top a,.top a:hover{color:#FFF}
.top i{margin-left:10px;}
.top .topWechat{position:relative;display:inline-block;z-index:998;cursor:pointer;}
.top .topWechat div{position:absolute;width:90px;height:90px;display:none}
.top .topWechat div:after{content:'';display:block; width:0; height:0;   border-width:0 4px 4px;border-style:solid;border-color:transparent transparent #FFF;position:absolute;top:-4px;margin-left:-4px;left:50%;}
.top p{position:absolute;right:0;top:50%;margin-top:-10px;}
.top p img{margin-left:5px;}
.head{background:#FFF;clear:both;}
.menuButton{display:none}

header{background:url(../images/bg.jpg) top repeat-x;position:fixed;top:0;}
header .bigLogo{float:left;display:inline-block;width:391px;height:89px;background:url(../images/logo-old.jpg) center center no-repeat;text-indent:-5000px; overflow:hidden}
header .smallLogo,.menuClose,.menuLogo{display:none}
.menu{padding-left:371px;}
.menu .menuUL{padding:0;list-style:none;margin-top:0;margin-bottom:0}
.menu .menuUL a{transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none}
.menu .menuUL .menu0{position:relative;display:inline-block;margin:0 5px;z-index:9}
.menu .menuUL .menu0:after{content:'';position:absolute;width:0;height:3px;background:#e13131;left:50%;bottom:0;-webkit-transition: all .6s;-moz-transition: all .6s;transition: all .6s;}
.menu .menuUL .menu0.active:after{left:0;width:100%;}
.menu .menuUL .menu0 i{color:#333;display:inline-block;margin-left:5px;font-size:14px;}
.menu .menuUL .menu0A{font-size:13px;color:#333;display:block;padding:35px 0;position:relative;}

.menu .menuUL .menu0 ul{position:relative;display:none;margin:0;padding:10px; width:220px; list-style:none;position:absolute;background:rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);}
.menu .menuUL .menu0 ul .menu1{padding:7px;width:50%;float:left}
.menu .menuUL .menu0 ul .menu1A{font-weight:bold;font-size:12px;color:#FFF;text-align:left;}
.menu .menuUL .menu0 ul .menu1A:hover{color:#e13131;}
.menu .menuUL .menu0 ul .menu2A,.menu .menuUL .menu0 ul .menu3A{color:#FFF}
.menu .menuUL .menu0 ul .menu2{padding:3px 0 3px 15px}
.menu .menuUL .menu0 ul .menu3{padding:3px 0 3px 25px}
.menu .menuUL .menu0 ul .menu2A:hover{color:#e13131;}
.menuSearch{display:inline-block;padding:0 0 0 5px;cursor:pointer}
header.active{background:#FFF;border-bottom:1px solid #DDD;animation:upDown 0.5s;-moz-animation:upDown 0.5s;-webkit-animation:upDown 0.5s;-o-animation:upDown 0.5s;}
header.active .top{display:none}
}
@media (min-width:1200px){
.menu{padding-left:400px;}
.menu .menuUL .menu0{margin:0 15px;}
.menuSearch{padding:0 0 0 10px;}
}

@media (max-width:992px){
body{padding-top:50px;}
header{position:fixed;top:0;background:#e13131}
header .bigLogo,.top{display:none}
header .smallLogo{display:block;width:252px;height:50px;background:url(../images/logo2.jpg) left center no-repeat;background-size:252px 50px;text-indent:-5000px; overflow:hidden}
header .menuSearch{position:absolute;right:55px;top:15px;color:#333;font-size:18px;}
header .menuButton{position:absolute;z-index:9;right:5px;top:13px;height:30px;width:40px;overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent}
header .menuButton span,header .menuButton span::after,header .menuButton span::before{position:absolute;background-color:#333;height:2px;width:25px}
header .menuButton span{left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:background-color .3s;transition:background-color .3s}
header .menuButton span::after,header .menuButton span::before{content:'';left:0;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
header .menuButton span::before{-webkit-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px)}
header .menuButton span::after{-webkit-transform:translateY(7px);-ms-transform:translateY(7px);transform:translateY(7px)}
header .menuButton.active span{background-color:transparent}
header .menuButton.active span::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
header .menuButton.active span::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);}
.menu .menuUL{background:#FFF;position:absolute;z-index:999;right:-80%;top:0;width:80%;max-width:320px;height:100%;margin:0;padding:5px 10px;list-style:none;}
.menu .menuClose{position:absolute;top:3px;left:-33px;}
.menu .menuClose img{width:30px;height:30px;padding:5px;display:block;background:#FFF;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.menu .menuLogo{clear:both;margin:-10px -10px 10px -10px;text-align:center;padding:5px 0;background:#F5F5F5}
.menu .menuLogo img{max-height:50px;}
.menu.active{display:block}
.menu .menuUL .menu0{position:relative;border-bottom:1px solid #EEE;margin:0;padding:0}
.menu .menuUL .menu0A{padding:8px 0;display:block;font-size:13px;}
.menu .menuUL i{position:absolute;right:5px;top:10px;}
.menu .menuUL .menu0A:hover{color:#e13131}
.menu .menuUL .menu0 ul{display:none;margin:0;padding:10px;list-style:none;background:#F1F1F1;max-height:300px;overflow:auto}
.menu .menuUL .menu0 ul .menu1{border-bottom:1px solid #FFF;position:relative;}
.menu .menuUL .menu0 ul .menu1A{font-size:14px;color:#333;display:block;padding:7px 0}
.menu .menuUL .menu0 ul .menu1A:hover{color:#e13131}
.menu .menuUL .menu0 ul .menu2,.menu .menuUL .menu0 ul .menu3{background:#FFF;padding:5px 0 5px 10px}
.menu .menuUL .menu0 ul .menu3{background:#FFF;padding:5px 8px 5px 25px}
}



/*首页大图*/
.swiper-home{position:relative;z-index:1;}
.swiper-home .swiper-container{width:100%}
.swiper-home .swiper-slide{display:block;position:relative;height:100%;}
.swiper-home .swiper-slide img{width:100%;display:block}
.swiper-home .swiper-box{height:100%;width:100%;position:absolute;z-index:2;display: flex;justify-content:center;align-items: center;}
.swiper-home .swiper-box .container{padding-bottom:50px;}
.swiper-home .swiper-box p{font-size:42px;color:#FFF;font-weight:bold;margin-bottom:30px;}
.swiper-home .swiper-box span{display:inline-block;clear:both;background:#e13131;color:#FFF;font-size:18px;padding:10px 20px;font-weight:normal;cursor:pointer}
.swiper-home .swiper-box span i{margin-left:10px;}
.swiper-home .swiper-pagination{position:absolute;text-align:center;width:100%;bottom:70px;z-index:9}
.swiper-home .swiper-pagination-bullet{width:23px;height:23px;background:url(../images/dot.png) no-repeat;opacity:1;margin-left:3px;outline:none;}
.swiper-home .swiper-pagination-bullet-active{background:url(../images/dotOn.png) no-repeat}
.swiper-home video{position:relative;margin:0;padding:0;z-index:1;width:100%;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;-webkit-filter:opacity(0.8);}
.swiper-home dd{background:#000}
@media (max-width:992px){
.swiper-home .swiper-box .container{padding-bottom:0px;display:block}
.swiper-home .swiper-box p{font-size:14px;margin-bottom:10px;}
.swiper-home .swiper-box span{font-size:12px;padding:6px 10px;}
.swiper-home .swiper-box span i{margin-left:5px;}
.swiper-home .swiper-pagination{bottom:0px;}
.swiper-home .swiper-pagination-bullet{width:12px;height:12px;background:url(../images/dot.png) no-repeat;background-size:12px 12px}
.swiper-home .swiper-pagination-bullet-active{width:12px;height:12px;background:url(../images/dotOn.png) no-repeat;background-size:12px 12px}
}

/*首页小图*/
.homeAd{position:relative;clear:both;margin-top:-60px;z-index:2}
.homeAd .container .homeAdBox{width:33.333%;float:left;padding:20px}
.homeAd .container .homeAdBox.homeAd1{background:#F1F1F1;color:#333}
.homeAd .container .homeAdBox.homeAd1 h1{display:inline-block;font-size:inherit;margin:0;padding:0;clear:none;float:none}
.homeAd .container .homeAdBox.homeAd2{background:#e13131;color:#FFF}
.homeAd .container .homeAdBox.homeAd3{background:#3f3f3f;color:#FFF}
.homeAd .container .homeAdBox h2{padding:10px;text-align:center;font-size:18px;}
.homeAd .container .homeAdBox div{line-height:200%;padding:15px 0 25px 0;}
.homeAd .container .homeAdBox a{display:block;text-align:center;color:#000}
.homeAd .container .homeAdBox a i{margin-left:5px;width:16px;height:16px;border:1px solid #000;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.homeAd .container .homeAdBox.homeAd3 a{color:#FFF}
.homeAd .container .homeAdBox.homeAd3 a i{border:1px solid #FFF}
@media (max-width:1200px){
.homeAd .container .homeAdBox div{height:230px;}
}
@media (max-width:992px){
.homeAd{margin-top:10px;}
.homeAd .container .homeAdBox{width:100%;float:none;}
.homeAd .container .homeAdBox div{height:auto;}
}

/*真实案例*/
.RealCase{padding-bottom:40px;}
.RealCase img{display:block;width:100%;border:1px solid #DDD}
.RealCase p{font-weight:bold;text-align:center;padding:10px;color:#07ad87}

/*郑重承诺*/
.Promise{padding:50px 0;text-align:center;color:#FFF;background-image:url(https://video.divseo.net/bg2.jpg);background-position:center center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.Promise h2{font-weight:bold;font-size:24px;position:relative;padding:15px 0}
.Promise h2:after{content:'';position:absolute;width:50px;margin-left:-25px;height:3px;background:#e13131;bottom:0px;left:50%;}
.Promise ul{margin:0;padding:15px 0;list-style:none}
.Promise ul li{text-align:left;padding:10px 0 10px 25px;font-size:16px;background:url(../images/li.png) 0 13px no-repeat;background-size:20px 20px;}
.Promise a{display:inline-block;padding:8px 30px;border:2px solid #e13131;background:#e13131;color:#FFF}
.Promise a:hover{border:2px solid #FFF;color:#FFF;background:none;}
.Promise a i{margin-left:5px;}
@media (max-width:992px){
.Promise h2{font-size:16px;}
.Promise ul li{font-size:14px;}
}


/*首页客户评价*/
.homeReview{clear:both;padding:0 0 45px 0;position:relative}
.homeReview img{width:100%;border:1px solid #DDD}
.homeReview .swiper-pagination{bottom:10px;text-align:center;width:100%;}
.homeReview .swiper-pagination-bullet{width:8px; height:8px;margin:0 2px;outline:none;}
.homeReview .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#e13131}

/*首页套餐*/
.websiteSelectBox{padding-bottom:50px;}
.websiteSelectBox .websiteSelectBoxT{text-align:center}
.websiteSelectBox .websiteSelectBoxT strong{background:#FFF;border:1px solid #DDD;color:#333;display:inline-block;margin:0 5px;font-size:14px;padding:10px 20px;font-weight:normal;cursor:pointer;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.websiteSelectBox .websiteSelectBoxT strong.active{background:#e13131;color:#FFF;border:1px solid #d32e2e;}
.websiteSelectBox .websiteSelectBoxT i{margin-left:3px;}
.websiteSelectTitle,.websiteSelectDiv{display:none}
.websiteSelectDiv.active{display:block;padding:40px 0 20px 0}
.websiteSelect{background:#FFF;color:#333;width:32%;float:left;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:0 20px;border:1px solid #DDD}
.websiteSelect2{width:32%;margin:0 2%}
.websiteSelect h3{display:block;font-size:18px;text-align:center;color:#FFF;padding:20px 0;margin:0 -20px;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.websiteSelect1 h3{background:#627574;}
.websiteSelect2 h3{background:#34bb9f;}
.websiteSelect3 h3{background:#07ad87;}
.websiteSelect h4{text-align:center;padding:30px 0 25px 0;font-size:14px}
.websiteSelect h4 strong{font-size:36px;color:#333;font-weight:normal}
.websiteSelect h5{line-height:180%;color:#111}
.websiteSelect h5 strong{color:#07ad87}
.websiteSelect h5 p{color:#999}
.websiteSelect div{padding:7px 0;border-bottom:1px solid #EEE;}
.websiteSelect div strong{font-weight:normal;color:#27b060}
.websiteSelect div .fa-close{color:#e13131}
.websiteSelect div i{margin-right:3px}
.websiteSelect dd{display:inline-block;width:110px;}
.ask{width:120px;margin:20px auto;display:block;text-align:center;border:1px solid #07ad87;color:#07ad87;padding:8px 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.ask:hover{background:#07ad87;color:#FFF}
.websiteSelectDIY{width:100%;float:none;clear:both;padding:20px;}
.websiteSelectDIY h2{font-size:20px;text-align:center;clear:both;display:block;padding:20px 0}
.websiteSelectDIY .col-xs-6{text-align:center;padding-bottom:15px;margin-bottom:15px;}
.websiteSelectDIY .col-xs-6 img{padding:0 20px}
.websiteSelectDIY .col-xs-6 strong{display:block;clear:both;padding:5px 0;font-weight:bold}
.websiteSelectDIY .col-xs-6 p{font-size:12px;color:#666;}
.websiteSelectDIY ul{margin:0;padding:0;list-style:none}
.websiteSelectDIY ul li{padding:8px 0}
.websiteSelectDIY ul li strong{display:block;font-weight:bold;color:#333}
.websiteSelectDIY ul li p{color:#666;padding:5px 0;line-height:150%}
@media (max-width:992px){
.websiteSelectBox .websiteSelectBoxT{display:none}
.websiteSelectTitle{display:block;font-weight:normal;font-size:16px;text-align:center;padding:0 0 10px 0;color:#333}
.websiteSelectTitle i{margin-left:5px;}
.websiteSelectTitle.active{color:#e13131}
.websiteSelectBox{padding-bottom:0px;}
.websiteSelectDiv{display:block}
.websiteSelectDiv.active{padding:0}
.websiteSelect{display:none}
.websiteSelect.active{display:block}
.websiteSelect{width:100%;float:none;clear:both;margin:0;margin-bottom:10px;}
}


/*首页案例*/
.homeProduct{ padding-bottom:40px;}
.homeProduct .homeProductT{text-align:center}
.homeProduct .homeProductT strong{background:#FFF;border:1px solid #DDD;color:#333;display:inline-block;margin:0 5px;font-size:14px;padding:10px 20px;font-weight:normal;cursor:pointer;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.homeProduct .homeProductT strong.active{background:#e13131;color:#FFF;border:1px solid #d32e2e;}
.homeProduct .homeProductT i{margin-left:3px;}
.homeProductBox,.homeProductTitle{display:none}
.homeProductBox.active{display:block;padding:40px 15px 20px 15px}
@media (max-width:992px){
.homeProduct .homeProductT{display:none}
.homeProductTitle{display:block;font-weight:normal;font-size:16px;text-align:center;padding:0 0 10px 0;color:#333}
.homeProductTitle i{margin-left:5px;}
.homeProductTitle.active{color:#e13131}
.homeProductBox.active{padding:0 10px;}
.homeProductBox .row{display:none;margin:0}
.homeProductBox .row.active{display:block}
}




/*案例列表*/
.productView{position:relative;padding-right:20%;}
.productView div{margin:0 15px;position:relative;overflow:hidden;height:250px;border:2px solid #333;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.productView div dt{position:absolute;top:0;left:0;width:100%;display:block;height:auto}
.productView dl{display:block;position:absolute;bottom:0px;width:28%;right:0;}
.productView dl dt{padding:13% 6.27% 3% 6.27%;background:url(../images/iphone.png) no-repeat;background-size:cover;box-sizing:no;-moz-box-sizing:no;-webkit-box-sizing:no;}
.productView dl dt img{-webkit-border-radius:0 0 15px 15px;-moz-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px;margin-bottom:8%}
.productList{margin-left:0;margin-right:0;}
.productList .col-xs-12{padding:8px; text-align:center}
.productT{text-align:center;padding-right:18%;}
.productView .pc{clear:both;padding:0;margin:0}
.productA{width:100px;margin:20px auto;display:block;text-align:center;border:1px solid #07ad87;color:#07ad87;padding:5px 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.productA:hover{background:#07ad87;color:#FFF}
@media (max-width:768px){
.productView dl dt img{-webkit-border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px;}
}

.more{width:150px;margin:20px auto;display:block;text-align:center;background:#f1f1f1;color:#888;padding:10px 0;}
.more:hover{background:#07ad87;color:#FFF}

/*内页顶部图*/
.pagePhoto{height:400px;color:#FFF;clear:both;display: flex;justify-content:center;align-items: center;background-position:center center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.pagePhoto h1{font-size:38px;font-weight:bold;}
.mapContainer{background:#000}
#mapContainer1{-ms-filter:alpha(opacity=80);filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;-webkit-filter:opacity(0.8);}
@media (max-width:768px){
.pagePhoto,.mapContainer{display:none}
}



/*首页标题*/
.homeTitle{padding:50px 0 30px 0;text-align:center}
.homeTitle h2{position:relative;display:inline-block;font-size: 24px;font-weight:bold;color:#333}
.homeTitle h2:after{position:absolute;content:'';height:1px;width:80px;top:50%;background:#5c5c5c;right:-110px;}
.homeTitle h2:before{position:absolute;content:'';height:1px;width:80px;top:50%;background:#5c5c5c;left:-110px;}
@media (max-width:992px){
.homeTitle{padding:40px 0 20px 0;}
.homeTitle h2{font-size:16px;}
.homeTitle h2:after{width:30px;right:-40px;}
.homeTitle h2:before{width:30px;left:-40px;}
}







/*TAG和上一个下一个*/
.Tags{clear:both;padding-top:10px;padding-bottom:10px;font-size:14px}
.Tags{margin-right:5px;}
.Tags a{color:#0077b5;text-decoration:underline;font-size:14px}
.PreviousNext{clear:both;padding-top:10px;padding-bottom:10px;}
.PreviousNext a{color:#0077b5;text-decoration:underline;margin-left:5px;}
@media (min-width:992px){
.PreviousNext .next{text-align:right;}
}

/*底部*/
footer{background:#273037;color:#a8adb0; clear:both;font-size: 12px;padding:30px 0 0 0}
footer h2{font-size:16px;color:#FFF; padding:30px 0 10px 0;}
footer .code{text-align: center;padding-top:40px;padding-bottom:20px;}
footer .code p img{width:140px;display:block;margin:0 auto}
footer .footerContact p{font-size:12px; line-height:140%; padding:4px 0; clear:both}
footer strong{font-size:16px; font-weight:300;color:#FFF}
footer ul{margin:0; padding:5px 0; list-style:none}
footer ul li{padding:3px 0;}
footer ul li a{color:#a8adb0;font-size: 12px}
footer ul li a:hover{color:#0cb46a;font-size: 12px}
footer .footerLink li{width:50%;float:left}
footer .footerLink li:nth-of-type(even){text-align:right}
.copy{text-align:center; padding:20px 0;background:#273037;border-top:1px solid #363e45;color:#a8adb0;font-size:12px}
.mainKeyword{clear:both;padding:5px 0 10px 0;text-align:center;}

/*面包屑导航*/
.postion{background:#EEE; padding:10px; position:relative; text-align:left; margin:0 0 15px 0;}
.postion h1{font-size:18px; position:absolute; left:10px; top:50%; margin-top:-10px;}

/*单页文档*/
.pageContent{padding-top:30px;padding-bottom:30px; line-height:180%; font-size:14px;}
.pageContent p{padding-top:5px;padding-bottom:5px;}
.pageContent p,.pageContent td{font-size:14px;}
.pageContent img{padding:10px;}
.pageContent h2{font-size:24px;letter-spacing:-1px;font-weight:bold;display:block; padding-bottom:15px}
.updown{font-size:14px;  padding-bottom:15px;font-weight:bold}
.updown a{color:#e13131;font-size:14px;text-decoration:underline;font-weight:normal}
.updown a:hover{color:#ef4d38;text-decoration:underline}
@media (max-width:768px){
.pageContent{padding-top:20px;padding-bottom:20px;font-size:13px;}
.pageContent h2{font-size:18px}
.pageContent td{width:100%;display:inline-block}
.updown{font-size:12px;}
.updown a{font-size:12px;}
}

/*左侧*/
.leftBox{width:25%;padding-right:15px;float:left;}
.leftBox h2{font-size:18px;text-align:left;padding:10px 0;font-weight:normal;letter-spacing:0}
.rightBox{width:75%;padding-left:15px;float:left;}
.rightBox h1{font-size:24px;text-align:center;padding:10px 0}
@media (min-width:992px){
.topMenu .titles{margin-top:20px;margin-bottom:20px;}
.topMenu .titles .swiper-wrapper{display:block;text-align:center}
.topMenu .titles .swiper-slide{margin:0;padding:0;display:inline-block;width:auto}
.topMenu .titles .swiper-slide .titles_0{color:#333;position:relative;display:inline-block;background:#F9F9F9;border:1px solid #DDD;padding:8px 20px;margin:0 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.topMenu .titles .swiper-slide .titles_0 i{display:none}
.topMenu .titles .swiper-slide .titles_0:hover,.topMenu .titles .swiper-slide .titles_0.active{background:#e13131;border:1px solid #e13131;color:#FFF;}
.topMenu .titles .swiper-slide ul{display:none;}


.leftBox .titles{margin-bottom:20px;}
.leftBox .titles .swiper-wrapper{display:block;}
.leftBox .titles .swiper-slide{border-bottom:1px solid #e8e8e8;padding:8px 0}
.leftBox .titles .swiper-slide .titles_0{color:#333;position:relative;display:block}
.leftBox .titles .swiper-slide .titles_0 i{position:absolute;right:0px;top:50%;margin-top:-6px;}
.leftBox .titles .swiper-slide .titles_0:hover,.leftBox .titles .swiper-slide .titles_0.active{color:#07ad87;}
.leftBox .titles .swiper-slide .titles_0:hover i,.leftBox .titles .swiper-slide .titles_0.active i{color:#07ad87}
.leftBox .titles .swiper-slide ul{margin:0;padding:0 0 10px 5px;list-style:none}
.leftBox .titles .swiper-slide ul i{margin-right:3px;}
.leftBox .titles .swiper-slide ul li{margin:5px 0}
.leftBox .titles .swiper-slide ul li a{color:#666}
.leftBox .titles .swiper-slide ul .titles_1 a:hover,.leftBox .titles .swiper-slide ul .titles_1.active a{color:#07ad87;}
.leftBox .titles .swiper-slide ul .titles_2{padding:0 0 0 15px}


.titlesSub{display:none;width:100%;margin:0;padding:5px;list-style:none;text-align:left}
.titlesSub li{display:inline-block;margin:0 5px 10px 0;}
.titlesSub li a{border:1px solid #DDD;background:#F1F1F1;color:#333;padding:5px 10px;}
.titlesSub li a:hover,.titlesSub li.active a{border:1px solid #07ad87;background:#07ad87;color:#FFF;}

.titlesSub.active{display:none;margin-bottom:20px;}
}
@media (max-width:992px){
.leftBox,.rightBox{width:100%;float:none;}
.leftBox{padding-right:0;}
.leftBox h2{display:none}
.rightBox{padding-left:0;}
.titles {padding:10px 30px 10px 0;overflow:hidden;background:#F1F1F1;margin:-0 -10px 0 -10px;position:relative}
.titles .leftright{width:30px;height:30px;margin-top:-15px;position:absolute;right:0px;top:50%;z-index:9;background:url(../images/leftright.png) center center no-repeat #F1F1F1;background-size:15px 15px}
.titles .swiper-slide{position:relative;display:inline-block;width:auto;}
.titles .swiper-slide .titles_0{display:inline-block;background:none;padding:2px 10px;font-size:12px;color:#333;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.titles .swiper-slide .titles_0.active{color:#e13131;}
.titles .swiper-slide .titles_0:after{display:none}
.titles .swiper-slide i{margin-left:3px;}
.titles .swiper-slide ul{display:none;}


.titlesSub{display:none;width:100%;margin:0;padding:5px;list-style:none;text-align:left;border-bottom:1px solid #EEE}
.titlesSub li{display:inline-block;margin:0 8px 8px 0;}
.titlesSub li a{color:#333;font-size:12px;}
.titlesSub li a:hover,.titlesSub li.active a{color:#07ad87;}

.titlesSub.active{display:none;margin-bottom:20px;}
}

/*新闻*/
.newsList{margin:0 -15px;padding:0;list-style:none;}
.newsList li{width:33.33%;padding:15px;float:left}
.newsList li dd{position:relative;overflow:hidden;border:1px solid #DDD;border-bottom:0}
.newsList li dd:after{content:'';position:absolute;width:0;height:3px;background:#07ad87;left:50%;bottom:0;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.newsList li dd img{width:100%;display:block;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.newsList li:hover dd img{-webkit-transform: scale(1.1);}
.newsList li:hover dd:after{left:0;width:100%;}
.newsList li div{background:#FFF;padding:15px;border:1px solid #DDD;border-top:0;text-align:right}
.newsList li div span{clear:both;color:#BBB;font-size:12px;display:block;text-align:left}
.newsList li div strong{color:#222;font-size:16px;font-weight:normal;padding:10px 0;display:block;text-align:left}
.newsList li a:hover strong{color:#07ad87}
.newsList li div p{height:130px; overflow:hidden;color:#999;line-height:170%;text-align:left;margin-bottom:5px;}
.newsList li .newsA{color:#07ad87}
.newsList li.newsLine{width:100%;float:none;clear:both;padding:3px}
@media (max-width:992px){
.newsList li{width:50%;padding:15px;float:left}
}
@media (max-width:768px){
.newsList{margin:0;}
.newsList li{width:100%;padding:15px 0;float:none;clear:both}
}


.thisphoto img{display:block;clear:both;padding:3px;border:1px solid #EEE;width:100%;}
.newsBox{padding:20px 0 0 60px;position:relative}
.newsBox .calendar{font-weight:normal;position:absolute;width:50px;left:0px;top:20px;background:#EEE;color:#07ad87;padding:15px 0 0 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-align:center;font-size:18px;}
.newsBox .calendar span{display:block;background:#07ad87;color:#FFF;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;margin:10px 0 0 0;font-size:14px;padding:5px 0}
.newsBox .title{color:#222;font-size:28px;font-weight:bold;padding:10px 0;text-align:left}
.newsBox dd{color:#666}
.content{padding:15px 0;line-height:180%;}

@media (max-width:992px){
.newsBox .title{font-size:18px;}
}

/*搜索结果*/
.searchList{margin:0;padding:10px 0;list-style:none;}
.searchList li{border:1px solid #EEE;padding:15px;margin-bottom:10px;clear:both;}
.searchList li img{width:190px;float:left;}
.searchList li.searchHasPic a div{padding-left:200px;}
.searchList li a div h2{color:#333;font-size:16px;font-weight:bold;padding:15px 0 0 0}
.searchList li a:hover div h2{color:#000;text-decoration:underline}
.searchList li a div p{padding:8px 0 0 0;line-height:150%;color:#666}
.searchList li a div span{color:#008000;display:block;padding:10px 0}
@media (min-width:1200px){
.searchList li.searchHasPic img{width:250px;float:left;}
.searchList li.searchHasPic a div{padding-left:270px;}
}
@media (max-width:768px){
.searchList{margin:0;padding:10px 0;list-style:none;}
.searchList li{padding:10px;}
.searchList li.searchHasPic img{width:120px;}
.searchList li.searchHasPic a div{padding-left:130px;}
.searchList li a div h2{font-size:14px;}
.searchList li a div p{font-size:12px;max-height:45px;overflow:hidden;}
.searchList li a div span{display:none}
}





/*表单*/
.homeForm{padding-left:10px;padding-right:10px;}
.validateForm label{font-weight:normal;color:#d90e18;font-size:12px;clear:both;display:block}
.validateForm{clear:both;padding:10px 0 0 0;}
.validateForm table{width:100%;margin:0;padding:0}
.validateForm table td{padding:5px;}
.validateForm input{background:none;border:1px solid #DDD; padding:7px 10px;outline:none;display:block; width:100%;font-size:14px;margin-bottom:10px;}
.validateForm textarea{background:none;border:1px solid #DDD; padding:10px;height:134px;outline:none;display:block; width:100%;font-size:14px;}
.validateForm div{text-align:right;padding:10px 0}
.validateForm button{display:inline-block;padding:7px 45px;border:0;color:#FFF;background:url(../images/go2.gif) right center no-repeat #e13131;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.validateForm button:hover{color:#FFF;border:0;background:url(../images/go2.gif) right center no-repeat #49aaeb;}
@media (max-width:992px)
{
.validateForm textarea{height:120px;}
.validateForm input,.validateForm textarea,.validateForm button{font-size:13px;}
.validateForm button{margin:5px 0;}
.validateForm table td{width:100%;display:inline-block;}
}
@media (max-width:768px)
{
.validateForm textarea{height:100px;}
.validateForm input,.validateForm textarea,.validateForm button{font-size:12px;}
}

/*添加附件按钮*/
.fileinput-button{clear:both}
.fileinput-button span{display:inline-block;padding:5px 15px;border:1px solid #5cb85c;background:#5cb85c;color:#FFF}
.validateForm .viewAttachFiles div{padding:3px;text-align:left;background:#F9F9F9;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:2px}
.viewAttachFiles div .fa-close{cursor:pointer;margin-left:5px;color:#c94618}


.qrcode{display:inline-block; margin-left:10px;position:relative;cursor:pointer}
.qrcode i{font-size:24px}
.qrcode div{position:absolute; padding:10px; background:#FFF; border:1px solid #EEE; right:0;width:170px}
.qrcode div img{width:150px}

.gallery-top{width:100%;}
.gallery-top .swiper-slide{text-align:center;border:1px solid #DDD;background:#FFF;padding:0;}
.gallery-top .swiper-slide img{margin:0}
.gallery-thumbs-box{clear:both;padding:5px 0 0 0}
.gallery-thumbs{width:100%;}
.gallery-thumbs img{cursor:pointer;border:1px solid #DDD}

.product{padding-bottom:30px;}
.productTitle{font-size:24px;font-weight:bold; border-bottom:1px solid #DDD; letter-spacing:-1px; padding:10px 0;line-height:120%}
@media (max-width:992px){
.product{padding-top:15px;}
}


.productContent{padding:30px 0;font-size:14px; line-height:180%; color:#333;}
.productContent a{font-size:14px;}
.productContent h3{color:#e56600;font-size:16px}
@media (max-width:768px){
.productContent{font-size:14px;}
}


/*产品详情页 加入购物车 立即询盘*/
.productButton{clear:both; padding-bottom:15px;}
.productButton a{display:inline-block; padding:5px 15px;font-size:14px;}
.productButton a i{margin-right:5px;}
.productButton a.addBasket{padding:5px 0}
.productButton a.addInquiry{color:#FFF;display:block;padding:12px 25px;background:#e13131;text-align:center;font-weight:bold}
.productButton a.addInquiry:hover{background:#ef4d38}




.classLink{color:#000;font-size:14px;}
.classLink a{color:#0077b5;margin-left:5px;font-size:14px;}
.parameter{padding:15px 0; line-height:160%; font-size:14px;}
.parameter h2{font-size:16px;font-weight:bold;margin-bottom:10px;}
.parameter strong{color:#000;font-weight:normal}
.Inquiry{clear:both; padding:15px 0}
.Inquiry a{display:inline-block; padding:8px 35px;color:#FFF; background:#333}
.Inquiry a:hover{background:#e13131;color:#FFF;}

@media (max-width:768px){
.parameter{font-size:12px;}
.productTitle{font-size:16px;letter-spacing:0}
}

/*左侧热门产品*/
.leftProduct{margin:0; padding:0 10px; list-style:none;border:1px solid #DDD}
.leftProduct li{border-bottom:1px solid #EEE;padding:15px 0}
.leftProduct li img{width:80px; float:left;margin-right:10px}
.leftProduct li p{min-height:80px;padding:0;line-height:140%;display: flex;flex-wrap:wrap;flex-direction: column;justify-content:center;}
.leftProduct li p strong{font-weight:normal;font-size:13px;}
@media (max-width:992px){
.leftProduct{display:none}
}


/*滚动产品*/
.scrollPhoto{padding:10px 0;position:relative;z-index:1}
.scrollPhoto .swiper-slide{display:block;}
.scrollPhoto a img{border:1px solid #EEE}
.scrollPhoto a strong{display:block;font-size:14px;color:#333; padding:10px 0; text-align:center;line-height:150%;}
.scrollPhoto .swiper-next,.scrollPhoto .swiper-prev{width:30px; padding:20px 0;text-align:center;font-size:36px;margin-top:-60px; color:#07ad87; position:absolute;z-index:3;cursor:pointer;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.scrollPhoto .swiper-prev{left:0;top:50%;}
.scrollPhoto .swiper-next{right:0;top:50%;}
.scrollPhoto .swiper-next:hover,.scrollPhoto .swiper-prev:hover{color:#e13131;}
@media (max-width:992px){
.scrollPhoto .swiper-next,.scrollPhoto .swiper-prev{width:20px;line-height:20px;font-size:20px;margin-top:-25px;}
.scrollPhoto .swiper-slide div strong,.scrollPhoto .swiper-slide div p{font-size:12px;}
}


/*产品中心end*/


/*空*/
.nothing{text-align:center; padding:40px }



/*在线客服*/
#cleft_box{display:none;position:fixed;right:0px;top:200px;background:#e13131;z-index:9;padding:20px 3px 5px 3px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#cleft_box .livechat{writing-mode: vertical-lr;writing-mode: tb-lr;font-size:14px;height:125px;line-height:130%;letter-spacing:3px;cursor:pointer;display:none;position:absolute;top:10px;left:-32px;background:#e13131;color:#FFF;padding:15px 0 15px 9px;width:32px;-webkit-border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;}
#cleft_box .livechat .fa-user-circle-o{position:absolute;bottom:8px;color:#FFF}
#cleft_box .fa-close{position:absolute;right:7px;top:4px;cursor:pointer;color:#FFF;}
#cleft_box .chatdiv{min-width:70px;padding:10px 0;background:#FFF;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-align:center}
#cleft_box .chatdiv a{margin-bottom:5px;display:block}
#cleft_box .chatdiv i{background:#e13131;color:#FFF;width:40px;height:40px;line-height:40px;text-align:center;font-size:24px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
#cleft_box .chatdiv .fa-envelope-o{font-size:20px;}
#cleft_box .chatdiv strong{display:block;text-align:center;font-weight:normal;}
#back-top{display:block;color:#FFF;text-align:center}
#cleft_box.active{padding:0}
#cleft_box.active .livechat{display:block}
#cleft_box.active .fa-close,#cleft_box.active .chatdiv,#cleft_box.active #back-top{display:none}
.wechat-live{position:relative;display:inline-block;}
.wechat-live div{width:200px;position:absolute;left:-200px;display:none}
.wechat-live div img{max-width:100%}

.phone-live{position:relative;display:inline-block;}
.phone-live div{width:200px;position:absolute;left:-200px;display:none;background:#FFF;border:1px solid #DDD;padding:15px;font-weight:bold;font-size:18px}


@media (max-width:992px){
#cleft_box{top:150px;}
}





/*分页*/
DIV.black2{PADDING:20px 0; MARGIN: 17px 0 0 0; TEXT-ALIGN: center; clear:both}
DIV.black2 A {BORDER: #ddd 1px solid; PADDING:7px; COLOR: #aaa; MARGIN-RIGHT: 2px;TEXT-DECORATION: none}
DIV.black2 A:hover {BORDER: #e13131 1px solid; color:#e13131; PADDING:7px;MARGIN-RIGHT: 2px;}
DIV.black2 A:active {BORDER: #e13131 1px solid; color:#e13131;PADDING:7px; MARGIN-RIGHT: 2px;}
DIV.black2 SPAN.current {BORDER: #e13131 1px solid; PADDING:7px;COLOR: #FFF; MARGIN-RIGHT: 2px; BACKGROUND-COLOR: #e13131}
DIV.black2 SPAN.disabled {BORDER: #f3f3f3 1px solid;PADDING:7px;COLOR: #ccc; MARGIN-RIGHT: 2px;}


/*网站地图*/
.sitemapBox{ line-height:180%; padding:20px;}
.sitemapBox a{ margin-right:15px;}
.sitemapBox h2{border-bottom:1px solid #DDD; padding:30px 0 10px 0; color:#212a63; font-size:18px; font-weight:bold}
.sitemapBox ul{border:1px solid #DDD; padding:15px;margin:0; list-style:none;background:#f9f9f9}
.sitemapBox ul li{padding:3px 0}
.sitemapBox ul li a{font-weight:bold}
.sitemapBox ul li ul{background:#FFF}
.sitemapBox ul li ul li a{font-weight:300}


/*购物车*/
#basketBox{position:fixed;right:0; bottom:0;width:250px;z-index:100}
#basketBox h2{padding:8px 10px; border:1px solid #707a8d; font-size:14px;background:url(../images/down.png) right center no-repeat #7a8599;cursor:pointer;color:#FFF;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
#basketBox h2 span{color:#fabb16}
#basketBox ul{display:none;margin:0; padding:10px 10px 0 10px; list-style:none; background:#FFF;border:1px solid #EEE;border-bottom:0;}
#basketBox ul li{padding:5px 0;border-bottom:1px solid #EEE;}
#basketBox ul li img{height:50px;float:left}
#basketBox ul li p{min-height:50px;padding-left:60px; line-height:14px;}
#basketBox ul li p a{display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
#basketBox ul li p span{color:#999;cursor:pointer}
#basketBox .basketButton{display:none;clear:both;padding:10px; text-align:right;border:1px solid #EEE;border-top:0;background:#FFF}
#basketBox .basketButton a{display:inline-block;padding:5px 10px;color:#FFF;background:#ff6550;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#basketBox .basketButton a:hover{background:#dc4e41}
#basketBox.active h2{background:url(../images/up.png) right center no-repeat #7a8599;}
#basketBox.active ul,#basketBox.active .basketButton{display:block}

/*站点地图*/
.sitemap{margin:0;padding:0;list-style:none}
.sitemap li{padding:5px 0}
.sitemap li a{color:#2d7bc2;text-decoration:underline}
.sitemap li.map_2{padding-left:20px;}
.sitemap li.map_3{padding-left:40px;}
.sitemap li.map_4{padding-left:60px;}
.sitemap li.map_5{padding-left:80px;}
.sitemap li.map_6{padding-left:100px;}

/*询盘表格*/
.inquiryTable{border:1px solid #EEE}
.inquiryTable th{background:#F9F9F9; padding:8px}
.inquiryTable td{padding:0 8px;border:1px solid #EEE}
.inquiryTable tr:nth-child(odd) td{background:#FbFbFb}
.addmore{clear:both; padding:15px 0 0 0; text-align:right}
@media (max-width:992px){
.inquiryTable{margin-top:15px;}
}

/*图片放大器*/
.zoomDiv {z-index:10;position: absolute;top:0px;left:0px;width:350px;height:350px;background: #ffffff;display:none;text-align: center;overflow: hidden;border:1px solid #CCC;}
.zoomDiv img{width:auto; max-width:none;}
.zoomMask {position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}


/*表格多列*/
@media (max-width:992px){
.table-sm-2 td{display:inline-block;float:left;width:16.66%}
.table-sm-3 td{display:inline-block;float:left;width:25%}
.table-sm-4 td{display:inline-block;float:left;width:33.33%}
.table-sm-5 td{display:inline-block;float:left;width:20%}
.table-sm-6 td{display:inline-block;float:left;width:50%}
}
@media (max-width:768px){
.table-xs-2 td{display:inline-block;float:left;width:16.66%}
.table-xs-3 td{display:inline-block;float:left;width:25%}
.table-xs-4 td{display:inline-block;float:left;width:33.33%}
.table-xs-5 td{display:inline-block;float:left;width:20%}
.table-xs-6 td{display:inline-block;float:left;width:50%}
}

/*分页*/
.pagination{clear:both;width:100%;display:block;text-align:center;padding:15px 0}
.pagination li{display:inline-block;}
.pagination li a,.pagination li a:hover{color:#07ad87}
.pagination li.active a,.pagination li.active a:hover{background:#07ad87;border:1px solid #07ad87}


/*手机菜单*/
.mobileMenu{display:none;}
@media (max-width:992px){
.mobileMenu{display:block;position:fixed;width:100%;height:50px;background:#FFF;border-top:1px solid #EEE;left:0;bottom:0;z-index:998}
.mobileMenu a{display:block;float:left;text-align:center;height:50px;padding:8px 0 0 0}
.mobileMenu a i{font-size:18px;color:#666}
.mobileMenu a strong{display:block;clear:both;font-weight:normal;color:#666}
}