/*公用定义*/
@charset "utf-8";
*{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}/*取消链接点击的时候变蓝*/
*:focus{outline:none;}
body a,.tm{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	cursor:pointer;
}
input,select,textarea{ line-height:normal;-webkit-appearance:none;}
ul,li,tr,td,dl,dt,dd{list-style-type:none;margin:0px;padding:0px;}
/*li{ overflow:hidden;}*/
/* 图片自适应 */
a img{text-decoration: none;margin: 0px;padding: 0px;border:none;}
.f{ float:left; overflow:hidden;}
.r{ float:right; overflow:hidden;}
a{	text-decoration:none; color:#2b2b2b;}
a:hover{ text-decoration:none; }
.huang,.huang a{ color:#fcff00;}
.hong,.hong a{ color:#ff0000;}
.lan,.lan a{ color:#2293d1;}
.lv,.lv a{ color:#2293d1;}
.hui,.hui a{color:#6f6f6f;}
.hui a:hover{color:#fff;}
.hui2,.hui2 a{color:#4b4a4a;}
.bai,.bai a{ color:#FFFFFF;}
.cu{font-weight:bold;}
.xi{ font-weight:lighter;}
.mg2{ margin-left:auto; margin-right:auto; overflow:hidden;}
.cen{ text-align:center;}
.xi12{ font-size:12px;}
.xi13{ font-size:13px;}
.xi14{ font-size:14px;}
.xi15{ font-size:15px;}
.xi16{ font-size:16px;}
.xi17{ font-size:17px;}
.xi18{ font-size:18px;}
.xi19{ font-size:19px;}
.xi20{ font-size:20px;}
.xi21{ font-size:21px;}
.xi22{ font-size:22px;}
.xi23{ font-size:23px;}
.xi24{ font-size:24px;}
.xi25{ font-size:25px;}
.xi26{ font-size:26px;}
.xi27{ font-size:27px;}
.xi28{ font-size:28px;}
.xi29{ font-size:29px;}
.xi30{ font-size:30px;}
.xi31{ font-size:31px;}
.xi32{ font-size:32px;}
.xi33{ font-size:33px;}
.xi34{ font-size:34px;}
.xi35{ font-size:35px;}
.xi36{ font-size:36px;}
.xi37{ font-size:37px;}
.xi38{ font-size:38px;}
.xi39{ font-size:39px;}
.xi40{ font-size:40px;}
.device {
  /*width: 1200px;*/
  position: relative;
}
.device .arrow-left {
  background: url(../Images/arrows.png) no-repeat left top;
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px; z-index:999998;
}
.device .arrow-right {
  background: url(../Images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px; z-index:999998;
}
.swiper-container {
  /*width: 1200px;*/
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%; z-index:999998;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.cs img,.cs img,.cs img,.cs img,.cs img,.cs img,.cs img,.cs img,.cs img,.cs img{
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition-duration: 500ms;
-moz-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out; cursor:pointer;
}
.cs img:hover,.cs img:hover,.cs img:hover,.cs img:hover,.cs img:hover,.cs img:hover,.cs img:hover,.cs img:hover,.cs img:hover,.cs img:hover{
-webkit-transform: scale(1.08, 1.08);
-moz-transform: scale(1.08, 1.08);
-ms-transform: scale(1.08, 1.08);
-o-transform: scale(1.08, 1.08);
transform: scale(1.08, 1.08);
-webkit-transition-duration: 500ms;
-moz-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.tm:hover{opacity:0.85; filter:alpha(opacity=85);}
.xiahuaxian{ text-decoration:underline;}
.shanchuxian{ text-decoration:line-through;}
.cur{ cursor:pointer;}
.mengban{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999990;}




/*pc端*/
@media (min-width:641px){
html{ overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{ margin:0px; font-size:12px; background:#ffffff; color:#2b2b2b;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
input,select,textarea,div{FONT-FAMILY:'Microsoft YaHei';}
.mg{ margin-left:auto; margin-right:auto; overflow:hidden; width:1200px;}

.banner{ background:url(../Images/banner.png) center 0 no-repeat; height:540px; position:relative; background-size:auto 100%; overflow:visible; margin-bottom:100px;}
.bannerz{ width:1200px; padding:40px 60px; box-sizing:border-box; border-radius:26px; box-shadow:0px 1px 22px rgba(0,0,0,0.2); background:#ffffff; position:absolute; left:50%; margin-left:-600px; bottom:-90px; overflow:visible}
.bannert{ border:1px solid #cccccc; border-radius:34px; background:#f5f5f5; height:60px; line-height:60px;}
.bannert input{ width:850px; border:none; padding:0px; padding-left:24px; height:60px; line-height:60px; font-size:16px; float:left; display:block; background:none}
.bannert a{ display:block; float:right; width:174px; height:60px; background-image: linear-gradient(to right, #0081ff , #009bf6);}
.bannert a:hover{background-image: linear-gradient(to right, #30c1f8 , #04ddf4);}
.bannerf{ height:50px;}
.swiper-container {
    overflow: hidden;
    height: 46px;
}
.bannerf li{ height:46px; line-height:46px; color:#666666; font-size:16px; width:330px; float:left; margin-top:10px;}
.title1{ margin-top:60px; margin-bottom:30px; line-height:45px;}
.title1f{ color:#666666}
.con1z{ overflow:visible; margin-top:60px}
.con1z>ul>li{width: 283px;background:#fff;float:left;margin-right:22px;position:relative;overflow:visible;padding:32px 0px 0px;}
.con1z>ul>li:last-child{ margin-right:0px;}
.con1mt{ line-height:100px; height:100px; margin-bottom:22px;}
.con1mf{ line-height:28px; color:#666666; margin-top:16px; margin-bottom:14px;}
.con1f{ border-top:1px solid #f3f3f8; line-height:22px; color:#666666; padding-top:12px; padding-bottom:15px; text-align:center; font-size:16px;}
.con1f span{ color:#999999; font-size:14px;}
.con1t{ position:absolute; width:50px; height:50px; border-radius:50%; background:#0098f7; left:50%; margin-left:-25px; top:-25px; line-height:50px;}
.con1z>ul>li:hover .con1xf{ display:block}
.con1xf{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../Images/bg1.png) 0 0 no-repeat; background-size:100% 100%; box-sizing:border-box; padding-top:125px; display:none}
.con1xf a{ display:block; margin-left:auto; margin-right:auto; margin-bottom:18px; width:136px; height:36px; line-height:36px; border:2px solid #ffffff; background:#fff; color:#0085fe; font-size:18px; text-align:center; font-weight:bold;}
.con1xf a:hover{ background:none; color:#ffffff}
.con2 li{ width:586px; height:280px; box-sizing:border-box; padding:40px 0px 0px 38px;}
.con2 li:first-child{ float:left; background:url(../Images/t6.png) 0 0 no-repeat; background-size:100% 100%}
.con2 li:last-child{ float:right; background:url(../Images/t7.png) 0 0 no-repeat; background-size:100% 100%}
.con2m{ line-height:34px; margin-top:15px; margin-bottom:20px; color:#fff}
.con2m img{ margin-top:-4px; margin-right:6px;}
.con2f{ display:block; width:160px; height:36px; line-height:36px; background:#fff; text-align:center }
.con2 li:first-child .con2f{color:#8865f4}
.con2 li:last-child .con2f{color:#1eb6ff}
.con2f img{ margin-top:-4px; margin-left:4px;}
.con3{ background:url(../Images/t16.png) center 0 no-repeat; height:600px; background-size:auto 100%; margin-top:75px;}
.con3s{ margin-top:30px;}
.con3 li{ width:380px; height:140px; float:left; margin-right:30px; margin-bottom:26px; box-sizing:border-box; padding:18px 0px 0px 30px; background:#ffffff}
.con3 li:nth-child(3n){ margin-right:0px;}
.con3l img{ margin-right:24px;}
.con3rt{ margin-top:10px; margin-bottom:10px;}
.con3rf{ line-height:24px; color:#999999}
.con4l li{ width:280px; height:155px; box-sizing:border-box; padding:10px 0px 0px;position:relative; text-align:center}
.con4l li:first-child{ background:url(../Images/bg2.png) 0 0 no-repeat; background-size:100% 100%; margin-bottom:30px;}
.con4l li:last-child{ background:url(../Images/bg3.png) 0 0 no-repeat; background-size:100% 100%;}
.con4xf{ position:absolute; width:40px; height:22px; line-height:22px;background-image: linear-gradient(to right, #ff2f48 , #ff707e); top:20px; right:20px; border-radius:23px;}
.con4lt{ line-height:70px; height:70px;}
.con4lf{ margin-top:5px; color:#fff}
.con4l{ margin-right:27px;}
.con4r li{ width:280px; height:340px; background:#fff; margin-right:26px; float:left; text-align:center}
.con4r li:last-child{ margin-right:0px;}
.con4rt{ height:126px; line-height:126px; margin-top:22px; margin-bottom:10px}
.con4rf{ line-height:58px; margin-bottom:15px; color:#666666}
.con4rx{ line-height:26px; color:#999999; font-size:14px;}
.con4rx span{  color:#ff4242; font-size:16px;}
.con5m li{ text-align:center; float:left; width:33.3%; font-size:16px; line-height:30px; margin-top:15px; margin-bottom:20px; color:#666666;}
.con5m li span{ color:#333333; font-size:26px; font-weight:bold}
.con5m li:nth-child(3){ padding-left:30px; box-sizing:border-box}
.con5f{ border-right:1px solid #ededf2;}
.con5f li{ width:238px; background:#fff; border-left:1px solid #ededf2; padding-top:20px; border-top:10px solid #35d498; border-bottom:1px solid #ededf2; float:left; text-align:center; padding-bottom:35px;}
.con5ft{ line-height:94px; height:94px;}
.con5fm{ color:#666666}
.con5ff{ color:#666666; line-height:26px; margin-top:15px;}
.con6{ background:url(../Images/t31.png) center 0 no-repeat; background-size:auto 100%; margin-top:60px; height:660px; box-sizing:border-box}
.con6t{ line-height:150px;}
.con6f li{ float:left; background:#fff; width:280px; margin-right:26px; padding-bottom:32px;}
.con6f li:last-child{ margin-right:0px;}
.con6ft img{ display:block; width:100%; height:190px; margin-bottom:24px;}
.con6ff{ line-height:24px; color:#666666; margin-top:20px; margin-bottom:18px;}
.con6ff span{ color:#0086fd;}
.con6fx{ display:block; width:108px; height:32px; line-height:32px; border:1px solid #0081ff; text-align:center; color:#0081ff}
.con6fx:hover{ background:#0081ff; color:#fff}
.con7t li{ background:#fff; width:585px; height:90px; line-height:90px; box-sizing:border-box; padding:10px; margin-right:30px; margin-bottom:30px; float:left}
.con7tl{ width:68px; height:68px; background:#008cfc; margin-right:40px; line-height:60px; text-align:center}
.con7tr{ line-height:68px; height:68px;}
.con7t li:nth-child(2n){ margin-right:0px;}
.btn1{ display:block; width:180px; height:60px; line-height:60px;background-image: linear-gradient(to right, #0081ff , #009bf6);}
.btn1:hover{background-image: linear-gradient(to right, #30c1f8 , #04ddf4)}
.con8{ background:#e8ecf2; margin-top:35px; padding-bottom:50px;}
.con8t{ margin-bottom:32px; margin-top:42px;}


}
/*手机端*/
@media (max-width:641px){
body{ margin:0px; background:#fff; color:#2b2b2b; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; overflow-x:hidden; font-size:12px;}
input,select,textarea,div{FONT-FAMILY:'Microsoft YaHei';}
.mg{ margin-left:auto; margin-right:auto; overflow:hidden; width:600px;}
.mgz{ margin-left:auto; margin-right:auto; overflow:hidden; width:640px;}
.mxi12{ font-size:12px;}
.mxi13{ font-size:13px;}
.mxi14{ font-size:14px;}
.mxi15{ font-size:15px;}
.mxi16{ font-size:16px;}
.mxi17{ font-size:17px;}
.mxi18{ font-size:18px;}
.mxi19{ font-size:19px;}
.mxi20{ font-size:20px;}
.mxi21{ font-size:21px;}
.mxi22{ font-size:22px;}
.mxi23{ font-size:23px;}
.mxi24{ font-size:24px;}
.mxi25{ font-size:25px;}
.mxi26{ font-size:26px;}
.mxi27{ font-size:27px;}
.mxi28{ font-size:28px;}
.mxi29{ font-size:29px;}
.mxi30{ font-size:30px;}
.mxi31{ font-size:31px;}
.mxi32{ font-size:32px;}
.mxi33{ font-size:33px;}
.mxi34{ font-size:34px;}
.mxi35{ font-size:35px;}
.mxi36{ font-size:36px;}
.mxi37{ font-size:37px;}
.mxi38{ font-size:38px;}
.mxi39{ font-size:39px;}
.mxi40{ font-size:40px;}
.mxi46{ font-size:46px;}
.mxi50{ font-size:50px;}
.mxi52{ font-size:52px;}
.mxi59{ font-size:59px;}
.mxi60{ font-size:60px;}
.top{ height:100px; line-height:100px;}
.topl img{ margin-top:-4px;}
.topr img{ margin-top:-4px; margin-right:10px;}
.banner{ background:url(../Images/banner.png) center 0 no-repeat; height:350px; position:relative; background-size:auto 100%; overflow:visible; margin-bottom:100px;}
.bannerz{ width:600px; padding:20px 30px; box-sizing:border-box; border-radius:12px; box-shadow:0px 1px 22px rgba(0,0,0,0.2); background:#ffffff; position:absolute; left:50%; margin-left:-300px; bottom:-74px; overflow:visible}
.bannert{ border:1px solid #cccccc; border-radius:34px; background:#f5f5f5; height:50px; line-height:50px;}
.bannert input{ width:360px; border:none; padding:0px; padding-left:24px; height:50px; line-height:50px; font-size:16px; float:left; display:block; background:none}
.bannert a{ display:block; float:right; width:140px; height:50px; background-image: linear-gradient(to right, #0081ff , #009bf6); font-size:16px}
.bannert a:hover{background-image: linear-gradient(to right, #30c1f8 , #04ddf4);}
.bannerf{ height:50px;}
.swiper-container {
    overflow: hidden;
    height: 46px;
}
.bannerf li{ height:46px; line-height:46px; color:#666666; font-size:16px; width:540px; float:left; margin-top:10px; text-align:center}
.title1{ margin-top:60px; margin-bottom:30px; line-height:45px;}
.title1f{ color:#666666}
.con1z{ overflow:visible; margin-top:60px}
.con1z>ul>li{width: 283px;background:#fff;float:left;margin-right:22px;position:relative;overflow:visible;padding:32px 0px 0px; margin-bottom:52px;}
.con1z>ul>li:nth-child(2n){ margin-right:0px;}
.con1mt{ line-height:100px; height:100px; margin-bottom:22px;}
.con1mf{ line-height:28px; color:#666666; margin-top:16px; margin-bottom:14px;}
.con1f{ border-top:1px solid #f3f3f8; line-height:22px; color:#666666; padding-top:12px; padding-bottom:15px; text-align:center; font-size:16px;}
.con1f span{ color:#999999; font-size:14px;}
.con1t{ position:absolute; width:50px; height:50px; border-radius:50%; background:#0098f7; left:50%; margin-left:-25px; top:-25px; line-height:50px;}
.con1z>ul>li:hover .con1xf{ display:block}
.con1xf{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../Images/bg1.png) 0 0 no-repeat; background-size:100% 100%; box-sizing:border-box; padding-top:125px; display:none}
.con1xf a{ display:block; margin-left:auto; margin-right:auto; margin-bottom:18px; width:136px; height:36px; line-height:36px; border:2px solid #ffffff; background:#fff; color:#0085fe; font-size:18px; text-align:center; font-weight:bold;}
.con1xf a:hover{ background:none; color:#ffffff}
.con2 li{ width:586px; height:280px; box-sizing:border-box; padding:40px 0px 0px 38px; margin-bottom:22px;}
.con2 li:first-child{ background:url(../Images/t6.png) 0 0 no-repeat; background-size:100% 100%}
.con2 li:last-child{ background:url(../Images/t7.png) 0 0 no-repeat; background-size:100% 100%}
.con2m{ line-height:34px; margin-top:15px; margin-bottom:20px; color:#fff; font-size:14px}
.con2m img{ margin-top:-4px; margin-right:6px;}
.con2f{ display:block; width:160px; height:36px; line-height:36px; background:#fff; text-align:center }
.con2 li:first-child .con2f{color:#8865f4}
.con2 li:last-child .con2f{color:#1eb6ff}
.con2f img{ margin-top:-4px; margin-left:4px;}
.con3{ background:#e8ecf2; margin-top:75px;}
.con3s{ margin-top:30px;}
.con3 li{ width:285px; float:left; margin-right:30px; margin-bottom:26px; box-sizing:border-box; padding:18px 0px 0px 30px; background:#ffffff; padding-bottom:30px;}
.con3 li:nth-child(2n){ margin-right:0px;}
.con3l img{ margin-right:15px; height:60px; margin-top:20px}
.con3rt{ margin-top:10px; margin-bottom:10px;}
.con3rf{ line-height:24px; color:#999999}
.con4l{ width:100%}
.con4l li{ width:280px; height:155px; box-sizing:border-box; padding:10px 0px 0px;position:relative; text-align:center; float:left;margin-bottom:30px;}
.con4l li:first-child{ background:url(../Images/bg2.png) 0 0 no-repeat; background-size:100% 100%; }
.con4l li:last-child{ background:url(../Images/bg3.png) 0 0 no-repeat; background-size:100% 100%; float:right}
.con4xf{ position:absolute; width:40px; height:22px; line-height:22px;background-image: linear-gradient(to right, #ff2f48 , #ff707e); top:20px; right:20px; border-radius:23px;}
.con4lt{ line-height:70px; height:70px;}
.con4lf{ margin-top:5px; color:#fff}
.con4r li{ width:280px; height:340px; background:#fff; margin-right:26px; float:left; text-align:center; margin-bottom:30px;}
.con4r li:nth-child(2n){ margin-right:0px; float:right}
.con4rt{ height:126px; line-height:126px; margin-top:22px; margin-bottom:10px}
.con4rf{ line-height:58px; margin-bottom:15px; color:#666666}
.con4rx{ line-height:26px; color:#999999; font-size:14px;}
.con4rx span{  color:#ff4242; font-size:16px;}
.con5m li{ text-align:center; float:left; width:33.3%; font-size:16px; line-height:30px; margin-top:15px; margin-bottom:20px; color:#666666;}
.con5m li span{ color:#333333; font-size:26px; font-weight:bold}
.con5m li:nth-child(3){ padding-left:30px; box-sizing:border-box}
.con5f{ border-right:1px solid #ededf2;}
.con5f li{ width:298px; background:#fff; border-left:1px solid #ededf2; padding-top:20px; border-top:10px solid #35d498; border-bottom:1px solid #ededf2; float:left; text-align:center; padding-bottom:35px;}
.con5ft{ line-height:94px; height:94px;}
.con5fm{ color:#666666}
.con5ff{ color:#666666; line-height:26px; margin-top:15px;}
.con6{ background:#2e306d; margin-top:60px; box-sizing:border-box}
.con6t{ line-height:150px;}
.con6f li{ float:left; background:#fff; width:280px; margin-right:26px; padding-bottom:32px; margin-bottom:30px;}
.con6f li:nth-child(2n){ margin-right:0px;}
.con6ft img{ display:block; width:100%; height:190px; margin-bottom:24px;}
.con6ff{ line-height:24px; color:#666666; margin-top:20px; margin-bottom:18px;}
.con6ff span{ color:#0086fd;}
.con6fx{ display:block; width:108px; height:32px; line-height:32px; border:1px solid #0081ff; text-align:center; color:#0081ff}
.con6fx:hover{ background:#0081ff; color:#fff}
.con7t li{ background:#fff; width:585px; height:90px; line-height:90px; box-sizing:border-box; padding:10px; margin-right:30px; margin-bottom:30px; float:left}
.con7tl{ width:68px; height:68px; background:#008cfc; margin-right:40px; line-height:60px; text-align:center}
.con7tr{ line-height:68px; height:68px;}
.con7t li:nth-child(2n){ margin-right:0px;}
.btn1{ display:block; width:180px; height:60px; line-height:60px;background-image: linear-gradient(to right, #0081ff , #009bf6);}
.btn1:hover{background-image: linear-gradient(to right, #30c1f8 , #04ddf4)}
.con8{ background:#e8ecf2; margin-top:35px; padding-bottom:50px;}
.con8t{ margin-bottom:32px; margin-top:42px;}
.footer{ background:#333333; padding-top:56px; padding-bottom:38px;}
.footer li{ width:300px; float:left; margin-bottom:30px;}
.footerl{ padding-top:15px; margin-right:28px;}
.footerrf{ line-height:24px; color:#999999; margin-top:18px;}
.footerf{ background:#2b2b2b; line-height:28px; padding-top:15px; padding-bottom:15px; color:#999999}
.footerf span{ color:#666666}
}
/*pc端*/
@media (min-width:641px){
.abcdef{ display:none;}
}
/*手机端*/
@media (max-width:641px){
.abcdef{ display:none;}
}