@charset "utf-8";
/* by Sean Lu 20170525 */
/*reset*/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #f4f4f4; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
input { -webkit-appearance: none; }
a{ text-decoration: none; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.wrapper { max-width: 720px; margin: 0 auto; position: relative; }
.wrapper img { max-width: 100%; }

.banner { max-width: 720px; margin: 0 auto; position: relative; }
.banner .bd { }
.banner .bd li { position: relative; }
.banner .bd li img { width: 100%; display: block; }
.banner .bd li .txt { position: absolute; top: 50%; margin-top: -60px; left: 20px; }
.banner .bd li .txt .en { font-size: 12px; color: #696969; text-transform: uppercase; margin-bottom: 5px; }
.banner .bd li .txt .cn { font-size: 22px; color: #0066cd; font-weight: bold; }
.banner .bd li .txt .btn { margin-top: 20px; }
.banner .bd li .txt .btn a { display: block; line-height: 30px; height: 30px; font-size: 12px; padding: 0 20px; color: #fff; background: #0066cd; border: 0 solid #0066cd; float: left; border-radius: 4px; }
.banner .bd li .txt02 .en, .banner .bd li .txt02 .cn, .banner .bd li .txt02 .btn a { color: #fff; }
.banner .bd li .txt02 .btn a { border-color: #fff; }
.banner .hd { position: absolute; bottom: .5rem; right: 0; width: 100%; }
.banner .hd ul { width: 100%; text-align: center; }
.banner .hd ul li { width: 8px; height: 8px; border-radius: 50%; background: #fff; margin: 0 4px; display: inline-block; text-indent: -9999px; cursor: pointer; opacity: .6; filter: alpha(opacity=60); box-shadow: 0 0 1px #ccc; }
.banner .hd ul li.on { background: #fff; opacity: 1; filter: alpha(opacity=100); box-shadow: 0 0 2px #ccc; }
.banner .bcover { height: 40px; background: url(../img/bannercover.png) no-repeat center bottom; background-size: 100% 100%; width: 100%; position: absolute; left: 0; right: 0; bottom: -1px; }

.header { position: fixed; top: 0; left: 0; right: 0; height: 50px; z-index: 2; background: rgba(255,255,255,1); -webkit-transition: all .2s; transition: all .2s; }
.header02 { top: 51px; }
.header .logo { display: block; float: left; height: 36px; margin-top: 7px; margin-left: 10px; }
.header .logo img { display: block; height: 100%; }
.header .tel { float: right; font-size: 14px; color: #333; line-height: 50px; display: block; padding-left: 20px; background: url(../img/telicon.png) no-repeat left center; background-size: 16px; margin-right: 10px; }
.header .nav { float: right; height: 50px; width: 50px; display: block; background: url(../img/navicon.png) no-repeat center; background-size: 100%; -webkit-transition: all .2s; transition: all .2s; }
.header.morenavon .nav { background-image: url(../img/navicon02.png); }

.homebox01 { overflow: hidden; background: #fff; padding: 20px 10px; }
.homebox01 .item { width: 25%; float: left; text-align: center; font-size: 12px; }
.homebox01 .item a { display: block; color: #333; }
.homebox01 .item .img { display: block; width: 60%; margin: 0 auto 2px; }
.homebox01 .item .img img { display: block; width: 100%; }
.homebox01 .item .name { line-height: 30px; }

.fixedfoot { position: fixed; left: 0; right: 0; bottom: 0; height: 60px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.fixedfoot a { display: block; width: 20%; float: left; color: #999; font-size: 11px; text-align: center; padding-top: 35px; background: url(../img/ffooticon01.png) no-repeat center 10px; background-size: 20px 20px; }
.fixedfoot a.on { color: #317ea5; }
.fixedfoot .icon01 { background-image: url(../img/ffooticon01.png); }
.fixedfoot a.icon01.on { background-image: url(../img/ffooticon01s.png); }
.fixedfoot .icon02 { background-image: url(../img/ffooticon02.png); }
.fixedfoot a.icon02.on { background-image: url(../img/ffooticon02s.png); }
.fixedfoot .icon03 { background-image: url(../img/ffooticon05.png); }
.fixedfoot a.icon03.on { background-image: url(../img/ffooticon03s.png); }
.fixedfoot .icon04 { background-image: url(../img/ffooticon03.png); }
.fixedfoot a.icon04.on { background-image: url(../img/ffooticon04s.png); }
.fixedfoot .icon05 { background-image: url(../img/ffooticon04.png); }
.fixedfoot a.icon05.on { background-image: url(../img/ffooticon05s.png); }

.homebox02 { background: url(../img/kV86y6.jpg) no-repeat center; background-size: cover; padding: 20px 0; color: #666; }
.homebox02 .hb02tit { text-align: center; margin: 10px 0; }
.homebox02 .hb02tit .cn { font-size: 16px; font-weight: bold; color: #317ea5; }
.homebox02 .hb02tit .en { font-size: 12px; text-transform: uppercase; }

.hb02list { overflow: hidden; padding: 10px 5px 0; }
.hb02list .item { width: 31.333333%; float: left; box-sizing: border-box; padding: 20px 6px 10px; background: #fff; margin: 0 1% 10px; }
.hb02list .item a { color: #666; text-align: center; display: block; }
.hb02list .item .img { width: 30%; margin: 0 auto 10px; }
.hb02list .item .img img { display: block; width: 100%; }
.hb02list .item .tit { font-size: 14px; font-weight: bold; margin-bottom: 4px; }
.hb02list .item .txt { font-size: 10px; line-height: 14px; }
.hb02list .item .btn { }
.hb02list .item .btn a { display: block; width: 80%; margin: 10px auto 0; line-height: 26px; background: #0066cd; color: #fff; font-size: 12px; text-align: center; border-radius: 4px; }

.fixedtel { height: 100px; position: fixed; left: 0; right: 0; bottom: 0; }
.fixedtel a.teltel { height: 50px; line-height: 50px; background: #0066cd; color: #fff; font-size: 16px; text-align: center; display: block; }

.homebox03 { background: #EEF6F9; padding: 20px 20px 0; }
.homebox03 .hb03tit { text-align: center; margin: 10px 0 20px; text-align: center; }
.homebox03 .hb03tit .cn { font-size: 16px; font-weight: bold; color: #317ea5; }
.homebox03 .hb03tit .en { font-size: 12px; text-transform: uppercase; color: #666; }
.homebox03 .con { font-size: 13px; line-height: 24px; color: #333; }
.homebox03 .con p { margin-bottom: 20px; }
.homebox03 .item { width: 33%; float: left; text-align: center; font-size: 12px; }
.homebox03 .item a { display: block; color: #333; }
.homebox03 .item .img { display: block; width: 60%; margin: 0 auto 2px; }
.homebox03 .item .img img { display: block; width: 100%; }
.homebox03 .item .name { margin:10px 0;}

.ffootblock { height: 60px; }
.footer { background: #f1f1f1; color: #999; font-size: 12px; text-align: center; padding: 20px 0 20px; border-top: 1px solid #dedede; }

.shuainav { position: fixed; top: 50px; left: 0; right: 0; height: 0; background: rgba(255,255,255,.9); z-index: 2; overflow: hidden; padding: 0 10px; -webkit-transition: all .6s ease; transition: all .6s ease; box-shadow: 0 10px 10px rgba(0,0,0,.1);}
.shuainav.navon { height: 300px; }
.shuainav dl { float: left; width: 33.333333%; padding: 0 10px; box-sizing: border-box; }
.shuainav dl dt { line-height: 30px; border-bottom: 2px solid #317EA5; margin-bottom: 10px; margin-top: 10px; }
.shuainav dl dt a { color: #317EA5; font-weight: bold; font-size: 14px; }
.shuainav dl dd { line-height: 22px; }
.shuainav dl dd a { font-size: 12px; color: #666; }

.snsshuai { padding: 10px 0; background: #f9f9f9; border-top: 1px solid #dedede; overflow: hidden; }
.snsshuai a { float: left; width: 25%; display: block; font-size: 12px; color: #999; line-height: 30px; padding-left: 40px; box-sizing: border-box; background: url(../img/wxwx01.png) no-repeat 10px center; background-size: 24px; }
.snsshuai a:nth-child(1) { background-image: url(../img/wxwx03.png); }
.snsshuai a:nth-child(2) { background-image: url(../img/wxwx03.png); }
.snsshuai a:nth-child(3) { background-image: url(../img/wxwx01.png); }
.snsshuai a:nth-child(4) { background-image: url(../img/wxwx02.png); }

.popup_layer { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,.8); opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; z-index: 99; }
.popup_layer.show { opacity: 1; visibility: visible; }
.popup_layer .popuo_box { position: absolute; top: 50%; left: 10%; width: 80%; height: 220px; margin-top: -210px; border-radius: 10px; background: #fff; overflow: hidden; -webkit-transform: scale(.8); transform: scale(.8); -webkit-transition: all .2s; transition: all .2s; }
.popup_layer .popuo_box .con { text-align: center; padding: 20px; color: #666; }
.popup_layer .pop_close { height: 50px; line-height: 50px; background: #dedede; text-align: center; font-size: 14px; color: #666; position: absolute; left: 0; right: 0; bottom: 0; }

.inbanner { background: url(../img/banner03.jpg) no-repeat center; background-size: cover; height: 60px; padding: 80px 0 10px; text-align: center; color: #fff; font-size: 12px; }
.inbanner .cn { font-size: 20px; font-weight: bold; }
.inbanner .en { text-transform: uppercase; }

.maincon { margin: 20px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.maincon .tit { line-height: 50px; text-align: center; background: #f9f9f9; font-size: 16px; color: #0066cd; font-weight: bold; }
.maincon .con { padding: 20px; font-size: 14px; color: #666; line-height: 24px; }
.maincon .con p { margin-bottom: 20px; }

.pricetable { width: 100%; margin:20px 0; }
.pricetable th { width: 25%; line-height: 20px; padding: 6px 10px; border-bottom: 1px solid #dedede; background: #f1f1f1; border-top: 2px solid #008bda; text-align: left; }
.pricetable td { line-height: 20px; padding: 9px 10px; border-bottom: 1px solid #dedede; font-size: 12px; }
.pricetable td .price { font-family: Georgia; font-size: 20px; padding: 0 0; color: #a70000; font-size: 12px; }

.shuaiwrap { overflow-x: auto; }

.cflist { }
.cflist li { float: left; width: 40%; margin: 0 5% 20px; }
.cflist li a { display: block; color: #666; text-align: center; font-size: 12px; }
.cflist li a img { display: block; width: 100%; }
.cflist li a span { display: block; line-height: 30px; }

.maincon .tab { text-align: center; background: #f9f9f9; font-size: 14px; color: #666; font-weight: bold; }
.maincon .tab a { float: left; line-height: 20px; width: 50%; border-bottom: 2px solid #f9f9f9; display: block; color: #999; font-family: microsoft yahei; height: 40px; overflow: hidden; padding: 9px 0 5px; }
.maincon .tab a.on { border-bottom-color: #0066cd; color: #0066cd; }
.maincon .tab a em { font-size: 10px; font-style: normal; display: block; font-weight: normal; }