﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
li { list-style: none; }
img { border: none; }
input,
select,
textarea { outline: none; border: none; background: none; border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  background-image: -webkit-linear-gradient(transparent, transparent);
  background-image: linear-gradient(transparent, transparent);
  font-family:"Helvetica", "Arial";
}
textarea { resize: none; }
html { -webkit-text-size-adjust:none;overflow-x:hidden;}
article， aside， details， figcaption， figure， footer， header， hgroup， menu， nav， section { display: block; }
img { display: block; max-width: 100%; height:auto; width: auto\9; /* ie8 */ vertical-align:top; }
.video embed， .video object， .video iframe { width: 100%; height: auto; }
a { border:0; text-decoration: none; outline: none;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
em{ font-style: normal;}
body{font-family: "microsoft yahei";}
.clearfix:after,
.clearfix:before { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }.hide{display: none;}
/*header*/
.header{/*max-width: 1160px;*/height: 90px;margin: 0 auto;position: relative;position: fixed;z-index: 99;left: 0;top: 0;width:100%;background-color:transparent;}
.logo{position: absolute;left: 41px;top: 20px;background: url(../images/company_logo1.png) no-repeat;width:137px;height:49px;}
.logo.active{background-image: url(../images/company_logo.png)}
.nav,.nava{float: right;margin: 36px 0;margin-right: 220px;}
.nav li,.nava li{float: left;margin-right: 50px;}
.nav li a{font-size: 18px;color: #FFF;}.nav li a:hover{border-bottom: 2px solid #17abcb;}.nav li a.hasBlack{color:#000;}
.nava li a{font-size: 18px;color: #000;}.nava li a:hover{border-bottom: 2px solid #17abcb;}
.butt,.butta{position: absolute;top: 29px;right: 40px;}
.butt a{display: block;padding: 7px 20px;border: 1px solid #fff;border-radius: 4px;float: left;color: #fff;font-size: 14px;}
.butta a{display: block;padding: 7px 20px;border: 1px solid #17abcb;border-radius: 4px;float: left;color: #17abcb;font-size: 14px;}
.butt a.blue{display: block;padding: 7px 20px;border: 1px solid #17abcb;border-radius: 4px;float: left;color: #17abcb;font-size: 14px;}
.hasFixed{background-color:white;}
.butta a:hover {color: #FFF;border: 1px solid #17abcb;background:#17abcb;}
.butt a:hover{color: #FFF;border: 1px solid #17abcb;background:#17abcb;}
/*.butt a:nth-child(1){margin-right: 10px;}*/
.butt_a1{margin-right: 10px;width:56px;text-align:center;}
/*banner*/
.banner_layout{background: url(../images/bannernew.jpg) no-repeat center;}
.banner{max-width: 1160px;height: 559px;margin:0 auto;position: relative;}
.slogan{position: absolute;top: 150px;right: 10px;text-align: center;font-size:38px;font-weight:100;letter-spacing:5px;color:#fff;}
.login{position: absolute;top: 280px;right: 20px;text-align: center;width: 380px;}
.nomal_ipt{width: 380px;padding:10px 0;background: #fff;border-radius: 4px;font-family: "microsoft yahei";margin-bottom: 10px;
	text-align: center;font-size: 20px;box-shadow: 0 0 16px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 16px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 16px rgba(0,0,0,0.2);}
#regBtn,#loginBtn,#regBtnl,#logBtn{height:50px;width: 380px;background: #ff7700;border-radius: 4px;border:none;font-family: "microsoft yahei";
	text-align: center;font-size: 20px;color: #fff;margin:0 auto;}
#loginBtn{background: #17abcb;height:50px;font-size:18px;width:350px;}
.video{position: absolute;top: 420px;right: 160px;}
.video a{display: block;width: 104px;height: 31px;background: url(../images/watch_video1.png) no-repeat 0;font-size: 16px;color: #FFF;line-height: 31px;
    text-align: right;}
/*.video:hover a{color:#333;background-image:url(../images/watch_video.png);}*/

/*box_layout*/
.box_content{max-width: 1160px;padding-top:90px;margin: 0 auto;}
.box_content h1{text-align: center;font-size: 35px;}
.account{margin: 0 30px 61px;}.account a{display: inline-block;margin-top:60px;}
.account ul li{float: left;width: 33.33%;text-align: center;}
.account ul li img{display: inline-block;}
.account ul li p{margin-top: 23px;color: #000;}
.introduction{height: 50px;text-align: center;max-width: 1160px;;position: relative;margin-bottom: 50px;}
.introduction a{display: block;width: 220px;height: 50px;border: 1px solid #17abcb;border-radius: 4px;
	line-height: 50px;position: absolute;left: 50%;margin-left: -110px;top: 0px;color: #17abcb;font-size: 18px;}
.introduction a img{display: inline-block;vertical-align:middle;margin-left: 10px;}
.arrBtn{background:url(../images/btn_arrow.png) no-repeat 90%;}
/**/
.sidebar{width: 80px;height: 440px;/*position: absolute;right: 10px;*/position: fixed;top: 50%;right: 10px;margin-top: -220px;}
.sidebar ul li{margin-bottom: 10px;position:relative;}.sidebar ul li:hover .tips{display: block;}
.sidebar ul li a.sidebar_a{display: block;height: 90px;width: 80px;border:1px solid #17abcb;border-radius: 5px;text-align: center;color:#17abcb;font-size: 14px;line-height:130px;}
.c_qq{background:url(../images/contact_qq.png) no-repeat center 20px #fff;}
.c_tel{background:url(../images/contact_phone1.png) no-repeat center 20px #fff;}
.c_mail{background:url(../images/contact_mail.png) no-repeat center 20px #fff;}
.c_help{background:url(../images/helpcenter.png) no-repeat center 20px #fff;}
.sidebar li .tips {
  display: none;
  position: absolute;
  right: 90px;
  top: 10px;
}
.sidebar li .tips .con {
  background: #4d4d4d;
  border-radius: 3px;
  padding: 10px;
  text-align: center;
  width: 180px;
}
.sidebar li .tips .con h2 {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
}
.sidebar li .tips .con h3 {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}
.sidebar li .tips .arrow-right {
  width: 0;
  height: 0;
  display: block;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #4d4d4d;
  margin-top: -8px;
  position: absolute;
  right: -5px;
  top: 50%;
}
/**/
.atany_layout{background-color: #f2f2f2;}
.atany_box{height: 720px;max-width: 1160px;padding-top: 90px;margin: 0 auto;background: url(../images/platforms.png) no-repeat center 87%;position: relative;background-size: 84%;}
.atany_box h1{text-align: center;font-size: 36px;color:#333;}
.atany_box p{text-align: center;letter-spacing:1px ;margin-top: 20px;font-size: 20px;    padding: 0 25px;}
.atany_box p span{color: #17abcb;}

/*trust_layout*/
.trust_layout{}
.trust_box{max-width: 1160px;padding-top: 90px;margin:0 auto;}
.trust_box h1{text-align: center;font-size: 35px;margin: 0 4px 60px;}
.tbrow{display: table;width:100%}
.h170{height:170px;}.h340{height:340px;vertical-align: middle; display: table-cell;text-align: center;}.col_it3{width:33.3%;float:left;}.wd5p{width:50%;display: table-cell;text-align: center;vertical-align: middle;}
.wd5p img,.h340 img{display: inline-block;}
.cbg1{background-color: #fcfcfc;}
.cbg2{background-color: #ffd700;}
.cbg3{background-color: #fff2e8;}
.cbg4{background-color: #334da1;}
.cbg5{background-color: #fcfcfc;}
.cbg6{background-color: #e5603f;}
.cbg7{background-color: #006600;}
.trust_box .h340 p{margin:20px 33px;font-size: 20px;color:#333;}
.trust_box .h340 p.small{margin:10px;font-size: 14px;}
/*provide_layout*/

.provide_box{max-width: 1160px;margin: 0 auto;padding-top: 90px;}
.provide_box h1{font-size: 35px;text-align: center;}
.provide_box ul li{float: left;width: 150px;text-align: center;margin-right: 10px;
	height: 140px;position: relative;background: #f2f2f2;color: #666;cursor: pointer;}
.provide_box li.active:after{content:'';position: absolute;left:50%;bottom:-12px;margin-left:-12px;border-top:12px solid #17abcb;border-left:12px solid transparent;border-right:12px solid transparent;}
.provide_box .item1{background:url(../images/safe_1.png) no-repeat center 37% #f2f2f2;position: relative;}
.provide_box .item2{background:url(../images/safe_2.png) no-repeat center 37% #f2f2f2;position: relative;}
.provide_box .item3{background:url(../images/safe_3.png) no-repeat center 37% #f2f2f2;position: relative;}
.provide_box .item4{background:url(../images/safe_4.png) no-repeat center 37% #f2f2f2;position: relative;}
.provide_box .item5{background:url(../images/safe_5.png) no-repeat center 37% #f2f2f2;position: relative;}
.provide_box .item6{background:url(../images/safe_6.png) no-repeat center 37% #f2f2f2;position: relative;}
.provide_box .item7{background:url(../images/safe_7.png) no-repeat center 37% #f2f2f2;position: relative;}
.provide_box .item1.active,.provide_box li.item1:hover{background:url(../images/safe_1_highlight.png) no-repeat center 37% #17abcb;color: #fff;}
.provide_box .item2.active,.provide_box li.item2:hover{background:url(../images/safe_2_highlight.png) no-repeat center 37% #17abcb;color: #fff;}
.provide_box .item3.active,.provide_box li.item3:hover{background:url(../images/safe_3_highlight.png) no-repeat center 37% #17abcb;color: #fff;}
.provide_box .item4.active,.provide_box li.item4:hover{background:url(../images/safe_4_highlight.png) no-repeat center 37% #17abcb;color: #fff;}
.provide_box .item5.active,.provide_box li.item5:hover{background:url(../images/safe_5_highlight.png) no-repeat center 37% #17abcb;color: #fff;}
.provide_box .item6.active,.provide_box li.item6:hover{background:url(../images/safe_6_highlight.png) no-repeat center 37% #17abcb;color: #fff;}
.provide_box .item7.active,.provide_box li.item7:hover{background:url(../images/safe_7_highlight.png) no-repeat center 37% #17abcb;color: #fff;}
.provide_box p{margin-top: 100px;}
.provide_box ul{margin-left: 16px;margin-top: 60px;}

.neirongl,.neirongrr,.neirong,.neirongm,.neirongr{padding: 50px 460px 0 180px;display: none;height: 235px;line-height: 29px;color:#333;font-size: 16px;}
.neirongm{padding: 50px 320px 0 320px; }.neirongr {padding: 50px 180px 0 560px;}.neirongl{padding: 50px 620px 0 20px;}.neirongrr{padding: 50px 20px 0 620px;}
.neirongrr.active,.neirongl.active,.neirong.active,.neirongm.active,.neirongr.active{display: block;}
/*enterprise_layout*/
.enterprise_box{max-width: 1160px;;margin: 0 auto;text-align: center;}
.enterprise_box h1{text-align: center;font-size: 35px;margin:100px 0 60px;}
.enterprise_box img{display: inline-block;}
.enterprise_box ul {height:201px;overflow: hidden;width:884px;margin:0 auto;position: relative;}
.enterprise_box ul:after{content:'';position: absolute;right:0;height:100%;width:1px;background-color: white;}
.enterprise_box ul li{float:left;display:table;width:220px;height:100px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.enterprise_box ul li p{display: table-cell;vertical-align: middle;}

/*dynamic_layout*/
.dynamic_layout{background: #f2f2f2;}
.dynamic_box{max-width: 1160px;margin: 0 auto;clear: both;padding-top: 90px;text-align: center;position: relative;}
.dynamic_box h1{font-size: 35px;}
.dy_content{margin: 60px 25px 0;overflow: hidden;}
.dy_content a{color: #000;}
.w50{width: 50%;float: left;overflow: hidden;}
.dy_left img{display: inline-block;height: 376px;}
.dy_left p{padding: 20px;text-align: left;}
.dy_left{background:#fff;}
.dy_right ul li{width: 46%;float: left;background: #fff;margin-bottom: 20px;margin-left: 20px;}
.dy_right ul li img{display: inline-block;height: 138px;width: 100%;}
.dy_right ul li p{padding:20px;text-align: left;font-size: 16px;color:#333;}
.more{text-align: center;}
.more a{display: inline-block;height: 51px;width: 180px;border: 1px solid #17abcb;text-align: center;line-height: 51px;
	border-radius: 4%;color:#17abcb;font-size: 18px;margin:60px auto;}
.more a img{display: inline-block;vertical-align:middle;margin-left: 10px;}

/*qrcode_layout*/
.qrcode_layout{height: 490px;}
.qrcode_box{max-width: 1160px;height: 385px;margin: 0 auto;padding-top: 105px;}
.qrcode_box h1{text-align: center;font-size: 35px;}
.download{max-width: 1160px;height: 188px;position: relative;margin:60px 0 110px;}
.mline{height: 100%;width:1px;position: absolute;left:50%;background-color: #d7d7d7;}
.download dl.maleft{position: absolute;left: 50%;text-align: center;margin-left:-70px;}
.download dl.maright{position: absolute;left: 55%;text-align: center;}
.download dl dt{margin-bottom: 20px;font-size: 16px;color: #999;}

/*science_layout*/
#about_us{background:url(../images/sciencebg.jpg) no-repeat center 90px;}
.about_uslink{cursor:pointer;}
.science_layout{margin-bottom: 100px;padding-top:90px;}.w300{width:300px;}
.science_box{min-height: 520px;max-width: 1160px;margin: 0 auto;overflow: hidden;display: table;}
.science_box .left_img img,.science_box .right_img img{width: 290px;height: 520px;}
.science_box img{display: inline-block;}.tableCell{display: table-cell;}.tcSkybg{border-left: 10px solid #fff;border-right: 10px solid #fff;background-color:#f3f7fa;padding:50px 10px 0;vertical-align: top;text-align:center;}
.tcSkybg h1{margin:30px 0;font-size: 28px;color:#333;}.tcSkybg p{font-size: 18px;color:#777;margin-bottom: 18px;}
.tcSkybg_ul li{display: inline-block;width:165px;margin:32px 0 0;}
.tcSkybg_ul p{font-size: 14px;color:#333;line-height: 22px;margin-top: 14px;}

/*footer_layout*/
.footer_layout{margin-top: 80px;margin-bottom: 70px;}
.footer{margin: 0 auto;max-width: 1160px;}
.footer ul{max-width: 1160px;overflow: hidden;color: #666;}
.footer ul li{float: left;width: 33%;text-align: center;overflow: hidden;}
.footer ul li img{display: inline-block;}
.border{border-right: 1px solid #e1e1e1;}
.footer h1{font-size: 20px;font-weight: 700;margin-top: 24px;margin-bottom: 30px;color: #333;}
.border p,.footer ul li dl{margin-bottom: 20px;color:#333;line-height: 28px;}

/*content_layout*/
.content_box{max-width:1100px;margin: 0 auto;padding-top:90px;}
.content_box img{display: inline-block;}
.group_01{max-width:1100px;padding-top: 60px;text-align: center;}
.group_01 h1{font-size: 35px;}
.group_01 .p1{margin-top: 30px;margin-bottom: 40px;font-size: 20px;}
.group_01 .qiye{width: 600px;margin: 0 auto;height: 137px;margin-bottom: 60px;}
.group_01 .qiye li{float: left;width: 25%;text-align: center;}
.group_01 .qiye li a{display: block;text-align: center;}
.group_01 .qiye li a img{display: inline-block;margin-bottom: 15px;}
.group_01 .qiye li a p{color: #000;}
.group_01 .p2{margin-top: 100px;margin-bottom: 60px;font-size: 20px;}

.group_03{max-width:1100px;}
.group_03 img{display: inline-block;}
.group_031,.group_032,.group_033,.group_034,.group_035,.group_036,.group_037{max-width:1100px;padding-top: 120px;text-align: center;}
.hh1{font-size: 35px;}
.pp1{margin-top: 30px;margin-bottom: 60px;font-size: 20px;}


/*banner_layout*/
.banner_layout2{height: 275px;margin-top: 68px;}
.banner_box{max-width:1100px;height: 275px;margin: 0 auto;background: url(../images/down/bg_img2.png)no-repeat left top;position: relative;}
.dianji{display: inline-block;padding: 15px 35px;background: #ff7700;color: #fff;font-size: 20px;border-radius: 5px;
	position: absolute;top: 63%;left: 50%;margin-left: -95px;}

.tright {
    float: right;
    display: none;
    background: url(../images/tab.png) no-repeat center;
    background-size: 26px;
    width: 24px;
    height: 50px;
    padding: 0 20px;
}
#toggleMenu {
    clear: both;
    display: none;
    background-color: rgba(255,255,255,0.95);
    padding-bottom: 10px;
}
#toggleMenu li {
    text-align: center;
}
#toggleMenu .active a {
    border-bottom: 1px solid #17abcb;
    color: #17abcb;
}
#toggleMenu a {
    display: inline-block;
    line-height: 35px;
    width: 100px;
    color: #666;
    font-size: 18px;
}
#mobSafe{display: none;}.backToTop{height: 30px !important;line-height: 30px !important;background:white;}
#mobSafe li{float:none;width:95%;clear:left;margin-bottom: 10px;}#mobSafe .wsafebox{width: 134px; height: 141px;float: left;}.neirong2{margin-left: 140px;padding: 20px;text-align: left;}.neirong3{margin-left: 140px;padding: 20px;text-align: center;}.neirong4{margin-right: 140px;padding: 20px;text-align: right;}
.LoginName_area,.Password_area{position:relative;width:355px;height:58px;}
.Password_area{height:48px;}
#LoginName,#Password{position:relative;text-align:left;padding-left:30px;width:320px;height:26px;font-size:14px;}/*为兼容IE7及以下 不适用怪异模式 box-sizing:border-box;*/
#Password{margin-bottom:0;}
.LoginName_area i,.Password_area i{position: absolute; background: url(../default/images/imageNew/User.png) no-repeat; width: 15px;height: 15px;top: 50%;margin-top:-13px;left: 15px;z-index:1;}
.Password_area i{background-image:url(../default/images/imageNew/Locked.png);margin-top: -9px;}
div.title{width:355px;margin: 10px 0 15px 0; position:relative;height:20px;}
#loginBox{z-index:112;width:400px;box-sizing:border-box;position: fixed;top:30%;left:50%;margin-left: -250px;text-align: center;background-color: white;padding:50px 20px;display: none;border-radius: 5px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14),0 1px 5px 0 rgba(0, 0, 0, 0.12),0 3px 1px -2px rgba(0, 0, 0, 0.2)
}
#loginBox .nomal_ipt{box-shadow: none;-webkit-box-shadow: none;border:1px solid #999;}
#loginBox_close,#loginmBox_close{position:absolute;right:15px;top:15px;margin:-5px;background: url(../images/delIcon.png);width:14px;height:14px;cursor: pointer;}
#loginBox_close:hover,#loginmBox_close:hover{opacity: .6;}

#LoginName:focus,#Password:focus{
    border-color:#17abcb;
}
.weixin {
    width: 124px;
    cursor: pointer;
    position: absolute;
    color: #17abcb;
    bottom: 15px;
    left: 50%;
    margin-left: -62px;
}#forgetpwd,#forgmpwd {
    position: absolute;top:0;right:25px;
    background-color: white;
    color: #17abcb;
    cursor: pointer;
    font-size: 14px;
}

 .ziDongDengLu {
    color: #999;
    font-size: 14px;
    display: block;
    /*margin: 10px 0 15px 30px;*/
    position: absolute;
    top:0;
    left:30px;
    width: 70px;
}
 .check-box{
    position: absolute;
    top: 3px;
    left: 8px;
    display: inline-block;
	width:14px;
	height: 14px;
    display:none;
	cursor: pointer;
}
.check-box.checked{
	display:block;
}
.error-msg-text, .loginError {
    position: absolute;
    top: 65px;
    left: 210px;
    width: 160px;
    height: 14px;
    font-size: 12px !important;
    color:#ee4127;
}
.video_area{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background-color: rgba(0,0,0,0.8);
    box-shadow:2px 2px 2px #000;
    display:none;
    z-index:111;
}
.close-video{
    position:absolute;
    right:5px;
    top:5px;
    width:20px;
    height:20px;
    background:url(../images/cha.png) no-repeat;
        z-index: 100;
}
.login_area,.loginm_area{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:none;
    /*background-color:rgba(0,0,0,0.8);*/
    z-index:111;
    
}
.login_area .bgColor,.loginm_area .bgColor{
    width:100%;
    height:100%;
    background:#000;
    opacity:0.8;
    filter:alpha(opacity = 80);
	position:fixed;
}
#loginmBox{
    width:80%;
    z-index: 112;
    box-sizing: border-box;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -40%;
    text-align: center;
    background-color: white;
    padding: 20px 5%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),0 1px 5px 0 rgba(0, 0, 0, 0.12),0 3px 1px -2px rgba(0, 0, 0, 0.2);
    border-radius:5px;
}
.LoginmName_area,.Passmword_area{
    position:relative;
    width:100%;
    height:44px;
    box-sizing:border-box;
    border:1px solid #ddd;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}
.Passmword_area{
    margin-top:-1px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
}
.LoginmName_area i,.Passmword_area i{
    background: url(/Content/themes/default/images/zhuce/delete.png) no-repeat center;
    width:20px;
    height:20px;
    background-size:100%;
    position:absolute;
    display: block;
    z-index: 3;
    top: 12px;
    right: 8px;
}
.link a{color:#999;}
#loginmBtn{
    width:100%;
    height:44px;
    background:#17abcd;
    border:1px solid #17abcd;
    border-radius:5px;
    text-align:center;
    color:#fff;
    line-height:44px;
    border:0;
    font-weight:700;
    font-size:16px;
}
#LoginmName,#Passmword{
    position: relative;
    text-align: left;
    width: 100%;
    height: 42px;
    font-size: 14px;
    padding:5px 0 5px 8px;
    border:0;
    outline:none;
    font-family: "microsoft yahei";
    box-sizing:border-box; 
}
.mtitle{
    width: 100%;
    margin: 10px 0 15px 0;
    position: relative;
    height: 20px;
}
#loginmBox .error-msgm-text{
    width: 100%;
    height: 30px;
    font-size: 12px !important;
    color:#ee4127;
    line-height:30px;
}
/*新增banner我们动态*/
#scroll{
    position:relative;
    width:100%;
    height:450px;
}
.banner-list{
    position:absolute;
    width:100%;
    height:450px;
}
.banner-list li{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:450px;
    display:none;
}
.banner-list li.active{
    display:block;
}
.btn-list{
    position:absolute;
    bottom:90px;
    width:79px;
    height:16px;
    left:50%;
    margin-left:-33px;
    z-index:10;
} 
.btn-list li{
    width:16px;
    height:16px;
    float:left;
    margin-right:13px;
    border-radius:8px;
    background-color:#FFF;
    cursor:pointer;
}
.btn-list li:last-child{
    margin-right:0;
}
.btn-list li.active {
     background-color:#17abcb;
}
.sgt640{display:block;}
.slt640{display:none;}
#regBtnl,#logBtn{width:120px;}
#logBtn{background:#17abcd;margin-left:10px;}
.highshow{font-size:85px;background: url(../images/million.png) no-repeat center bottom;background-size:100%;color: transparent;margin:0 11px;}
/*响应修改布局*/
@media only screen and (min-width: 100px) and (max-width: 640px) {
    .slogan {display:none;}
    .banner_layout{background-image: url(../images/bannner_mimg.jpg);}
	.group_01 .qiye li,.account ul li{width:50%}.group_01 .qiye{width:100%}
	.login{right: auto;width:100%;top:300px}
    .slogan{width:100%;right: auto;font-size:30px;top: 163px;}
	.col_it3{width: 90%;margin: 0 5%;}
	.neirong2{font-size: 14px;}
	.w50{width:100%;margin:0;}.dy_left p,.dy_right ul li p{padding:10px;}
	.dy_right.w50{width:98%;margin:0 1%;}
	.dy_right ul li{margin:10px 1%;width: 48%;}
	.footer ul li{float:none;width:100%}
    .video{left:35%;}
}
@media only screen and (min-width: 100px) and (max-width: 680px) {
	h1{font-size: 22px !important;}h1 .highshow{font-size:46px;}.account ul li p{font-size: 12px;}
	.enterprise_box ul{width:442px;height:403px}.w300.tableCell{display: none;}
}
@media only screen and (min-width: 680px) and (max-width: 884px) {
	.enterprise_box ul{width:663px;height:302px}
}
@media only screen and (min-width: 100px) and (max-width: 840px) {
	.tright{display: inline-block;}	.pcOnly{display: none;}.header{height: 50px;background-color:rgba(255,255,255,0.95);}.logo{left:11px;top:13px;width:111px;height:21px;background-image:url(../images/1.png);background-size:100%;}.logo.active{background-image:url(../images/1.png);}.header_layout{position: fixed;top:0;width:100%;z-index: 1;}
}
@media only screen and (min-width: 640px) and (max-width: 1067px) {
	.w50{width:80%;margin:0 10%;}
	.dy_right.w50{width:82%;margin:0 9%;}
	.dy_right ul li{margin:10px 1%;width: 48%;}
	.provide_box ul li{width:123px}
}
@media only screen and (min-width: 100px) and (max-width: 1144px) {
	.w300.tableCell{width:150px;}.w300 img{width:auto;height:100%;}.atany_box{height:auto;padding-bottom: 50%;}
}
@media only screen and (min-width: 100px) and (max-width: 970px) {
	.provide_ul,.conten1{display: none;}#mobSafe{display: block;}
}
@media only screen and (min-width: 100px) and (max-width: 550px) {
	.neirong2{font-size: 12px;margin-left: 106px;padding:10px;height: 120px;overflow-y: scroll;}#mobSafe .wsafebox{width:106px;font-size: 12px;}
}
@media only screen and (min-width: 100px) and (max-width: 460px) {
	.enterprise_box ul{width:250px;}
	.enterprise_box ul li{width:124px;}.nomal_ipt,#regBtn{width:250px}
    .sgt640{display:none;}
    .slt640{display:block;}
    .video_play_area{position:absolute;top:30%;}
     .video_play{
        width:100%;
        height:auto;
    }
}
@media only screen and (min-width: 460px) {
    .sgt640{display:block;}
    .slt640{display:none;}
    .video_play_area{
        width:1000px;
        height:560px;
        position:absolute;
        top:50%;
        left:50%;
        margin-top:-280px;
        margin-left:-500px;
    }
    .video_play{
        width:1000px;
        height:560px;
    }
    
}
.filter-pop {
    -webkit-animation: filterPop .2s linear;
    animation: filterPop .2s linear;
}
.filter-down {
    -webkit-animation: filterDown .2s linear;
    animation: filterDown .2s linear;
}
@-webkit-keyframes filterPop {
    0% {
        -webkit-transform: translateY(342px);
    }
    25% {
        -webkit-transform: translateY(255px);
    }
    50% {
        -webkit-transform: translateY(170px);
    }
    75% {
        -webkit-transform: translateY(85px);
    }
    100% {
        -webkit-transform: translateY(0px);
    }
}
@keyframes filterPop {
    0% {
        transform: translateY(342px);
    }
    25% {
        transform: translateY(255px);
    }
    50% {
        transform: translateY(170px);
    }
    75% {
        transform: translateY(85px);
    }
    100% {
        transform: translateY(0px);
    }
}
@-webkit-keyframes filterDown {
    0% {
        -webkit-transform: translateY(0px);
    }
    25% {
        -webkit-transform: translateY(85px);
    }
    50% {
        -webkit-transform: translateY(170px);
    }
    75% {
        -webkit-transform: translateY(255px);
    }
    100% {
        -webkit-transform: translateY(342px);
    }
}
@keyframes filterDown {
    0% {
        transform: translateY(0px);
    }
    25% {
        transform: translateY(85px);
    }
    50% {
        transform: translateY(170px);
    }
    75% {
        transform: translateY(255px);
    }
    100% {
        transform: translateY(342px);
    }
}
