.productdetail2{position:relative;
background:url('../box/bg.jpg'); background-size:auto 930px; background-position:top center;}
@media(min-width:1200px){
.productdetail2 article{padding:0 28px; width:1256px;}
}
@media(max-width:1199px){
.productdetail2 article{padding:0 18px; width:1236px;}
}
@media(max-width:767px){
.productdetail2 article{padding:0 8px; width:auto;}
}
@media(min-width:1200px){
.productdetail2{padding-top:100px;padding-bottom:80px;}
}

@media(max-width:1199px){
.productdetail2{padding-top:80px;padding-bottom:50px;}
}

@media(max-width:767px){
.productdetail2{padding-top:15px;padding-bottom:15px;}
}

.productdetail2 .show-box{float:right; width:699px; position:relative;}
.productdetail2 .show-box>.pc{width:699px; height:391px; padding:20px 100px 48px 92px; background:url('../box/pc_xian_img.png'); background-size:100% 100%;}
.productdetail2 .show-box>.pc span{overflow:hidden; width:100%; height:100%; display:block; background:rgb(255,255,255);}
.productdetail2 .show-box>.pc>span>img{display:block; width:100%; transition:linear 2s;}
.productdetail2 .show-box>.pc>span:hover>img{transform:translate(0,-100%); transition:linear 5s; margin-top:323px;}
.productdetail2 .show-box>.mobile{position:absolute; bottom:-15px; right:10px; width:140px; height:236px; padding:29px 23px 53px 24px; background:url('../box/mobile_xian_img.png'); background-size:100% 100%;}
.productdetail2 .show-box>.mobile span{overflow:hidden; width:100%; height:100%; display:block; background:rgb(255,255,255);}
.productdetail2 .show-box>.mobile>span>img{display:block; width:100%; transition:linear 2s;}
.productdetail2 .show-box>.mobile>span:hover>img{transform:translate(0,-100%); transition:linear 5s; margin-top:154px;}
.productdetail2 .text-box{float:left; width:38%;}
.productdetail2 .text-box .title:after{display:block; content:''; clear:both;}
.productdetail2 .text-box .title h1{font-weight:bold; display:inline-block; font-size:38px;}
.productdetail2 .text-box .title i{display:inline-block; font-size:12px; vertical-align:top; margin-left:4px; 
border-radius:4px; width:40px; font-style:normal; text-align:center; line-height:22px; background:rgb(63,167,110); color:#fff;}
.productdetail2 .text-box span.note{margin-bottom:18px; display:block; color:rgb(255,0,7);}
.productdetail2 .text-box ul{margin-top:24px;}
.productdetail2 .text-box ul li{padding:4px 0; }
.productdetail2 .text-box ul li:hover{opacity:1;}
.productdetail2 .text-box ul li span:first-child{color:#666;}
.productdetail2 .text-box ul li i{display:inline-block; height:18px; line-height:18px; width:28px; border-radius:4px; vertical-align:middle; text-align:center; color:#fff; font-size:12px;}


span.price{font-size:22px; display:block; padding:0 2px; margin:22px 0;}
span.price dfn{display:block; line-height:28px; font-style:normal;}
span.price dfn i{font-size:20px; line-height:28px; vertical-align:bottom;}
span.price dfn strong{font-size:28px; vertical-align:bottom; color:rgb(63,167,110);}
span.price dfn u{font-size:18px; text-decoration:none; vertical-align:bottom;}
span.price dfn del{font-size:12px; color:#888; margin-left:8px; vertical-align:bottom;}
span.price ins{display:block; line-height:22px; font-size:14px; color:#888; margin-top:8px !important;}
span.price ins:before{font-size:12px; line-height:14px; width:14px; height:14px; text-align:center; color:#fff; border-radius:2px; margin-right:4px;
display:inline-block; content:'省'; position:relative; top:-2px; background:#fb8b4a;}
span.price ins i{font-size:12px; } 
span.price ins u{font-size:14px; display:inline-block; text-decoration:none; }



.productdetail2 .text-box ins{margin-top:28px; display:block;}

.productdetail2 .text-box ins a{display:inline-block; line-height:42px; margin-right:18px; padding:0 28px; border:none; border-radius:4px; color:#fff; box-shadow:0 2px 4px rgba(0,0,0,.18);}
.productdetail2 .text-box ins a:hover{opacity:.8;}
.productdetail2 .text-box ins a.blue{background:rgb(65,93,138);}

.productdetail2 .text-box ins a.blues{background:rgba(255,255,255,.38); line-height:38px; color:rgb(65,93,138); border:2px solid rgb(65,93,138);}
.productdetail2 .text-box ins a.blues:hover{color:#fff; background:rgb(65,93,138);}



@media(max-width:1199px){
.productdetail2 .show-box{float:none; margin:0 auto;}
.productdetail2 .text-box{text-align:center; float:none; width:100%; margin-top:28px;}
.productdetail2 .text-box .title h1{font-size:32px;}
}
@media(max-width:767px){
.productdetail2 .show-box{width:100%;}
.productdetail2 .show-box>.pc{width:350px; height:195px; padding:10px 49px 23px 46px; }
.productdetail2 .show-box>.pc span{overflow:hidden; width:100%; height:100%; display:block; background:rgb(255,255,255);}
.productdetail2 .show-box>.pc>span>img{display:block; width:100%; transition:linear 2s;}
.productdetail2 .show-box>.pc>span:hover>img{transform:translate(0,-100%); transition:linear 5s; margin-top:162px;}
.productdetail2 .show-box>.mobile{position:absolute; bottom:-15px; right:10px; width:70px; height:118px; padding:15px 11px 26px 12px; }
.productdetail2 .show-box>.mobile span{overflow:hidden; width:100%; height:100%; display:block; background:rgb(255,255,255);}
.productdetail2 .show-box>.mobile>span>img{display:block; width:100%; transition:linear 2s;}
.productdetail2 .show-box>.mobile>span:hover>img{transform:translate(0,-100%); transition:linear 5s; margin-top:77px;}
.productdetail2 .text-box span.note{margin-bottom:8px;}
.productdetail2 .text-box .title h1{font-size:24px;}
.productdetail2 .text-box ul{margin-top:12px;}
.productdetail2 .text-box ins{margin-top:18px;}
}




.productdetail2 .tag{margin-top:18px; text-align:left;}
.productdetail2 .tag a{display:inline-block; margin-right:8px; border:1px solid #f0f0f0; padding:2px 8px; border-radius:3px;}
@media(max-width:767px){
.productdetail2 .tag{margin-top:8px;}
.productdetail2 .tag a{margin-right:4px; padding:2px 8px;}
}



.productdetail2 .demo-box{position:fixed; top:0; right:0; bottom:0; left:0; z-index:9888888; visibility:hidden; opacity:0; transition:.2s;}
body.demo_productdetail2 .productdetail2 .demo-box{visibility:visible; opacity:1;}
body.demo_productdetail2{height:100%; overflow:hidden;}

.productdetail2 .head-box{position:absolute; top:0; right:0; left:0; z-index:9; height:60px; box-shadow:0 2px 3px rgba(0,0,0,.08); 
border-bottom:1px solid rgb(240,240,240); border-color:; background:rgb(255,255,255); background:;}
.productdetail2 .head-box>a{position:absolute; left:0; top:0; line-height:60px; width:60px; height:60px; text-align:center; font-size:48px; }
.productdetail2 .head-box>article{position:relative; }
.productdetail2 .head-box ul{margin-top:8px; float:left;}
.productdetail2 .head-box ul>li{float:left; width:44px; height:44px; border-radius:44px; cursor:pointer; text-align:center; margin-right:22px;}
.productdetail2 .head-box ul>li.on{background:rgb(41,129,227); color:rgb(255,255,255);}
.productdetail2 .head-box ul>li em{font-size:22px; line-height:44px;}
.productdetail2 .head-box ins{float:right; margin-top:5px;}
.productdetail2 .head-box ins>a{float:left; padding:0 38px; line-height:38px; border-radius:3px; margin-top:6px; border:none;
background:rgb(63,167,110); color:#fff; box-shadow:0 0 4px rgba(0,0,0,.08); transition:.2s;}
.productdetail2 .head-box ins>a:hover{background:rgb(29,213,111);} 

.productdetail2 .iframe-box{position:relative; background:#fff; padding-top:60px; z-index:8; width:100%; height:100%; overflow:hidden;}
.productdetail2 .iframe-box .qrcode{display:none;}
.productdetail2 .iframe-box>.window{background:#666; box-shadow:0 0 38px rgba(0,0,0,.28); position:relative;}
.productdetail2 .iframe-box.pc>.window{width:100%; height:100%;}
.productdetail2 .iframe-box.pad>.window{width:1120px; height:784px; padding:8px 58px 8px 38px; border-radius:10px; margin:40px auto 0 auto;}
.productdetail2 .iframe-box.pad>.window:before{position:absolute; left:15px; top:50%; width:8px; height:68px; margin-top:-34px; border-radius:35px; background:#fff; content:''; box-shadow:inset 0 0 8px rgba(0,0,0,.18);}
.productdetail2 .iframe-box.pad>.window:after{position:absolute; right:10px; top:50%; width:38px; height:38px; margin-top:-19px; border-radius:35px; background:#fff; content:''; box-shadow:inset 0 0 8px rgba(0,0,0,.18);}
.productdetail2 .iframe-box.mobile>.window{width:428px; height:768px; padding:28px 8px 48px 8px; border-radius:10px; margin:40px auto 0 auto; position:relative;}
.productdetail2 .iframe-box.mobile>.window:before{position:absolute; top:10px; left:50%; width:48px; height:8px; margin-left:-24px; border-radius:35px; background:#fff; content:''; box-shadow:inset 0 0 8px rgba(0,0,0,.18);}
.productdetail2 .iframe-box.mobile>.window:after{position:absolute; bottom:5px; left:50%; width:38px; height:38px; margin-left:-19px; border-radius:35px; background:#fff; content:''; box-shadow:inset 0 0 8px rgba(0,0,0,.18);}
.productdetail2 .iframe-box.mobile>.window .qrcode{display:block; position:absolute; left:110%; top:30%; width:234px; background:#fff; border-radius:10px; overflow:hidden;}
.productdetail2 .iframe-box.mobile>.window .qrcode span{display:block; text-align:center; padding:18px 0 0 0;}
.productdetail2 .iframe-box>.window>iframe{width:100%; height:100%; border:none;}

@media(max-width:1199px){
.productdetail2 .demo-box{display:none;}
}



  
.about{position:relative;}
.about.g{background:#fbfcfd;}
@media(min-width:1200px){
.about{padding-top:30px;padding-bottom:50px;} 
}
@media(max-width:1199px){
.about{padding-top:20px;padding-bottom:40px;} 
}
@media(max-width:767px){
.about{padding-top:15px;padding-bottom:15px;} 
}


.about4{position:relative; }
@media(min-width:1200px){ 
.about4{padding-top:30px;padding-bottom:50px;}
}

@media(max-width:1199px){
.about4{padding-top:20px;padding-bottom:30px;} 
}
@media(max-width:767px){ 
}
.about4 .list-box{} 
.about4 .list-box ul{}
.about4 .list-box ul li{margin-top:18px;}
.about4 .list-box ul li:first-child{margin:0;}
.about4 .list-box ul li b{font-weight:normal; display:block;}
.about4 .list-box ul li p{}
.about4 .list-box ul li b:after{display:block; content:''; clear:both;}
.about4 .list-box ul li p:after{display:block; content:''; clear:both;}
.about4 .list-box ul li i{font-style:normal; font-weight:bold; margin:4px 4px 0 0; font-size:24px; line-height:30px; float:left;}
.about4 .list-box ul li b i{color:rgb(63,167,110);}
.about4 .list-box ul li p i{color:rgb(29,213,111);}
.about4 .list-box ul li strong{font-weight:normal; margin-top:6px; float:left; padding:0 4px; }
.about4 .list-box ul li span{display:block; padding-top:6px;}
.about4 .list-box ul li b span{color:;}
@media(max-width:767px){
.about4 .list-box ul li,
.about4 .list-box ul li:first-child{margin-top:8px;}
}


 

.subtitle{position:relative;}
.subtitle.g{background:#fbfcfd;}
@media(min-width:1200px){
.subtitle{padding:50px 0 0; }
}
@media(max-width:1199px){
.subtitle{padding:30px 0 0;}
}
@media(max-width:767px){
.subtitle{padding:15px 0 0;}
}
.subtitle .title-box{position:relative; padding-left:18px;}
.subtitle .title-box:after{display:block; content:''; clear:both;}
.subtitle .title-box:before{position:absolute; content:''; left:0; top:6px; bottom:4px; width:4px; background:rgb(65,93,138);}
.subtitle .title-box h3{font-weight:bold; font-size:20px;}
.subtitle .title-box p{ }
.subtitle .title-box a{position:absolute; top:50%; right:0; line-height:18px; margin-top:-8px;}



.service3{position:relative; background:#fbfcfd; padding:48px 0;}
.service3 .list-box{ }
.service3 .list-box:after{display:block; content:''; clear:both;}
.service3 .list-box>ul{margin:-28px;}
.service3 .list-box>ul>li{float:left; width:33.333%; padding:28px;}
.service3 .product-box{position:relative;}
.service3 .product-box>.pc{border-radius:6px; box-shadow:0 2px 4px rgba(0,0,0,.18);}
.service3 .product-box>.pc strong{display:block; height:38px; background:#f8f8f8; border-top-left-radius:8px; border-top-right-radius:8px; position:relative; overflow:hidden;
background:-webkit-gradient(linear, top, bottom, color-stop(0%,#fff), color-stop(100%,#f0f0f0));
background:-moz-linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
background:-webkit-linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
background:-o-linear-gradient(to bottom, #fff 0% #f0f0f0 100%);
background:-ms-linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
background:linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);}
.service3 .product-box>.pc strong em{position:absolute; line-height:38px; top:0; font-size:13px; color:#585858; opacity:.8;}
.service3 .product-box>.pc strong em.fa-arrow-left{left:10px;}
.service3 .product-box>.pc strong em.fa-arrow-right{left:32px;}
.service3 .product-box>.pc strong em.fa-repeat{left:54px; font-size:14px;}
.service3 .product-box>.pc strong em.fa-ellipsis-v{right:16px;}
.service3 .product-box>.pc strong p{background:#eee; margin:4px 32px 4px 80px; border-radius:88px;}
.service3 .product-box>.pc strong p:after{display:block; content:''; clear:both;}
.service3 .product-box>.pc strong p i.fa-unlock-alt{float:left; line-height:30px; font-size:12px; margin:0 6px 0 12px;}
.service3 .product-box>.pc strong p a{float:left; line-height:30px; font-weight:normal; font-size:12px; color:#585858; opacity:0; transition:.3s;}
.service3 .product-box>.pc:hover strong p a{opacity:1;}
.service3 .product-box>.pc strong p a:hover{color:rgb(65,93,138);}
.service3 .product-box>.pc strong p b span{color:#888;}
.service3 .product-box>.pc strong p i.fa-star-o{float:right; line-height:30px; font-size:12px; margin:0 8px 0 0;}
.service3 .product-box>.pc>span{display:block; height:288px; overflow:hidden; background:rgb(255,255,255);}
.service3 .product-box>.pc>span img{display:block; width:100%; transition:linear 2s;}
.service3 .product-box>.pc>span:hover img{transform:translate(0,-100%); transition:linear 5s; margin-top:248px;}
.service3 .product-box>.text{padding:18px 8px 0 8px;}
.service3 .product-box>.text>h3{white-space:nowrap; font-weight:bold; font-size:20px; text-overflow:ellipsis; overflow:hidden;}
.service3 .product-box>.text>p{color:#585858;}
.service3 .product-box>.text>ins{float:right; margin-top:12px;}
@media(max-width:1200px){
.service3{padding:38px 0;}
.service3 .list-box>ul{margin:-9px;}
.service3 .list-box>ul>li{padding:9px; width:50%;}
.service3 .product-box>.pc{box-shadow:0 0 18px rgba(0, 0, 0, .18);}
.service3 .product-box>.text>ins>a span{display:none;}
}
@media(max-width:767px){
.service3{padding:18px 0;}
.service3 .list-box>ul{margin:-4px 0;}
.service3 .list-box>ul>li{width:100%; padding:4px 0;}
.service3 .product-box>.pc{box-shadow:0 0 8px rgba(0, 0, 0, .18);}
.service3 .product-box>.pc>span{height:238px;}
.service3 .product-box>.text{padding:8px 0;}
.service3 .product-box>.text>h3{font-size:18px;}
.service3 .product-box>.text>p{font-size:14px;}
.service3 .product-box>.text>ins{margin-top:10px;}
.service3 .product-box>.text>ins>a{line-height:34px; font-size:14px; padding:0 8px;}
}