#doc_yyk{display: block;padding:4% 0;}

@charset "utf-8";*{margin:0;padding:0;}
.lim_m_rm { display: none!important; }
body{margin:0 auto !important;max-width:640px;min-width:320px;background: #fff !important;overflow-x: hidden;}

body,button,input,select,textarea{color:#505050;font:12px/1.5 Microsoft Yahei;}
h1,h2,h3,h4,h5,h6{text-align:center;font-size:100%;}
li,ol,ul{list-style:none;}
a{outline:0;color:#2a2a2a;text-decoration:none;}
a:hover{color:#2a2a2a;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{outline:0;font-size:100%;}
textarea{resize:none;}
img{width:100%;vertical-align:top;}
#QIAO_INVITE_CONTAINER{display: none!important;}
article,aside,footer,header,hgroup,nav,section{display:block;}
h2{color:#303132;text-align:center;}
.clear,.clearfix{ zoom:1; }
.cb{clear:both;}
.clear:after,.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden; }
.f-cb:after,.f-cbli li:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ti2{text-indent:2em;}
.f-fb{font-weight:700;}
.f-b1{border-bottom:1px solid #e3e3e3;}
.f-b2{border-top:1px solid #e3e3e3;}
.arcArrow{width:auto;}
.over{overflow:hidden;}
.fr{float:right;}
.fl{float:left;}
.wrapper{margin:0 auto;width:320px;}
.posa{position:relative;}
.mr10{margin:0 10px;}
.max{margin:0 auto;max-width:640px;min-width:320px;}
.wp{margin:0 20px;clear:both}
.main { position: relative; overflow: hidden; margin: 0 auto; width: 100%; height: auto; }
.mainnav { position: fixed; top: 0; left: -73.4375%; z-index: 99; width: 73.4375%; height: 100%; background-color: #232323; }
.mainnav li { padding-left: 23%; border-bottom: 1px solid #fff;  }
.mainnav li a { color: #fff; text-transform: uppercase; font-size: 30px; display: block; line-height: 3.333;}
.mainnav li a span { float: right; margin-right: 7.5%; line-height: 3.333;}
.clickbg { position: fixed; top: 0; left: 0; z-index: 1; display: none; overflow: hidden; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); -webkit-transition: opacity .5s ease-in; -moz-transition: opacity .5s ease-in; -o-transition: opacity .5s ease-in; transition: opacity 5s ease-in; -ms-transition: opacity .5s ease-in; }
.wrap { position: relative; float: left; width: 100%; height: auto; }

.head_fix{position: fixed;left:0;top:0;z-index: 999;}
.indexBanner { position: relative; overflow: hidden; max-width: 640px; min-width: 320px; }
.indexBanner .sider { position: relative; z-index: 0; }
.indexBanner .sider li { float: left; max-width: 640px; min-width: 320px; }
.indexBanner .sider li img { width: 100%; }
.indexBanner .hd { position: absolute; bottom: 10px; z-index: 1; width: 100%; height: 15px; text-align: center; }
.indexBanner .hd li { display: inline-block; margin: 0 5px; width: 10px; height: 10px; border: 1px solid #fff; border-radius: 50%; text-indent: -9999px; }
.indexBanner .hd li.on { background: #fff; }
.newfooter { overflow: hidden; width: 100%; background: #ffff; }
.newfooter img { margin-top: 20px; }
.foot { position: fixed; bottom: 0; left: 0; z-index: 99; width: 100%; height: 70px; border-top: 1px solid #cdcdcd; background: #fff !important; }
.fcon { margin: 0 auto; width: 100%; max-width: 640px; }
.fcon .nav { position: relative; top: -10px; left: 5px; float: left; display: table; overflow: hidden; width: 78px; height: 78px; border: 1px solid #dbdbdb !important; border-radius: 50%; background: #fff !important; }
.fcon .nav.on { position: relative; top: -10px; left: 5px; float: left; display: table; overflow: hidden; width: 78px; height: 78px; border: 1px solid #dbdbdb; border-radius: 50%; background: #fff; }
.fcon .nav a { display: table-cell; width: 100%; color: #890c84; vertical-align: middle; text-align: center; font-size: 16px; }
.fcon .nav a img { width: 100%; }
.fcon .link { float: right; width: 75%; }
.fcon .link a { float: left;padding-top: 6px; display: block; width: 33.33%; text-align: center; font-size: 14px; line-height: 18px; }
.fcon .link a img { width: 45%; max-width: 50px; }
.fcon .link a.tel { color: #49c50b; }
.fcon .link a.ask { position: relative; color: #dba231; }
.fcon .link a.ask span { position: absolute; top: 5px; right: 20%; display: block; width: 18px; height: 18px; border-radius: 50%; background: #df0f02; color: #fff; text-align: center; font-size: 12px; line-height: 18px; }
.fcon .link a.home { color: #989797; }
.navs_bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: none; background: rgba(0, 0, 0, .9); }
.navs_ul1 { position: fixed; bottom: 80px; left: 0; z-index: 11; width: 38%; max-width: 240px; }
.navs_ul1 li { position: absolute; top: 0; left: 0; z-index: 999; width: 100%; opacity: 0; -webkit-transition: .3s all ease; -moz-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; -ms-transition: .3s all ease; }
.navs_ul1 li img { float: left; margin-left: 5px; width: 25%; }
.navs_ul1 li span { float: left; color: #e2c3e1; text-indent: 8px; font-size: 14px; line-height: 30px; }
.navs_ul2 { position: fixed; right: 0; bottom: 90px; z-index: 11; display: none; width: 60%; max-width: 384px; }
.navs_ul2 .line { float: left; width: 4%; }
.navs_ul2 ul { float: left; width: 96%; }
.navs_ul2 li { float: left; margin-top: 8px; margin-left: 3%; width: 29%; text-align: center; }
.navs_ul2 li i { display: inline-block; overflow: hidden; width: 70%; max-width: 80px; border-radius: 50%; background: rgba(255, 255, 255, .85); }
.navs_ul2 li i img { width: 100%; max-width: 80px; }
.navs_ul2 li span { float: left; width: 100%; color: #fff; font-size: 12px; line-height: 20px; }
#artNav span{clear:both;display:block;margin:10px auto;width:100px;height:30px;border-top:#fff solid 10px;background:#282828;color:#fff;text-align:center;line-height:30px;}
.fixed{position:fixed;top:0;left:0;z-index:999;}
.w48{width:48.33333%;}
#qiao-wrap{display:none!important;}
.artNav{overflow:hidden;margin:20px 20px;padding-bottom:20px;background:#fff;box-shadow:0 0 5px 1px #e8e8e8;}
.artNav a{float:left;display:block;margin-top:20px;margin-right:1.5%;margin-left:1.5%;padding:10px 0;width:30%;background:#f4f4f4;color:#282828;text-align:center;font-size:24px;}
.artNav a.current{background:#282828;color:#fff;}
.artbox{margin:20px 20px;padding-bottom:20px;background:#fff;box-shadow:0 0 5px 1px #e8e8e8;}
.artbox .imgbox{overflow:hidden;padding:10px 10px;}
.artbox h2{text-align:center;font-size:28px;line-height:1.2;}
.artbtn{display:block;margin:20px 10px;padding:35px 0;border-radius:5px;background:#fa604a;color:#fff;text-align:center;font-size:40px;}
.artbtn:hover{color:#fff;}
.artitem2{overflow:hidden;margin-bottom:20px;width:47.5%;}
.artitem2 dd{overflow:hidden;width:100%;background:#e9e9e9;line-height:1.7;}
.artbox .imgbox p{font-size:14px;}
.artbox .imgbox p span{color:#fa604a;}
.artitem2 span{float:left;display:block;margin-right:5px;width:40px;color:#fff;text-align:center;font-size:14px;}
.steptext{overflow:hidden;width:100%;}
.steptext span{float:left;display:block;margin-right:1%;padding-top:5px;width:24%;font-size:12px;}
.at_b1{border-bottom:1px dashed #c9c7c7;}
.apt10{padding-top:20px;}
.artitem2 span.at1{height:25px;background:#ea452d;line-height:25px;}
.artitem2 span.at2{height:40px;background:#fa604a;line-height:40px;}
.fang{margin-top:30px;margin-left:34px;padding-left:32px;background:url(../images/article/fang.jpg) no-repeat left center;color:#fa604a;font-size:26px;}
.txt{padding-left:66px;color:#151515;font-size:26px;}
#header{width:100%;height:64px;background:#fff;}
#header a{float:left;display:inline-block;margin-right:3.5%;margin-left:3.5%;width:18%;height:60px;text-indent:7%;font-size:28px;line-height:60px;}
#header a.nav1{background:url(../images/icons/nav_icon1.png) no-repeat 10% center;}
#header a.nav2{background:url(../images/icons/nav_icon2.png) no-repeat 10% center;}
#header a.nav3{background:url(../images/icons/nav_icon3.png) no-repeat 10% center;}
#header a.nav4{background:url(../images/icons/nav_icon4.png) no-repeat 10% center;}
#header a.nav1.nav_cur,#header a.nav2.nav_cur,#header a.nav3.nav_cur,#header a.nav4.nav_cur{border-bottom:4px solid #890c84;color:#890c84;}
#header a.nav1.nav_cur{background:url(../images/icons/nav_icon1_1.png) no-repeat 10% center;}
#header a.nav2.nav_cur{background:url(../images/icons/nav_icon2_1.png) no-repeat 10% center;}
#header a.nav3.nav_cur{background:url(../images/icons/nav_icon3_1.png) no-repeat 10% center;}
#header a.nav4.nav_cur{background:url(../images/icons/nav_icon4_1.png) no-repeat 10% center;}
.changebox{display:none;overflow:hidden;margin:0 20px;margin-bottom:40px;}
.changebox h2{display:block;overflow:hidden;padding:20px 10px 0;width:100%;border-bottom:1px solid #acacac;color:#282828;font-size:24px;line-height:1;line-height:40px;}
.changebox h2 span{float:left;width:50px;height:50px;text-align:center;}
.changebox h2 span img{display:inline;width:auto;vertical-align:middle;}
.changebox a{float:left;display:block;margin:20px 2% 0;padding:20px 0;width:21%;background:#e9e9e9;color:#282828;text-align:center;font-size:18px;line-height:1;}
#banner{position:relative;width:100%;}
#logo{position:absolute;top:0;left:0;z-index:9;width:100%;height:46px;background:#b161ab;vertical-align:middle;text-align:center;opacity:.6;}
#logo img{padding-top:6px;width:172px;}
#subnav{overflow:hidden;margin:10px auto;padding:0 10px;max-width:640px;min-width:320px;}
.subnav ul{overflow:hidden;width:100%;}
#subnav li{float:left;padding-bottom:10px;width:25%;font-size:20px;}
#subnav a{display:block;margin:0 10px;text-align:center;}
#subnav a>span{display:block;margin-bottom:5px;width:100%;height:100px;border-radius:3px;}
#subnav a>span.n_v1{background:url(../images/icons/icon1.png) no-repeat center center #ff9501;}
#subnav a>span.n_v2{background:url(../images/icons/icon2.png) no-repeat center center #fc0;}
#subnav a>span.n_v3{background:url(../images/icons/icon3.png) no-repeat center center #ff2c55;}
#subnav a>span.n_v4{background:url(../images/icons/icon4.png) no-repeat center center #00b4ff;}
#subnav a>span.n_v5{background:url(../images/icons/icon5.png) no-repeat center center #fc0;}
.topBar{width:100%;height:60px;background:#282828;text-align:center;}
.topBar img{padding-top:12px;width:220px;}
#subnav a>span.n_v6{background:url(../images/icons/icon6.png) no-repeat center center #ff2c55;}
#subnav a>span.n_v7{background:url(../images/icons/icon7.png) no-repeat center center #00b4ff;}
#subnav a>span.n_v8{background:url(../images/icons/icon8.png) no-repeat center center #4cda64;}
#subnav a>span.n_v9{background:url(../images/icons/icon9.png) no-repeat center center #ff2c55;}
#subnav a>span.n_v10{background:url(../images/icons/icon10.png) no-repeat center center #00b4ff;}
#subnav a>span.n_v11{background:url(../images/icons/icon11.png) no-repeat center center #4cda64;}
#subnav a>span.n_v12{background:url(../images/icons/icon_more.png) no-repeat center center #ff9501;}
.item{overflow:hidden;margin-top:15px;padding-bottom:15px;width:100%;color:#a3a3a3;font-size:20px;line-height:1.6;}
.item dt{float:left;overflow:hidden;margin:0 10px 10px 5px;width:170px;background:#f1f1f1;}
.item dt img{width:100%;}
.item .title{overflow:hidden;height:1.5rem;color:#303030;font-weight:700;font-size:24px;}
.item dd>span{float:left;display:inline-block;margin-right:5px;width:90px;height:30px;border-radius:4px;background:#890c84;color:#fff;text-align:center;line-height:30px;}
.telphone{display:block;margin:10px 0 10px;}
#menu{position:fixed;bottom:0;left:0;z-index:9999;margin:0 auto;width:100%;height:125px;border-top:1px solid #cdcdcd;background:#fff;}
#navigation{position:relative;top:-27px;left:2px;float:left;width:152px;height:152px;}
#navigation a{display:block;padding-top:100px;width:150px;height:50px;border:1px solid #dbdbdb;border-radius:50%;background:url(../images/icons/menu.png) no-repeat 29px 20px #fff;color:#890c84;text-align:center;font-size:28px;cursor:pointer;}
#mainNav{float:left;width:485px;}
#mainNav a{float:left;display:block;padding-top:75px;width:33%;height:50px;height:50px;text-align:center;font-size:28px;}
#mainNav a.tel{background:url(../images/icons/telicon.png) no-repeat center 20px;color:#49c50b;}
#mainNav a.ask{position:relative;background:url(../images/icons/askicon.png) no-repeat center 20px;color:#dba231;}
#mainNav a.ask span{position:absolute;top:15px;right:35px;display:block;width:30px;height:30px;border-radius:50%;background:#df0f02;color:#fff;text-align:center;font-size:24px;line-height:30px;}
#mainNav a.home{background:url(../images/icons/homeicon.png) no-repeat center 20px;color:#989797;}
#footer{margin:20px auto 0;max-width:640px;min-width:320px;}
#footer .leftimg{float:left;margin:20px 10%;width:22%;}
.newfooter .fqdd { padding:0 15%;margin: 3% auto;overflow: hidden;  }
.newfooter .fqdd .fqfk img{ margin-right:15%;  }
.newfooter .fqdd img{ width: 40%; float: left;margin-top: 0; }

.info{float:right;overflow:hidden;margin-top:20px;width:58%;line-height:1.2;}
.info .address,.info .time{margin-bottom:20px;padding-left:40px;font-size:14px;line-height:1.2;}
.info .time{background:url(../images/icons/icon13.png) no-repeat left center;}
.info .address strong,.info .time strong{font-size:24px;}
.info .address{background:url(../images/icons/icon14.png) no-repeat left center;}
.info div{overflow:hidden;margin-left:0;}
.info a{float:left;display:block;margin-right:10px;}
.info a img{width:auto;}
.bgall{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:none;background:rgba(0,0,0,.7);}
.qrcode{position:fixed;top:20%;left:15%;z-index:999;display:none;width:70%;background:#fff;}
.f-b2 .bx-wrapper{position:relative;clear:both;margin:0 auto 40px;padding:0;background:url(../images/index/doc_bg.jpg) no-repeat;}
.fr{float:right;}
.fl{float:left;}
.bodybg{background:#f1f1f1;}
.ty a{display:block;width:100%;}
.ty a .tl{float:left;margin:10px 0 10px 15px;width:52%;}
.ty a .tl h1{color:#01484C;font-weight:bold!important;font-size:1.8em;line-height:2;}
.ty a .tl p{width:230px;color:#01484C;font-size:1.4em;line-height:1.2;}
.ty a .tl span{display:block;margin-top:10px;padding:2px 0 2px 6px;width:100%;height:24px;background:#EF6503;color:#fff;font-size:1.2em;line-height:24px;}
.ty a .tl span em{font-style:normal;font-size:.5em;}
.ty a .tr{float:right;overflow:hidden;width:40.5%;max-height:216px;}
.bx-wrapper{position:relative;margin:0 auto 40px;padding:0;}
#banner .bx-wrapper{margin:0 auto 0;}
.bx-wrapper img{display:block;max-width:100%;}
.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%;}
.bx-wrapper .bx-loading{position:absolute;top:0;left:0;z-index:2000;width:100%;height:100%;min-height:50px;background:url(../images/bx_loader.gif) center center no-repeat #fff;}
.bx-wrapper .bx-pager{padding-top:20px;color:#666;text-align:center;font-weight:700;font-size:.85em;font-family:Arial;}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item{display:inline-block;}
.bx-wrapper .bx-pager.bx-default-pager a{display:block;margin:0 8px;width:10px;height:10px;outline:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#d6d6d6;text-indent:-9999px;}
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#c698d2;}
.bx-wrapper .bx-prev{left:10px;display:none;background:url(../images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next{right:10px;display:none;background:url(../images/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover{background-position:0 0;}
.bx-wrapper .bx-next:hover{background-position:-43px 0;}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;z-index:9999;margin-top:-16px;width:32px;height:32px;outline:0;text-indent:-9999px;}
.bx-wrapper .bx-controls-direction a.disabled{display:none;}
.bx-wrapper .bx-controls-auto{text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start{display:block;margin:0 3px;width:10px;height:11px;outline:0;background:url(../images/controls.png) -86px -11px no-repeat;text-indent:-9999px;}
.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;margin:0 3px;width:9px;height:11px;outline:0;background:url(../images/controls.png) -86px -44px no-repeat;text-indent:-9999px;}
.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{width:80%;text-align:left;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px;}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;width:100%;background:rgba(80,80,80,.75);}
.bx-wrapper .bx-caption span{display:block;padding:10px;color:#fff;font-size:.85em;font-family:Arial;}
#_ks_ol_inviteWin_fl,.swt_box{display+:none;}
.qiao-icon-sector,.qiao-icon-sector-inner{display:none!important;width:0!important;height:0!important;}
.swt_box{position:fixed;top:50%;left:50%;z-index:9999999;margin-top:-180px;margin-left:-139px;width:280px;height:300px;border-radius:5px;background:url(/images/swt/swt_box_bg.jpg) no-repeat;box-shadow:0 0 20px rgba(10,2,4,.75);}
.swt_box *{border:none;font-style:normal;}
.swt_box h3{margin-top:84px;width:100%;height:34px;background:0 0;color:#DE0000;text-align:center;font-weight:500;font-size:23px;}
.swt_mobile{margin:18px auto 0;width:220px;height:32px;border-radius:17px;}
.swt_mobile form{display:block;overflow:hidden;margin-bottom:10px;}
.swt_mobile input.callbF_text{float:left;padding-left:13px;width:138px;height:32px;outline:0;border-radius:15px 0 0 15px;background-color:#FFF;color:#6a7380;font-size:14px;line-height:30px;opacity:.6;}
.swt_mobile .callbF_sub{float:left;display:block;box-sizing:border-box;width:69px;height:32px;border-radius:0 16px 16px 0;background-color:#0e6a9c;color:#fff;text-align:center;text-decoration:none;font-size:12px;line-height:32px;opacity:.6;cursor:pointer;}
.swt_box p{width:100%;color:#333;text-align:center;font-size:16px;line-height:1.5;}
.swt_box p a{color:#fff;}
.swt_box p strong{color:#DE0000;}
.swt_box p small{font-size:12px;}
.swt_box p strong span{font-size:20px;}
.swt_box p #p2{font-weight:700;font-size:1.4em;}
.swt_box p #p3{font-size:1em;}
.swt_bot{position:absolute;bottom:0;left:0;width:100%;height:58px;border-radius:0 0 15px 15px;line-height:58px;}
.swt_bot a{position:relative;float:left;display:block;width:50%;height:100%;font-size:16px;}
.swt_bot a:first-child{border-radius:0 0 0 5px;background-color:#009ED6;}
.swt_bot a:last-child{border-radius:0 0 5px 0;background-color:#890C84;}
.swt_bot a em,.swt_bot a i{position:absolute;left:50%;display:block;color:#fff;text-decoration:none;}
.swt_bot a em{left:45%;}
.swt_tel{top:50%;margin-top:-17px;margin-left:-50px;width:33px;height:34px;background:url(/images/swt/swt_tel.png) no-repeat;background-size:100%;}
.swt_notes{top:50%;margin-top:-17px;margin-left:-55px;width:33px;height:34px;background:url(/images/swt/swt_notes.png) no-repeat;background-size:100%;}
.swt_num{top:14px;z-index:3;margin-left:-28px;width:15px;height:15px;border-radius:15px;background-color:#e60012;box-shadow:0 0 3px rgba(0,0,0,.8);text-align:center;font-style:normal;font-size:9px;line-height:14px;}
.swt_close{position:absolute;top:-5px;right:-5px;width:38px;height:38px;border:#fff solid 2px;border-radius:38px;background:#009ed6 url(/images/swt/swt_close.png) center center no-repeat;background-size:cover;box-shadow:0 0 6px rgba(0,0,0,.8);cursor:pointer;}
a.iphonehome{position:fixed;top:45%;left:0;display:block;width:80px;height:80px;background:url(/images/dididache.gif) no-repeat center;background-size:80px auto;}
.top_tips{position:fixed;top:-50px;z-index:999;width:100%;height:50px;line-height:50px;max-width:640px;background:#fff;color:#333;box-shadow:0 0 10px rgba(10,2,4,.75);}
.top_tips img { float: left; border-radius: 5px; }
.top_tips ul { float: left; }
.top_tips ul li { height: 20px; line-height: 20px; font-size: 12px !important;}
.top_tips ul li:nth-child(1) { margin-top: 5px; }

@media screen and (max-width:414px){
	.top_tips{ font-size:16px; }
}
@media screen and (max-width:375px){
	.top_tips{ font-size:14px; }
}
@media screen and (max-width:320px){
	.top_tips{ font-size:12px; }
}
@media screen and (max-width:480px){
	.mainnav li { background-size: 10px auto; }
	.mainnav li a span{line-height: 3;}
	.mainnav li a { font-size: 18px; line-height: 3;}
	#footer .leftimg{margin:10px 10%;}
	.info{margin-top:10px;}
	.info .time{background:url(../images/icons/icon13.png) no-repeat left center;background-size:20px 20px;}
	.info .address{background:url(../images/icons/icon14.png) no-repeat 2px center;background-size:16px auto;}
	.info .address,.info .time{margin-bottom:10px;padding-left:25px;}
	.info .address strong,.info .time strong{font-size:14px;}
	.info div{margin-left:0;}
	.info a{float:left;display:block;margin-right:3%;width:20.333333%;}
	.info a img{width:100%;}
	#menu{height:94px;}
	#navigation{top:-21px;width:114px;height:114px;}
	#navigation a{padding-top:75px;width:114px;height:38px;background:url(../images/icons/menu.png) no-repeat 22px 15px #fff;background-size:63px 57px;font-size:18px;}
	#subnav li{font-size:14px;}
	#subnav{overflow:hidden;margin:10px auto;padding-left:22px;max-width:480px;min-width:320px;}
	#subnav a>span{display:block;margin-bottom:5px;width:100%;height:75px;border-radius:3px;}
	#subnav a>span.n_v1{background:url(../images/icons/icon1.png) no-repeat center center #ff9501;background-size:40px 20px;}
	#subnav a>span.n_v2{background:url(../images/icons/icon2.png) no-repeat center center #fc0;background-size:25px 40px;}
	#subnav a>span.n_v3{background:url(../images/icons/icon3.png) no-repeat center center #ff2c55;background-size:35px 26px;}
	#subnav a>span.n_v4{background:url(../images/icons/icon4.png) no-repeat center center #00b4ff;background-size:33px 30px;}
	#subnav a>span.n_v5{background:url(../images/icons/icon5.png) no-repeat center center #fc0;background-size:30px 27px;}
	#subnav a>span.n_v6{background:url(../images/icons/icon6.png) no-repeat center center #ff2c55;background-size:34px 31px;}
	#subnav a>span.n_v7{background:url(../images/icons/icon7.png) no-repeat center center #00b4ff;background-size:34px 31px;}
	#subnav a>span.n_v8{background:url(../images/icons/icon8.png) no-repeat center center #4cda64;background-size:29px 27px;}
	#subnav a>span.n_v9{background:url(../images/icons/icon9.png) no-repeat center center #ff2c55;background-size:40px 27px;}
	#subnav a>span.n_v10{background:url(../images/icons/icon10.png) no-repeat center center #00b4ff;background-size:31px 25px;}
	#subnav a>span.n_v11{background:url(../images/icons/icon11.png) no-repeat center center #4cda64;background-size:30px 26px;}
	#subnav a>span.n_v12{background:url(../images/icons/icon_more.png) no-repeat center center #ff9501;background-size:30px 30px;}
	.w48{width:48.33333%;max-height:114px;min-height:114px;}
	.apt10{padding-top:10px;}
	.artNav,.artbox{margin:10px 10px;padding-bottom:10px;}
	.artbox .imgbox{padding:5px;}
	.artbox h2{font-size:18px;line-height:1.3;}
	.artNav a{margin-top:10px;padding:5px 0;width:30%;font-size:14px;}
	.artbtn{margin:10px 5px;padding:15px 0;color:#fff;font-size:20px;}
	.artitem2 span.at2{height:65px;background:#fa604a;line-height:65px;}
	.artitem2{margin-bottom:10px;}
	.fang{margin-top:10px;margin-left:17px;padding-left:16px;background:url(../images/article/fang.jpg) no-repeat left center;background-size:9px 9px;font-size:16px;}
	.txt{padding-left:33px;color:#151515;font-size:16px;}
	#header{height:37px;}
	#header a{height:35px;font-size:18px;line-height:35px;}
	#header a.nav1,#header a.nav1.nav_cur,#header a.nav2,#header a.nav2.nav_cur,#header a.nav3,#header a.nav3.nav_cur,#header a.nav4,#header a.nav4.nav_cur{background-size:22px 22px;}
	#header a.nav1.nav_cur,#header a.nav2.nav_cur,#header a.nav3.nav_cur,#header a.nav4.nav_cur{border-bottom:2px solid #890c84;color:#890c84;}
	.changebox{margin:0 10px;margin-bottom:20px;}
	.changebox h2{overflow:hidden;padding:10px 5px 0;width:100%;font-size:16px;}
	.changebox h2 span{float:left;margin-right:10px;width:20px;height:30px;text-align:center;}
	.changebox h2 span img{display:inline;width:100%;vertical-align:middle;}
	.changebox a{margin:10px 1.5% 0;padding:10px 0;width:30%;font-size:14px;}
	.item{margin-top:10px;padding-top:10px;font-size:14px;line-height:1.5;}
	.item dt{width:127px;}
	.item .title{font-size:16px;}
	.item dd{line-height:25px;}
	.item dd>span{width:60px;height:25px;line-height:25px;}
	#mainNav{width:300px;}
	#mainNav a{padding-top:56px;height:38px;font-size:18px;}
	#mainNav a.tel{background:url(../images/icons/telicon.png) no-repeat center 15px;background-size:24px 34px;}
	#mainNav a.ask{background:url(../images/icons/askicon.png) no-repeat center 15px;background-size:37px 31px;}
	#mainNav a.ask span{top:11px;right:15px;width:20px;height:20px;color:#fff;font-size:16px;line-height:20px;}
	#mainNav a.home{background:url(../images/icons/homeicon.png) no-repeat center 15px;background-size:30px 35px;}
}
@media screen and (max-width:375px){
	.artitem2 span.at1{height:40px;line-height:40px;}
	.artitem2 span.at2{height:100px;background:#fa604a;line-height:95px;}
	.artNav a{margin-top:10px;padding:5px 0;width:30%;font-size:12px;}
	.mainnav li a {font-size: 16px;line-height: 2.8;}
	.mainnav li a span{line-height: 2.8;}
	#menu{height:60px;}
	#navigation{top:-18px;width:76px;height:76px;}
	#navigation a{padding-top:50px;width:75px;height:25px;background:url(../images/icons/menu.png) no-repeat 14px 10px #fff;background-size:42px 38px;font-size:14px;}
	#mainNav{width:270px;}
	#mainNav a{padding-top:35px;height:28px;font-size:14px;}
	#mainNav a.tel{background:url(../images/icons/telicon.png) no-repeat center 10px;background-size:16px 23px;}
	#mainNav a.ask{background:url(../images/icons/askicon.png) no-repeat center 10px;background-size:25px 21px;}
	#mainNav a.ask span{top:8px;right:23px;width:15px;height:15px;color:#fff;font-size:12px;line-height:15px;}
	#mainNav a.home{background:url(../images/icons/homeicon.png) no-repeat center 10px;background-size:20px 23px;}
}
@media screen and (max-width:360px){
	#header{height:27px;}
	#header a{height:25px;font-size:16px;line-height:25px;}
	#header a.nav1,#header a.nav1.nav_cur,#header a.nav2,#header a.nav2.nav_cur,#header a.nav3,#header a.nav3.nav_cur,#header a.nav4,#header a.nav4.nav_cur{background-size:16px 16px;}
	.changebox a{margin:10px 1.5% 0;padding:10px 0;width:30%;color:#282828;text-align:center;font-size:14px;line-height:1;}
	#subnav li{font-size:12px;}
	#subnav{padding-left:8px;}
	#subnav a>span{margin-bottom:5px;width:100%;height:65px;border-radius:3px;}
	#footer .leftimg{float:left;margin:10px 6%;}
	.info{width:64%;}
	.info .address,.info .time{font-size:12px;}
	.info .address,.info .time{margin-bottom:5px;}
	.info .address strong,.info .time strong{font-size:12px;}

}
@media screen and (max-width:320px){
	#subnav li{font-size:12px;}
	#subnav{padding-left:8px;}
	#subnav a>span{margin-bottom:5px;width:100%;height:60px;border-radius:3px;}
	.w48{width:48.33333%;max-height:96px;min-height:96px;}
	.item{font-size:12px;}
	.item dt{width:85px;height:90px;}
	.item .title{font-size:14px;}
	.item dd{line-height:20px;}
	.item dd>span{width:60px;height:20px;line-height:20px;}
	#mainNav{width:244px;}
	#mainNav a.ask span{right:18px;}
	.ty a .tl{float:left;margin:5px 0 5px 10px;width:52%;}
	.ty a .tl h1{color:#01484C;font-weight:bold!important;font-size:1.8em;}
	.ty a .tl p{color:#01484C;font-size:1.2em;line-height:1.2;}
	.ty a .tl span{display:block;padding:2px 6px;width:100%;height:24px;background:#EF6503;color:#fff;font-size:1.2em;line-height:24px;}
	.ty a .tl span em{font-style:normal;font-size:.5em;}
}
@media screen and (min-width:400px) {
	.footer { height: 40px; }
	.foot { height: 80px; }
	.fcon .nav { width: 88px; height: 88px; }
	.fcon .nav a { font-size: 16px; }
	.fcon .nav a img { width: 100%; }
	.fcon .link { width: 77%; }
	.fcon .link a {font-size: 14px; line-height: 15px; padding-top: 8px;}
	.fcon .link a img { width: 40%; }
	.fcon .link a.ask span { top:1px; right: 25%; width: 18px; height: 18px; font-size: 14px; line-height: 18px; }
	.navs_ul1 { bottom: 90px; }
	.navs_ul1 li span { font-size: 15px; }
	.navs_ul2 li { margin-top: 10px; }
	.navs_ul2 li span { font-size: 14px; line-height: 22px; }
}
@media screen and (min-width:480px) {
	.footer { height: 70px; }
	.foot { height: 90px; }
	.fcon .nav { width: 98px; height: 98px; }
	.fcon .nav a { font-size: 16px; }
	.fcon .nav a img { width: 100%; }
	.fcon .link { width: 79%; }
	.fcon .link a { padding-top: 15px; font-size: 14px; line-height: 26px; }
	.fcon .link a img { width: 30%; }
	.fcon .link a.ask span { top: 10px; right: 27%; width: 18px; height: 18px; font-size: 14px; line-height: 18px; }
	.navs_ul1 { bottom: 100px; }
	.navs_ul1 li span { font-size: 16px; }
	.navs_ul2 li { margin-top: 14px; }
	.navs_ul2 li span { font-size: 15px; line-height: 24px; }
}
@media screen and (min-width:560px) {
	.footer { height: 80px; }
	.foot { height: 100px; }
	.fcon .nav { width: 108px; height: 108px; }
	.fcon .nav a { font-size: 16px; }
	.fcon .nav a img { width: 100%; }
	.fcon .link { width: 80%; }
	.fcon .link a { padding-top: 15px; font-size: 14px; line-height: 26px; }
	.fcon .link a img { width: 30%; }
	.fcon .link a.ask span { top: 10px; right: 30%; width: 18px; height: 18px; font-size: 14px; line-height: 18px; }
	.navs_ul1 { bottom: 110px; }
	.navs_ul1 li span { font-size: 18px; }
	.navs_ul2 li { margin-top: 18px; }
	.navs_ul2 li span { font-size: 18px; line-height: 28px; }
}
section h2{font-size: 2rem;text-align: center;font-weight: bold;}
.section_brand h2 { line-height:1.3;margin:3% 0 5%;  }
.section_like {overflow: hidden;  }
.section_like h2 { margin:3% 0 !important;padding: 0 !important; }
.section_like .area { width:90%; margin:0 auto; }


/* ����ϲ�� */
.section_like{background: #f1f1f1 !important; padding:2% 0 4%;}
.section_like .w20{margin:0 2%;}
.section_like h2{font-weight: 700;font-size: 20px;}
#project_item .bd ul {overflow: hidden;}
#project_item .bd ul li{width: 48%;background: #fff !important;}
#project_item .bd ul li a{display: block;}
#project_item .bd ul li h3{font-size: 14px;font-weight: normal;color:#333333;line-height: 1.2;padding-top: 4%;width:90%;margin:2% auto 0;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#project_item .bd ul li h3 span{font-weight: normal;text-align: center;display: block;font-size: 12px;}
#project_item .bd ul li p{font-size: 12px;color:#333;padding:4%;}
#project_item .bd ul li p strong{color:#9b2fbd;font-weight: normal;}
#project_item .hd{margin-top: 3%;width: 100%;position: relative;z-index: 1;width: 100%;text-align: center;}
#project_item .hd ul li{border-color:#9c2fbe; width: 8px;height: 8px;display: inline-block;margin:0 5px;border-radius: 50%;text-indent: -999px;border:1px solid #8e2ec6;}
#project_item .hd ul li.on{background: #8e2ec6;}
#project_tj{margin:0 3%;}
#project_tj .bd ul {overflow: hidden;}
#project_tj .bd ul li{width: 49%;background: #fff !important;float: left;}
#project_tj .bd ul li:nth-child(1){margin-right: 2%;}
#project_tj .bd ul li a{display: block;}
#project_tj .bd ul li h3{font-size: 14px;font-weight: normal;color:#333333;line-height: 1.2;padding-top: 4%;width:90%;margin:2% auto 0;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#project_tj .bd ul li h3 span{font-weight: normal;text-align: center;display: block;font-size: 12px;}
#project_tj .bd ul li p{font-size: 12px;color:#333;padding:4%;}
#project_tj .bd ul li p strong{color:#9b2fbd;font-weight: normal;}
#project_tj .hd{margin-top: 3%;width: 100%;position: relative;z-index: 1;width: 100%;text-align: center;}
#project_tj .hd ul li{ width: 8px;height: 8px;display: inline-block;margin:0 5px;border-radius: 50%;text-indent: -999px;border:1px solid #8e2ec6;background: none !important;}
#project_tj .hd ul li.on{background: #8e2ec6 !important;}

@media screen and (max-width:480px){
	#casepics{margin-bottom: 2%;}
	#casepics h2{font-size: 20px !important;text-align: center;line-height: 1.4 !important;margin-bottom: 4%;}
	#casepics h2 span{font-size: 14px !important;display: block !important;color:#666  !important;text-align: center !important;font-weight: normal !important;}
}
/* ���� */
#casepics{padding:2%;overflow: hidden;}
#casepics h2{font-size: 30px !important;text-align: center;line-height: 1.4 !important;margin-bottom: 4%;}
#casepics h2 span{font-size: 18px !important;display: block !important;color:#666  !important;text-align: center !important;font-weight: normal !important;}

@media screen and (max-width:480px){
	#casepics h2{font-size: 20px !important;text-align: center;line-height: 1.4 !important;margin-bottom: 4%;}
	#casepics h2 span{font-size: 14px !important;display: block !important;color:#666  !important;text-align: center !important;font-weight: normal !important;}
}
#case_scroll .hd {width: 100% !important;overflow: hidden;text-align: center;}
#case_scroll .hd li{font-size:0px;width: 8px !important;height: 8px !important;display: inline-block;margin:0 3px !important;border:1px solid #b17bc5 !important;border-radius: 50%;background: #fff !important;}
#case_scroll .hd li.on{background: #b17bc5 !important;}
.subject_activity{margin-bottom:1%;}

/**ר���Ƽ�ר��**/
.section_export .bx-wrapper .bx-pager.bx-default-pager a{width: 10px; height: 10px; -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px;}
.section_export .hd{text-align: center; margin:0 auto;width: 100%;text-align: center;}
.section_export .hd li{font-size:0px;width: 10px; background:#d6d6d6; height: 10px; -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px;display: inline-block; margin:10px 10px 10px 0;}
.section_export .hd .on {width: 10px; height: 10px;border-radius: 10px;background: #3b69b9;}

#atc_mm{position: fixed;width: 100%;left:0;bottom:17%;z-index: 9999999999;}
#atc_mm img{width: 100%;height: auto;}



/**ר����������**/
.section_ryzz .bx-wrapper .bx-pager.bx-default-pager a{width: 10px; height: 10px; -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px;}
.section_ryzz .hd{text-align: center; margin:0 auto;width: 100%;text-align: center;}
.section_ryzz .hd li{width: 10px; background:#d6d6d6; height: 10px; -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px;display: inline-block; margin:10px 10px 10px 0;}
.section_ryzz .hd .on {width: 10px; height: 10px;border-radius: 10px;background: #3b69b9;}


/* ֲ��ͷ�� �¼�*/
.mainnav dl{margin-top: 6%;}
.mainnav dl dt{width: 27%;float: left;text-align:left;padding-left: 23%;}
.mainnav dl dd{width: 45%;float: right;}
.mainnav dl dt a,.mainnav dl dd a{font-size: 0.2rem;color:#fff;display: block;color:#999999;line-height:2;}


/**ר��Ʒ�ư�ȫ**/
.section_brand{width: 100%;background-size: 100%;padding-top: 0.5rem;}
.section_brand .content{width: 96%;margin: 0 auto;}
.section_brand h3{color:#fff;margin-bottom: 4%;font-weight: normal;}
.section_brand .s1{font-size: 0.25rem;font-weight: normal;color:#fff;text-align: center;border:1px solid #fff;display: block;width: 1rem;text-align: center;margin:0 auto 2%;}
.section_brand #brand_scroll .bd ul li{width: 28.5%;float: left;background: #fff;height: 5rem;margin-bottom: 1%;padding:0 2%;}
.section_brand #brand_scroll .bd ul li p{font-size: 0.2rem;color:#666;}
.section_brand #brand_scroll .bd ul li h3{font-size: 0.2rem;color:#000;text-align: center;padding:8% 0 6%;}
.section_brand #brand_scroll .bd ul li p{padding:4% 0 0;}
.section_brand #brand_scroll .bd ul li:nth-child(2){margin:0 1.25%;}
.section_brand #brand_scroll .hd{text-align: center;}
.section_brand #brand_scroll .hd li{display: inline-block;width: 8px;height:8px;margin: 0 1%;border-radius: 50%;}
.section_brand #brand_scroll .hd li.on{background: #fff;}

/**ͷβ**/
.newHead { max-width:640px; overflow: hidden; padding: 5px 0; width: 100%; margin: 0 auto;}
.newHead {padding:0;}
.newHead .navBtn,.newHead .zixun { float: left; width: 15%; }
.newHead .logo {float: left;width: 70%; margin:0;}

.brand{display: block;margin: 6% 0 1px 0;}
.footer_new+z{width: 100%;margin:0 !important;padding:0 !important;position: fixed;bottom: 0;z-index: 999;overflow:visible !important;max-width: 640px;margin:0 auto;
	background:-moz-linear-gradient(left,#a253c7,#5448b7);
	background:-webkit-gradient(linear,0 50%,100% 50%,from(#a253c7),to(#5448b7));
	background:-webkit-linear-gradient(left,#a253c7,#5448b7);
	background:-o-linear-gradient(left,#a253c7,#5448b7); box-shadow: rgba(0, 0, 0, 0.75) 0 0 5px 1px;}
.footer_new+z .mask+ {width:25%;height: 8em;left:50%;bottom: -1%;position:fixed;margin-left:-12.5%;background: url("/images/index/newindex/center1.png") no-repeat;background-size: 100%; animation: changebg 1s infinite;-webkit-animation: changebg 1s infinite;}
.footer_new+z .mask .act { width:100%; position:relative; display:block; margin-top: 2.3em; }
.footer_new+z .mask .act sup { position:absolute; top:0; right:20px; background:red; color:#fff; padding:0 2px; font-size:12px; border-radius:7px; animation: jump 2s infinite; }
.footer_new+z .mask .act span { display: block;font-size: 1em;text-align: center;color: #fff;padding-bottom: 0.5em }
.footer_new+z .mask img {width: 38%;display: block;margin: 20% auto 8% auto;}
.footer_new+z .menu li.li2{transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.footer_new+z .menu li{width: 100%; height: 5.5em;}
.footer_new+z .menu li a{display: block; float:left;}
.footer_new+z .menu li a:nth-child(1),.footer_new+z .menu li a:nth-child(2) { width: calc(18% - 1px); background: #423a49; }
.footer_new+z .menu li a:nth-child(1) { border-right:#2d2633 1px solid; }
.footer_new+z .menu li a:nth-child(2) { border-left:#5b5064 1px solid; }
.footer_new+z .menu li a:nth-child(3),.footer_new+z .menu li a:nth-child(4) { width: 32%; height: 5.5em; }
.footer_new+z .menu li a{display: block; float:left;}
.footer_new+z .menu li a i{display: block;height: 3.5em}
.footer_new+z .menu li a span{display: block;font-size: 1em;text-align: center;color: #fff;padding-bottom: 0.5em}
.footer_new+z .menu li.li1 a:nth-child(1) i{background: url("/images/index/newindex/index.png?20171106") no-repeat center bottom;background-size: 55%; }
.footer_new+z .menu li.li1 a:nth-child(2) i{background: url("/images/index/newindex/act1.png?20171106") no-repeat center bottom;background-size: 55%; background-position-y: 0.5em; }
.footer_new+z .menu li.li1 a:nth-child(3) { background: -webkit-linear-gradient(left,#b327d4,#8320c5); }
.footer_new+z .menu li.li1 a:nth-child(3) i{ background: url("/images/index/newindex/zx.png?20171106") no-repeat center center; position:relative;}
.footer_new+z .menu li.li1 a:nth-child(3) i sup { position:absolute; top:1em; right:-1em; font-style:normal; background:red; color:#fff; padding:0 2px; font-size:12px; border-radius:7px; animation: jump 2s infinite; }
.footer_new+z .menu li.li1 a:nth-child(4) i{ background: url("/images/index/newindex/phone.png?20171106") no-repeat center center;}
.footer_new+z .menu li.li1 a:nth-child(3) i,.footer_new+z .menu li.li1 a:nth-child(4) i { width: 22%; height: 5.5em; background-size: 100%;margin-left: 1em; float:left; }
.footer_new+z .menu li.li1 a:nth-child(3) span,.footer_new+z .menu li.li1 a:nth-child(4) span { width: 66%; height: 5.5em; line-height:4.3em; float:left; font-size: 1.2em; }
.footer_new+z .menu li.li1 a:nth-child(4) { background: -webkit-linear-gradient(left,#8e4fdb,#702cc3); }

.botchat i { position: relative; }
.botchat i sup { width: 14px; height: 14px; font-size: 12px; background: #ff5764; border-radius: 50%; display: block; line-height: 14px; text-align: center; color: #fff; position: absolute; top: 1%; right: 16%; font-style: normal; }

@media screen and (min-width: 640px) {
	.footer_new+z{bottom: 0}
	.footer_new+z .menu li a i{height: 6em}
    .footer_new+z .menu li a:nth-child(3),.footer_new+z .menu li a:nth-child(4) { height: 8em; }
    .footer_new+z .menu li.li1 a:nth-child(3) i,.footer_new+z .menu li.li1 a:nth-child(4) i { height: 8em; }
    .footer_new+z .menu li.li1 a:nth-child(3) span,.footer_new+z .menu li.li1 a:nth-child(4) span { height: 8em; line-height: 5.2em; font-size: 1.6em; }
}
@-webkit-keyframes changebg {
	0% {
		background: url("/images/index/newindex/center1.png") no-repeat;
		background-size: 100%;
	}
	50% {
		background: url("/images/index/newindex/center2.png") no-repeat;
		background-size: 100%;
	}
	100% {
		background: url("/images/index/newindex/center1.png") no-repeat;
		background-size: 100%;
	}
}
@-webkit-keyframes jump{
	0%,100%,20%,50%,80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}
	60% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}
}
/* �°�ײ�ͼ����ʽ
.footer_new+z .over i.home::before { content: "\f015"; }
.footer_new+z .over i.activity::before { content: "\f06b"; }
.footer_new+z .over i.tel::before { content: "\f095"; transform: rotateY(180deg); }
.footer_new+z .over i.chat:before { content: "\f086"; }*/

/* ר��ͷ��banner������ʽ */
#banner_slider{position: relative;}
#banner_slider .hd{text-align: center;position: absolute;width: 100%;bottom:0.4rem;}
#banner_slider .hd li{width: 0.15rem;height: 0.15rem;border-radius: 50%;border:1px solid #fff;display: inline-block;margin:0 0.06rem;text-indent: -9999px;}
#banner_slider .hd li.on{background: #ffffff;}

/* �Ҳ�Ư���� */
.hot_right{width: 75px;position: fixed;right: -100px;top:40%;z-index: 9999;opacity: 0;animation:swing 1s 1s ease both; transition: all 1s ease-in-out;opacity: 0;}
.hot_right img{width: 100%;height: auto;}
.hot_right .hot_close{display: block;width: 32px;height: 32px;position: absolute;left: 16px;top:111px;}
.hot_right.animate{right: 0; opacity: 1; }
.hot_hide{right: -100px !important; opacity: 0 !important; }
#hot_hide{right: -100px; opacity: 0; }
.hot_right.animate1{animation:tops 15s infinite; }
@-webkit-keyframes swing{
	0%{-webkit-transform:translateX(0%);}
	15%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	30%{-webkit-transform:translateX(2%) rotate(2deg);}
	45%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	60%{-webkit-transform:translateX(2%) rotate(2deg);}
	75%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	100%{-webkit-transform:translateX(0%);}
}
@-moz-keyframes swing{
	0%{-webkit-transform:translateX(0%);}
	15%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	30%{-webkit-transform:translateX(2%) rotate(2deg);}
	45%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	60%{-webkit-transform:translateX(2%) rotate(2deg);}
	75%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	100%{-webkit-transform:translateX(0%);}
}
@-ms-keyframes swing{
	0%{-webkit-transform:translateX(0%);}
	15%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	30%{-webkit-transform:translateX(2%) rotate(2deg);}
	45%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	60%{-webkit-transform:translateX(2%) rotate(2deg);}
	75%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	100%{-webkit-transform:translateX(0%);}
}
@-o-keyframes swing{
	0%{-webkit-transform:translateX(0%);}
	15%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	30%{-webkit-transform:translateX(2%) rotate(2deg);}
	45%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	60%{-webkit-transform:translateX(2%) rotate(2deg);}
	75%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	100%{-webkit-transform:translateX(0%);}
}
@-webkit-keyframes tops{
	0%{top:45%;}
	25%{top:20%;}
	50%{top:70%;}
	100%{top:45%;}
}

/* �м�Ư���� */
.hot_content{position: relative;z-index: 444;}
.hot_fix{width:100%; height:auto; position:absolute; z-index:444; overflow:hidden;top:-1.5rem;}
.hot_fix img{width:85%; height:auto; margin:0px; padding:0px;}

.img_fix{position:relative;z-index:444; width:100%;}
.an2{animation:overanim 20s .2s linear both infinite;-webkit-animation:overanim 20s .2s linear both infinite;-moz-animation:overanim 20s .2s linear both infinite;-o-animation:overanim 20s .2s linear both infinite;-ms-animation:overanim 20s .2s linear both infinite;}
@-webkit-keyframes overanim{
	from {left:100%;}to {left:-100%;}
}
@-moz-keyframes overanim{
	from {left:100%;}to {left:-100%;}
}
@-ms-keyframes overanim{
	from {left:100%;}to {left:-100%;}
}
@-o-keyframes overanim{
	from {left:100%;}to {left:-100%;}
}
.weixin{display:block;width:11%;max-width:64px;position: fixed;top: -64px;left: 13%;z-index:11;}
@media screen and (min-width:640px){
	.weixin{left:38% !important;}
}

/* ͨ�õ�����ʽ */
/*@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.7.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}*/
.fixed-menu {max-width:640px; position: fixed;top: 0;left: -1000px;z-index: 9999;background: #fff; }
.fixed-menu-nav { margin:0 20px; clear:both; }
.return { width:100%; background: #403748; }
.return span { font-size: 18px; display: block; height: 58px; line-height: 58px; text-indent: 1.5em; color: #fff; float:left; }
.return i { float:left; height: 58px; line-height: 58px; margin-left: 65%;color: #fff;	font-size: 14px; font-style: normal; }
/*.return i:before { font-family:'FontAwesome'; content:"\f060"; color: #fff;	font-size: 20px; font-style: normal; }*/
.project_content_box{max-width: 640px;overflow: hidden;padding-top: 1%;margin-bottom: 8%;}
.project_main{overflow: hidden;background:#51455c;}
.project_main .project_nav{width: 22%;float: left;height: 32em;overflow-y:scroll;-webkit-overflow-scrolling: touch;margin:0;padding:2%;background: #403748;padding-bottom: 2em;}
.project_main .project_item{width: 70%;float: right;height: 35em;overflow-y:scroll;-webkit-overflow-scrolling: touch;}
.project_nav li{color:#fff;text-align: center;font-size: 1.2em;position: relative;padding: 1em 0;}
.project_nav li:after{content:"";width: 30%;height: 1px;background: #fff;position: absolute;left: 50%;margin-left: -15%;bottom:20%;}
.project_nav li.on:before{content:""; width: 0;height: 0;border-top: 0.5em solid transparent;border-left: 0.8em solid #5f506d;border-bottom:0.8em solid transparent;position: absolute;right:-0.4em;top: 50%;margin-top: -0.6em;}
.project_nav li.on{background: #5f506d;}
.project_main .project_item .item_box dl{padding-top: 4%;border-bottom: 1px solid #74677f;overflow: hidden;padding-bottom: 4%;margin-bottom: 4%;}
.project_main .project_item .item_box dl dt{font-size: 1.4em;font-weight: 700;color:#fff;overflow: hidden;margin-bottom: 5%;padding-left: 4%;}
.project_main .project_item .item_box dl dd{float: left;padding:1% 4%;margin:0 5% 5% 0;}
.project_main .project_item .item_box dl dd a{font-size: 1.2em;color:#c3b8cd;display: block;width: 100%;height: 100%;text-align: center;}
.project_main .project_item .item_box dl:last-child{border-bottom: none;}

#item_nav{max-width:640px;margin:0 auto;overflow:hidden;}
#item_nav{max-width:640px;margin:0 auto;overflow:hidden;}
#item_nav .item_nav{background: #fff;position: relative;}
#item_nav .item_nav ul li{padding:3% 0;text-align: center;}
#item_nav .item_nav ul li a{font-size:1.3em;}
#item_nav .item_nav ul li.on{border-bottom: 0.2em solid #403748;}
#item_nav .item_nav ul li.on a{font-weight: 700;}

@-webkit-keyframes showit{
	0%{left:-1000px;}
	100%{left:0;}
}

@-webkit-keyframes hideit{
	0%{left:0;}
	100%{left:-1000px;}
}

.swiper-container{width:100%;margin:0 auto;position:relative;/*overflow:hidden;*/z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:1/*opacity:.8*/}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal>.swiper-pagination{bottom:0px;left:0;width:100%}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px;}
.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}
.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}


/**banner**/
.wcba .hd{width: 100%;text-align: center; margin-top: 2%;}
.wcba .hd li{width: .5em;height: .5em;border-radius: 50%;border:2px solid #c9a8f2;display: inline-block;margin:0 2px;}
.wcba .hd li.on{background: #c9a8f2;}

/**�۾��������� **/
.body{position: relative}
.t_hot{ max-width:640px;min-width:320px;overflow: hidden;position:absolute;top: 0;width:100%; height:0.66rem; background:rgba(0,0,0,0.5); z-index:98}
.t_hot .list{ float:left; display:table; height:0.66rem; line-height:0.24rem; color:#FFFFFF; font-size:0.2rem; text-align:center; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.2)}
.t_hot .list a{color:#FFFFFF;}
.t_hot .list:last-child{border-right:0}
.t_hot .list.a{ width:0.85rem; color:#dcc142}
.t_hot .list.b{ width:1.55rem;}
.t_hot .list.c{ width:1.2rem;}
.t_hot .list.d{ width:1.2rem;}
.t_hot .list.e{ width:1.4rem;}
.t_hot .list p{ display:table-cell; vertical-align:middle}

/**ֲ�����ý�**/
.get-bg { width:100%; height:100%; background:url(/images/normal_bg.png); position:fixed; top:0; left:0; z-index: 999; }
.get-j { width:280px; height:300px; margin:20% auto; border-radius:8px; overflow:hidden; background:#fff; position:relative; }
.get-j .g-head { width:100%; height:60px; text-align:center; padding:12px 0; background:#e76229; color:#fff; }
.get-j .g-head h1 { font-weight:500; font-size:2em; }
.get-j .g-head span { font-size:1.2em; }
.get-j .g-input { padding:10px 20px; color:#868686; }
.get-j .g-input span { width:100%; display:block; font-size:1em; text-align:center; }
.get-j .g-input ul { margin:15px 0; list-style:none; }
.get-j .g-input ul li { margin:10px 0; }
.get-j .g-input label { font-size:1em; }
.get-j .g-input input { width:75%; height:35px; border:1px #dddddd solid; text-indent:4px; }
.get-j .g-button { width:80%; height:50px; margin:0 auto; }
.get-j .g-button a { width:46%; height:32px; line-height:32px; float:left; text-align:center; font-size:1em; text-decoration:none; color:#fff; border-radius:5px; margin:2%; }
#submit { background:#e76229 }
#chat { background:#6c92e4 }
a.telphonenew{display: block;margin-top: 8%}
div.fqdc {
	width: 80%;
	overflow: hidden;
	margin: 6% auto;
}

div.fqdc a {
	width: 44%;
	display: inline-block;
}

div.fqdc a:nth-child(2) {
	float: right;
}

.youhui-inner{width:100%;display: block; position:relative;overflow: hidden }
.youhui-inner .wrap_t{overflow: hidden}
.youhui-inner .wrap_t .pp1{width: 70%;float:left;text-align: left}
.youhui-inner .wrap_t #tel{width: 23%;background: url("../images/swt/swt_phone.png") no-repeat center left;background-size: 1.2em;text-align: right;right: 0;bottom: 0;position: relative;float: right}
.youhui-inner .wrap_t .tel #tel{width: 18%;right: 0;bottom: 0;position: relative}
.chat { padding: 15px 20px 0; clear:both;overflow: hidden; opacity:0; }
.chat .toux{ width:12.8%; float: left; }
.chat .text { width:80%; float: left; }
.chat .pp2 { position:relative; color:#333; line-height:1.5; font-size: 1.1em; padding: 2% 4%; background: #f8f0fe; border-radius: 5px;width: 85%; border:1px solid #d9c0ec; margin:1% 0 0 5%}
.chat .pp2 .sj{ width:2.8%; display:block; position:absolute; left:-2.8%; z-index: 99; top: 20%; }
.chat .time1{ font-size: 1em; color:#999; margin-left: 5%}
.youhui-inner .yh-cont{padding: 15px 20px;}
.youhui-inner #content{height: 5em;line-height: 1.5;bottom:3.8%; font-size: 1em; width: 72%; border: 0; border: 1px solid #ccc; border-radius: 5px; padding: 0.5% 1% 0.5% 2%; color: #c6c6c6; float: left;}
.youhui-inner #yhChat{ border:0; width:21%; height:4.6em; line-height:4.6em; font-size:1.2em; color:#fff; background:#f39424; text-align:center; padding:0; border-radius:5px; float: right;}
.youhui-inner #tel{font-size: 1.2em}


/* 1500���� */
.s-ripple{
	cursor: pointer;
	position: fixed;
	width: 17%;
	max-width:331px;
	z-index: 1000;
	top: 30%;
	right: 2%;
}
.s-ripple .min-tel{
	-webkit-animation: tada 1.5s linear normal both infinite;
	-o-animation: tada 1.5s linear normal both infinite;
	animation: tada 1.5s linear normal both infinite;
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
@-moz-keyframes tada{
	0%{-moz-transform:scale(1);}
	10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
	30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);}
	40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}
	100%{-moz-transform:scale(1) rotate(0);}
}
@-webkit-keyframes tada{
	0%{-webkit-transform:scale(1);}
	10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
	30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}
	40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}
	100%{-webkit-transform:scale(1) rotate(0);}
}

.lingjuan-logo {width: 17%; right: 1%; bottom: 35%; position: fixed; z-index: 10;
}
.lingjuan-logo a{ display: block;}
.lingqq-gb { position: absolute; width: 36%; top: -22%; right:0;}
.showquan {background-color: rgba(0, 0, 0, 0.5); bottom: 0; height: 100%; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; width: 100%; z-index: 102;display: none;
}
.showtxt { width:70%; position: absolute; top: 50%; left:50%;margin-left: -35%; margin-top: -50%; height:auto;-webkit-animation-name: spaceInLeft;animation-name: spaceInLeft;}
.showinput{ width:100%; height:auto;  box-sizing: border-box;background: #e52600;border-radius: 20px;overflow: hidden}
.showinput h2{ color:#fff; font-size: 27px;line-height:35px; text-align: center; font-weight: bold; padding:10% 0 0;border-radius: 20px 20px 0 0;}
.showinput h2 img{ width:38%; vertical-align: middle; margin: -5% 1% 0 0;}
.showinput h2 span{ font-size: 60px; margin-right: 1%;font-weight: normal;color: #f3d660}
.showinput h3{font-weight: normal;color: #f3d660;text-align: center;font-size: 28px}
.showinput h3 img{display: inline-block;width: 20%;height: 1px;vertical-align: middle}
.showinput p{font-size: 14px;color: #fff;text-align: center}
.showinput form{ }
.showinput input{ display: block;border-color: transparent;color: #999;font-size: 22px;margin: 4% auto 0;width: 84%;height: 52px;line-height: 52px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color: #fff;border: 0;font-size: 18px;text-indent: 10px}
.lingh-gb{ position: absolute; top: -3%; right:0;width:16%;}
.showquan .submitinput{margin-top: 3%}
.showquan .magictime {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes spaceInLeft {
	0% {
		opacity: 0;
		-webkit-transform-origin: 0% 50%;
		-webkit-transform: scale(.2) translate(-200%, 0%);
	}

	100% {
		opacity: 1;
		-webkit-transform-origin: 0% 50%;
		-webkit-transform: scale(1) translate(0%, 0%);
	}
}
@keyframes spaceInLeft {
	0% {
		opacity: 0;
		transform-origin: 0% 50%;
		transform: scale(.2) translate(-200%, 0%);
	}

	100% {
		opacity: 1;
		transform-origin: 0% 50%;
		transform: scale(1) translate(0%, 0%);
	}
}

@media screen and (max-width: 2000px) and (min-width: 640px){
	.lingjuan-logo{ width:5%;}
	.showtxt{ width:24%; top:50%; margin-top: -12%; left:50%; margin-left: -14%;}
}
@media screen and (max-width: 1450px) and (min-width: 640px){
	.showtxt{ width:30%; top:50%; margin-top: -20%;}
}
@media screen and (max-width: 1130px) and (min-width: 640px){
	.showtxt{ width:34%;}
}
@media screen and (max-width: 1000px) and (min-width: 640px){
	.showtxt{ width:38%; }
}
@media screen and (max-width: 900px) and (min-width: 640px){
	.showtxt{ width:42%; }
}
@media screen and (max-width: 414px) {
	.showinput h2 span{ font-size: 20px;}
	.showinput input{height: 40px;line-height: 40px; font-size: 16px;}
}
@media screen and (max-width: 375px) {
	.showinput h2 span{ font-size: 20px;}
	.showinput h3{font-size: 24px}
	.showinput input{height: 40px;line-height: 40px;font-size: 16px; }
}
@media screen and (max-width: 320px) {
	.showinput h2 span{ font-size: 28px;}
	.showinput h3{font-size: 22px}
	.showinput input{height: 35px;line-height: 35px;font-size: 14px; }
	.showinput p{font-size: 12px; }
}

.heatmap-wrapper {
	position:absolute;
	opacity:0;
	left:0;
	top:0;
	-webkit-transition:.3s ease all;
	-moz-transition:.3s ease all;
	transition:.3s ease all;
	opacity:0.5;
	border-bottom:1px solid rgba(255,0,0,.6);
	z-index:99999;
}
.heatmap {
	width:100%;
	height:100%;
	background:#000;
}

/*�绰�ز�*/
#call_form{ background:#f3f3f3; padding:3%; overflow: hidden; clear: both; margin:2% 0;}
.call_form_l{width:68%; border: 1px solid #c8c8c8; padding:1px; border-radius:5px; float: left; height:3.2em; line-height:3.2em; background:#fff;}
.call_form_r{display:block; width:27%; float:right; background:#a063d8; text-align:center; color:#fff; font-size: 1.2em; border-radius:5px; height:2.6em; line-height:2.6em; border:3px solid #a063d8;}
.call_form_r:hover{color:#fff;}
#call_tel{float: left;width:60%; padding-left: 2%; outline: none; font-size: 1.2em; border:none; color:#888; line-height:2.6em;}
#livecall{float: right; width:30%; background:#e654a3; border-radius:5px; text-align: center; font-size: 1.2em; color:#fff; -webkit-appearance:none; border:none; height:100%;}
/*Ƕ������ԤԼ*/
.yuyue{width: 90%;margin: 0 auto;font-size: 1em;color: #666}
.yuyue h3{font-weight: normal;font-size: 36px;color: #a063d8;line-height: 1.3;padding: 5% 0 4%}
.yuyue h3 span{display: block;font-size: 24px;color: #666}
.yuyue .yuyue_content{background: #F2F1F4;border: 1px solid #DFDDE6;border-radius: 15px;padding: 3% 0 5%}
.yuyue .yuyue_content p{font-size: 21px;color: #666;text-align: center;padding-bottom: 3%}
.yuyue .yuyue_content p img{display: inline-block;width: 4%;vertical-align: middle}
.yuyue .yuyue_content input{display: block;width: 84%;height: 60px;line-height: 60px;border: 0;background: #fff;border: 1px solid #E5E5E5;margin:0 auto 3%;font-size: 21px;color: #999;text-indent: 10px}
.yuyue .yuyue_content .yuyue_over{width: 68%;margin: 5% auto 0;overflow: hidden}
.yuyue .yuyue_content .yuyue_over a{display: block;width: 48%;padding: 3% 0;text-align: center;font-size: 24px;background: #A063D6;color: #fff;border-radius: 5px}
.yuyue .yuyue_content .yuyue_over a.fl{float: left}
.yuyue .yuyue_content .yuyue_over a.fr{float: right;background: #75679A}
.yuyue .yuyue_content span{display: block;text-align: center;font-size: 18px;color: #999;margin: 3% auto}
.yuyue .yuyue_content #telephone{display: block;width: 50%;margin: 0 auto}
@media screen and (max-width: 414px) {
	.yuyue h3{ font-size: 26px;}
	.yuyue h3 span,.yuyue .yuyue_content .yuyue_over a{font-size: 18px;}
	.yuyue .yuyue_content p{font-size: 16px}
	.yuyue .yuyue_content input{height: 46px;line-height: 46px;font-size: 16px;}
	.yuyue .yuyue_content span{font-size: 14px;}
}
@media screen and (max-width: 375px) {
	.yuyue h3{ font-size: 26px;}
	.yuyue h3 span{font-size: 18px;}
	.yuyue .yuyue_content p{font-size: 14px}
	.yuyue .yuyue_content input{height: 40px;line-height: 40px;font-size: 14px}
}
@media screen and (max-width: 320px) {
	.yuyue h3{ font-size: 20px;}
	.yuyue h3 span,.yuyue .yuyue_content .yuyue_over a{font-size: 16px;}
	.yuyue .yuyue_content p,.yuyue .yuyue_content input{font-size: 12px}
	.yuyue .yuyue_content input{height: 35px;line-height: 35px;}
	.yuyue .yuyue_content span{font-size: 12px;}
}