body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 '\5FAE\8F6F\96C5\9ED1',arial,'Microsoft YaHei'; font-size: 100%;color:#333; -webkit-text-size-adjust: none; }
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none; font-family:'arial';}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.clearfix:after{ content:""; clear:both; height:0; display:block; visibility:hidden; }
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body{ width: 100%; }
li{ list-style:none;}
em,i{ font-style: normal; }
.box{ width: 1260px; margin: 0 auto }
.head{ width: 100%; border-bottom: 1px solid #f8f8f8; background: #ffffff }
.head.fixed { position: fixed; top: 0; left: 0; z-index: 9999; transition: all 0.5s ease 0s; height: 50px; }
h1{ float: left; line-height:64px; margin-right: 42px;  transition: all 0.5s ease 0s;  }
.logo{ float: left; padding-top: 12px; transition: all 0.5s ease 0s;}
.logo_i{ display: block; height:18px; line-height: 18px; overflow: hidden; font-size:14px;   }
.nav_ul{ float: right; padding-right: 10px; }
.nav_ul li{ float: left; margin-right: 20px; position: relative; }
.nav_ul li a{ display: block; height: 64px; line-height: 64px; transition: all 0.5s ease 0s; font-size:14px;  padding: 0 10px; }
.nav_ul li a:hover{ color: #ec131d; transition: all 0.5s ease 0s; }
.head.fixed h1{ line-height: 50px; transition: all 0.5s ease 0s; }
.head.fixed .nav_ul li a{line-height: 50px;height: 50px; transition: all 0.5s ease 0s;}
.head.fixed .logo{ padding-top: 6px;transition: all 0.5s ease 0s; }


.nav_ul li .subnav{width:126px; margin-left: -63px; position:absolute; left:50%; top:64px; z-index:9999999; background:#fff;  text-align:center; padding-top:1px; display:none;}
.nav_ul li .subnav a{ height:30px; line-height:30px; text-align:center; overflow:hidden; margin-top:4px;}
.nav_ul li .subnav a:hover{ color:#f54b4b}
.head.fixed .nav_ul li .subnav{ top: 50px;  }
.head.fixed .nav_ul li .subnav a{height:30px; line-height:30px;}


/* .nav_ul li:nth-last-child(1){ margin-right: 0; } */
.foot{ background: #333333; padding-bottom: 34px;  }
.foot .box{ padding: 0 80px; box-sizing:border-box;}
.foot_ul{ display: inline-block; width: 850px; }
.foot_top{ text-align: center; padding: 46px 0 42px 0;}
.foot_ul li{ float: left; width:16.6%;  }
.foot_tit{ height:36px; line-height: 36px; font-size: 16px; color: #d0d0d0; display: block; margin-bottom: 12px;text-align: left }
.foot_ul li a{ display: block; height:36px; transition: all 0.5s ease 0s;  line-height: 36px; font-size: 14px; overflow: hidden;  color: #6b6b6b; text-align: left}
.foot_ul li a:hover,.add_div a:hover{ color: #fff; transition: all 0.5s ease 0s; }
.linkul{ text-align: center; margin-bottom: 38px; }
.linkul li{ display: inline-block; margin:0 12px;  }
.add_div{ text-align: center; font-size: 14px; color: #a4a4a4; height:38px; line-height: 38px; overflow: hidden;  }
.add_div a{ color: #a4a4a4;transition: all 0.5s ease 0s;  }
.banner{ position: relative; }
.banner_tit{ font-size: 36px; height:108px; line-height: 108px; text-align: center; padding-top:72px;   }
.banner_seek{  display: block; width:156px; height: 42px; line-height: 42px; border: 1px solid #ec131d; background: #ec131d; border-radius: 5px; margin: 0 auto; font-size: 18px; color: #fff; text-align: center;  }
.tool_ul{  padding: 110px 0 60px 0; }
.tool_ul li{ float: left; margin-bottom: 60px; width: 33.3%; padding: 0 64px; box-sizing: border-box; }
.toolimg{ display: block; margin: 0 auto; position: relative; width:122px;height: 102px; background: url(../images/icon1.png) left top no-repeat; background-position:0 0;   }
.tool_tit{ text-align: center;  font-size: 20px;  display: block;  color: #181818; height:66px; line-height: 66px; overflow: hidden;   }
.tool_inner{font-size: 13px;color: #4a4a4a;line-height: 24px;margin-bottom: 10px;text-align: left;height: 72px;}
.tool_ul li:nth-child(2) .toolimg{background-position:-130px 0 ;   }
.tool_ul li:nth-child(3) .toolimg{background-position:-282px 0 ;   }
.tool_ul li:nth-child(4) .toolimg{background-position:0px -118px ;   }
.tool_ul li:nth-child(5) .toolimg{background-position:-135px -118px ;   }
.tool_ul li:nth-child(6) .toolimg{background-position:-280px -118px ;   }
.apply{background: url(../images/mailbj.jpg) center top no-repeat;height: 646px;}
.apply_tit{ font-size: 36px; height:114px; line-height: 114px; text-align: center; padding-top: 158px;  }
.app_from{ width: 422px; margin: 0 auto }
.app_text{ width: 100%; box-sizing: border-box; border: 1px solid #d50000; margin-bottom: 22px; background: #fff;height: 49px; line-height: 49px;  text-align: center; font-size:16px; color: #a0a0a0  }
.app_sub{ width: 100%; height:58px; line-height: 58px;  background: #d50000; text-align: center; color: #fff; font-size:18px; cursor: pointer; border: none;   }

.capacity{ padding: 110px 0; }
.capa_ul{ background:url(../images/capabj.jpg) center top repeat;height: 48px; border-radius: 5px 5px 0 0; }
.capa_ul li{ float: left; width:16.6%; border-right: 1px solid #fff; box-sizing: border-box;  height: 48px; line-height: 48px; text-align: center; color: #fff; font-size:16px;   }
.capa{ float: left; width:940px;  }
.capa_ul li:nth-last-child(1){ border: none; }
.num_ul li{ height:60px; line-height: 60px; overflow: hidden; background: #f5f5f5  }
.num_div{ width: 16.6%; float: left; height: 60px; line-height: 60px; text-align: center; overflow: hidden; font-size: 16px; }
.num_ul li:nth-child(even){background: #fbfbfb}
.load{ float: right; width: 296px; box-shadow: 0 0 10px #f7f7f7 }
.load_tit{ font-size: 16px; background: #2485f0; height:48px; line-height: 48px; text-align: center;  color: #fff; border-radius: 5px 5px 0 0 ;  }
.load_div{ height:40px; line-height: 40px; font-size: 16px; text-align: center;  }
.load_txt{ width: 146px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; margin-bottom: 10px; }
.load_inner{ padding: 60px; background: #fff; }
.load_i{ display: block; height: 40px; line-height: 40px; text-align: center; font-size: 16px; }
.load_txt{ width:146px; height: 42px; line-height: 42px; border: 1px solid #aaaaaa; border-radius: 5px; margin: 0 auto; display: block;  }

.column{ float: left; width:260px; margin-top: -55px;  }
.column_ul{ box-shadow: 0 0 10px #ededed; margin-bottom: 50px; }
.column_ul a{ display: block; font-size: 16px; text-align: center;transition: all 0.5s ease 0s; height:54px; line-height: 54px; border-bottom: 1px solid #ededed  }
.column_ul a:hover,.column_ul a.for{ background: #ec131d; color: #fff; transition: all 0.5s ease 0s; }
.way{ box-shadow: 0 0 10px #ededed;}
.way_tit{ font-size: 16px; font-weight: bold; display: block; text-align: center; height:55px; line-height: 55px; background: #f9f9fb;  }
.way_inner{ background: #fff url(../images/way.jpg) right bottom no-repeat; padding: 26px 30px;}
.way_div{ font-size: 14px; height: 34px; line-height: 34px; overflow: hidden; color: #666666; }
.way_i{ color: #ec131d; font-size:18px; font-weight: bold;  }
.details{ float: right; width: 950px; }
.host_ul { padding: 54px 0; }
.host_ul li{ float: left; width: 33.3%; transition: all 0.5s ease 0s; padding: 0 22px 40px; box-sizing:border-box; border-right: 2px solid #f6f6f6;border-top: 2px solid #f6f6f6;}
.host_ul li:nth-child(3),.host_ul li:nth-child(6),.host_ul li:nth-child(9),.host_ul li:nth-child(12){ border-right: none; }
.host_ul li:nth-child(1),.host_ul li:nth-child(2),.host_ul li:nth-child(3){ border-top: none; }
.linux_tit{ text-align: center; height:48px; line-height: 48px; overflow: hidden;  font-size:16px; padding-top: 35px;   }
.linux_i{ display: block; height:29px; line-height: 29px; text-align: center; border-bottom: 1px dotted #c5c5c5; overflow: hidden;  color: #888888; font-size:12px;  }
.linux_inner{ margin-bottom: 10px; }
.host_see{ height:34px; line-height: 34px; display: block; font-size:12px; text-indent: 120px; color: #888888;background:url(../images/host.png) 98px center no-repeat;  }
.host_ul li:hover{ box-shadow: 0 0 10px #eeeeee; background: #f9f9fb; transition: all 0.5s ease 0s; transform: translateY(-1px); }
.host_see:hover{ transition: all 0.5s ease 0s; color: #ff0000;background:url(../images/host1.png) 98px center no-repeat;}
.ssl_tit{ font-size: 18px; text-align: center;padding-top: 66px; height:72px; line-height: 72px;  margin-bottom: 56px; }
.ssl_i{ font-size: 36px; }

.cert_ul{ margin: 0 0 70px -39px; }
.cert_ul li{ float: left; width:283px;transition: all 0.5s ease 0s;  border: 1px solid #d2d2d2; border-radius: 5px; margin: 0 0 36px 39px;  }
.cert_div{ background: #f7f7f7; position: relative; border: 5px 5px 0 0; padding: 0 26px; }
.cert_div:after{ position: absolute; left: 0; transition: all 0.5s ease 0s; top: 0; width: 100%; transition: all 0.5s ease 0s; height: 0;background: url(../images/ssl1.jpg) left top no-repeat; content: ''  }
.cert_zi{ height: 44px;transition: all 0.5s ease 0s; line-height: 22px; font-size: 12px; display: block; color: #888888; overflow: hidden; }
.cert_tit{height: 40px;transition: all 0.5s ease 0s; line-height: 40px; font-size: 16px; display: block;  overflow: hidden;}
.cert_qy{height: 30px;transition: all 0.5s ease 0s; line-height: 30px; font-size: 14px; display: block;  overflow: hidden; padding-top: 24px;}
.cert_inner{ height: 66px; overflow: hidden; }
.cert_quan{ display: block;transition: all 0.5s ease 0s; float: left; height: 66px; line-height: 66px; color: #e80000;  font-size:14px  }
.cert_star{ float: left; width:150px; margin-left:10px;   }
.star_i{ display: block; float: left; height: 66px; width:16px; margin-right: 6px;background: url(../images/ssl1.png) center center no-repeat;  }
.net{ padding: 0 26px; }
.net_i{ height:28px; line-height: 28px; overflow: hidden; display: block; font-size:14px; color: #888888   }
.line_net{  background: url(../images/ssl2.png) center center no-repeat; width: 110px; height: 29px; margin-bottom: 24px; display: block; line-height: 29px; text-align: center; font-size: 14px; color: #fff;}
.give{ display: block;height: 17px; line-height: 17px; width: 90px; border: 1px solid #f54b4b; color: #f54b4b; margin-bottom:28px; font-size: 12px;text-align: center; }
.net_pay{ height:36px; line-height: 36px; display: block; font-size:14px; overflow: hidden;   }
.net_tit{height:58px; line-height: 58px; display: block; font-size:14px; overflow: hidden;}
.net_div{ height: 180px; overflow: hidden; }
.cert_ul li:hover .cert_div:after{height: 100%; transition: all 0.5s ease 0s;}
.cert_ul li:hover{ box-shadow: 0 0 15px #f4f4f4; transition: all 0.5s ease 0s;border: 1px solid #fff; }
.certinner{ position: relative; z-index: 99 }
.cert_ul li:hover .cert_qy,.cert_ul li:hover .cert_tit,.cert_ul li:hover .cert_zi,.cert_ul li:hover .cert_quan{ color: #fff; transition: all 0.5s ease 0s; }
.cert_ul li:hover .star_i{background: url(../images/ssl4.png) center center no-repeat; transition: all 0.5s ease 0s;}
.reaml_tit{ font-size: 14px; color: #fff; display: block; text-align: center; width:130px; height: 40px; line-height: 40px; background: #ec131d  }
.domain{ padding: 66px 0; }
.ser_tit{ font-size: 26px; height:50px; line-height: 50px; border-bottom: 3px solid #ec131d; width:110px; text-align: center; margin-bottom: 32px;  }
.ser_ul{ margin: 0 0 0 -30px; }
.ser_ul li{ float: left; margin: 0 0 32px 30px; width: 289px; height:200px; border: 1px solid #cacaca; border-radius: 5px; position: relative;   }
.ser_img{ display: block;transition: all 0.5s ease 0s;  text-align: center; margin-top: 8px; height:70px; line-height: 70px;  }
.ser_ul li:hover .ser_img{ transition: all 0.5s ease 0s; transform: translateY(-8px); }
.int_tit{ height: 48px; line-height: 48px; text-align: center; display: block; color: #0079de; overflow: hidden; font-size: 24px; }
.int_inner{ height: 60px;line-height: 20px; overflow: hidden; text-align: center; font-size:12px;color: #5e5e5e;  }
.ser_ul li:after{ position: absolute; left: 0; bottom: 0;width: 100%; height:4px; content: ''; background: #004ce0; border-radius: 0 0 5px 5px  }
.ser_ul li:nth-child(2):after{background: #00de00;}
.ser_ul li:nth-child(3):after{background: #00adff;}
.ser_ul li:nth-child(4):after{background: #00fcff;}
.ser_ul li:nth-child(5):after{background: #210f7c;}
.ser_ul li:nth-child(6):after{background: #ff4400;}
.ser{ margin-bottom: 24px; }
.att_i{ display: block; font-size: 14px; margin-top: 22px; height:42px; line-height: 42px; overflow: hidden; color: #ec131d  }
.att_inner{ font-size: 14px; height:60px; line-height: 30px; overflow: hidden; margin-bottom:60px;   }
.flow_inner{ padding:60px 0 85px 0;  }
.faq_inner{ padding: 20px 0 0 0; }
.faq_dl dt{ height:54px; line-height: 54px; background: url(../images/q.png) left center no-repeat; overflow: hidden; font-size: 18px; padding-left:46px; color: #ec131d  }
.faq_dl dd{ font-size: 16px;background: url(../images/a.png) left 19px no-repeat;color: #545454;  line-height: 30px; padding: 12px 0;  padding-left:46px; }
.faq_dl{ border-bottom: 1px solid #f4f4f4; padding:30px 0; }
.reaml_form{border: 1px solid #e7e7e7; height:46px; overflow: hidden; margin-bottom: 60px;  width: 827px; }
.reaml_txt{  height: 46px; float: left; border: none; line-height: 46px; width:697px; padding:0 20px; box-sizing: border-box; background: #fcfcfc;   }
.reaml_sub{ display: block; float: right; width:126px; height: 46px; background: #181818; text-align: center; color: #fff; font-size: 16px;  }


.flexslider {position: relative;width: 100%;height: 100%; overflow: hidden; text-align: center; clear: both;}
.slides li .banner_img{ width: 100%; height: 100%;     transform: translate3d(0px, 0px, 0px);  transition: all 1000ms ease 0s}
.slides li { position:relative; width:100%; height: 100%; float: left; }
.slides li.flex-active-slide img{ -webkit-animation:scale-bg 6s linear forwards;
  animation:scale-bg 6s linear forwards; }
.slides {width:100%; height:auto;}
.flex-control-nav {display: none;}
.flex-direction-nav{ display: none;}




@-webkit-keyframes scale-bg{
  from{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
  }
  to{
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}
@keyframes scale-bg{
  from{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
  }
  to{
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}

.indexbody{ background: #f6f6f6; }

.build{ margin: -32px 0 76px 0; position: relative; z-index: 999 }
.build ul{margin:0 0 0 -36px; }
.build ul li{ float: left;transition: all 0.5s ease 0s; margin: 0 0 0 36px; box-shadow: 0 0 10px #ececec; width:288px; padding: 0 30px; box-sizing: border-box; height: 105px; background: #ffffff; border-radius: 5px;  }
.build_dl dt{ float: left; width: 61px; text-align: center; margin:0 22px 0 0;height: 105px; line-height: 105px;  }
.build_dl dt img{ transition: all 0.8s ease 0s; }
.build_dl dd{ float: left; width:144px; padding-top: 25px;  }
.build_tit{ display: block; height:30px; line-height: 30px; font-size: 16px; font-weight: bold; overflow: hidden;  }
.build_zi{ display: block; height:30px; line-height: 30px; font-size: 14px; color: #848484; overflow: hidden; }
.build_dl:hover dt img{transition: all 0.8s ease 0s; transform: rotateY(180deg);}
.build ul li:hover{transform: scale(1.1);transition: all 0.5s ease 0s;}
.build ul li:hover .build_tit,.build ul li:hover .build_zi{ color: #ec131d; transition: all 0.5s ease 0s; }
.website{ float: left; width:424px;  padding-top: 28px;  }
.web_img{ float: right; width:738px; height: 570px; overflow: hidden;  }
.web_img img{width:738px; height: 570px; overflow: hidden;}
.web_tit{ display: block; height:116px; line-height: 116px; font-size:30px; overflow: hidden;   }
.web_inner{ height:180px; line-height: 30px;  overflow: hidden; font-size: 16px; color: #888888; margin-bottom: 30px; }
.web_see{ transition: all 0.5s ease 0s; display: block; width:88px; height: 34px; line-height: 34px; border: 1px solid #8c8c8c; text-align: center; color: #898989;  border:1px solid #8c8c8c }
.web_see:hover{transition: all 0.5s ease 0s; width: 120px; color: #fff; background: #ec131d; border: 1px solid #ec131d}
.web{ margin-bottom: 50px; }
.buy{ border-top: 1px solid #fd2020; background: url(../images/buybj.jpg) left top no-repeat; padding:0 84px; height: 152px; margin-bottom: 34px; }
.buy_l{ float: left; padding:40px 0 0 0; width: 186px;  margin-right: 96px;}
.emp_tit{ display: block; height: 44px; line-height:44px; font-size:30px; font-weight: bold; overflow: hidden;  }
.emp_cn{ height:33px; line-height: 33px; font-size:18px; color: #b9b9ba; overflow: hidden;  }
.buy_r{ float: left; width:810px; padding-top: 30px;  }
.ym .reaml_tit{ float: left; }
.ym_inner{ float: left; }
.ym_inner a{ font-size: 14px;  display: block; text-align: center; width:130px; height: 40px; line-height: 40px; }
.buy_r .reaml_form{ margin: 0; }
.index_tit{ font-size: 18px; height:114px; line-height: 114px; text-align: center;  }
.vir_i{ font-size: 36px; }
.virtually .host_ul li{ width: 25%; background: #fff; }
.virtually .host_ul { padding: 0; }
.vir_see{ font-size: 12px;transition: all 0.5s ease 0s;  width:88px; height: 34px; line-height: 34px; border: 1px solid #000000; display: inline-block;  margin-right: 20px; }
.vir_see:hover{transition: all 0.5s ease 0s;  color: #fff; background: #ec131d; border: 1px solid #ec131d}
.vir{ text-align: center; }
.virtually .host_see,.usebox .host_see{ display: inline-block; width:74px; height: 34px; transition: all 0.5s ease 0s; line-height: 34px;background: url(../images/host.png) left center no-repeat;  text-indent: 23px; }
.virtually .host_see:hover,.usebox .host_see:hover{background: url(../images/host1.png) left center no-repeat; transition: all 0.5s ease 0s; }
.virtually .linux_i:nth-last-child(1){ border: none; }
.vir_tit{ display: block; text-align: center; font-size: 12px; height: 30px; line-height: 30px; overflow: hidden; }
.virtually .linux_tit{ height: 34px; line-height: 34px; }
.virtually .host_ul li:nth-child(3){ border-right:2px solid #f6f6f6 }
.virtually{ margin-bottom: 34px; }

.certificate .net{ background: #fff; }
.certificate { margin-bottom: 16px; }
.certificate .cert_ul{ margin-bottom: 0; }
.use_div{ background: #fff; padding:24px 0;  }
.pos{ width: 315px; border-right: 1px solid #ebebeb; float: left;  box-sizing: border-box; }
.pos_tit{ font-size: 26px; display: block; height:42px; line-height: 42px; text-align: center; overflow: hidden; padding-top:14px;   }
.pos_zi{font-size: 12px; margin-bottom: 16px; display: block; height:28px; line-height: 28px; text-align: center; overflow: hidden; color: #888888;}
.infinite{ text-align: center; }
.inf_i{ display: inline-block; font-size: 14px; height:40px; line-height: 40px; width:70px; text-align: center; border: 1px dotted #d2d2d2; margin:0 8px;    }
.annex{ text-align: center; margin-bottom: 15px;}
.annex_i{ display: inline-block; font-size: 12px; height:40px; line-height: 40px; width:70px; text-align: center;  margin:0 8px;    }
.an_line{ width:45px; height: 1px; background: #f0f0f0; margin: 0 auto 26px; }
.posi{ height:27px; line-height: 27px; font-size: 12px; color: #adadad; border-bottom: 1px dotted #c5c5c5;background: url(../images/cer.png) left center no-repeat; padding-left: 22px; display: block;   }
.pos_dz{  padding: 0 34px; box-sizing: border-box; }
.pos_div{ margin-bottom: 14px; }
.pos:nth-last-child(1){ border: none; }
.usebox{ margin-bottom: 114px; overflow: hidden; }

.query{ background: url(../images/ebj.jpg) center top no-repeat; height: 1141px;}


input,
button{border:none}
.w1200 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
  }

  .first-box{
     
 }
 .first-box .form-box {
     padding: 40px;
     box-sizing: border-box;
     height:220px;
     background:url(../images/form-bg.jpg);
     box-shadow:0px 0px 15px 1px rgba(116,116,116,0.1);
     position: relative;
     margin-top: -34px;
     z-index: 1;
 }
 .first-box .form-box h2{
     height: 28px;
     line-height: 28px;
     color: #292E2E;
     text-align: center;
     font-size: 28px;
     font-weight: normal;
 }
 
 
 .first-box .form-box .form-select-box{
     height: 18px;
     line-height: 18px;
     margin-top: 30px;
  
 }
 .first-box .form-box .form-select-box .form-select{
     display: inline-block;
     vertical-align: middle;
     font-size: 0px;
     margin-right: 60px;
 }
 .first-box .form-box .form-select-box .form-select h4{
     display: inline-block;
     vertical-align: top;
     color: #525959;
     font-size: 16px;
     margin-right: 10px;
 }
 
 .first-box .form-box .form-select-box .form-select p{
     display: inline-block;
     vertical-align: top;
     color: #525959;
     margin-right: 24px;
     font-size: 16px;
     line-height: 16px;
 }
 .first-box .form-box .form-select-box .form-select p label{
     width: 16px;
     height: 16px;
     /*background: url(../images/choose_2.png);
     float: left;*/
 }
 .first-box .form-box .form-select-box .form-select p label.radio-active{
     width: 16px;
     height: 16px;
/*     background: url(../images/choose_1.png);*/
 }
 .first-box .form-box .form-select-box .form-select p label input{
     /* display: none; */
     appearance: none;
     -webkit-appearance: none;
     outline: none;
 }
 
 .first-box .form-box .form-select-box .form-select p span{
     padding-left: 8px;
     font-size: 16px;
     cursor: pointer;
 }
 
 
 
 .first-box .form-box .form-all{
     width:1120px;
     height:48px;
     background:rgba(255,255,255,1);
     border:2px solid rgba(255,154,5,1);
     background:rgba(255,255,255,1);
     margin-top: 16px;
     box-sizing: border-box;
 }
 .haoma{
    border-right:1px solid #fff !important;
 }
 .first-box .form-box .form-all .form-item{
     position: relative;
     float: left;
     width: 328px;
     height: 24px;
     margin-top: 10px;
     padding-left:16px;
     box-sizing: border-box;
     font-size: 0;
     border-right:1px solid #D4D4D7
 }
 .first-box .form-box .form-all .form-item img{
     display: inline-block;
     vertical-align: middle;
     width: 16px;
     height: 16px;
     margin-right: 10px;
     position: relative;
     top:0px;
     z-index: 1;
 }
 .first-box .form-box .form-all .form-item input{
     display: inline-block;
     vertical-align: middle;
     font-size: 14px;
     height: 24px;
     line-height: 24px;
     font-family: Microsoft YaHei;
 }
 .first-box .form-box .form-all .form-item .city{
     display: inline-block;
     width: 100%;
     height: 24px;
     line-height: 24px;
     border: none!important;
     font-size: 14px;
     color: #8c8c8c;
     position: absolute;
     z-index: 3;
     top: 0;
     left: 0;
     text-indent: 40px;
     font-family: Microsoft YaHei;
 }

 .first-box .form-box .form-all .form-item .city::after{
  content: "";
  position: absolute;
  top: 9px;
  right: 18px;
  width: 8px;
  height: 5px;
  background-image: url(../images/sanjiaoh.png);
  background-size: 8px 5px;
 }
 .city-list {
   display: none;
  position: absolute;
  top: 40px;
  margin-left: -16px;
  z-index: 9;
  width: 100%;
  max-height: 149px;
  overflow-y: scroll;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(217, 217, 217, 1);
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.06);
  text-indent: 12px;
}

.city-list li {
  width: 100%;
  height: 24px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(38, 38, 38, 1);
  line-height: 24px;
  cursor: pointer;
}

.city-list li:hover {
  background: rgba(255, 244, 234, 1);
}

.onactive{
  color: #525959 !important;
}
 .first-box .form-box .form-all .form-item>button{
     position: absolute;
     padding: 0 11px;
     height:28px;
     background:rgba(255,236,208,1);
     border-radius:4px;
     color: #FF6D00;
     font-size: 14px;
     top: -3px;
     right: -20px;
 }
 
 .first-box .form-box .form-all >button{
     float: right;
     width: 128px;
     height: 46px;
     background:linear-gradient(60deg,rgba(255,154,5,1),rgba(255,108,0,1));
     font-size: 16px;
     color: #fff;
 }
 
 .first-box .form-box .form-all >button:hover{ background:linear-gradient(60deg,rgba(255,108,0,1),rgba(255,154,5,1));}
 .first-box .form-box .form-all >button:active{background:linear-gradient(60deg,rgba(255,108,0,1),rgba(255,154,5,1))}

 .first-intro {
    height: 120px;
    background: #ffffff;
    box-shadow:0px 0px 15px 1px rgba(209,209,209,0.3);
  }
  .first-intro li {
    height: 70px;
    float: left;
    font-size: 0;
    margin-top: 26px;
    margin-left: 24px;
    border-right: 1px solid #EEEEEE;
    padding-right: 22px;
    box-sizing: border-box;
  }
  .first-intro li:last-child {
    margin-right: 0;
    border-right:none;
  }
  .first-intro li > * {
    display: inline-block;
    vertical-align: top;
  }
  .first-intro li .img {
    width: 68px;
    height: 68px;
    background: url(../images/ex-ico-n-01.png) no-repeat 0 0;
    background-size: cover;
    margin-right: 15px;
  }
  .first-intro li .texts h5 {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    margin: 0 0 5px;
  }
  .first-intro li .texts p {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
  }
  .first-intro li:hover .texts h5 {
    color: #11bbb8;
  }
  .first-intro li:hover .texts p {
   color: #525959
  }
  .first-intro li:nth-child(2) .img {
    background: url(../images/ex-ico-n-02.png) no-repeat 0 0;
  }
  .first-intro li:nth-child(3) .img {
    background: url(../images/ex-ico-n-03.png) no-repeat 0 0;
  }
  .first-intro li:nth-child(4) .img {
    background: url(../images/ex-ico-n-04.png) no-repeat 0 0;
  }
  .first-intro li:hover .img {
    background: url(../images/ex-ico-s-01.png) no-repeat 0 0;
  }
  .first-intro li:nth-child(2):hover .img {
    background: url(../images/ex-ico-s-02.png) no-repeat 0 0;
  }
  .first-intro li:nth-child(3):hover .img {
    background: url(../images/ex-ico-s-03.png) no-repeat 0 0;
  }
  .first-intro li:nth-child(4):hover .img {
    background: url(../images/ex-ico-s-04.png) no-repeat 0 0;
  }
  .module-title {
    text-align: center;
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .module-title h3 {
    position: relative;
    display: inline-block;
    font-size: 32px;
    line-height: 32px;
    color: #292E2E;
  }
  .module-title p {
    color: #979C9B;
    margin-top: 12px;
    font-size: 14px;
    line-height: 24px;
  }

.bookmark1_list ul{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.bookmark1_list ul li{list-style: none;vertical-align: top;width: 380px;margin-right: 30px;margin-bottom: 30px;background: #fff;transition: all .75s;filter: drop-shadow(0 2px 20px rgba(92,149,198,.2));border-radius: 15px;border:1px solid #fff;box-sizing: border-box;}
.bookmark1_list ul li:last-child{margin-right: 0;}
.bookmark1_list ul li .pic{width:380px;height:360px;overflow: hidden;}
.bookmark1_list ul li .pic img{transition: all .75s;}
.bookmark1_list ul li:hover .pic img{transition: all .5s;transform: scale(1.1);}
.bookmark1_list ul li .tct{padding:25px;box-sizing: border-box;}
.bookmark1_list ul li .tct .tit{font-size: 28px;color:#10183b;line-height: 30px;}
.bookmark1_list ul li .tct .tit::after{content: "";display: block;width: 40px;height:2px;background: #0626ae;margin: 20px 0;}
.bookmark1_list ul li .tct .txt{font-size: 16px;line-height: 30px;color:#666;word-break: break-all;}
/* .bookmark1_list ul li:hover{background:#fff url(../images/bookmark1_list_bg.jpg) no-repeat bottom center;transition: all .5s;} */
.bookmark1_list ul li:hover{border:1px solid #069085;}
.bookmark1_list ul li .tst{padding: 30px;box-sizing: border-box;}
.bookmark1_list ul li .tst h2{font-size: 28px;line-height: 48px;text-align: center;color: #000;margin-bottom: 12px;font-weight: normal;}
.bookmark1_list ul li .tst h3{font-weight: 600;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  color: #eab535;
  margin-bottom: 32px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.bookmark1_list ul li .tst h3 font{font-size: 32px;}
.bookmark1_list ul li .tst em{background: linear-gradient(90deg,#0fb7aa,#069085);
  font-style: normal;
  border-radius: 6px;
  width: 300px;
  height: 44px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  cursor: pointer;
}
.bookmark1_list ul li .tst small{text-align: center;color: #08a89c;margin-top: 16px;font-weight: 500;font-size: 14px;text-align: center;display: block;border-bottom: 1px solid #e2ebea;padding-bottom: 30px;margin-bottom: 30px;}
.bookmark1_list ul li .tst p b{font-size: 14px;line-height: 24px;color: #000;padding-left: 27px;font-weight: bold;display: block;margin-bottom: 10px;}
.bookmark1_list ul li .tst p span{padding-left: 2em;display: block;margin-bottom: 12px;font-size: 14px;line-height: 24px;color: #666;position: relative;}
.bookmark1_list ul li .tst p span::before{width: 20px;height: 20px;display: block;content: "";background: url(../images/as.png) no-repeat;background-size: 100%;position: absolute;left: 0;top: 2px;}


.bookmark2_list ul{font-size: 0;}
.bookmark2_list ul li{list-style: none;display: inline-block;vertical-align: top;width:325px;text-align: center;margin: 0 35px 40px;}
.bookmark2_list ul li .icon{width:121px;height:121px;overflow: hidden;margin: 0 auto ;border-radius: 121px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);transition: all .75s;}
.bookmark2_list ul li .tit{font-size: 28px;color:#10183b;margin: 30px auto 20px;}
.bookmark2_list ul li .txt{font-size: 16px;line-height: 30px;color:#666;}
.bookmark2_list ul li:hover .icon{transform: translateY(10px);transition: all .5s;}

.bookmark3_list ul{font-size: 0;padding:20px 0 60px;position: relative;}
.bookmark3_list ul li{list-style: none;display: inline-block;vertical-align: top;width:590px;height:460px;margin-right: 20px;position: relative;}
.bookmark3_list ul li:last-child{margin-right: 0;}
.bookmark3_list ul li .tit{line-height: 80px;font-size: 28px;color:#fff;text-align: center;}
.bookmark3_list ul li .tct{width: 590px;height: 380px;overflow: hidden;padding:35px 40px;box-sizing: border-box;}
.bookmark3_list ul li .tct dl{font-size: 0;}
.bookmark3_list ul li .tct dl dd{display: inline-block;vertical-align: top;width: 240px;height:140px;overflow: hidden;padding:0 20px;box-sizing: border-box;box-shadow:  0 5px 10px rgba(0, 0, 0, 0.1);background: #fff;border-top: 6px solid #e8e8e8;box-sizing: border-box;margin:0 30px 30px 0;}
.bookmark3_list ul li .tct dl dd:nth-child(2n){margin-right: 0;}
.bookmark3_list ul li .tct dl dd b{display: block;font-size: 18px;line-height: 30px;color:#333;margin: 10px auto 5px;}
.bookmark3_list ul li .tct dl dd p{font-size: 16px;line-height: 26px;color:#666;}
.bookmark3_list ul li .ico{position: absolute;top: -10px;left: 0;}
.bookmark3_list ul li .tct dl.dl2 dd{border-top: 5px solid #3275f7;}
.bookmark3_list ul li .tct dl.dl2 dd b{color:#3275f7;}
.bookmark3_list ul::after{content: "";display: block;width:90px;height:90px;background: url(../images/vs_icon.png) no-repeat;position: absolute;top: 50%;z-index: 6;left: 0;right: 0;margin: -80px auto 0;}

.bookmark4{background: url(../images/bookmark4_bg.jpg) center top no-repeat; height: 820px;}
.bookmark4_list{padding:0 0 10px;}
.bookmark4_list ul{padding-left: 580px;}
.bookmark4_list ul li{list-style: none;width:620px;height:150px;border:1px solid #fff;background: #fff;padding: 20px 20px 20px 40px;box-sizing: border-box;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);margin-bottom: 70px;position: relative;}
.bookmark4_list ul li .num{position: absolute;right: 20px;top: -20px;}
.bookmark4_list ul li .tit{font-size: 24px;color:#10183b;font-weight: bold;margin-bottom: 10px;}
.bookmark4_list ul li .txt{font-size: 16px;line-height: 30px;color:#333;}
.bookmark4_list ul li::before{content: "";display: block;position: absolute;left: 40px;top: 0;width:60px;height:4px;background: #0626ae;border-radius: 0 0 4px 4px;}
.bookmark4_list ul li:nth-child(2):before{background: #65a8fe;}
.bookmark4_list ul li:nth-child(3)::before{background: #ff7401;}
.bookmark4_list ul li:hover{border:1px solid rgba(6, 38, 174, .2);box-sizing: border-box;}
.bookmark4_list ul li:hover:nth-child(2){border:1px solid rgba(101, 168, 254, .2);}
.bookmark4_list ul li:hover:nth-child(3){border:1px solid rgba(255, 116, 1, .2);}



.query_inner{ position: relative;height: 230px; }
.query_div{ position: absolute; left: 0; top: -82px; }
.strength{background: url(../images/ebj1.jpg) center top no-repeat; height:976px;}
.strength .module-title{ padding-top: 100px; }
.thali{background: url(../images/ebj2.jpg) center top no-repeat; height:852px;}
.thail_img{ padding: 102px 0 0 102px; }

.email_banner{ background: #f3f5f7; height: 584px;  }
.email_banner .box{position: relative;}
.ent_img{ float: right; line-height: 584px; }
.ent{ position: absolute; left: 0; top: 178px; width:680px;  }
.ent_tit{ display: block; font-size: 36px; height: 70px; line-height: 70px; overflow: hidden; }
.ent_word{ height: 72px; overflow: hidden; line-height: 24px; font-size:14px; margin-bottom: 40px;  }
.ent_see{ display: block; width: 108px; height: 30px; line-height: 30px; border: 1px solid #ff0000; color: #ff0000; text-align: center; overflow: hidden; border-radius: 5px; }
.ent_img img{ width: 710px; }
.email_tit{ text-align: center; margin-bottom: 50px; }
.email_cn{ font-size: 24px;  display: block;height: 42px; line-height: 42px; overflow: hidden; color: #4d5154; }
.email_word{font-size: 16px;  display: block;height:36px; line-height:36px; overflow: hidden; color: #4d5154;}
.email_ul{ margin-bottom: 100px; }
.email_ul li{ float: left;width: 33.3%; height: 249px;transition: all .3s cubic-bezier(.4,0,.2,1); border-top: 1px solid #dfe0e0;border-right: 1px solid #dfe0e0; padding: 0px 60px 0px; box-sizing: border-box; }
.eamilimg{ display: block; text-align: center; height:86px; line-height: 86px; transition: all .3s cubic-bezier(.4,0,.2,1);padding-top: 48px;  }
.tit{ display: block; text-align: center; height:42px; line-height: 42px; font-size:22px; margin-bottom: 10px; overflow: hidden;   }
.txt{ height:40px;opacity: 0;transition: all .3s cubic-bezier(.4,0,.2,1); line-height: 20px; transition: all 0.5s ease 0s; font-size:14px; color: #777f84; overflow: hidden; text-align: center;  }
.eamilimg img{ width: 60px;transition: all .3s cubic-bezier(.4,0,.2,1); }
.email_ul li:nth-child(3),.email_ul li:nth-child(6),.email_ul li:nth-child(9){ border-right: none; }
.email_ul li:nth-child(1),.email_ul li:nth-child(2),.email_ul li:nth-child(3){ border-top: none; }
.email_ul li:hover .txt{opacity: 1; }
.email_ul li:hover{ box-shadow: 0 0 15px rgb(186 204 207 / 70%);  }
.email_ul li:hover .eamilimg{ padding-top: 10px; transition: all .3s cubic-bezier(.4,0,.2,1);}
.norms{ padding: 100px 0 115px 0; }
.ul_norms{ margin-top:60px; margin:0 0 0 -20px;  }
.ul_norms li{ float: left; width:298px;  border: 1px solid #d4d6db; margin: 0 0 0 20px; }
.standard{ padding:20px 20px 0  }
.sta_tit{ display: block; height:26px; line-height: 26px; overflow: hidden; font-size:16px;  color: #1a1a1a;  }
.sta_zi{ display: block; height:22px; line-height: 22px; overflow: hidden; font-size:12px;  color: #999999; margin-bottom: 10px;}
.share_tit{ display: block; height:28px; line-height: 28px; font-size:12px; overflow: hidden;   }
.share_gb{ display: block; height:30px; line-height: 30px; font-size:20px; overflow: hidden;   }
.share{ border-bottom: 1px solid #ebecec; padding-bottom: 6px; margin-bottom: 6px; }
.advice{ padding: 12px 20px; margin-top: 14px; background: #f9f9f9 }
.advice_see{ display: block; transition: all 0.5s ease 0s; border-radius: 5px; border: 1px solid #ff0000; color: #ff0000; width:108px; text-align: center; height: 30px; line-height: 30px;   }
.share_sel{ width: 100%; height: 30px; line-height: 30px; cursor: pointer; border: none;}
.advice_see:hover{ color: #fff; background: #ff0000; transition: all 0.5s ease 0s; }
.confab{background:#f7f9fb url(../images/meetbj.jpg) left top no-repeat; height:694px;}
.confab_l{ float: left; width: 466px; }
.fab_tit{ display: block; font-size:40px; height: 88px; line-height: 88px; overflow: hidden;  color: #262a47; padding-top: 138px;}
.fab_dl dt{ height:70px; line-height: 70px; font-size: 28px; overflow: hidden; color: #262a47; position: relative;padding-left: 28px; }
.fab_dl dt:before{    content: "";
    width: 8px;
    height: 8px;
    background: #045afe;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 2px;
    margin-top: -4px;
    opacity: 1;
}
.fab_dl dd{ font-size:16px; color: #616b90; line-height: 24px;  }
.fab_dl{ margin-bottom: 18px; }
.confab_r{ float: right; padding-top: 124px; }

.network{ background: #f8fbfe }
.word{ width:976px; margin: 0 auto  }

.trade{ background: #f8fbfe; padding: 90px 0 60px 0; }
.trade_inner{ width:944px; margin: 0 auto }
.trade_div{ float: left; width: 400px; margin-right: 140px; }
.trade_div:nth-last-child(1){ margin: 0; }
.trade_tit{height: 50px; line-height: 50px; overflow: hidden; font-size:24px; display: block; color: #262a47;  }
.trade_zi{height: 44px; line-height: 22px; overflow: hidden; font-size:14px; color: #616b90; padding-right: 94px;  }
.trade_num{ display: block; height: 84px;line-height: 84px; color: #ff7200; font-size: 32px; }
.trade_see{ display: block; color: #fff; margin-bottom: 24px; font-size:16px; width: 100%; height:44px; line-height: 44px; border-radius: 5px; background: #045afe;text-align: center;   }
.excuse_dvi{ height:38px; line-height: 38px; overflow: hidden; font-size:14px; color: #2d3033;  }
.excuse_dvi img{ margin-left: 6px; }
.excuse{ height: 34px; line-height: 34px; font-size: 16px; margin-bottom: 6px; }
.trade_call{ font-size: 20px; color: #4e5461; }
.trade_call img{ margin-right:12px;  }
.choose{height: 680px;background:#f1f7ff url(../images/choosebj.jpg) left top no-repeat;
    background-repeat: no-repeat;
    background-position: calc(50% - 570px) calc(100% + 250px);
    background-size: auto 1200px;}

.choose_tit{ text-align: center; height:96px; line-height: 96px; overflow: hidden; font-size:40px; padding-top:60px;   }

.choose_ul li{ float: left;  }

.ch_dl dt{ float: left; margin-right: 0px; }
.ch_dl dd{ float: left; width:340px; padding-top: 50px;  }
.choose_title{ display: block; height:74px; line-height: 74px; overflow: hidden; font-size:28px;   }
.choose_wrod{ height:52px; line-height: 26px; overflow: hidden; font-size:16px; color: #616b90   }
.choose_ul li:nth-child(1){ float: none; width: 630px; margin: 0 auto 0px }
.choose_ul li:nth-child(3){ float: inherit; float: right; }

.network{ background: #ecf3fe; padding: 40px 0 90px 0 }
.word{ width:980px; margin: 0 auto  }
.wordbt{ height:74px; display: inline-block; line-height: 74px; text-align: center; font-size:16px;background: url(../images/work2.jpg) left center no-repeat; padding-left: 22px;  }
.wordtit{ text-align: center; }
.use{ background: #fff; border-radius:0 0 20px 20px; padding: 0 36px 40px; box-sizing: border-box; }
.usei{ display: block; height: 62px; line-height: 62px; overflow: hidden; font-size: 16px; }
.useul li{ float: left; width: 33.3%; height:38px; line-height: 38px; overflow: hidden; font-size:14px; box-sizing: border-box;}
.useul li img{ margin-left:6px;  margin-right:6px;}

.discuss{background: url(../images/meetbj3.jpg) left top no-repeat;height: 278px;}
.dis_l{float: left; width:433px;  margin-left: 40px; }
.price_sub{ display: block; width: 214px; height: 42px; line-height: 42px;  background: #045afe; border: 1px solid #045afe; text-align: center; border-radius: 5px; color: #fff; border-right: 5px; font-size: 16px; }
.dis_tit{ display: block; height:50px; line-height: 50px; font-size: 24px; overflow: hidden; padding-top: 20px;  }
.dis_word{ height:44px; line-height: 22px; font-size: 14px; color: #616b90; overflow: hidden;  }
.dis_price{height:73px; line-height: 73px; font-size: 32px; color: #ff7200; overflow: hidden; margin-bottom:12px; }
.efficient{ background: #ebf3fe; height: 826px;}
.efficient .box{ position: relative;}
.eff{background: url(../images/netbj.png) left top no-repeat; position: absolute; padding-left: 36px; box-sizing: border-box; left: -105px; top: 0; width: 1208px; height: 810px; line-height: 810px;}
.eff_inner{ float: right; width:472px; position: relative; z-index: 999  }
.eff_inner .fab_tit{ padding-top: 170px; }



.screen{
  width:100%;
   z-index: 9999;
  overflow:hidden;
  position:absolute; 
  top:0px; 
  right:0;
  height: 64px;
  display: none;
 
}
.screen.on{height: 100%}
.list{margin-top:36px; text-align:left;}
.item{
  height:115px;.menu-splitR li:nth-of-type(3)
  margin-top:30px 0;
  padding-left:115px;
  clear:both;
}
.item .img, .item span{background:#214273; border-radius:3px;}
.item .img{float:left; width:71px; height:71px; margin-left:-93px;}
.item span{height:11px; width:180px; margin-bottom:19px; float:left;}
.item span:nth-of-type(3){width:75px; margin-botom:0;}

.burger {
  height: 37px; 
  width: 40px;
  position: absolute;
  top: 6px; 
  right: 0px;
  cursor: pointer;  
}
  .x,
  .y,
  .z {
    position: absolute; margin: auto;
    top: 0px; bottom: 0px;    
    background: #ec131d;
    border-radius:2px;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
        -ms-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
            display: none;
  }   
  .x, .y, .z { height: 3px; width: 26px; }
  .y{top: 18px;}
  .z{top: 34px;}
  .collapse{
    top: 20px;
    -webkit-transition: all 70ms ease-out;
       -moz-transition: all 70ms ease-out;
        -ms-transition: all 70ms ease-out;
         -o-transition: all 70ms ease-out;
            transition: all 70ms ease-out;
  }
   
  
  .rotate30{
    -ms-transform: rotate(30deg); 
      -webkit-transform: rotate(30deg); 
      transform: rotate(30deg); 
    -webkit-transition: all 50ms ease-out;
       -moz-transition: all 50ms ease-out;
        -ms-transition: all 50ms ease-out;
         -o-transition: all 50ms ease-out;
            transition: all 50ms ease-out;          
  }
  .rotate150{
    -ms-transform: rotate(150deg); 
      -webkit-transform: rotate(150deg); 
      transform: rotate(150deg);  
    -webkit-transition: all 50ms ease-out;
       -moz-transition: all 50ms ease-out;
        -ms-transition: all 50ms ease-out;
         -o-transition: all 50ms ease-out;
            transition: all 50ms ease-out;          
  }
  
  .rotate45{
    -ms-transform: rotate(45deg); 
      -webkit-transform: rotate(45deg); 
      transform: rotate(45deg); 
    -webkit-transition: all 100ms ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;         
  }
  .rotate135{
    -ms-transform: rotate(135deg); 
      -webkit-transform: rotate(135deg); 
      transform: rotate(135deg);  
    -webkit-transition: all 100ms ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;         
  }

.navbar{height:73px;background:#385e97;}

.menu-bg{  
  
  width: 100%;
  height: 100%; 
  position:absolute;  
  top:0;
  left:0;
  background:#000;
  opacity:0;
  -webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
     -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
      -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
       -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
          transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); 
}
.menu-bg.animate{
  opacity:0.9;
  -webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
     -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
      -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
       -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
          transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);         
  
}
.menu {
  height: 100%; 
  width: 100%;
}
.menu-splitL, .menu-splitR{
  overflow:hidden;
  position: absolute;
  top: 50px;  
  left: 0px;
  width:160px;
}
.menu-splitR{left:160px;}

.menu ul li {
  list-style: none;
  width:320px;
  margin-top:40px;
  text-align:center;
  font-size:19px;
  -webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
     -moz-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
      -ms-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
       -o-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
          transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
.menu ul li a {
  color:#fff;
  text-transform:uppercase;
  text-decoration:none; 
  letter-spacing:3px; 
}

section > div {
    transition: transform 1s;
    transform: translateX(0px);
}

.menu li.animate{
  font-size:19px;
  opacity:1;
  -webkit-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
     -moz-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
      -ms-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
       -o-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
          transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

.menu-splitL li:nth-of-type(1){ margin-left:44px;transition-delay: 0.12s;}
.menu-splitL li.animate:nth-of-type(1){ margin-left:0;  transition-delay: 0.0s; }

.menu-splitL li:nth-of-type(2){ margin-left:41px; transition-delay: 0.09s;}
.menu-splitL li.animate:nth-of-type(2){ margin-left:0;  transition-delay: 0.05s;}

.menu-splitL li:nth-of-type(3){ margin-left:57px; transition-delay: 0.046s;}
.menu-splitL li.animate:nth-of-type(3){ margin-left:0;  transition-delay: 0.1s;}

.menu-splitL li:nth-of-type(4){ margin-left:61px;transition-delay: 0.03s;}
.menu-splitL li.animate:nth-of-type(4){ margin-left:0;  transition-delay: 0.15s;}

.menu-splitL li:nth-of-type(5){ margin-left:59px; transition-delay: 0.0s; }
.menu-splitL li.animate:nth-of-type(5){ margin-left:0;  transition-delay: 0.2s; }



.menu-splitR li:nth-of-type(1){ margin-left:-201px;transition-delay: 0.12s;}
.menu-splitR li.animate:nth-of-type(1){ margin-left:-160px; transition-delay: 0.0s; }

.menu-splitR li:nth-of-type(2){ margin-left:-203px; transition-delay: 0.069s;}
.menu-splitR li.animate:nth-of-type(2){ margin-left:-160px; transition-delay: 0.05s;}

.menu-splitR li:nth-of-type(3){ margin-left:-214px; transition-delay: 0.06s;}
.menu-splitR li.animate:nth-of-type(3){ margin-left:-160px; transition-delay: 0.1s;}

.menu-splitR li:nth-of-type(4){ margin-left:-217px;transition-delay: 0.03s;}
.menu-splitR li.animate:nth-of-type(4){ margin-left:-160px; transition-delay: 0.15s;}

.menu-splitR li:nth-of-type(5){ margin-left:-217px; transition-delay: 0.0s; }
.menu-splitR li.animate:nth-of-type(5){ margin-left:-160px; transition-delay: 0.2s; }

.foot_recu{ padding:0px 0 0px 0px; display:none;}
.foot_recu ul{ cursor:pointer;}
.foot_pos dd li{ line-height:42px; color:#333; height:42px;padding-left:20px; font-size:14px;  position:relative;background:#333333; color:#fff; border-bottom:1px solid #616161;}
.foot_con p,.foot_con a{ display:block; height:30px; line-height:30px; background:#464547; font-size: 12px; border-bottom:1px solid #bcbcbc; text-indent:20px; color: #fff;}
.foot_con { display:none;}
.foot_pos li .jia{ position:absolute; top:17px; right:10px; background:url(../images/shang.png) left center no-repeat; width:18px; height:9px;}
.foot_recu dd .act li{ color:#fff;} 
.foot_recu dd .act li .jia{position:absolute; top:17px; right:10px; background:url(../images/xia.png) left center no-repeat; width:18px; height:9px;}

/*.dm-select-box {
    margin-bottom: 30px
}

.dm-select-box li {
    float: left;
    width: 134px;
    height: 34px;
    text-align: center;
    margin: 0 10px 10px 0
}

.dm-select-box li a {
    display: block;
    background: #f2f2f2;
    height: 34px;
    line-height: 34px;
    border: 1px solid #f2f2f2;
    position: relative
}

.dm-select-box .on a {
    border: 1px solid #ec131d
}

.dm-select-box .on a:after {
    content: '';
    background-position: -386px -156px;
    width: 19px;
    height: 19px;
    position: absolute;
    right: -2px;
    bottom: -3px
}

.domain-cloumn {
    overflow: hidden;
    margin-bottom: 25px
}

.dm-title {
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 2px solid #ec131d;
    float: left
}
.dm-res-show {
    padding: 12px 10px;
    overflow: hidden
}

.dm-txt {
    float: left;
    color: #333;
    font-size: 16px
}

.dm-info {
    float: right;
    text-align: right
}

.dm-res-txt {
    color: #999
}*/
.domain-list-box{min-height:400px;width:866px;margin:60px auto 0}.domain-cloumn{overflow:hidden;margin-bottom:25px}.dm-title{font-size:16px;padding-bottom:5px;border-bottom:2px solid #ec131d;float:left}.dm-all-price{float:right;color:#ec131d;margin:5px 0 0 0}.dm-all-price i{background-position:-387px -131px;width:22px;height:18px;display:inline-block}.dm-search{height:50px;margin-bottom:15px}.dm-search .text{width:704px;height:28px;line-height:28px;padding:10px;border:1px solid #c2c2c2;float:left}.dm-search .btn{width:140px;height:50px;background:#ec131d;color:#fff;font-size:18px;float:left}
.dm-select-box{margin-bottom:30px}.dm-select-box li{float:left;width:134px;height:34px;text-align:center;margin:0 10px 10px 0}.dm-select-box li a{display:block;background:#f2f2f2;height:34px;line-height:34px;border:1px solid #f2f2f2;position:relative}.dm-select-box .on a{border:1px solid #ec131d}.dm-select-box .on a:after{content:'';background-position:-386px -156px;width:19px;height:19px;position:absolute;right:-2px;bottom:-3px}
.hui{background:#ff7a22;font-size:12px;color:#fff;width:18px;height:18px;line-height:18px;position:absolute;right:0;top:0}.dm-res-title{border:0;margin-bottom:20px;margin-bottom:0;padding:0}.dm-res-title i{background-position:-212px -336px;width:4px;height:16px;margin-right:8px;border-left: 3px solid #ec131d;}.yh-act{padding:10px;background:#fcfcfc;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb}.select-yh{margin-right:6px}.dm-res-show{padding:12px 10px;overflow:hidden}.dm-txt{float:left;color:#333;font-size:16px}.dm-info{float:right;text-align:right}.dm-res-txt{color:#999}.dm-buy-price{color:#ff7a22;margin-right:10px}.dm-buy-btn{display:inline-block;padding:5px 12px;border:1px solid #ec131d;border-radius:2px;font-size:12px;color:#ec131d}.dm-old-price{color:#999;margin-right:10px}.dm-other-dw{color:#666;font-weight:100}.dm-res-txt,.dm-has-buy{margin:10px 0}.dm-res-show li{overflow:hidden;padding:4px 0;border-bottom:1px solid #f2f2f2}

.nav_bar{max-width: 1920px;width:100%;line-height:60px;background: #fff;border-bottom: 2px solid #39bce7;}
.nav_bar_con{max-width:1300px;margin: 0 auto;}
.nav_bar_con li{float: left;width:33.33333%;border-left:1px solid #eaeaea;box-sizing: border-box;text-align: center;}
.nav_bar_con li a{display: block;}
.web_i,.web_em{display: inline-block;color:#222;vertical-align: top;}
.nav_bar_con li:hover .web_em,.nav_bar_con li.on .web_em{color:#2aa1f6;}
.web_i{width: 28px;height:27px;overflow: hidden;margin:18px 10px 0 0;transition: all .75s;background: url(../images/icon5.png);}
.nav_bar_con li:hover .web_i{transition: all .25s;}
.web_i1{}
.web_i2{background-position: -28px 0;}
.web_i3{background-position: -56px 0;;}
.nav_bar_con li:hover .web_i1,.nav_bar_con li.on .web_i1{background-position: 0 -27px;}
.nav_bar_con li:hover .web_i2,.nav_bar_con li.on .web_i2{background-position: -28px -27px;}
.nav_bar_con li:hover .web_i3,.nav_bar_con li.on .web_i3{background-position: -56px -27px;}

.trust{ position: fixed; width:684px; display: none; background:#fff; z-index: 9999999; height: 378px; left: 50%; top: 50%; margin: -189px 0 0  -392px; box-shadow: 0 0 20px #e2e2e2; border-radius: 10px;  }
.trust_inner{ padding: 38px 50px 0; }
.trust_wel{ font-size: 18px; height: 38px; line-height: 38px; text-align: center; overflow: hidden; margin-bottom: 20px; }
.trust_close{ position: absolute;transition: all 0.5s ease 0s; right: 20px; top: 20px;background:url(../images/what_close.png) left center no-repeat; width: 13px; height: 16px;  }
.trust_ul{ text-align: center; margin-bottom: 16px; }
.trust_ul li{ display: inline-block; margin:0 20px; width: 120px;   }
.trust_img{ border: 4px solid #e9e9e9 }
.trust_img img{ width: 111px; height: 111px; overflow: hidden; }
.trust_tit{ height: 32px; line-height: 32px; text-align: center; overflow: hidden; font-size:14px; color: #666666;  }
.trust_form{ border: 1px solid #bfbfbf; height:42px; border-radius: 42px; width: 504px; margin: 0 auto; overflow: hidden; }
.trust_txt{ float: left; height: 42px; line-height: 42px; width:360px; padding: 0 20px; border: none; box-sizing: border-box; font-size: 14px; color: #999999;  }
.trust_sub{ float: right; height: 42px; line-height: 42px; background: #ec131d; border-radius: 42px; width:116px; text-align: center; color: #fff;  }
.trust_lx{ height:34px; line-height: 34px; font-size: 14px; color: #c9c9c9; padding-left: 62px;  }
.trust_i{ color: #ec131d }
.trust_close:hover{ transform: rotate(360deg); transition: all 0.5s ease 0s; }