@charset "utf-8";
/* CSS Document #ff4b50  #007fff*/
html{scroll-behavior: smooth;}
body{width:100%;overflow-x: hidden; font-size:14px; color: #666; font-family:"Microsoft YaHei","Arial","SimHei","SimSun",sans-serif;;}
ol,ul,li{list-style:none;}
*{margin: 0;padding: 0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
body,ul,li,input,h1,h2,h3,h4,p,span,b,dl,dt,dd,header,menu,section,footer,nav,article,ol,button,h5,h6{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;} 
h2{line-height: 1em}
img{border:0;max-width: 100%;height: auto;vertical-align: middle;}
em,i{ font-style:normal;}
a{ text-decoration:none;color: #000;transition: 0.3s;}
a:hover{ text-decoration:none;color: #06c;}
table{border:0;margin: auto;border-collapse:collapse;border-spacing:0;width:100%!important;}
table p{text-indent:0!important;}
table td, table th{border:1px solid #eee;max-width:100%!important;}
td{ padding:3px 5px;}
iframe,embed{max-width:100%!important;min-height: 440px;height: initial;}
img.zoom{
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;}
img.zoom:hover{
  -webkit-transform: scale(1.15);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.15);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;}
.fa-ico{
text-align:center;margin-top:48px;-webkit-transition: all 800ms ease-out;
-moz-transition: all 800ms ease-out;
transition: all 800ms ease-out;}
.fa-ico:hover{-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
transform: rotateY(360deg);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;}
.clearf:after,.clearf:before{content:"";display:block; }
.clearf:after {clear:both;}
.clearf{zoom:1;}
.hs{color: #ff4b50;}
.jh{color:#ff6600;}
.bs{color: #fff;}
.mr{width: 100%; max-width:1200px; margin:0 auto;}
.wr{max-width: 1200px;margin: 0 auto; }
.ov{width: 100%;text-align: left;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.source .a, .source .b, .source .c, .source .d, .source .e{display: inline-block;font-size: 12px; line-height: 24px; padding-left: 18px;
background: url(../images/abc.png) no-repeat;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;}
.source .a{background-position: 0px -0px;}
.source .b{background-position: 0px -24px;}
.source .c{background-position: 0px -48px;}
.source .d{background-position: 0px -72px;}
.source .e{background-position: 0px -96px;}
@media screen and (max-width: 780px){
body{color: #333;}
a{color: #333;}
}
.wap{display: none;}
.pc{display: inline-block;}
@media screen and (max-width: 750px){
.wap{display: block;}
.pc{display: none;}
}

/*视频*/
.videoButton {}
.videoButton:hover{}
.video-mask {
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10000;
  display: none; }
.close-mask {
  color: #666;
  font-size: 30px;
  position: absolute;
  height: 40px;
  width: 40px;
  border:1px solid #fff;border-radius: 50px;
  text-align: center;
  line-height: 35px;
  right: 10px;
  top: 10px;
  cursor: pointer;
  z-index: 5555; }
.close-mask:hover {color: #ff595f;border:1px solid #ff595f;}
.video-info {
  width: 960px;
  margin: 0 auto;
  display: block; }

/* biandan */
.amform{width: 600px; max-width: 90%;height: auto!important; background: #fff;padding: 50px 25px;border-radius: 10px;}
.amform table{border: 1px solid #ccc;}
.amform table img{height: auto!important;}
.amform table td i, .amform table .hs{color: #f00;}
.amform input{height: 30px;line-height: 30px;border: 1px solid #ccc;padding-left: 10px;vertical-align: middle;margin: 5px auto;}
.amform ul li input{width: 100%;}
.amform .coolbg{display: block;max-width: 360px; width: 100%;height: 46px;border-radius: 35px;font-size: 18px;
  background-color: #c10013;color: #fff;margin: 20px auto 5px;cursor: pointer;}

.amform h2{display: block;color: #000; line-height: 1.5em;font-weight: bold; text-align: center;}
.amform ul{}
.amform ul li{overflow: hidden;line-height: 30px;}
.amform ul li .left{float: left; width: 20%; padding: 10px;}
.amform ul li .right{float: right;width: 80%; padding: 10px;}
.amform ul li textarea{min-height: 80px; border: 1px solid #ccc;}
.amform .hs{color: #f00;}
@media screen and (max-width: 780px){
.amform{margin: 100px auto 0 auto!important;padding: 30px 10px;}
.amform ul li{margin: 5px auto;}
.amform ul li .left, .amform ul li .right{width: 100%;padding: 0 10px;}
}


/*幻灯片M*/
@media screen and (max-width: 750px){
.datu_sy{width: 100%; position: relative;}
.datu_sy .wen{width: 100%;padding: 0 10%;text-align: center; position: absolute;top: 2rem;}
.datu_sy .wen img{width: 2.2rem;}
#ding .datu_sy .wen img{width: 3rem;}
.datu_sy .wen h3{display: block; font-size: 26px;color: #000;letter-spacing: 1.3px;text-align: center;padding:0.6rem 0.3rem 0.2rem;}
.datu_sy .wen p{font-size: 16px;color: #333;line-height: 1.8em;}
.datu_sy .wen a.amqiao{background: #007fff;color: #FFF;border: 1px solid #2984EF;}
.datu_sy .wen a.biaodan{background: #eee;color: #2984EF;border: 1px solid #2984EF;}
.datu_sy .wen a.signin{color: #2984EF;font-size: 22px;border:none;}
.datu_sy .tu{width: 100%;z-index: 1;}
}
/*@幻灯片M*/

.navbar-show li.b-active a{color: #268AE6;}
.navbar-show li.b-active .dropdown-menu a{color: #171b26;}
.b-active > a,.c-active a{color: #268AE6 !important;}
.more{width: 100%;}
.weizhi{height: 40px; line-height: 40px;font-size: 14px;}
.weizhi a{padding: 0 0px;}
.weizhi a:hover{text-decoration: underline;}
.weizhi span{font-weight:bold;}

.so_bj{max-width:initial; overflow: hidden;padding: 0 3%;
    background:#88c5ff;
    background:-moz-linear-gradient(top,#c3e1ff 0%,#88c5ff 100%);
    background:-webkit-linear-gradient(top,#c3e1ff 0%,#88c5ff 100%);
    background:linear-gradient(to bottom,#c3e1ff 0%,#88c5ff 100%);}
.sousuo{margin: 30px auto;overflow: hidden;position: relative;}
.sousuo{max-width: 450px;width: 100%;}
.sousuo .shuru{width: 100%;padding-left: 15px;font-size: 14px;}
.sousuo .shuru, .sousuo .sou{color: #666;border:1px solid #dedede;height: 42px;outline: none;}
.sousuo .sou{width: 50px;border:0;cursor: pointer;background: url(../images/so.png) no-repeat center;background-size: 26px;
    position: absolute;right: 0;transition: 0.3s;z-index: 2;}
.sousuo .sou:hover{}
@media screen and (max-width: 750px){
.weizhi{font-size: 12px;}
.sousuo{width:80%;}
}

.anniu a{display: inline-block;width: 150px;height: 40px; line-height: 40px; font-size: 16px;margin: 10px auto;border: 1px solid #ff4b50;text-align: center;transition: 0.3s;
  color: #FFF;}
.anniu a:hover{width: 160px;}
.anniu a.tryout{background-image: linear-gradient(-190deg,#e03d35 0,#ff797d 100%);}
.anniu a.tryout:hover{background-image: linear-gradient(-190deg,#ab002f 0,#fb4d4d 100%);}
.anniu a.shipin{color: #fff; border: 1px solid #00aef3;background: #00aef3;}
.anniu a.shipin span{padding-left: 30px;background:url(../images/tv.png) no-repeat left;background-size: 20px;}
.anniu a.shipin:hover{background-image: linear-gradient(-190deg,#ab002f 0,#fb4d4d 100%);border: 1px solid #ff4b50;}
a.zixun{display: inline-block;font-size: 18px;border-radius: 100px; padding: 10px 80px;color: #fff;border: 1px solid #fff; transition: 0.3s;}
a.zixun:hover{color: #333;padding: 10px 100px;background-image: linear-gradient(-190deg,#ff777b 0,#ffe1e1 90%);border: 1px solid #ff777b;}
@media screen and (max-width: 750px){
a.zixun{font-size: 16px;padding: 6px 40px;}
.anniu a:hover{width:initial;}
}
/*beader*/
.navbar{background: #fff;animation-duration: 2s;transition: 0.3s;border-bottom: 1px solid #ccc;}
.navbar-header{width: 180px;height: 60px; float: left;margin: 10px 0;}
.navbar-fixed-top{position: fixed;right: 0;left: 0;top: 0;z-index: 1030;
/*  -moz-box-shadow:2px 2px 8px rgba(14, 33, 86, 0.6);
  -webkit-box-shadow:2px 2px 8px rgba(14, 33, 86, 0.6);
  box-shadow:2px 2px 8px rgba(14, 33, 86, 0.6);*/
}
.navbar-brand{width: 100%;height: 100%;display: block;position:relative;}
.navbar-brand img{width: 1.8rem;position:absolute;top:50%;transform: translate(0,-50%);-ms-transform: translate(0,-50%);}
.navbar-fixed-top .navbar-header{background:url(../images/logo2.png) no-repeat; background-size: auto 100%;}
.navbar-show .navbar-header{background:url(../images/logo.png) no-repeat!important;background-size: auto 100%!important;}
@media screen and (max-width:1024px){
.navbar-header{width: 160px;height: 50px;margin: 5px 0 5px 5px;padding-left:3%;}
}
@media screen and (max-width:640px){
.navbar-brand img{width: 2.3rem;}
}

.header{padding-top: 80px;background:url(../images/banner_yx.jpg) no-repeat center #e33b38;background-size:cover;}
.banner_top{ padding: 80px 3% 120px;color:#FFF;}
.banner_top h2{ font-size:35px; color:#fff; font-weight:bold;letter-spacing:.2em;}
.banner_top p{font-size:18px;line-height: 1.6em; margin-top:20px;}
/*扩大触发*/
.navbar.navbar-show{background: #fff!important;border: 1px solid #eee!important; animation-duration: 2s;
  transition: 0.3s;
  -moz-box-shadow:2px 2px 6px rgba(102, 102, 102, 0.6);
  -webkit-box-shadow:2px 2px 6px rgba(102, 102, 102, 0.6);
  box-shadow:2px 2px 6px rgba(102, 102, 102, 0.6);}
.navbar.navbar-show #nav .signin-btn {border-color: #61B3FF;color: #61B3FF; }
.navbar-nav{float: left;}
.navbar-nav > li {float: left}
#nav{float:right;}
#nav .signin-btn {border-color: #fff;}
.nav > li{position: relative;display: block;float: left;margin: 5px; color: #fff;font-size:16px;}
.nav > li:last-child{}
.nav > li > a{position: relative;display: block;line-height: 70px;padding:0 15px;}
.nav > li > a:hover, .nav > li.on a{color: #236DEF!important;}
.navbar-show .nav > li > a{color: #171b26;}
.container{width: 100%; max-width: 1200px;margin: 0 auto;overflow:hidden;}
.caret{display: inline-block;width: 0;height: 0;margin-left: 2px;transition: 0.5s;
  border-width:4px 4px 0px;border-style:solid;border-color:#fff transparent #fff;}
.navbar-show .caret{border-color:#666 transparent #666;}



.box{max-width: 1300px;padding:60px 0 50px 160px;margin: 0 auto;overflow: hidden;}
.box h4, .box2 h4{line-height:2em; font-size:30px;font-weight: bold; color:#333;text-align: center;padding-top: 30px;}
.box p{line-height: 2em;}
.box2{max-width: inherit;width: 100%;/*padding:60px 0 90px;*/}
.box2 .biaoti{max-width: 1300px;/*padding-left: 160px;*/}
.box3{max-width: inherit;width: 100%;}
.box3 .biaoti{max-width: 1300px;padding: 0px 0px 50px 160px;}
.box2n{max-width: 1300px;padding-left: 160px;margin: 0 auto;}
.biaoti{padding: 20px 0 20px;margin: 0 auto; text-align: center;}
.biaoti h1{font-size: 34px;font-weight: bold;color: #333;line-height: 2em;}
.biaoti h2, .biaoti h3 .biaoti h4{font-size: 34px; font-weight: 500;line-height: 1.5em;color: #333;}
.biaoti p{font-size: 16px; line-height: 1.5em;padding:10px 2%;}
@media screen and (max-width: 780px){
.biaoti p{font-size: 14px; line-height: 1.5em;}
}

/*xiala caidan*/
.dropdown-toggle:hover+.Catalog{display:block}
.Catalog:hover{display:block}
.dropdown-menu{width: 140px;padding: 10px 0; z-index: 1000;display: none;text-align: center;list-style: none;background: #eee;
  position: absolute;
  top: 100%;
  left: -50%;
  margin-left: 50px;
  float: left;
  border-radius: 4px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}
.dropdown-menu a{display: inline-block;width: 90%;line-height: 30px;margin: 5px 0;}
.dropdown-menu a.on, .dropdown-menu a:hover{color: #fff;background: #268AE6;}
.dropdown-menu span.caret{position: absolute;top: -10px;left: 50%;margin-left: -10px;
  border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #eee;}

.signin-btn{display: inline-block;overflow: hidden; margin-top:22px;margin-left:20px;}
.signin-btn a{display: inline-block;height: 36px;line-height: 36px;padding: 0 10px;font-size: 16px; border-radius:5px;}
.signin-btn a.signup{ color:#fff;background:#ff4b50;}
.signin-btn a.deng{ color:#ff4b50;}
.signin-btn a:hover{ opacity:0.8;}
.signin-btn a:first-child{margin-right:.5em;}
.navbar-show .signin-btn a{border: 1px solid #333;color: #171b26;}
.navbar-show .signin-btn a:hover{border-color: #ffb600;color: #ffb600;background: #ffb600;}
.signin-btn a.signup{}


.zuoyou{text-indent: initial;}


/*yema*/
.yema{width:100%;overflow: hidden;margin:20px auto;}
.yema ul{padding: initial;background: initial;}
.yema-you{ float:right;}
.yema li{float:left;background:#FFF;color: #666; border:1px solid #d0d0d0;margin:0 5px;text-align:center;}
.yema li a{ color:#666;display:block;padding:5px 10px;}
.yema li a:hover, .yema li.active a{color: #FFF;}
.yema li:hover, .yema li.active{background:#007fff;border:1px solid #007fff;color: #fff;}
.yema .thisclass{background:#007fff;color:#FFF;}
.yema .thisclass{padding:5px 10px;}
.yema .pageinfo{padding:5px 10px; display: block;}
.yema_sou{overflow: hidden;margin:20px auto;}
@media screen and (max-width: 650px){
.yema li{margin:0 3px;}
.yema li:first-child, .yema li:last-child{display:none;}
}
/*shipin*/
.video-mask{display: none;}

/*xuanfu*/
.nav-height{position:relative;}
.nav-wrap{height: 0px;position: relative;top: 80px;z-index: 9999;}
.nav-wrap.navFix{position: fixed;z-index: 99999;animation-duration: 2s;} 
.nav-wrap ul{width: 140px;padding: 20px 0; display: block;position: absolute;left: 10px;}
.nav-wrap ul li{}
.nav-wrap ul li a{display: inline-block;width: 100%;height: 40px;color: #333; line-height: 40px;margin: 20px 0; text-align: left;position: relative;
  background:url(../images/om.png) no-repeat left;background-position: 0 -40px;}
.nav-wrap ul li a:hover, .nav-wrap ul li a.active{color: #ff4b50;background-position: 0 0;}

.nav-wrap ul:before{content: "";display: inline-block;width: 2px;height: 100%;background: #ccc;position: absolute;top: 5px;right: 7px;}
.nav-wrap ul li a:before{content: "";display: inline-block;width: 6px;height: 6px;background: #ccc;border: 3px solid #fff;border-radius: 50px;
position: absolute;top: 50%;right: 2px;margin-top: -6px;}
.nav-wrap ul li a.active:before{width: 10px;height: 10px;border: 3px solid #ff4b50;background: #fff;right: 0px;margin-top: -8px;}
.nav-wrap ul li span{float: left;display: block;width: 79%; line-height:40px;font-size:18px;text-align:center;}
.nav-wrap ul .l_weiixn{ width:86px; font-size:14px; text-align:center; color:#6EAFDC;}
.nav-wrap ul .l_weiixn img{ width:100%;}
.navnone{display: none;transition: 0.5s;}

ul.dd{margin: 0px 0 0px 25px;}
ul.dd li{margin-left: -5px;list-style: disc;line-height: 2em;font-size: 14px;}

/*footer*/
.footer {position: relative;overflow: hidden;width: 100%;background: #313845;}
.footer ul li:nth-child(1){ padding-bottom: 12px;font-size: 18px;}
.footer ul li{ padding:2px 5px;color: #d7d8d9;font-size: 16px;}
.footer ul a{}
.footer ul a:hover{color:#f60;text-decoration: underline;}
.cjiang{display: none; width: 200px;height: 200px; overflow: hidden; position: fixed; right: 10px;bottom: 0;z-index: 9999;}

.wuyou{background: #121315;}
.wuyou ul{display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;padding: 30px 0;position: relative;}
.wuyou ul li{text-align: center;}
.wuyou ul li span{display: inline-block;font-size: 16px;line-height: 35px;color: #fff; }
.wuyou ul li i{float: left;display:block;margin-right: 10px; width: 35px;height: 35px; background:url(../images/wy.png) no-repeat;background-size: 35px auto;}
.wuyou ul li:nth-child(1) i{background-position: 0px 0px;}
.wuyou ul li:nth-child(2) i{background-position: 0px -35px;}
.wuyou ul li:nth-child(3) i{background-position: 0px -70px;}
.wuyou ul li:nth-child(4) i{background-position: 0px -105px;}
.wuyou ul li:nth-child(5) i{background-position: 0px -140px;}
.wuyou ul li p{font-size: 16px;color: #666;}
@media screen and (max-width: 1024px){
.wuyou ul{grid-template-columns: repeat(2, 1fr);}
.wuyou ul li:nth-child(4){display:none;}
}
@media screen and (max-width: 650px){
.wuyou ul li i{float: initial;margin: 0 auto;}
.wuyou ul li span{font-size: 14px;}
}


/*友情链接*/
.links{overflow:hidden;padding: 20px 0;font-size:14px;margin-bottom: 20px;}
.links span{font-weight:bold;color:#7f7f80;}
.links p{line-height:24px;text-align:left; }
.links a{color:#7f7f80;margin:0 5px;}
.links a:hover{color:#f60;text-decoration: underline;}

.bottomNave{max-width: 1200px;display: flex; margin: 0 auto;padding: 20px 0;}
.bottomNave:after { content: "."; display: block; height: 0; clear: both;  visibility: hidden}
.bottomNave ul{float: left;width: 17.5%;}
.bottomNave ul.xian{width: 0px;height: 140px;border-right: 1px solid #4b5054;}
.bottomNave ul li a{font-size: 14px;color: #c0c8d6;}
.bottomNave ul li a:hover {text-decoration: underline;}
.bottomNave ul li:nth-child(1){ padding-bottom: 12px;font-size: 18px;}
.bottomRight{ float: right; width: 30%;color: #c0c8d6;padding: 8px 0;text-align: justify;}
.bottomRight p{height: 25px;display: table;padding-left: 35px;margin-bottom: 10px;font-size: 14px;position: relative;
  background:  url(../images/icon.png) left no-repeat;background-size: 25px;}
.bottomRight p.icon-1{background-position: 0 0px;}
.bottomRight p.icon-2{background-position: 0 -25px;}
.bottomRight p.icon-3{background-position: 0 -50px;}
.bottomRight p.icon-4{background-position: 0 -75px;}
.bottomRight p.icon-3:before{width: 0; content:url(../images/weixin.png);position:absolute;left:30px;top:50%;margin-top: -60px;z-index: 10;transition: 0.3s;overflow: hidden;}
.bottomRight p.icon-3:hover:before{width: 130px;}
.bottomRight p span{display:table-cell;vertical-align:middle; }
.bottomRight p.icon-4 span{font-size: 15px;}
@media screen and (max-width: 650px){
.bottomNave, .links{display: none;}
.bottomRight{display: none;}
border-top{border:none;}
}


.address{width:100%;color: #c0c8d6;border-top:1px solid #4b5054;padding: 5px 0;}
.address .mr{overflow: hidden;padding: 10px; font-size: 12px;text-align: center;}
.address .wen{}
.address .wen a{color: #c0c8d6;}
.address .meiti{float: right;}
.address .meiti span{float: left;}
.address .meiti a{display: inline-block; width: 35px;height: 35px; margin-left: 2px;opacity: 0.7;transition: 0.3s;
  background: url(../images/icon.png) no-repeat;background-size: 35px;}
.address .meiti a.icon-5{background-position: 0 -140px;}
.address .meiti a.icon-6{background-position: 0 -174px;}
.address .meiti a.icon-7{background-position: 0 -205px;}
.address .meiti a.icon-8{background-position: 0 -240px;}
.address .meiti a.icon-9{background-position: 0 -272px;}
.address .meiti a.icon-10{background-position: 0 -306px;}
.address .meiti a.icon-11{background-position: 0 -338px;}
.address .meiti a.icon-12{background-position: 0 -371px;}
.address .meiti a:hover{opacity: 1.0;}
@media screen and (max-width: 750px){
.address{padding: 10px 2%;border:none;}

}

/*banner*/
.banner{width:100%;padding: 70px 5%;background:url(../images/banner_yx.jpg) no-repeat center #e33b38;background-size:cover;text-align: center;overflow: hidden;}
.banner h2{font-size: 30px;color: #fff;}
.banner a{margin-top: 30px;background:#fb6969;border:none;}
.banner a:hover{color:#fff; background:#fb6969;border:none;}
.banner p{color: #fff;padding-top: 15px;}
@media screen and (max-width: 750px){
.banner{padding: 40px 2%;}
.banner h2{font-size: 18px; line-height: 1.4em;}
.banner a{margin-top: 15px;}
.banner_top{height: 200px; padding:20px 5%;}
.banner_top h2{font-size: 24px;letter-spacing:initial;}
.banner_top p{font-size: 14px;}
}


/*价格计算*/
.jisuan{width: 100%;background: #236DEF;padding:60px 3%; position: relative;}
.jisuan:before{width: 120px;height: 120px; background:url(../images/kou.png) no-repeat;background-size: 100% auto; position: absolute;left: 25%;top: -5px;}
.jisuan .biaoti{padding: 0px;color:#fff;}
.jisuan .biaoti h2{color:#fff;}
.jisuan ul{max-width: 600px;padding: 10px 2%;background:#fff;border-radius: 5px; overflow: hidden;}
.jisuan.dj ul{margin: 10px auto;}
.jisuan .mr ul{margin: 0 auto;}
.jisuan li{float: left;width: 100%;margin: 6px auto;}
.jisuan li.zz{text-align:center;}
.jisuan li .tijiao{width: 100%;max-width: 220px;height: 44px;background:#ee4341;color: #fff; line-height: 44px;border-radius:6px;cursor: pointer;border: none;}
.jisuan li .tijiao:hover{color: #fff; background: #ef4341;}
.jisuan li p.hui{font-size: 16px;color: #ee4341;line-height: 36px;}
.jisuan li.cu{font-size: 14px;line-height: 1.5em;color: #5ABA95;}
.zxleft{float: left;width: 825px;background: #fff;padding-top: 35px;min-height: 455px;}
.p-o{float: left;width: 70px;font-size: 14px;color: #333;line-height: 36px; text-align: right;}
.p-o-v{float: left;color: #ee4341;font-size: 12px;line-height: 28px;}
.del-m-r{float: left;margin-left: 10px;width: -webkit-calc(100% - 80px);width: -moz-calc(100% - 80px);width: calc(100% - 80px);}
.del-m-r.coun{width: initial;}
.del-m-r p{width: 31.3333%;max-width: 130px; height: 36px;margin-right: 2%;line-height: 36px; text-align: center;background: #8ab7eb;color: #fff;font-size: 14px;cursor: pointer;float: left;overflow:hidden; position: relative;border-radius: 5px;-webkit-transition: all .3s;-moz-transition: all .3s; -o-transition: all .3s;transition: all .3s;}
.del-m-r .no{display:none;}
/*.del-m-r.r4 p{width: 23.5%;}*/
.del-m-r p:last-child{margin-right: 0;}
.del-m-r p:hover{color: #fff; background: #007fff;}
.del-m-r .on{color: #fff; background: #007fff;}
.del-m-r .inp-o{float: left;width:100%;max-width: 280px;height: 34px;line-height: 34px;border: 1px solid #dbdbdb;background: #fff;padding: 0 10px; font-size: 14px;color: #666;margin-right: 10px;}
.msg2{color: #999;text-indent: 3px;}
.msg1{color: #ee4341;text-indent: 3px;}
.coun{margin-right: 10px;border: 1px solid #dcdcdc;float: left;border-radius: 3px;}
.inp-but{display: block;width: 31px;height: 34px;border: 0;background: #e8e8e8;color: #999;line-height: 34px;float: left;text-align: center;cursor: pointer;font-size: 20px;}
.inp-t{border: 1px solid #dcdcdc;border-bottom: 0;border-top: 0;width: 53px;text-align: center;height: 34px;line-height: 34px;color: #333;font-size: 16px;float: left;}
.span-s{line-height: 36px;float: left;font-size: 14px;}
.span-d{line-height: 36px; color: #ee4341;float: left;font-size: 30px;}
.sse{line-height: 36px; color: #ea2b03;float: left;font-size: 14px;padding-left:10px;visibility: hidden;}
.span-t{line-height: 36px; color: #666;float: left;font-size: 14px;}
@media screen and (max-width: 780px){
.jisuan:before{width: 1.6rem;height: 1.6rem;left: 15%;}
.jisuan li p.hui{font-size: 14px;}
.span-d{font-size:22px;}
.del-m-r{margin-left: 2px;}
.del-m-r p{font-size:12px;}
}



/*kefu*/
.new-help-box{
  position: fixed;
  bottom: 40%;
  right:0px;
  z-index: 200;}
#tishi{display: none;}
#__ewei__box__webchat__button__{
  right: 0 !important; margin-right:10px; bottom: initial; z-index: 99999;cursor: pointer; color: rgb(255, 255, 255); height: auto; text-align: center; top: 40%; left: initial; width: 70px; margin-top: 0px; display: block; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;
}
#__ewei__box__webchat__button__ .new-chat-btn{
  margin-top:0 !important;
}
.new-weixin-btn{
  position:relative;
}
.new-chat-btn,.new-weixin-btn{
  width: 70px;
  height:70px;
  background-color:#F39A1A ;
  text-align: center;
  margin-top: 20px;
  border-radius: 4px;
  box-shadow: 2px 2px 2px gray;
  cursor: pointer;
  padding-top: 5px;
  font-size: 12px;
  opacity: 0.9;
  color: #f5f5f5;
}
.new-weixin-btn:hover:before{
  content: url("../images/weixin.png");
  position: absolute;
  left:-145px;
  top:-30px;
}

.new-chat-btn:hover:before{
  content: url("../images/zx.png");
  position: absolute;
  left:-85px;
  top:20px;
}
.new-chat-btn a{
  text-decoration: none;
  color: #f5f5f5;
  font-size: 12px;
}

/*xuanzhuan*/
@keyframes namemf{
  from{transform:rotate(0deg);}
  to{transform: rotate(360deg);}
}
@-webkit-keyframes namemf{
  from{transform:rotate(0deg);}
  to{transform: rotate(360deg);}
}
@-ms-keyframes namemf{
  from{transform:rotate(0deg);}
  to{transform: rotate(360deg);}
}

/*悬浮链接*/
#amkefu{width:50px;bottom:10%;right:0px;z-index: 99999; position:fixed;}
#amkefu li{width:50px;height:50px;margin-top: 2px;cursor:pointer;position: relative;z-index: 999999;}
#amkefu li p{display: block;line-height: 30px;}
#amkefu li > a{display: block;height: 50px;color: #333;font-size: 16px;background: rgba(0, 0, 0, 0.23);}
#amkefu li > a span{display: block; height: 50px;text-indent: -99999%; background: url(../images/fixtop.png) no-repeat left;background-size: 50px auto;}
#amkefu #amqiao > a{}
#amkefu #weixin{}
#amkefu #weixin > a{background: #3bc158;}
#amkefu #weixin > a span{background-position: 0 -50px;}
#amkefu #amqiao > a span{background-position: 0 -50px;}
#amkefu #tell > a{background: #00aef3;position: relative;}
#amkefu #tell > a i{width: 0px;height: 50px;font-size: 18px;color: #fff; line-height: 50px;background: #fb6969;text-align: center; white-space: nowrap;
 position: absolute;top: 0;right: 50px;transition: 0.3s;z-index:-1;}
#amkefu #tell > a:hover i{width: 250px;}
#amkefu #tell > a span{background-position: 0 -0px;}
#amkefu #amqiao > a i{width: 0px;height: 50px;font-size: 18px;color: #fff; line-height: 50px;background: #fb6969;text-align: center; white-space: nowrap;
 position: absolute;top: 0;right: 50px;transition: 0.3s;z-index:-1;}
#amkefu #amqiao > a:hover i{width: 150px;}
#amkefu #top > a span{background-position: 0 -150px;}

#amkefu #weixin #login{display:none;width:80%;max-width: 400px; font-size: 16px;text-align: center;border-radius: 10px;padding: 40px 20px 20px;
    position:fixed;top:24%;left:50%;margin-left:-200px; z-index:9999;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 2px 6px #777;
    -webkit-box-shadow: 0px 2px 6px #777;
    -moz-box-shadow: 0px 2px 6px #777;}
#amkefu #weixin #login img{max-width: 200px;padding-bottom: 15px;}
#amkefu #weixin #login a.close{display: inline-block;width: 20px;height: 20px;line-height: 20px;background: #333;color: #fff; border-radius: 100px;text-align: center;
    position: absolute;top: 10px;right: 10px;}
#amkefu #weixin #login #btn{display: inline-block;background:#811d3b;color: #fff; padding: 4px 8px;border-radius: 6px;}
#amkefu #weixin #login a.wx{display: inline-block;background:#811d3b;color: #fff; padding: 4px 12px;border-radius: 6px;}
#amkefu #weixin #login a.wx span{padding-left: 30px;background: url(../images/fixtop.png) no-repeat left;background-position: 0 -33px;background-size: 30px auto;}
#amkefu #over{width: 100%;height: 100%;background: #333;opacity:0.6;filter:alpha(opacity=60);position: fixed;top: 0;left: 0;z-index: 1;display: none;}
#fuzhi{width: 60%;padding: 15px 20px; font-size: 16px;color: #fff;text-align: center;background: rgba(0, 0, 0, 0.8);border: 2px solid #333;border-radius: 10px;
position: fixed;top: 50%;left: 20%;margin-top: -30px;z-index: 9999999;display: none;}


@media screen and (min-width: 1024px ){
.xiala{display: block !important;}
}
@media screen and (max-width:1024px ){
/* xiala */
#header .menu{ display:none; float:right;padding: 17px; cursor: pointer; text-align: center;}
#header .menu .point {  display: inline-block;  width: 28px;  height: 22px; position: relative;}
#header .menu .point:hover .navbtn,
#header .menu .point:hover .navbtn::after,
#header .menu .point:hover .navbtn::before {width: 28px;}
#header .menu .navbtn {  position: absolute;  top: 10px;  right: 0;  display: inline-block;  width: 21px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #ff4b50;  }
#header .menu .navbtn::after, #header .menu .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 28px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #ff4b50;  }
#header .menu .navbtn::after {  top: -11px;  }
#header .menu .navbtn::before {  top: 10px;  }
#header .menu .point.active .navbtn{  background: transparent;  }
#header .menu .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
#header .menu .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }
#obtn{width: 50px;height: 50px;background: #f60;position: fixed;right:0;bottom: 5%;}

#header .menu{ display:block;}
.signin-btn{width: 100%;}
.signin-btn a{float: left; width: 100%;height: 40px; line-height: 40px;margin: 10px 0;color: #666;border: 1px solid #ff4b50;text-align: center;}
.signin-btn a.signup{float: right;}
#header.navbar-show .menu .navbtn{background: #ff4b50;}
#header.navbar-show .menu .navbtn::after, #header.navbar-show .menu .navbtn::before{background: #ff4b50;}
}
/* --------for 780px-------- */
@media screen and (max-width: 780px){
h2{line-height: 1.4em;}
.kefu_di{display: block;width: 100%;position: fixed;left: 0;bottom: 0;z-index: 10;}
.kefu_di a.yuding,.kefu_di a.zuoji{display: block;width: 50%;height: 50px;float: left;text-align: center;line-height: 50px;color: #000;font-weight: bold;}
.kefu_di a.zuoji{ border-right: 1px solid #666;background: #d81e06;}
.kefu_di a.yuding{background: #edd626;}
.kefu_di a.zuoji span,.kefu_di a.yuding span{padding-left: 30px; height: 25px;display: inline-table;}
.kefu_di a.zuoji span{background: url(../images/kefu1.png) no-repeat left;background-size: 25px; }
.kefu_di a.yuding span{background: url(../images/zixun.png) no-repeat left;background-size: 25px; }
.video-info{max-width: 100%;}
.anniu a{width: 49%;max-width: 160px;}
.biaoti h1{font-size: 28px;}
.biaoti h2, .biaoti h3 .biaoti h4{font-size: 24px;font-weight: 400;}

::-webkit-scrollbar{width: 0;}
.navbar-fixed-top{width: 100%;height: 62px;}
#nav{float: left;}
.container{max-width: 1000px;}
.nav > li > a{line-height: 40px;}
.signin-btn{margin-top: 12px;margin-left:initial;}
.signin-btn a:first-child{margin-right: 0;}
#newBridge #amqiao .nb-icon-customer{opacity: 0;}

.nav-height{display: none!important;}

}

@media screen and (max-width: 1024px){
.xiala{width: 100%;height: 100%;background: rgba(0,0,0,.6);position: fixed;top: 0px;left: 0;z-index:99999; display: none;}
.xiala ul{width: 75%;height: 100%;padding: 0 0.5rem;background: #fff;overflow: hidden;}
.xiala ul li{width: 46%;display: inline-block;margin:5px 0;}
.xiala ul li a{display: block;color: #333; padding: 0; text-align: center;}
.xiala ul li.on a{color: #ff4b50;}
}
@media screen and (max-width: 640px){
.xiala ul li{width: 100%;}
}



/*体验留言*/
.jion_register{max-width:750px;width:100%;height:auto; box-sizing:border-box; border-radius:6px; background:#fff; padding:30px 0;
    position:absolute;top:48%;left:50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);overflow: initial;z-index: 999;}
.jion_register .biaoti{padding:10px 3%; text-align: center;}
.jion_register .biaoti h2{font-size: 24px;line-height: 2em;color:#000; font-weight:bold; text-align: center;}
.jion_register .biaoti em{font-size:12px;color:#747373;}
.jion_register .biaoti h2 i{color:#e83820;}
.jion_register .biaoti p{}
.jion_register ul{float:left; max-width: 980px;width: 100%;margin: 0 auto;padding:0 8%;}
.jion_register li.w{float: left; width: 100%; margin-top:10px;}
.jion_register li.w .bt{ float:left; display:block;width:80px; line-height:40px;color:#333; font-size:16px;font-weight: bold; text-align:right;}
.jion_register li.w .bt i{color:#ff4b50;}
.jion_register li.w .fr{ float:left;margin-left: 15px; width: -webkit-calc(100% - 100px);width: -moz-calc(100% - 100px);width: calc(100% - 100px);}
.jion_register li.w .fr .txt{width: 100%; border:1px solid #e8e8e8; box-sizing:border-box; padding:8px 20px; font-size:16px; color:#676767;}
.jion_register li.w .fr .yuan{ display:inline-block; margin-left:10px;}
.jion_register li.w .fr .zui .txt{ margin:0 20px 0 30px;}
.jion_register li.w .fr label{ min-width:65px; line-height:40px;font-size:16px; margin-right:20px; display:inline-block;}
.jion_register li.w .fr label input{ display:none;}
.jion_register li.w .fr label input+i{ background:url(../images/radio_05.jpg) no-repeat; width:14px; height:14px; display:inline-block; margin-right:5px;border-radius: 50px;}
.jion_register li.w .fr label input:checked+i{ background:url(../images/radio_03.jpg) no-repeat;}
.jion_register li.w .fr .n{width:100%; float:left; margin-right:10px;  border:1px solid #e8e8e8;
  box-sizing:border-box; padding:8px 20px; font-size:16px; color:#676767;}
.jion_register li.w .fr .m2{width: -webkit-calc(50% - 10px);width: -moz-calc(50% - 10px);width: calc(50% - 10px);}
.jion_register li.w .fr .m2:nth-child(2){width:50%;margin-right: 0px;}
.jion_register li.w .fz{text-align: center;}
.jion_register li.w .tijiao{width: 260px; line-height:44px; border-radius:44px;background:#ff4b50; color:#fff; font-size:16px;border:0; cursor:pointer; transition:all 0.4s;}
.jion_register li.w .tijiao:hover{width: 300px; }
@media screen and (max-width:640px) {
.jion_register{width:94%;}
.jion_register ul.ul{padding:0 4%;}
.jion_register li.w .bt{text-align: left;}
/*.jion_register li.w .fr{width: 100%;margin-left:0;}*/
.jion_register .wen p{display: none;}
.jion_register .biaoti h2{font-size: 24px;}
}