﻿@charset "utf-8";

/*===== 重设 =====*/
html{overflow-x:hidden; overflow-y:auto;color:#333;}
body{ background:#fff;text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,p{
  margin:0;
  padding:0;
  font-family: "微軟正黑體","微软雅黑", "黑体", Arial, simsun, Verdana, Lucida, Helvetica, sans-serif; 
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
} 
hr{ padding:0; margin:0;}
img { border:0;vertical-align:middle;} 
em{font-style:normal;font-weight:normal;} 
ul, li, dl, dt, dd, ol { list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
.none{display:none;}
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;width:0;height:0;}
hr{border:0 #f3f3f3 solid;border-top-width:1px;clear:both;height:0}
.clearfix{zoom:1;}
.clearfix:after{ content:"."; height:0; display:block; clear:both; visibility:hidden;}
#wraper{width:960px;margin:0 auto;}/*页面区域*/
a{color:#333; text-decoration:none;}
a:focus{outline-style:none; -moz-outline-style: none;}
a:hover{ color:#ee7700;}
.fl{ float:left;}
.fr{ float:right;}
input{outline:none;}
input::-webkit-input-placeholder{color:#b4b4b4; font-weight:normal;} 
input:-moz-placeholder{color:#b4b4b4; font-weight:normal;} 
input::-moz-placeholder{color:#b4b4b4; font-weight:normal;} 
input:-ms-input-placeholder{color:#b4b4b4; font-weight:normal;}
::selection{background: #ee7700;color: #fff;}
::-moz-selection{background: #ee7700; color: #fff;}
select {   
  /*很关键：将默认的select选择框样式清除*/  
  appearance:none;   
  -moz-appearance:none;   
  -webkit-appearance:none;   
  /*在选择框的最右侧中间显示小箭头图片*/  
  background:#fff url(../images/selectjt.png) right center no-repeat; background-size:18px;
  border:1px #ccc solid; border-radius:100px;height:35px; font-family:"微軟正黑體","微软雅黑"; text-indent:6px; width:228px; outline:none;
}   
./*清除ie的默认选择框样式清除，隐藏下拉箭头*/  
.select::-ms-expand { display:none; } 

/*===== 登录注册 =====*/
.loginbg{background:#000 url(../images/loginbg.jpg) no-repeat; background-size:100%;}
.login_version{ width:364px; margin:0 auto; padding-top:15px; color:#fff; font-size:14px; text-align:right; font-size:14px;}
.login_version a{ color:#fff; font-size:14px; margin:0 6px;}
.login_version a.xz{ color:#ee7700;}
.login_wk{position:fixed; z-index:11; width:360px; left:50%; top:50%; margin:-250px 0 0 -180px; padding-bottom:26px; background:#fff;}
.login_menu{ width:282px; margin:0 auto;}
.login_logo{ padding-top:30px; height:90px; text-align:center;}
.login_menu_title{text-align:center; height:50px;}
.login_menu_title ul{display:inline-block;}
.login_menu_title ul a{ float:left; width:76px; height:26px; border-bottom:2px #dcdcdc solid; color:#b4b4b4;}
.login_menu_title ul a.xz{ color:#ee7700; border-bottom:2px #ee7700 solid;}
.login ul li{ position:relative;}
.login ul li input{width:280px; height:40px; border:1px solid #ccc; text-indent:12px; margin-bottom:15px; font-size:14px;}
.login ul li input:focus{box-shadow:0px 0px 5px #c4d9eb; border:1px #23a8f5 solid;}
.login ul li input.error{ box-shadow:0px 0px 5px #ebc4c4; border:1px solid #ff0000;}
.yzm_img{ position:absolute; right:1px; top:1px; display:table;}
.yzm_img p{display:table-cell; vertical-align:middle; height:40px;}
.yzm_img img{ max-width:100px; max-height:40px; cursor:pointer;}
.area{max-height:180px; position:absolute; z-index:12; overflow:auto; border: 1px solid #ccc; top:48px; background:#fff; width:280px; display:none;}
.area ul li a{height:34px; line-height:34px; display:block; text-indent:12px; font-size:14px;}
.area ul li a span{ float:right; margin-right:12px; color:#ee7700;}
.area ul li a:hover{ background:#f8f8f8;}
a.areacode{position:absolute; z-index:12; left:1px; top:1px; line-height:40px; background:#fff url(../images/jt.png) right center no-repeat; background-size:38%; font-size:14px; border-right:1px #ccc solid; width:80px; text-indent:10px;}
a.find{ font-size:13px; color:#23a8f5;}
a.loginbtn{ display:block; height:42px; line-height:42px; border-radius:100px; background:#ee7700; text-align:center; font-size:16px; color:#fff; transition:all .4s ease;}
a.loginbtn:hover{ background:#e1551e;}
a.regback{ display:block; height:36px; line-height:36px; border-radius:100px; background:#fff; text-align:center; font-size:16px; transition:all .4s ease; border:1px #ee7700 solid; color:#ee7700; margin-top:15px;}
a.regback:hover{ background:#f5ebe1;}
.login_bottom{background-color: rgba(0,0,0,0.6); padding:18px 0; text-align:center; position:fixed; z-index:12; bottom:0; width:100%; color:#fff;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.login_bottom{
    background-color:#000;
    filter:Alpha(opacity=60);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
.login_bottom p{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }  
}
.login_bottom p{ font-size:12px;}
.login_bottom p font{ display:block; text-align:center; font-size:14px; padding-bottom:5px;}
.huibg{ background:#f0f0f0;}

/*===== 注册开始 =====*/
.reg_top{ text-align:center; padding:20px 0; background:#fff;}
.reg_top img{ width:262px;}
.m_top, .m_reg_top{display:none;}
.reg_banner{background:url(../images/reg_banner.jpg) center top no-repeat; width:100%; height:136px;text-align:center;font-size:2.6em;color:#fff;line-height:136px;}
.hy_banner{background:url(../images/hy_banner.jpg) center top no-repeat; width:100%; height:136px;text-align:center;font-size:2.6em;color:#fff;line-height:136px;}
.reg{ width:100%; max-width:750px; margin:0 auto; margin-top:38px; padding:50px; background:#fff; min-height:420px;}
.progressbar{ position:relative; height:70px; margin:0 10px;}
.progressbar dl{ margin:0 25px; height:6px; border-bottom:1px #dcdcdc solid;}
.progressbar ul{ position:absolute; width:calc(100% - 50px); left:25px;}
.progressbar ul li{ width:60px; text-align:center; font-size:12px; display:block; position:absolute; left:-30px;}
.progressbar ul li:nth-child(1){left:-30px;}
.progressbar ul li:nth-child(2){left:calc(33.3% - 30px);}
.progressbar ul li:nth-child(3){left:calc(66.6% - 30px);}
.progressbar ul li:nth-child(4){left:calc(100% - 30px);}
.progressbar ul li i{ display:block; margin:0 auto; width:12px; height:12px; background:#dcdcdc; border-radius:50%; margin-bottom:8px;}
.progressbar ul li.xz i{ background:#ee7700; border:3px solid rgba(238, 119, 0, 0.3); background-clip:padding-box; margin:-3px auto 5px auto;}
.progressbar ul li.over i{ background:#ee7700 url(../images/gou2.png) center center no-repeat; background-size:12px; width:16px; height:16px; background-clip:padding-box; margin:-2px auto 6px auto;}

.reg_subtitle{ padding:0 0 20px 10px;}
.reg_subtitle font{ color:#ee7700; margin-right:3px;}
.reg_list{ padding:0 10px; height:auto; overflow:auto;}
.reg_list ul{ width:100%;}
.reg_list ul li{ width:100%; display:block; padding-bottom:18px; height:auto; overflow:auto;}
.reg_list ul li font{ font-size:12px; float:left; width:80px; line-height:35px; display:block;}
.reg_list ul li p{ float:left; line-height:35px; color:#ff0000; font-size:12px; display:none;}
.reg_list ul li.dx{margin-top:-3px; padding-bottom:15px;}
.kinput{ width:226px; height:33px; border:1px #ccc solid;border-radius:100px; text-indent:10px; font-size:13px; float:left; margin-right:15px;}
.kinput:focus, select:focus{box-shadow:0px 0px 5px #c4d9eb; border:1px #23a8f5 solid;}
.kinput.error{box-shadow:0px 0px 5px #ebc4c4; border:1px solid #ff0000;}
.single{ margin-top:8px;}
.single a{ font-size:13px; display:inline-block; margin-right:18px;}
.single a i{ width:12px; height:12px; display:block; border:1px #999 solid; border-radius:50%; float:left; margin:1px 4px 0 0;}
.single a.xz i{width:5px; height:5px; border:5px #23a8f5 solid;}
a.nextstep{ display:block; width:110px; height:38px; line-height:38px; border-radius:100px; background:#ee7700; text-align:center; font-size:15px; color:#fff; float:left;}
a.prevstep{ display:block; width:108px; height:36px; line-height:36px; border-radius:100px; background:#fff; border:1px #ee7700 solid; text-align:center; font-size:15px; color:#ee7700; float:left; margin:0 15px 0 10px;}
a.nextstep:hover{ background:#ff9600;}
a.prevstep:hover{ background:#f5f0eb;}
.color999{ color:#999;}
.font15{ font-size:15px;}
.font14{ font-size:14px;}
.font13{ font-size:13px;}
.font12{ font-size:12px;}
.many{ margin-top:5px;}
.many a{ font-size:13px; display:inline-block; margin-right:18px;}
.many a i{ width:12px; height:12px; display:block; border:1px #ccc solid; float:left; margin:2px 4px 0 0;}
.many a.xz i{border:1px #23a8f5 solid; background:#23a8f5 url(../images/gou2.png) no-repeat; background-size:12px;}
a.uploadfj{ display:inline-block;  font-size:13px; padding:8px 20px; border:1px #dcdcdc solid; background:#f0f0f0; border-radius:100px;}
.boxbg{ width:100%; height:100%; position:fixed; z-index:2233; background:#000; filter:alpha(Opacity=30);-moz-opacity:0.3;opacity: 0.3;}
.box{ background:#fff; position:fixed; left:50%; top:50%; box-shadow:0px 0px 15px #888; z-index:2244; margin:-195px 0 0 -150px; width:300px; height:390px;}
.box h2{ height:40px; line-height:40px; font-size:15px; text-align:center; position:relative; border-bottom:1px #e6e6e6 solid;}
.box h2 a{ position:absolute; right:10px; top:12px;}
.box h2 a img{ width:16px;}
.box ul{ padding-left:15px; max-height:280px; overflow:auto;}
.box ul li{ border-bottom:1px #f0f0f0 solid;}
.box ul li a{ display:block; padding:10px 0; font-size:14px; color:#23a8f5;}
.box ul li a:hover{ color:#ee7700;}
.boxbtn{ text-align:center; padding:16px 0; position:absolute; bottom:0; width:100%; text-align:center;}
.boxbtn a{ font-size:15px; height:36px; line-height:36px; background:#32bef0; display:inline-block; text-decoration:none; color:#fff; border-radius:100px; text-align:center; margin:0 6px; padding:0 30px;}
.goon ul{ width:99%; margin:0 auto;}
.goon ul li{ width:33%; float:left;}
.goon ul li a{ display:block; margin:0 6px; border:1px #e6e6e6 solid; text-align:center; padding:24px 0 18px 0; position:relative;}
.goon ul li a i{ width:39px; height:37px; display:block; margin:0 auto; margin-bottom:12px;}
.goon ul li a em{ width:34px; height:20px; display:block; background:url(../images/new.png) no-repeat; background-size:34px; position:absolute; left:50%; margin:-5px 0 0 2px;}
.goon ul li a p{ padding-bottom:5px;}
.goon ul li a font{ color:#999; font-size:12px; padding:0 10px; display:block;}
a.kh1 i{background:url(../images/kh1.png) no-repeat; background-size:39px;}
a.kh2 i{background:url(../images/kh2.png) no-repeat; background-size:39px;}
a.kh3 i{background:url(../images/kh3.png) no-repeat; background-size:39px;}
a.kh4 i{background:url(../images/kh4.png) no-repeat; background-size:39px;}
.goon ul li a:hover{background-color:#f5f0eb; border:1px #ff9d2a solid;}
.sfhy{ font-size:12px;}
.sfhy em{ display:inline-block; width:16px; height:16px; line-height:16px; border:1px #ee7700 solid; border-radius:50%; text-align:center; color:#ee7700; font-size:12px; margin:0 5px 0 0;}
a.add{ display:inline-block; width:98px; height:98px; border:1px #a0c8dc dashed;border-radius:10px; margin-right:16px; float:left;}
a.add i{ display:block; width:21px; height:21px; background:url(../images/add.png) no-repeat; background-size:21px; margin:38px auto;}

a.add2{ display:inline-block; width:98px; height:38px; border:1px #a0c8dc dashed;border-radius:100px; margin-right:16px; float:left;}
a.add2 i{ display:block; width:21px; height:21px; background:url(../images/add.png) no-repeat; background-size:21px; margin:8px auto;}

a.adddemo{ display:table; width:98px; height:98px; border:1px #ecebf0 solid; background-color:#f7f6fb; position:relative; text-align:center;}
a.adddemo h3{display:table-cell; vertical-align:middle;}
a.adddemo h3 img{ max-width:80px; max-height:80px;}
a.adddemo i{ position:absolute; display:block;}


a.adddemo2{ display:table; width:88px; height:78px; border:1px #ecebf0 solid; background-color:#f7f6fb; position:relative; text-align:center;}
a.adddemo2 h3{display:table-cell; vertical-align:middle;}
a.adddemo2 h3 img{ max-width:75px; max-height:65px;}
a.adddemo2 i{ position:absolute; display:block;}

i.tl{ width:25px; height:25px; left:-1px; top:-1px; background:url(../images/yangben.png) no-repeat; background-size:25px;}
i.rb{ width:16px; height:16px; right:-1px; bottom:-1px; background:url(../images/addss.png) no-repeat; background-size:16px;}
.addview{ display:table; width:100px; height:100px; background-color:#f7f6fb; position:relative; text-align:center; margin-right:16px; float:left;}
.addview h3{display:table-cell; vertical-align:middle;}
.addview h3 img{ max-width:80px; max-height:80px;}


a.del{ display:block; width:20px; height:20px; position:absolute; right:3px; bottom:3px; background:url(../images/del.png) no-repeat; background-size:20px;}
.banklist{ padding-top:25px;}
.banklist h3{ border-bottom:1px #e6e6e6 solid; padding-bottom:10px;}
.banklist dl{ border-bottom:1px #e6e6e6 solid;}
.banklist dl dt a{ display:block; font-size:14px; height:36px; line-height:36px;}
.banklist dl dt a i{ width:36px; height:36px; display:block; float:right; background:url(../images/selectjt.png) right center no-repeat; background-size:18px;} 
.banklist dl dt a.xz i{ transform:rotate(180deg); background-position:8px center;}
.banklist dl dd{ font-size:12px; padding:3px 0; display:none;}
.banklist dl dd font{ display:block; float:left; width:80px; color:#888;}
.banklist dl dd:last-child{ margin-bottom:10px;}
.sendok{ width:220px; margin:0 auto; position:relative; height:270px;}
.sendok h4{ width:30px; height:176px; border-right:1px #e6e6e6 solid;}
.sendok dl{ position:absolute; left:24px; z-index:11; top:-5px;}
.sendok dl dt{font-size:14px;}
.sendok dl dt i{ display:block; width:12px; height:12px; background:#dcdcdc; border-radius:50%; float:left; margin:5px 12px 0 0;}
.sendok dl dt.xz i{ background:#ee7700; border:3px solid rgba(238, 119, 0, 0.3); background-clip:padding-box; margin:3px 10px 0 -3px;}
.sendok dl dt.over i{ background:#ee7700 url(../images/gou2.png) center center no-repeat; background-size:12px; width:16px; height:16px; background-clip:padding-box; margin:3px 12px 0 -2px;}
.sendok dl dd{ font-size:12px; padding-left:25px; padding-top:5px; color:#888;}
.sendok dl dt.xz, .sendok dl dt.over{ color:#ee7700;}
.hy_menu{ height:28px; border-bottom:1px #e6e6e6 solid; position:relative}
.hy_menu ul{ position:absolute; width:100%;}
.hy_menu ul li{ width:50%; float:left; text-align:center;}
.hy_menu ul li a{ line-height:18px; height:27px; display:block;}
.hy_menu ul li a.xz{ color:#ee7700; border-bottom:3px #ee7700 solid;}

/*===== 表单美化 =====*/
label{display:inline}
.regular-checkbox{display:none}
.remember{display:none}
.regular-checkbox+label{width:12px;height:12px;display:inline-block;border:1px #ccc solid;float:left;margin:2px 4px 0 3px;position:relative}
.remember+label{width:12px; height:12px; border:1px #b2b2b2 solid; display:block; float:left; margin:4px 5px 0 0; border-radius:1px; position:relative}
.regular-checkbox+label:active,.regular-checkbox:checked+label:active{border:1px #23a8f5 solid}
.remember:checked+label{background:#f8f8f8 url(../images/gou.png) center center no-repeat; background-size:85%;}
.regular-checkbox:checked+label{border:1px #ee7700 solid;background:#ee7700 url(../images/gou2.png) no-repeat;background-size:12px}
.regular-checkbox:checked+label:after{background:#ee7700 url(../images/gou2.png) no-repeat;background-size:12px}
.big-checkbox+label{padding:18px}
.big-checkbox:checked+label:after{font-size:28px;left:6px}
.tag{font-family:Arial,sans-serif;width:200px;position:relative;top:5px;font-weight:700;text-transform:uppercase;display:block;float:left}
.radio-1{width:193px}
.single span, .many span{font-size:13px;margin-right:15px; display:inline-block}
.regular-radio{display:none}
.regular-radio+label{-webkit-appearance:none;width:13px;height:13px;display:inline-block;border:1px #999 solid;border-radius:50%;display:inline-block;position:relative;margin:1px 4px 0 0; float:left}
.regular-radio:checked+label:after{content:' ';width:5px;height:5px;border:5px #ee7700 solid;border-radius:50px;position:absolute;text-shadow:0;left:-1px;top:-1px}
.regular-radio:checked+label{color:#99a1a7;border:1px solid #adb8c0;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1),inset 0 0 10px rgba(0,0,0,.1)}
.regular-radio+label:active,.regular-radio:checked+label:active{box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1)}
.big-radio+label{padding:16px}
.big-radio:checked+label:after{width:24px;height:24px;left:4px;top:4px}

/*===== 首页 =====*/
.pc_top{ width:100%; height:118px;}
.top{ position:fixed; width:100%; height:118px; background:#fff; left:0; top:0; z-index:11111; box-shadow:0px 2px 5px rgba(0, 0, 0, 0.2);}
.hytop{ width:100%; height:28px; background:#f9efed;}
.pcsystem{ width:1200px; margin:0 auto; position:relative;}
.lefttel{ font-size:13px; float:left; line-height:28px;}
.lefttel i{ width:18px; height:18px; display:block; float:left; margin:5px 3px 0 0; background:url(../images/lefttel.png) no-repeat; background-size:18px; }
.rightreg{ float:right; position:relative;}
.rightreg ul{ float:left; margin-right:140px;}
.rightreg ul a{ font-size:13px; line-height:28px;}
.rightreg ul font{ font-size:10px; color:#999; margin:0 3px; font-family: Georgia, "Times New Roman", Times, serif}
.rightreg dl{ position:absolute; right:0; width:124px; border:1px #f3936a solid;}
.rightreg dl a{ display:none; height:32px; line-height:30px; font-size:14px; background:#fff;}
.rightreg dl a:hover{ background:#f1e4d7;}
.rightreg dl a.xz{ background:#f3936a ; color:#fff; display:block;}
.rightreg dl a i{ width:21px; height:21px; display:block; float:left; margin:5px 6px 0 8px; border-radius:50%;}
a.cn_f i{ background:url(../images/hongkong.png) no-repeat;}
a.cn i{ background:url(../images/china.png) no-repeat;}
.navBar{height:90px;line-height:90px;float:right;}
.nav{position:relative;font-size:14px}
.nav .m{float:left;position:relative;z-index:1}
.nav .s{float:left;width:3px;text-align:center;color:#e6e6e6;font-size:16px}
.nav h3 a{display:block;width:105px;text-align:center; font-size:16px;}
.nav h3.online a{color:#146ed2;}
.nav h3 a:hover{color:#FE7700;}
.nav h3 a.xz{ color:#ee7700;}
.nav .sub{display:none;position:absolute;left:0;top:90px;z-index:1;width:103px;border:1px solid #E6E4E3;border-top:0;background:#fff}
.nav .sub li{text-align:center;}
.nav .sub li a{display:block;border-bottom:1px solid #E6E4E3;padding:12px 0; line-height:16px; color:#666;font-size:13px;}
.nav .sub li a:hover{color:#FE7700; background:#f5f5f5;}
.nav .block{height:4px;width:105px;background:#ee7700;position:absolute;left:0;top:86px;overflow:hidden}
.nav a{transition:all .4s ease;}
/*本例css*/
.banner { width:100%; height:700px;  position: relative; overflow:hidden; }

/*数字按钮样式*/
.banner .hd { overflow:hidden; height: 25px; position: absolute; bottom:22px; left:50%; zoom:1; z-index:3; text-align:center; width:300px; margin-left:-150px;}
.banner .hd li { width:18px; height:18px; text-indent:-9999px; background:url(../images/numbg.png) no-repeat; background-size:18px; margin:0 7px; border-radius:50%; cursor:pointer; display:inline-block;}
.banner .hd li.on { background:url(../images/numbg_on.png) no-repeat; background-size:18px;} /*当前项*/

/*上一个  下一个*/
.banner .prev,
.banner .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top:50%; margin-top:-100px;}
.banner .prev { left: 0; }
.banner .next { right: 0; background-position: right }

.banner .bd ul{ width:100% !important  }
.banner .bd li{ width:100% !important; height:700px;  position:relative; zoom:1; vertical-align:middle; color:#fff;}
.item1{background:url(../images/1.jpg) 50% 0 no-repeat;}
.item2{background:url(../images/2.jpg) 50% 0 no-repeat;}
.item3{background:url(../images/3.jpg) 50% 0 no-repeat;}
.adcontent{ position:absolute; z-index:10; width:1200px; left:50%; margin-left:-600px; color:#fff; height:500px;}
.adcontent p{margin-top:140px; margin-bottom:20px; font-weight:bold;}
a.more{ display:block; width:166px; height:46px; line-height:46px; border:1px #fff solid; border-radius:100px; text-align:center; font-size:18px; color:#fff; position:absolute; bottom:0;}
a.more:hover{border:1px #ee7700 solid; background:#ee7700;}
.whatwodo{ width:100%; padding:45px 0 90px 0; height:auto; overflow:auto;}
.whatwodo h2{ font-size:36px; text-align:center;}
.xbkx{ border-bottom:2px #22a8f4 solid; width:60px; height:16px; margin:0 auto;}
.what{ margin-top:50px;}
.what ul{ width:96%; margin:0 auto;}
.what ul li{ width:25%; float:left;}
.what ul li a{ background:#f5f5f5; display:block; text-align:center; width:90%; margin:0 auto; height:316px; padding-top:44px; transition:all .4s ease; color:#333;}
.what ul li a i{ width:136px; height:136px; border:1px #333 solid; border-radius:50%; display:block; margin:0 auto; margin-bottom:44px; background:url(../images/syyw1.svg) -3px -2px no-repeat;}
.what ul li a em{ font-size:24px; font-weight:bold; margin-bottom:30px; display:block; text-align:center;}
.what ul li a p{ font-size:18px; color:#777;}
.what ul li a:hover{ background:#ee7700; color:#fff; box-shadow:0px 15px 20px -15px #555; transform: translateY(-16px);}
.what ul li a:hover p{ color:#fff;}
.what ul li a:hover i{ border:1px #fff solid; background:#fff url(../images/syyw1.svg) -3px -145px no-repeat;}
.what ul li a.syyw2 i{ background-image:url(../images/syyw2.svg);}
.what ul li a.syyw3 i{ background-image:url(../images/syyw3.svg);}
.what ul li a.syyw4 i{ background-image:url(../images/syyw4.svg);}
.syabout{ width:100%; height:700px; background:url(../images/syabout.jpg) center top no-repeat; position:relative;}
.syaboutlogo{ height:415px; width:50%; right:50%; margin-right:275px; position:absolute; background:url(../images/syaboutlogo.png) right top no-repeat;}
.syaboutny{ position:absolute; left:50%; margin-left:-160px; top:150px;}
.syaboutny p{ color:#fff; font-size:28px; line-height:55px;}
.syaboutny a{ width:160px; height:48px; line-height:48px; display:block; border-radius:100px; background:#22a8f4; text-align:center; font-size:18px; color:#fff;}
.syaboutny a:hover{ background:#ee7700;} 
.syonline{ width:100%; height:650px; background:#fff; position:relative;}
.syonlinetp{ height:554px; width:1330px; bottom:0; right:50%; margin-right:-370px; position:absolute; background:url(../images/syonline.jpg) right bottom no-repeat;}
.syonlineny{position:absolute; left:50%; margin-left:20px; top:100px;}
.syonlineny p{ font-size:30px; color:#0098e7;}
p.big{ font-size:54px; font-weight:bold;}
.syonlineny a{ width:160px; height:48px; line-height:48px; display:block; border-radius:100px; background:#ee7700; text-align:center; font-size:18px; color:#fff;}
.syonlineny a:hover{ background:#22a8f4;} 
.syggt{ width:100%; height:570px; background:#000 url(../images/syggt.jpg) center top no-repeat; position:relative;}
.syggtny{ text-align:center; padding-top:110px;}
.syggtny p{ color:#fff;}
.syggtny a{ display:inline-block; width:166px; height:46px; line-height:46px; border:1px #fff solid; border-radius:100px; text-align:center; font-size:18px; color:#fff;}
.syggtny a:hover{border:1px #ee7700 solid; background:#ee7700;}
.bottom{ width:100%; background:#2d2d2d; height:190px; padding-top:50px;}
.bottombq{ width:100%; background:#232323; height:61px; padding-top:19px;}
.ewm{ border-right:1px #414141 solid; width:320px; text-align:center; height:130px; float:left; font-size:14px; color:#fff;}
.ewm img{ display:block; margin:0 auto; margin-bottom:8px; width:100px; height:100px;}
.bottommenu{ float:left; width:800px; margin-left:35px;}
.bottommenu ul li{ width:15%; padding-left:10%; float:left; line-height:26px;}
.bottommenu ul li a{ font-size:14px; color:#999;}
.bottommenu ul li a:hover{ color:#ee7700;}
.bottommenu ul li a.bai{ font-size:16px; color:#fff; margin-top:-6px; margin-bottom:10px; display:block;}
.bottommenu ul li a.bai:hover{ color:#ee7700;}
.bottommenu ul li:first-child{ width:17%;}
.bottommenu ul li:nth-child(2){ width:13%;}
.bottommenu ul li:nth-child(3){ width:13%;}
.bottombq p{ color:#b4b4b4; font-size:12px; text-align:center; line-height:21px;}
.mb120{margin-bottom:120px;}

/*右侧浮动菜单*/
.suspension { position:fixed; z-index: 55; right:0px; width:80px; height: 280px; top:50%; margin-top:-120px;}
.suspension-box { position: relative; float: right; }
.suspension-box a.a { display: block; width:44px; height:44px; margin-bottom: 1px; position:relative;}
.suspension-box a.a h5{ background:#666; alpha(Opacity=50); -moz-opacity: 0.5; opacity: 0.5; width:44px; height:44px;}
.suspension-box a.qq:hover h5, .suspension-box a.tel:hover h5, .suspension-box a.code:hover h5, .suspension-box a.back_top:hover h5, .suspension-box a.lan:hover h5{ background:#ee7700; alpha(Opacity=100); -moz-opacity:1; opacity:1;}
.suspension-box a i {position:absolute; z-index:11; width:100%; height:100%; background-image:url(../images/suspension-bg.png); background-repeat: no-repeat; font-style:normal; text-align:center; line-height:44px; color:#fff; font-size:16px;}
.suspension-box a.qq i { background-position: 0 0; }
.suspension-box a.tel i { background-position:0 -45px;}
.suspension-box a.code i { background-position: 0 -90px;}
.suspension-box a.back_top i { background-position: 0 -135px; }
.suspension-box a.lan i{ background-image:none;}
.suspension-box a.weibo i {background-image: url(../images//weibo.png); background-repeat: no-repeat; background-position: center;}
.suspension-box div.tencent { position: absolute; left:-300px; top: 0px; width:300px; height:240px; display:none; background-color: #46484d; border-top: 4px solid #ee7700; text-align:center;}
.tencent p{ text-align:center; font-size:14px; color:#fff; padding-top:30px; height:40px;}
.tencent img{ width:120px; height:120px;}
.suspension-box div.tel { position: absolute; left:-320px; top:45px; width:320px; height:200px; display:none; background-color: #46484d; border-top: 4px solid #ee7700; text-align:center;}
.tel dl{ width:88%; margin:0 auto; padding-top:40px;}
.tel dl p{ width:50%; float:left; text-align:center; color:#fff; font-size:14px; color:#fff;}
.tel dl p img{ width:100px; height:100px; display:block; margin:0 auto; margin-bottom:5px;}
.suspension-box div.code { position: absolute; left:-320px; top:90px; width:320px; height:222px; display:none; background-color: #46484d; border-top: 4px solid #ee7700;}
.code p{ font-size:13px; color:#fff; padding:0 25px 5px 25px; height:auto; overflow:auto;}
.code h3{ padding:22px 0 20px 25px; color:#ee7700; font-size:20px; font-weight:bold;}
.code p em{ float:left; display:block; margin-right:8px;}

/* 業務開始 */
.nybanner{ width:100%; height:400px; background:url(../images/yw_banner.jpg) center top no-repeat;}
.nybanner dl{ padding-top:96px;}
.nybanner dl fieldset{ width:700px; margin:0 auto; border:1px #fff solid; height:100px;}
.nybanner dl fieldset legend{ text-align:center; color:#fff; font-size:45px;}
.nybanner dl fieldset p{ text-align:center; font-size:18px; color:#fff; padding-top:6px;}
.secondmenu{ width:100%; height:60px; position:absolute; z-index:11;}
.secondmenu dl{width:100%; height:60px; background:#22a8f4; margin-top:-60px; alpha(Opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.secondmenu ul{display: flex;justify-content: space-between; position:absolute; width:1200px; left:50%; margin-left:-600px; z-index:12; margin-top:-60px;}
/* .secondmenu ul li{ width:25%; float:left; height:60px;} */
.secondmenu ul li{ width:100%; display:block; height:60px;}

.secondmenu ul li a{ display:block; height:60px; line-height:60px; color:#fff; font-size:18px; text-align:center; position:relative;}
.secondmenu ul li a:hover{ background:#22a8f4;}
.secondmenu ul li a.xz{ background:#ff9d2a;}
.secondmenu ul li a.xz:before{position:absolute; top:60px; left:50%; margin-left:-8px; border-right:8px solid transparent; border-top:8px solid rgba(255,157,42,1); border-left:8px solid transparent; content: '';}
.yw1_1{ width:100%; height:570px; background:#fff url(../images/yw1_1bg.jpg) right top no-repeat; position:relative;}
.yw1_1tp{ height:484px; width:820px; bottom:0; right:50%; margin-right:140px; position:absolute; background:url(../images/yw1_1.jpg) right bottom no-repeat;}
.yw1_1ny{position:absolute; left:50%; margin-left:-60px; top:105px; width:600px;}
.yw1_1ny p{ font-size:20px; line-height:30px; margin-bottom:30px;}
.yw1_2{ width:100%; height:500px; background:#fe8545; position:relative;}
.yw1_2tp{ height:380px; width:500px; top:60px; left:50%; margin-left:80px; position:absolute; background:url(../images/yw1_2.jpg) left top no-repeat;}
.yw1_2ny{position:absolute; left:50%; margin-left:-590px; top:118px; width:550px;}
.yw1_2ny p{ color:#fff; font-size:20px; line-height:30px;}
.yw1_3{ width:100%; height:500px; background:#e4faff; position:relative;}
.yw1_3tp{ height:360px; width:480px; top:70px; right:50%; margin-right:120px; position:absolute; background:url(../images/yw1_3.png) left center no-repeat;}
.yw1_3ny{position:absolute; left:50%; margin-left:-80px; top:95px; width:580px;}
.yw1_3ny p{ font-size:20px; line-height:30px; margin-bottom:30px;}
.yw1_4{ width:100%; height:620px; background:#fff; position:relative;}
.yw1_4tp{height:380px; width:440px; top:90px; left:50%; margin-left:140px; position:absolute; background:url(../images/yw1_4.png) left top no-repeat;}
.yw1_4ny{position:absolute; left:50%; margin-left:-590px; top:70px; width:680px;}
.yw1_4ny p{ font-size:20px; margin-bottom:30px; line-height:30px;}
.yw2_1{ width:100%; height:560px; background:#edf6fc; position:relative;}
.yw2_1tp{ height:360px; width:440px; top:100px; right:50%; margin-right:140px; position:absolute; background:url(../images/yw2_1.png) left center no-repeat;}
.yw2_1ny{position:absolute; left:50%; margin-left:-40px; top:95px; width:600px;}
.yw2_1ny p{ font-size:18px; line-height:30px; margin-bottom:35px;}
.yw2_2{ width:100%; height:580px; background:#fff; position:relative;}
.yw2_2tp{ height:400px; width:500px; top:80px; left:50%; margin-left:80px; position:absolute; background:url(../images/yw2_2.jpg) left top no-repeat;}
.yw2_2ny{position:absolute; left:50%; margin-left:-590px; top:118px; width:550px;}
.yw2_2ny p{ font-size:18px; line-height:36px; margin-bottom:30px;}
.yw3_1{ width:100%; position:relative; text-align:center; background:#fff; padding:80px 0 100px 0;}
.yw3_1 p{ font-size:16px; margin-bottom:5px;}
p.yw3_1wz{ font-size:18px; width:1100px; margin:0 auto; line-height:30px; margin-top:60px;}
.yw3_1ny{ width:100%; margin-top:70px;}
.yw3_1ny ul{ display:inline-block;}
.yw3_1ny ul li{ width:366px; height:413px; padding-top:40px; border:1px #e6e6e6 solid; float:left;}
.yw3_1ny ul li i{ width:140px; height:140px; display:block; margin:0 auto; background:url(../images/yw3_1.png) center top no-repeat;}
.yw3_1ny ul li.zq2 i{ background:url(../images/yw3_2.png) center top no-repeat;}
.yw3_1ny ul li.zq3 i{ background:url(../images/yw3_3.png) center top no-repeat;}
.yw3_1ny ul li h4{ font-size:16px; margin-top:20px;}
.yw3_1ny ul li h4 em{ display:block; font-size:30px; margin-bottom:5px;}
.yw3_1ny ul li.zq2{ margin:0 36px;}
.yw3_1ny ul li dl{ width:82%; margin:0 auto; height:180px; display:table;}
.yw3_1ny ul li dl dd{ font-size:14px; color:#888; display:table-cell; vertical-align:middle; height:180px;}
.yw3_1ny ul li:hover{ border:1px #ccc solid; box-shadow:0px 0px 30px #f0f0f0;}
.yw4_1{ width:100%; position:relative; background:#fff; padding-bottom:90px;}
.yw4_1ny h3{ height:120px; line-height:120px; margin-bottom:90px; background:url(../images/yw4_1h3.png) repeat-y; font-size:54px; font-weight:bold; color:#fff; text-indent:35px;}
.yw4_1tb{ position:absolute; right:0; top:0; z-index:11; width:430px; height:350px; background:url(../images/yw4_1.png) right top no-repeat;}
.yw4_1ny{ padding-top:120px;}
.yw4_1ny dl{ padding:30px 10px; height:110px; border-bottom:1px #e6e6e6 solid;}
.yw4_1ny dl dt{ width:160px; text-align:center; margin-right:10px; float:left; height:110px; background:url(../images/yw4_1ny.png) center top no-repeat;}
.yw4_1ny dl.bgrz2 dt{ background-position:center -110px;}
.yw4_1ny dl.bgrz3 dt{ background-position:center -220px;}
.yw4_1ny dl.bgrz4 dt{ background-position:center -330px;}
.yw4_1ny dl.bgrz4{ border-bottom:0;}
.yw4_1ny dl dd{ height:110px; display:table;}
.yw4_1ny dl dd p{ font-size:16px; display:table-cell; vertical-align:middle; height:110px; line-height:30px;}
p.bt{ font-size:48px; font-weight:bold; display:block;}
p.bt2{ font-size:48px; font-weight:bold; display:block; line-height:60px;}
p.lansez{ color:#22a8f4; font-size:24px; margin-top:40px; display:block;}
p.jg{ height:20px;}
p.jg2{ height:45px;}
p.jg3{ height:2px;}
p.newsjj{letter-spacing:3px;}
.footcontact{ width:100%; height:500px; position:relative;}
.footcontact h3{ width:1160px; margin:0 auto; padding-top:66px; font-size:36px; font-weight:bold; color:#fff;}
.footcontact dl{ width:1160px; margin:0 auto; padding-top:40px;}
.footcontact dl dd{ height:320px; float:left; color:#fff;}
.footcontact dl dd.fc1, .footcontact dl dd.fc3{ width:65px;}
.footcontact dl dd.fc1 i, .footcontact dl dd.fc3 i{ width:43px; height:43px; border:2px #fff solid; border-radius:50%; display:block; background:url(../images/footicon.png) center top no-repeat;}
.footcontact dl dd.fc3 i{ background-position:0 -60px;}
.footcontact dl dd.fc2{ width:370px;}
.footcontact dl dd h4{ font-size:24px; font-weight:bold; line-height:46px; margin-bottom:25px;}
.footcontact dl dd p{ font-size:16px; line-height:30px; margin-bottom:22px;}
.footcontact dl dd p font{ width:95px; display:inline-block;}
.footcontact dl dd p em{ color:#ee7700;}
.footcontact dl dd.fc2 p{ margin-bottom:0;}

/* 新聞開始 */
.newsbanner{ background-image:url(../images/news_banner.jpg);}
.newslist{ padding:25px 0 20px 0;}
.newslist dl{ margin-top:15px; height:135px; padding:20px; background:#eff9fd; transition:all .4s ease;}
.newslist dl img{ width:200px; height:135px; float:left; margin-right:20px;}
.newslist dl dt a{ font-size:21px; font-weight:bold;}
.newslist dl dt{ height:40px;}
.newslist dl dd{ font-size:15px; color:#999; line-height:24px;}
.newslist dl dd.jswz{ color:#606b77; height:75px;}
.newslist dl.first{ padding-left:0; background:none; height:236px;}
.newslist dl.first img{ width:350px; height:236px; margin-right:40px;}
.newslist dl.first dd.date{ font-size:18px; height:60px;}
.newslist dl dd.date2{ display:none;}
.newslist dl.first dd.jswz{ height:110px;}
a.morenews{ color:#22a8f4;}
a.morenews font{ float:left;}
a.morenews i{ display:block; width:15px; height:15px; border-radius:50%; border:1px #22a8f4 solid; background:url(../images/morenews.png) no-repeat; float:left; margin:4px 0 0 4px;}
a.morenews:hover{ color:#ee7700;}
a.morenews:hover i{ background-position:0 -15px; border:1px #ee7700 solid;}
.newslist dl:hover{transform: translateX(-10px);}
.newspage{ height:54px; border:1px #dcdcdc solid; margin-bottom:80px;}
.newspage ul{ float:left;}
.newspage dl{ float:right; }
.newspage ul li{ float:left; border-right:1px #e6e6e6 solid; width:54px; height:54px; line-height:54px; text-align:center; color:#999;}
.newspage ul li a{ display:block; text-align:center; width:54px; height:54px; line-height:54px; font-size:20px; color:#666;}
.newspage ul li a:hover{ background:#f5f5f5;}
.newspage ul li a.xz{ background:#ee7700; color:#fff;}
.newspage dl dd{ float:left; height:54px; width:149px; border-left:1px #e6e6e6 solid;}
.newspage dl dd a{ display:block; height:54px; line-height:54px; text-align:center; background:url(../images/newspage.png) center top no-repeat;}
.newspage dl dd a.xia{ background-position:center -60px;}
.newspage dl dd a font{ display:none}
.newspage dl dd a:hover{ background:#f5f5f5;}
.newspage dl dd a:hover font{ display:block;}
.newspage dl dd a.noclick{ filter:alpha(Opacity=15);-moz-opacity:0.15;opacity: 0.15;  background:url(../images/newspage.png) center top no-repeat;}
.newspage dl dd a.noclick2{ filter:alpha(Opacity=15);-moz-opacity:0.15;opacity: 0.15;  background:url(../images/newspage.png) center -60px no-repeat;}
.newspage dl dd a.noclick:hover font, .newspage dl dd a.noclick2:hover font{ display:none;}
.newsview{padding:44px 0 80px 0;}
a.backlist{ float:right; display:block; width:99px; height:50px; background:#2994e6; padding:5px; border-radius:100px; transition:all .4s ease;}
a.backlist i{ width:45px; height:50px; background:#50abf1 url(../images/backlist.png) no-repeat; border-radius:100px; display:block; float:left;}
a.backlist p{ float:left; margin-left:12px; font-size:16px; line-height:21px; color:#fff; padding-top:3px;}
a.backlist:hover i{ background-color:#ff9d2a;}
.newsview_title dl dt{ font-size:26px; font-weight:bold; padding-bottom:10px;}
.newsview_title dl dd{ font-size:14px; color:#999;}
.newsview_title{ padding-bottom:12px; border-bottom:1px #d3d3d3 dashed;}
.newsviewny{ padding:30px 20px;}
.newsviewny p, .newsviewny div{ font-size:18px; line-height:30px; margin-bottom:25px;}
.newsview_page{ margin:0 20px;}
.newsview_page ul{ border:1px #dcdcdc solid; height:54px; background:#fcf9f6;}
.newsview_page ul li{ width:49.5%; border-right:1px #dcdcdc solid; float:left; height:54px; line-height:54px; text-align:center;}
.newsview_page ul li:last-child{ border:none;}

/* 下載開始 */
.downbanner{ background-image:url(../images/down_banner.jpg);}
.downbg{ background:#f8f8f8; width:100%;}
.downbanner dl{ padding-top:126px;}
p.downjj{letter-spacing:2px;}
.downs{ padding:40px 0 30px 0; height:auto; overflow:auto;}
.downs ul li{ float:left; width:270px; height:300px; background:#e7e7ee; margin-right:40px; color:#a8a8a8; text-align:center; transition:all .4s ease; cursor:pointer;}
.downs ul li:last-child{ margin-right:0;}
.downs ul li.do2{ background:#e4f0dd; color:#a4c63e;}
.downs ul li.do3{ background:#eeeae7; color:#ee7700;}
.downs ul li.do4{ background:#e0e8f2; color:#0174cf;}
.downs ul li p{ font-size:30px; margin-bottom:45px;}
.downs ul li a{ width:140px; height:46px; line-height:46px; display:inline-block; background:#a8a8a8; font-size:18px; color:#fff; letter-spacing:2px;}
.downs ul li.do2 a{ background:#a4c63e;}
.downs ul li.do3 a{ background:#ee7700;}
.downs ul li.do4 a{ background:#0174cf;}
.downs ul li i{ width:140px; height:120px; display:block; margin:0 auto; margin-top:20px; background:url(../images/downs.png) center top no-repeat;}
.downs ul li.do2 i{ background-position:0 -120px;}
.downs ul li.do3 i{ background-position:0 -240px;}
.downs ul li.do4 i{ background-position:0 -360px;}
.downs ul li:hover{ box-shadow:0px 15px 20px -15px #555; transform: translateY(-10px);}
.downs ul li a:hover{ background:#999;}
.downs ul li.do2 a:hover{ background:#7cbd27;}
.downs ul li.do3 a:hover{ background:#ff9600;}
.downs ul li.do4 a:hover{ background:#22a8f4;}
.filedown{ padding-bottom:70px;}
.filedown h3{ font-size:24px; font-weight:bold; height:38px;}
.filedown table{ border:1px #dcdcdc solid;}
.filedown table tr th{ height:48px; border-bottom:1px #e6e6e6 solid; font-size:15px; color:#56678a; font-weight:normal; background:#fcfeff;}
.filedown table tr td{ height:48px; background:#fff; border-bottom:1px #e7ebee solid; color:#666;}
.filedown table tr:last-child td{ border-bottom:0;}
.filedown table tr:hover td{ background:#f8f8f8;}
.w80{ width:80px;}
.w180{ width:180px;}

/* 關於我們開始 */
.aboutbanner{ background-image:url(../images/about_banner.jpg);}
.leftmenu{ position:fixed; z-index:333; top:50%; margin-top:-70px;}
.leftmenu ul li{ padding-bottom:14px;}
.leftmenu ul li a{background-color: rgba(85,85,85,0.7); width:124px; height:46px; display:block; line-height:46px; text-align:right; padding-right:16px; color:#fff; transition:all .4s ease; }
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.leftmenu ul li a{
    background-color:#555;
    filter:Alpha(opacity=70);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
.leftmenu ul li a p{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }  
}
.leftmenu ul li a:hover{ background:#ee7700;}
.leftmenu ul li a.xz{ background:#ee7700;}
.about1, .about2{position:relative; top:30%; text-align:center; font-size:1.2rem;}
p.bigtitle{ font-size:60px; font-weight:bold; transition: all 1s; opacity:0; margin-top:100px; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5);}
p.smallwz{ font-size:18px; width:700px; line-height:30px; margin:0 auto; opacity:0; margin-top:300px; transition: all 1.2s; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5);}
p.bigyw{ padding-top:30px; height:140px; font-size:45px; opacity:0; margin-top:500px; transition: all 1.4s; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5);}
.mouse{position:fixed;left:50%;bottom:60px; z-index:22; width:300px; margin-left:-150px; text-align:center; color:#fff; font-size:20px;}
.mouse dl{ width:26px; height:48px; border:2px #fff solid; display:block; margin:0 auto; border-radius:15px; margin-bottom:20px;}
.mouse dl i{ width:10px; height:20px; display:block; margin:0 auto; background:#fff; border-radius:12px; margin-top:7px;}
@-webkit-keyframes fadeOut {
100% {
opacity:0; /*初始状态 透明度为0*/
margin-top:15px;
}
0% {
opacity:1; /*结尾状态 透明度为1*/
margin-top:5px;
}
}
.mouse dl i
{
-webkit-animation-name: fadeOut; /*动画名称*/
-webkit-animation-duration: 2s; /*动画持续时间*/
-webkit-animation-iteration-count: infinite; /*动画次数*/
-webkit-animation-delay:1s; /*延迟时间*/}
.about2 p{ width:1000px; margin:0 auto; margin-bottom:30px; line-height:180%; text-align:left; transition: all 1s; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); opacity:0;}
.about2 p em{ font-size:40px; font-weight:bold; color:#ee7700;}
.about2 p b{ color:#ff9600;}
.about4{ top:25%;}

/* 右侧导航 */
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 90px; height: 21px; padding:7px; vertical-align: middle;}
#fullPage-nav li a { float: right; color: #8F9DA4; text-decoration: none; text-align: right;    border: 2px solid white;
    border-radius: 50%;
    width: 10px;
    height: 10px;}
#fullPage-nav li .active { background:#fff;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px;}

.section { position: relative; overflow: hidden; color:#fff;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; width:100%; height:auto;}

.contact{ padding:30px 0 80px 0; height:auto; overflow:hidden;}
.contactny{ padding:50px 0 0 20px; height:auto; overflow:hidden; width:780px;}
.contactny dl{ width:140px; height:180px; float:left;}
.contactny dl i{ width:91px; height:91px; display:block; background:#0198e7 url(../images/contact.png) no-repeat; border-radius:10px;}
.contact_2 dl i{ background-position:0 -100px; background-color:#ee7700;}
.contact_1{ height:230px;}
.contact_2{ width:680px;}
.contact_1 ul li{ font-size:18px; line-height:30px;}
.contact_1 ul li.gs{ font-size:30px; font-weight:bold; height:45px;}
.contact_2 ul li.sh{ font-size:30px; font-weight:bold; height:55px;}
.contact_2 ul li{ font-size:18px; line-height:30px; margin-bottom:10px;}
.conewm{ padding-top:50px;}
.conewm img{ width:198px; height:198px; border:10px #ee7700 solid;}
.gmap{width:100%;height:700px; position:relative; background:#000;}
#map{position:absolute; width:100%; height:700px; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.wz1{ transition: all 1s; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); opacity:0; margin-left:1000px;}
.wz2{ transition: all 1.2s; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); opacity:0; margin-right:1000px;}
.wz3{ transition: all 1.4s; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); opacity:0; margin-left:1000px;}
.list{ border:1px #dcdcdc solid; background:#fff; margin:30px 0; min-height:500px;}
.list_leftmenu{ width:200px; float:left;}
.list_leftmenu ul li.title{background:#f5f5f5; text-indent:12px; height:38px; line-height:38px; margin-bottom:2px;}
.list_leftmenu ul li{ margin-bottom:1px;}
.list_leftmenu ul li a{ display:block; font-size:13px; padding:8px 10px 8px 13px; color:#666;}
.list_leftmenu ul li a:hover{background: #f9efed; color:#ee7700;}
.list_leftmenu ul li a.xz{background: #f9efed; color:#333;}
.list_right{ margin-left:200px; border-left:1px #e6e6e6 solid; min-height:510px;}
.list_right h2{ font-size:22px; margin:0 20px; height:46px; line-height:46px; padding-top:6px; border-bottom:1px #e6e6e6 solid;}
.list_rightny{ padding:20px;}
.list_rightny p, .list_rightny div{ line-height:180%; margin-bottom:20px; font-size:14px}
.list_rightny ul li{ list-style:disc; margin-left:22px; line-height:180%; font-size:14px}
.listbtn{ position:fixed; left:0; bottom:50px; z-index:3333; display:none;}
.listbtn a{background-color:rgba(34,168,244,0.7); width:40px; height:40px; display:block; line-height:40px; text-align:center; color:#fff; border-radius:0 5px 5px 0;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.listbtn a{
    background-color:#555;
    filter:Alpha(opacity=70);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
.listbtn a p{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }  
}

/* CSS动画 */
.active p.bigtitle { opacity: 1; transition-delay: 0.7s; margin-top:0; -webkit-transform:scale(1, 1); transform:scale(1, 1);}
.active p.bigyw { opacity: 1; transition-delay: 1.0s; margin-top:0; -webkit-transform:scale(1 1); transform:scale(1, 1);}
.active p.smallwz { opacity: 1; transition-delay: 1.3s; margin-top:0; -webkit-transform:scale(1, 1); transform:scale(1, 1);}
.active .wz1{ opacity: 1; transition-delay: 0.7s; -webkit-transform:scale(1, 1); transform:scale(1, 1);}
.active .wz2{ opacity: 1; transition-delay: 1.0s; -webkit-transform:scale(1, 1); transform:scale(1, 1);}
.active .wz3{ opacity: 1; transition-delay: 1.3s; -webkit-transform:scale(1, 1); transform:scale(1, 1);}


/* 12-7 */
.zpkh{ padding-top:15px; height:auto; overflow:hidden;}
.zpkh dl{ width:50%; float:left; height:80px;}
.zpkh dl img{ float:left; margin:2px 12px;}
.zpkh dl dt{ font-size:14px; height:24px;}
.zpkh dl dd{ font-size:12px; color:#888; margin-right:10%;}
.sdfs{ margin:0 13px;}
.sdfs table{ border:1px #dcdcdc solid; margin-top:15px;}
.sdfs th{ font-size:14px; background:#f5f5f5; border-bottom:1px #e6e6e6 solid;}
.sdfs td{ font-size:13px;}
.sdfs tr td:first-child{ text-indent:10px;}
.sdfs tr:first-child td{ padding-top:15px;}
.ditie{ margin:0 13px;}
.ditie dl{ height:auto; overflow:hidden; padding-top:8px;}
.ditie dl dt{ width:100px; float:left;}
.ditie dl dt i{ width:13px; height:13px; display:block; float:left; border-radius:50%; margin:9px 5px 0 0; background:#0071CE;}
.ditie dl dt font{ font-size:14px; line-height:32px;}
.ditie dl dd{width:calc(100% - 100px); float:left;}
.ditie dl dd a{ display:block; border:1px #e6e6e6 solid; width:100px; height:30px; line-height:30px; text-align:center; font-size:13px; float:left; margin-right:8px; margin-bottom:8px;}
.ditie dl dd a.xz{ color:#22a8f4; border:1px #22a8f4 solid; background:#e9f2ff;}
.ditie dl dd table{border-collapse:collapse; border-spacing:0;}
.ditie dl dd table th{ border:1px #e6e6e6 solid; font-weight:normal; font-size:13px;}
.ditie dl dd table td{ border:1px #e6e6e6 solid; font-size:12px;}
.ditie dl dd table td:hover, .ditie dl dd table td.kx{ color:#22a8f4; background:#e9f2ff; cursor:pointer}
.ditie dl dd table td.bkx{ color:#c8c8c8; background:#fff; cursor:default}
.xrq{ float:left; margin-left:-1px; width:calc(100% - 102px); overflow-x:auto;}
dl.wxts{padding-top:20px;}
.loginout{ width:100%; max-width:800px; margin:0 auto; position:relative;}
a.out{ position:absolute; right:2px; top:2px;}
.downnew{ width:100%; margin:0 20px;}
.downnew h2{ font-size:48px; padding:13px 0 63px 0; font-weight:bold; color:#ee7700;}
.dnleft{ float:left; margin:20px;}
.dnleft img{ width:418px;}
.dnright{ width:550px; float:left; margin:23px 0 0 125px;}
.font30{ font-size:27px; color:#555; padding-bottom:5px;}
.font24{ font-size:21px; color:#888; padding-bottom:5px;}
.downbtn{ height:100px;margin: 5px 0 91px 0;}
.downbtn ul li{ float:left; width:33%; position:relative;}
.downbtn ul li i{width:40px; height:40px;box-sizing: border-box;}
.downbtn ul li i.ios-icon{background:url(../images/ios-icon.png) center top no-repeat;background-size: 100%;}
.downbtn ul li i.android-icon{background:url(../images/android-icon.png) center top no-repeat;background-size: 100%;}
.downbtn ul li i.window-icon{background:url(../images/window-icon.png) center top no-repeat;background-size: 100%;}
.downbtn ul li span{ background:#ffffff; display:inline-block; width:120px; height:34px; line-height:40px; color:rgba(136,136,136,1); text-align:center; font-size:14px;border-radius:100px;transition: all .4s ease;}
.downbtn ul li.bt{width:130px;height:130px;background:rgba(255,255,255,1);border:1px solid rgba(238,238,238,1);opacity:1;display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 10px 10px 0 0;}
.downewm{ border:1px #dcdcdc solid; background:rgba(248,248,248,1);position:absolute;top:0px;right: 0px;  z-index:99;width: 130px;height: 130px}
.downewm img{ width:80px; height:80px; margin:8px 25px auto;box-sizing: border-box;}
.downewm p{width:100%;height:17px;font-size:12px;font-family:PingFang SC;font-weight:500;line-height:17px;text-align: center;color:rgba(136,136,136,1);opacity:1;}
.downewm#code-window-securities,.downewm#code-window-finance{cursor: pointer;}
.font-update{height:22px;font-size:16px;font-family:PingFang SC;font-weight:500;line-height:22px;color:rgba(85,85,85,1);opacity:1;}
.font-update2{font-size:14px;font-family:PingFang SC;font-weight:400;line-height:20px;color:rgba(136,136,136,1);opacity:1;margin-top: 5px;}
.down-app{display: inline-block;width:106px;height:30px;line-height: 30px;text-align: center;background:#F9F9F9;opacity:1;border-radius:15px;font-size:14px;font-family:PingFang SC;font-weight:500;color:#555555;border:1px solid rgba(238,238,238,1);cursor:pointer;}
.down-app.check{border: none;background:#EF7700;color:#FFFFFF;}

@media screen and (max-width:1440px){
.what ul li a{ height:280px; padding-top:40px;}
.what ul li a i{ margin-bottom:35px; transform:scale(0.88);}
.what ul li a em{ margin-bottom:15px; font-size:22px;}
.what ul li a p{ font-size:15px;}
p.bigtitle{ font-size:50px;}
p.smallwz{ font-size:16px; line-height:25px;}
p.bigyw{ padding-top:25px; height:80px; font-size:36px;}
p.bigyw img{ width:800px;}
.mouse{ bottom:20px; font-size:16px;}
.mouse dl{ margin-bottom:10px; width:20px; height:40px;}
.mouse dl i{ width:8px; height:16px;}
.about1{top:35%;}
.about2 p{ font-size:16px; width:850px; padding-left:50px;}
.about2 p em{ font-size:30px;}
.about4{ top:28%;}
}

/* 手机版 */
@media screen and (max-width:750px){
.loginbg{background:#000 url(../images/m_loginbg.jpg) no-repeat; background-size:100%;}
.login_wk{width:340px; margin:-250px 0 0 -170px;}
.reg_banner{background-size:auto 70px; height:70px;font-size:1.4em;color:#fff;line-height:70px;}
.hy_banner{background-size:auto 70px; height:70px;font-size:1.4em;color:#fff;line-height:70px;}
.reg{padding:0; padding-top:20px; margin-top:0;}
.reg_top{ display:none;}
.m_reg_top{ display:block;}
.progressbar{ margin:0 30px; height:60px;}
.kinput{ float:none;}
.reg_list ul li{ padding-bottom:13px;}
.reg_list ul li.dx{margin-top:-8px; padding-bottom:8px;}
.reg_list ul li p{ float:none; padding-left:80px;}
.m_top{display:block; height:56px;}
.m_reg_top{position:fixed; z-index:99999; background-color:#fff;width:100%; box-shadow:0px 2px 5px rgba(0, 0, 0, 0.2); height:56px; left:0; top:0;}
.m_logo{ float:left; padding:6px 0 0 6px;}
.m_logo img{ width:140px;}
.mbtn{float:right;}
a.mdh{ background:url(../images/menu.svg) 6px 9px no-repeat; background-size:45px; display:block; width:56px; height:56px;}
a.dj, a.mdh:active{ background:#f5f0eb url(../images/menu2.svg) 6px 9px no-repeat; background-size:45px;}
.mbtn ul{position:absolute;z-index:99999;background:#fff;width:100%;display:none; right:0; top:56px; box-shadow:0px 2px 5px rgba(0, 0, 0, 0.2);}
.mbtn ul li{border-bottom:1px #f0f0f0 solid}
.mbtn ul li a{display:block;height:39px;line-height:39px;padding-left:15px;text-align:left;color:#555}
.mbtn ul li a font{ float:right; margin-right:15px;}
.mbtn ul li a:active{background-color:#f5f0eb;}
.pc_top, .top{ display:none;}
.whatwodo{ padding:20px 0 30px 0;}
.whatwodo h2{ font-size:20px;}
.xbkx{ height:8px; width:40px;}
.what{margin-top:20px;}
.what ul li{ width:50%; margin-bottom:10px;}
.what ul li a{ width:94%; height:190px; padding-top:22px;}
.what ul li a i{ width:68px; height:68px; background-size:72px; margin-bottom:20px;}
.what ul li a em{ font-size:18px; margin-bottom:15px;}
.what ul li a p{ font-size:13px; width:80%; margin:0 auto;}
.what ul li a:hover{ box-shadow:0px 10px 15px -10px #555; transform: translateY(-10px);}
.what ul li a:hover i{ width:68px; height:68px; background-size:72px; background-position:-3px -73px;}
.syabout{ height:400px; background-size:auto 400px;}
.syaboutny{ top:50px;}
.syaboutny p{ font-size:18px; line-height:24px; padding-bottom:15px;}
.syaboutny a{ width:120px; height:36px; line-height:36px; font-size:14px;}
.mb120{margin-bottom:52px;}
.syggt{ height:380px; background-size:auto 380px;}
.syggtny{ padding-top:70px;}
p.big{ font-size:28px;}
.syggtny a{ width:120px; height:36px; line-height:36px; font-size:14px;}
.syggtny p img{ width:80%;}
.pcsystem{ width:100%;}
.ewm{ display:none;}
.bottom{ height:auto; padding:20px 0; overflow:hidden;}
.bottommenu{ float:none; width:100%; margin-left:0;}
.bottommenu ul li{ width:22%; padding-left:3%; line-height:21px;}
.bottommenu ul li:first-child{ width:28%;}
.bottommenu ul li:nth-child(2){ width:18%;}
.bottommenu ul li:nth-child(3){ width:18%;}
.bottommenu ul li:nth-child(4){ width:18%;}
.bottommenu ul li a{ font-size:11px;}
.bottommenu ul li a.bai{ font-size:13px; margin-bottom:5px;}
.bottombq{ padding:12px 0; height:auto; overflow:hidden;}
.bottombq p{ font-size:11px;}
.sygsdz{ display:none;}
.nybanner{ height:230px; background-size:auto 230px;}
.nybanner dl{ padding-top:52px;}
.nybanner dl fieldset{ width:70%; height:60px;}
.nybanner dl fieldset legend{font-size:20px;}
.nybanner dl fieldset p{ font-size:12px; padding-top:0;}
.secondmenu{ height:40px;}
.secondmenu dl{ height:40px; margin-top:-40px;}
.secondmenu ul{ width:100%; left:50%; margin-left:-50%; margin-top:-40px;}
.secondmenu ul li{ height:40px;}
.secondmenu ul li a{ height:40px; line-height:40px; font-size:12px;}
.secondmenu ul li a.xz:before{top:40px; margin-left:-6px; border-right:6px solid transparent; border-top:6px solid rgba(255,157,42,1); border-left:6px solid transparent;}
.yw1_1{ height:360px; background-size:100px; overflow:hidden;}
.yw1_1tp{ height:250px; width:410px; margin-right:0px; background-size:420px;}
.yw1_1ny{ margin-left:-70px; top:50px; width:240px;}
.yw1_1ny p{ font-size:13px; line-height:20px; margin-bottom:15px;}
.yw1_2{ height:270px; background-size:auto 270px; overflow:hidden;}
.yw1_2tp{ height:190px; top:40px; margin-left:10px; background-size:250px;}
.yw1_2ny{ margin-left:-170px; top:55px; width:200px;}
.yw1_2ny p{ font-size:12px; line-height:21px;}
.yw1_3{ height:280px; background-size:auto 280px; overflow:hidden;}
.yw1_3tp{ height:180px; width:240px; top:45px; margin-right:10px; background-size:240px; }
.yw1_3ny{ margin-left:-50px; top:55px; width:220px;}
.yw1_3ny p{ font-size:13px; line-height:21px; margin-bottom:16px;}
.yw1_4{ padding-bottom:40px; height:655px; overflow:hidden;}
.yw1_4tp{width:260px; top:30px; margin-left:-145px; background-size:260px;}
.yw1_4ny{ margin-left:-170px; top:270px; width:330px;}
.yw1_4ny p{ font-size:12px; margin-bottom:15px; line-height:21px;}
.footcontact{ height:450px; overflow:hidden;}
.footcontact h3{ width:90%; padding-top:35px; font-size:24px;}
.footcontact dl{ width:90%; padding-top:25px;}
.footcontact dl dd{ height:auto; padding-bottom:20px; float:left;}
.footcontact dl dd.fc1{ width:32px; min-height:70px;}
.footcontact dl dd.fc3{ width:32px; min-height:150px;}
.footcontact dl dd.fc1 i, .footcontact dl dd.fc3 i{ width:22px; height:22px; border:1px #fff solid; background-size:22px;}
.footcontact dl dd.fc3 i{ background-position:0 -30px;}
.footcontact dl dd.fc2, .footcontact dl dd.fc4{ width:340px; float:none;}
.footcontact dl dd.fc3, .footcontact dl dd.fc4{ margin-top:10px;}
.footcontact dl dd h4{ font-size:18px; line-height:26px; margin-bottom:8px;}
.footcontact dl dd p{ font-size:13px; line-height:20px; margin-bottom:15px;}
.footcontact dl dd p font{ width:80px;}
.yw2_1{ height:580px; overflow:hidden;}
.yw2_1tp{ width:290px; top:0px; height:290px; margin-right:-145px; background-size:290px;}
.yw2_1ny{ margin-left:-160px; top:280px; width:320px;}
.yw2_1ny p{ font-size:13px; line-height:20px; margin-bottom:18px;}
.yw2_2{ height:520px; overflow:hidden;}
.yw2_2tp{ height:260px; width:280px; top:40px; margin-left:-130px; background-size:280px;}
.yw2_2ny{margin-left:-155px; top:270px; width:320px;}
.yw2_2ny p{ font-size:13px; line-height:20px; margin-bottom:15px;}
.yw3_1{ padding:40px 0 50px 0;}
.yw3_1 p{ font-size:13px; margin-bottom:5px; margin:0 40px;}
p.yw3_1wz{ font-size:14px; margin:0 30px; line-height:21px; margin-top:10px; width:auto;}
.yw3_1ny{ margin-top:35px;}
.yw3_1ny ul li{ width:320px; padding:25px 0 35px 0; height:auto; float:none; margin:0 auto; margin-bottom:30px;}
.yw3_1ny ul li i{ width:180px; background-size:120px;}
.yw3_1ny ul li h4{ font-size:12px; margin-top:20px;}
.yw3_1ny ul li h4 em{font-size:24px; margin-bottom:3px;}
.yw3_1ny ul li.zq2{ margin:0 auto; margin-bottom:30px;}
.yw3_1ny ul li dl{ width:82%; margin:0 auto; height:auto; display:block;}
.yw3_1ny ul li dl dd{ font-size:12px; height:auto; padding-top:20px; text-align:center; display:block;}
.yw4_1{ padding-bottom:20px; height:auto; overflow:hidden;}
.yw4_1ny h3{ height:60px; line-height:60px; background-size:100% auto; margin-top:0px; font-size:27px; text-indent:16px; margin-bottom:20px;}
.yw4_1tb{ position:absolute; right:0; top:0; z-index:11; width:200px; background-size:200px;}
.yw4_1ny{ padding-top:60px;}
.yw4_1ny dl{ padding:30px 10px; height:auto; overflow:hidden;}
.yw4_1ny dl dt{ width:80px; margin-right:10px; height:55px; background-size:55px;}
.yw4_1ny dl.bgrz2 dt{ background-position:center -55px;}
.yw4_1ny dl.bgrz3 dt{ background-position:center -110px;}
.yw4_1ny dl.bgrz4 dt{ background-position:center -165px;}
.yw4_1ny dl.bgrz4{ border-bottom:0;}
.yw4_1ny dl dd{ min-height:80px; display:block; width:260px; height:auto; float:left;}
.yw4_1ny dl dd p{ font-size:12px; display:block; line-height:18px; height:auto;}
.newslist{ padding:0px 0 10px 0;}
.newslist dl{ margin-top:15px; padding:15px; height:auto; overflow:auto;}
.newslist dl img{ width:100px; height:68px; margin-right:15px;}
.newslist dl dt a{ font-size:14px;}
.newslist dl dt{ height:40px; padding-bottom:10px;}
.newslist dl dd{ font-size:12px; line-height:18px;}
.newslist dl.first{ padding-left:10px; height:auto;}
.newslist dl.first img{ width:175px; height:118px; margin-right:20px;}
.newslist dl dd.date{ display:none;}
.newslist dl dd.date2{ display:block;}
.newslist dl.first dt{ height:88px;}
.newslist dl.first dd.date2{ font-size:14px; height:30px;}
.newslist dl dd.jswz{ height:auto; display:block; margin-top:10px;}
a.morenews font{ margin-top:4px;}
.newspage{ margin-bottom:40px;}
.newspage ul{ }
.newspage dl{ float:none; }
.newspage dl dd{ width:calc(50% - 1px);}
.newspage dl dd:first-child{ border-left:0; width:50%;}
.newsview{padding:22px 0 40px 0;}
.newsview_title dl{ padding-left:11px;}
.newsview_title dl dt{ font-size:18px;padding-bottom:5px;}
.newsview_title dl dd{ font-size:12px; color:#999;}
.newsview_title{ padding-bottom:8px;}
a.backlist{ float:right; width:auto; height:40px; padding:5px 10px; margin-right:5px;}
a.backlist i{ display:none}
a.backlist p{ font-size:12px; line-height:16px; margin-left:0;}
a.backlist:hover{ background-color:#ff9d2a;}
.newsviewny img{ max-width:90%;}
.newsview_page ul li{ float:none; border-right:none; width:100%; height:32px; line-height:32px; border-bottom:1px #dcdcdc solid; font-size:12px; overflow:hidden; text-align:left; text-indent:10px;}
.newsview_page ul li:last-child{ border-bottom:0;}
.newsview_page ul{ height:auto;}
.newsview_page ul li a{ font-size:12px;}
.downbanner dl{ padding-top:68px;}
.downs{ padding:20px 0 15px 0;}
.downs ul li{ float:left; width:174px; height:200px; background:#e7e7ee; margin:0 0 15px 15px; color:#a8a8a8; text-align:center; transition:all .4s ease; cursor:pointer;}
.downs ul li p{ font-size:24px; margin-bottom:30px;}
.downs ul li a{ width:100px; height:34px; line-height:34px; font-size:15px;}
.downs ul li i{ width:70px; height:60px; margin-top:20px; background-size:70px;}
.downs ul li.do2 i{ background-position:0 -60px;}
.downs ul li.do3 i{ background-position:0 -120px;}
.downs ul li.do4 i{ background-position:0 -180px;}
.filedown{ padding-bottom:30px;}
.filedown h3{ font-size:20px; height:35px; padding-left:12px;}
.filedown table{ border-left:none; border-right:none;}
.filedown table tr th{ height:40px; font-size:13px;}
.filedown table tr td{ height:40px; font-size:13px;}
.filedown table tr td img{ width:24px; height:24px;}
.w80{ width:44px;}
.w180{ width:60px;}

.contact{ padding:15px 0 40px 0; height:auto; overflow:hidden;}
.contactny{ padding:20px 0 0 15px; height:auto; overflow:hidden; width:calc(100% - 20px);}
.contactny dl{ width:70px; height:140px; float:left;}
.contactny dl i{ width:56px; height:56px; background-size:56px;}
.contact_2 dl i{ background-position:0 -61px;}
.contact_1{ height:160px;}
.contact_2{ width:calc(100% - 20px);height:150px;}
.contact_1 ul li{ font-size:13px; line-height:20px;}
.contact_1 ul li.gs{ font-size:22px; height:30px;}
.contact_2 ul li.sh{ font-size:22px; height:30px;}
.contact_2 ul li{ font-size:13px; line-height:20px; margin-bottom:5px;}
.conewm{ padding-top:30px; margin-left:35px;}
.conewm img{ width:300px; height:300px; border:10px #ee7700 solid;}
.gmap{ height:350px;}
#map{ height:350px;}
.listbtn{ display:block;}
.list{ margin:20px 0;}
.list_leftmenu{ position:fixed; left:0; height:calc(100% - 56px); bottom:0; overflow:hidden; background:#fff; z-index:3334; display:none;}
.list_right{ border-left:0; margin-left:0;}
.list_right h2{ margin:0 15px;}
.list_rightny{ padding:15px;}

p.bt{ font-size:24px;}
p.jg{ height:10px;}
p.jg2{ height:20px;}
p.jg3{ height:1px;}
p.bt2{ font-size:20px; line-height:26px;}
p.lansez{ font-size:16px; margin-top:20px;}
.suspension-box a.qq {display:none }
.suspension-box a.tel {display:none}
.suspension-box a.code {display:none}
.suspension-box a.lan {display:none}
.suspension{ height:60px; bottom:0; top:auto;}

.section .bg img{ width:auto; height:100%; margin-left:calc(-50% - 180px);}
p.bigtitle{ font-size:30px; margin-top:100px;}
p.smallwz{ font-size:12px; width:80%; line-height:21px; margin-top:0;}
p.bigyw{ padding-top:30px; height:60px; font-size:22px; opacity:0; margin-top:500px;}
.mouse{ font-size:12px; bottom:10px;}
p.bigyw img{ width:80%;}
.about2 p{ width:80%; margin-bottom:15px; line-height:180%; font-size:14px;}
.about2 p em{ font-size:20px;}
.leftmenu{ display:none;}
.about1{top:25%;}
.about2{top:15%;}
.about4 p.wz1, .about4 p.wz2, .about4 p.wz3{ font-size:12px;}
.about2 p{ padding-left:0;}
#fullPage-nav li a{ width:6px; height:6px;}


/* 12-7 */
.zpkh dl{ width:100%; float:none; height:auto; padding-bottom:35px;}
.ditie dl .kxsj{ float:none; width:100%;}
dl.wxts dt{ display:none;}
dl.wxts dd{ width:100%;}
.dnleft{ margin:0; float:none;}
.downnew h2{ font-size:30px}
.dnleft img{ width:88%;}
.dnright{ margin:0; float:none; width:100%;}
.font30{ font-size:20px;}
.font24{ font-size:15px;}
.dnright p{ margin-right:40px;}
.downbtn ul li{ width:100%;}
}

 .loading {
            background: gray;
            position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            z-index: 20;
            filter: alpha(opacity=80);
            opacity: 0.8 !important;
            margin:auto;
            display:none;
        }
        .loading-icon {background-image:url(/images/loading.gif);background-size:40px 40px; background-repeat:no-repeat; background-position:center;border-radius:8px;width:120px;height:120px;position: fixed;margin:auto;left:0; right:0; top:0; bottom:0;z-index: 1; background-color:#fff;filter: alpha(opacity=100);opacity: 1.0 !important;color:#000;text-align:center;}

.sel-gender {width:60px;font-size:12px;float:left;display:normal;}
.sel-addr {width:50px;font-size:12px;float:left;display:normal;margin-top:10px;}
.sel-bank {width:50px;font-size:12px;float:left;display:normal;}

.order {
    height: 60px;
    line-height: 60px;
    text-align: left;
}
.order .line {
    display: inline-block;
    width: 14%;
    border-top: 1px solid #ACB5C7;

}
.order .txt {
    color: #555;
    vertical-align: middle;

}