@charset "utf-8";
/* 1px=0.01rem */
.delay{ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.delay1{ -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.f_input{ padding:0.2rem 0;}
.f_input label{ width:1.5rem; display:inline-block; text-align:right; font-size:0.3rem; vertical-align:top; line-height:0.7rem;}
.f_input input{ width:4.5rem; height:0.7rem; line-height:0.7rem; text-indent:0.25rem; margin-left:0.2rem; border:1px solid #c8c8c8; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.f_input span{ width:2.1rem; height:0.7rem; line-height:0.7rem; border:1px solid #c8c8c8; padding:1px; text-align:center; font-size:0.3rem; color:#535353; display:inline-block; margin-left:0.2rem; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.f_input span.cur{ border:2px solid #1682dd
; padding:0;}
.f_input a.button{ width:2.1rem; height:0.7rem; line-height:0.7rem; border:1px solid #1682dd
; background:#1682dd
; padding:1px; text-align:center; font-size:0.3rem; color:#fff; display:inline-block; margin-left:0.2rem;}
.f_input .submit{ width:4.5rem; height:0.78rem; line-height:0.78rem; color:#fff; text-align:center; background:#1682dd
; font-size:0.32rem; border:0; border-radius:7px;}

.global_abs_container{ width:100%; max-width:750px; margin:0 auto; height:100%;}

.global_banner_fir{ position:relative;}
.global_banner_fir img{ display:block;}
.global_banner_fir .txt{ font-size:0.38rem; color:#fff; width:100%; position:absolute; left:0; top:1rem; text-align:center;}

.global_banner_sec{ position:relative;}
.global_banner_sec img{ display:block;}
.global_banner_sec .title{ font-size:0.38rem; color:#fff; width:100%; position:absolute; left:0; top:0.8rem; text-align:center;}
.global_banner_sec .txt{ font-size:0.26rem; color:#fff; width:100%; position:absolute; left:0; top:1.3rem; text-align:center;}

.global_banner_thd img{ display:block;}

.global_category{ height:0.6rem; position:relative;}
.global_category .global_category_abs{ width:100%; position:absolute; height:0.6rem; left:0; top:-0.6rem; overflow:hidden; text-align:center;}
.global_category .three a{ width:2.3rem;}
.global_category a{ width:2.48rem; margin:0 0.03rem; text-align:center; display:inline-block; background:#1682dd
; height:0.6rem; line-height:0.6rem; font-size:0.32rem; color:#fff; -moz-border-top-left-radius:5px; -ms-border-top-left-radius:5px; -o-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-top-right-radius:5px; -ms-border-top-right-radius:5px; -o-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px;}
.global_category a.cur{ color:#1682dd
; background:#fff;}

#global_apply{ width:100%; background:#fff; position:fixed; left:0; bottom:-300%; z-index:10001;}
#global_apply .apply_btn{ width:0.35rem; height:0.35rem; position:absolute; right:0.2rem; top:0.3rem;}
#global_apply .apply_title{ height:0.95rem; line-height:0.95rem; border-bottom:1px solid #e5e5e5; font-size:0.36rem; color:#1682dd
;}
#global_apply .apply_tips{ font-size:0.3rem; color:#5f5f5f; text-indent:0.2rem; margin-bottom:0.05rem;}
#global_apply .apply_blank{ height:0.5rem;}
#global_apply form{ padding:0.3rem 0;}
#global_apply .apply_input{ padding:0.1rem 0;}
#global_apply .apply_input label{ font-size:0.28rem; margin-left:0.2rem; vertical-align:top; line-height:0.56rem;}
#global_apply .apply_input input{ width:5.43rem; height:0.54rem; line-height:0.54rem; text-indent:0.25rem; margin-left:0.2rem; border:1px solid #c8c8c8; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#global_apply .apply_input span{ width:1.43rem; height:0.54rem; line-height:0.54rem; border:1px solid #c8c8c8; padding:1px; text-align:center; font-size:0.28rem; color:#535353; display:inline-block; margin-left:0.2rem; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#global_apply .apply_input span.cur{ border:2px solid #1682dd
; padding:0;}
#global_apply .apply_input textarea{ width:5.23rem; height:1.7rem; padding:0.1rem; margin-left:0.2rem; resize:none; border:1px solid #c8c8c8;-moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#global_apply .apply_submit input{ width:100%; height:0.78rem; line-height:0.78rem; color:#fff; text-align:center; background:#1682dd
; font-size:0.32rem; border:0; border-radius:7px;}

#global_phone_check{ width:5.6rem; height:5.42rem; position:fixed; left:50%; top:50%; margin-left:-2.8rem; margin-top:-2.71rem; background:#fff; text-align:center; z-index:10001; -moz-border-radius:0.1rem; -ms-border-radius:0.1rem; -o-border-radius:0.1rem; -webkit-border-radius:0.1rem; border-radius:0.1rem; display:none;}
#global_phone_check .phone_btn{ width:0.35rem; height:0.35rem; position:absolute; right:0.2rem; top:0.2rem;}
#global_phone_check .phone_title{ font-size:0.36rem; color:#1682dd
; padding-top:0.65rem;}
#global_phone_check .phone_tips{ font-size:0.32rem; margin-top:0.4rem;}
#global_phone_check .phone_url{ font-size:0.3rem; color:#9c9b9b; margin-top:0.1rem; margin-bottom:0.6rem;}
#global_phone_check .phone_apply{ width:4.84rem; height:0.8rem; line-height:0.8rem; background:#1682dd
; color:#fff; font-size:0.32rem; display:block; margin:0 auto; margin-bottom:0.2rem; -moz-border-radius:0.1rem; -ms-border-radius:0.1rem; -o-border-radius:0.1rem; -webkit-border-radius:0.1rem; border-radius:0.1rem;}
#global_phone_check .phone_phone{ width:4.8rem; height:0.76rem; line-height:0.76rem; background:#fff; color:#1682dd
; font-size:0.32rem; display:block; margin:0 auto; border:0.02rem solid #1682dd
; -moz-border-radius:0.1rem; -ms-border-radius:0.1rem; -o-border-radius:0.1rem; -webkit-border-radius:0.1rem; border-radius:0.1rem;}

#global_login{ width:6.3rem; height:4.2rem; position:fixed; left:50%; top:50%; margin-left:-3.15rem; margin-top:-2.1rem; background:#fff; text-align:center; z-index:10001; -moz-border-radius:0.1rem; -ms-border-radius:0.1rem; -o-border-radius:0.1rem; -webkit-border-radius:0.1rem; border-radius:0.1rem; display:none;}
#global_login .login_btn{ width:0.35rem; height:0.35rem; position:absolute; right:0.2rem; top:0.2rem;}
#global_login .login_title{ font-size:0.36rem; color:#1682dd
; padding-top:0.65rem; margin-bottom:0.4rem;}
#global_login .login_input{ width:4.84rem; height:0.8rem; line-height:0.8rem; border:1px solid #dadada; text-align:center; font-size:0.32rem; -moz-border-radius:0.1rem; -ms-border-radius:0.1rem; -o-border-radius:0.1rem; -webkit-border-radius:0.1rem; border-radius:0.1rem;}
#global_login .login_submit{ width:4.84rem; height:0.8rem; line-height:0.8rem; background:#1682dd
; border:0; color:#fff; font-size:0.32rem; display:block; margin:0 auto; margin-top:0.2rem; margin-bottom:0.2rem; -moz-border-radius:0.1rem; -ms-border-radius:0.1rem; -o-border-radius:0.1rem; -webkit-border-radius:0.1rem; border-radius:0.1rem;}

/*header*/
#header_blank{ height:0.95rem; position:relative; z-index:10001;}
#header{ width:100%; height:0.95rem; position:fixed; left:0; top:0; background:#fff;}
#header .logo{ width:3rem; height:0.95rem;}
#header .menu{ width:0.5rem; height:0.4rem; margin-top:0.25rem; background:url(/templets/pc/default/mweb_m/images_m/menu.png) no-repeat; background-size:contain;}
#header .menu_cur{ background:url(/templets/pc/default/mweb_m/images_m/menu_cur.png) no-repeat; background-size:contain;}
#header .menu_list{ width:100%; position:absolute; left:0; top:100%; background:#fff; display:none;}
#header .menu_list ul{ border-top:1px solid #eaeaea; padding:0.2rem 0;}
#header .menu_list li{ height:0.7rem; line-height:0.7rem; overflow:hidden;}
#header .menu_list li a{ padding:0 0.4rem; font-size:0.3rem; color:#7f7f7f; display:block;}
#header .menu_list li a:active{ background:#1682dd
; color:#fff;}

/*footer*/
#footer{ padding:0.2rem 0; background:#f7f7f7;}
#footer .rows{ text-align:center; font-size:0.28rem; color:#6d6d6d; padding:0.03rem 0;}
#footer .rows a{ font-size:0.28rem; color:#6d6d6d;}
#footer_blank{ height:1rem;}
#global_bottom_box{ width:100%; height:1rem; line-height:1rem; position:fixed; bottom:0; left:0; background:#1682dd; text-align:center; z-index:100;}
#global_bottom_box a{ width:33%; height:100%; display:block; float:left; color:#fff; font-size:0.36rem; text-indent:0.3rem;}
#global_bottom_box a:nth-child(1){ background:url(/templets/pc/default/mweb_m/images_m/global_bottom_tel.png) 0.45rem center no-repeat; background-size:auto 0.45rem;}
#global_bottom_box a:nth-child(2){ background:url(/templets/pc/default/mweb_m/images_m/global_bottom_service.png) 0.1rem center no-repeat; background-size:auto 0.45rem;}
#global_bottom_box a:nth-child(3){ background:url(/templets/pc/default/mweb_m/images_m/global_bottom_qiao.png) 0.1rem center no-repeat; background-size:auto 0.45rem;}

/*index*/
#banner{ position:relative; height:4.25rem; }
#banner img{ display:block;}
#banner .txt{ display: none;opacity: 0;width:100%; position:absolute; left:0.8rem; top:0.9rem; font-size:0.42rem; line-height:0.65rem;}
#banner .btn{  display: none;opacity: 0;width:2.5rem; height:0.6rem; line-height:0.6rem; position:absolute; left:0.8rem; top:3.2rem; display:block; background:#1682dd
; text-align:center; color:#fff; font-size:0.3rem; -moz-border-radius:0.36rem; -ms-border-radius:0.36rem; -o-border-radius:0.36rem; -webkit-border-radius:0.36rem; border-radius:0.36rem;}

#int{padding-bottom: 0.6rem;}
#int .title{ font-size:0.35rem; color:#444; text-align:center; line-height:0.5rem; padding-top:0.45rem;padding-bottom:0.45rem;}
#int .title span{ width:1.25rem; display:inline-block; color:#1682dd
;}
#int .ind_pro{margin:0 0.2rem;padding-bottom: 0.2rem;}
#int .ind_pro .list{padding:0.4rem 0.3rem;margin-bottom: 0.3rem;border-radius: 0.05rem;box-shadow: 0rem 0.05rem 0.1rem 0 rgba(0,0,0,0.05);}
#int .ind_pro .list .pic{float:left;width: 1.3rem;height: 1.3rem;background: #f4f4f4;border-radius: 0.25rem;-webkit-border-radius: 0.25rem;text-align: center;}
#int .ind_pro .list .desc{float: right;width: 4.6rem;}
#int .ind_pro .list .name{color: #333;font-size: 0.32rem;height: 0.41rem;}
#int .ind_pro .list .brief{font-size: 0.27rem;color: #aaa;margin-top: 0.1rem;line-height: 0.4rem;}
#int .want_try{display: block;margin:0 auto;width: 3.4rem;height: 0.7rem;line-height: 0.7rem;text-align: center;background: #1682dd
;border-radius: 0.35rem;font-size: 0.33rem;color: #fff;}
#int .want_try img{max-height: 45%;}


#inm{position: relative;width: 7.5rem;height: 6.04rem;background: #f5f8fb url(/templets/pc/default/mweb_m/images_m/170908/unique.png) no-repeat center 2.47rem / 2.4rem;}
#inm .title{padding-top: 0.4rem;height: 0.6rem;line-height: 0.6rem;text-align: center;font-size: 0.4rem;}
#inm .sectitle{text-align: center;font-size: 0.28rem;margin-top: 0.05rem;}
#inm .font{display: none;opacity: 0;}
#inm .font1{position: absolute;top: 2.08rem;left: 0.6rem;font-size: 0.45rem;}
#inm .font2{position: absolute;top: 3.2rem;left: 0.35rem;font-size: 0.31rem;color: #aaa;}
#inm .font3{position: absolute;top: 4.05rem;left: 0.6rem;font-size: 0.37rem;}
#inm .font4{position: absolute;top: 2rem;right: 1.2rem;font-size: 0.27rem;color: #aaa;}
#inm .font5{position: absolute;top: 3rem;right: 0.3rem;font-size: 0.31rem;}
#inm .font6{position: absolute;top: 3.75rem;right: 0.1rem;font-size: 0.47rem;}
#inm .font7{position: absolute;bottom: 0.4rem;width: 100%;text-align: center;font-size: 0.27rem;}

#case{}
#case .title{ height: 1.5rem;line-height: 1.5rem;text-align: center;font-size: 0.4rem;}
#case .item{ width:3.3rem; height:1.99rem; border:1px solid #e9e9e9; float:left; margin-left:0.35rem; margin-bottom:0.6rem; position:relative;}
#case .item_nor{ margin-left:0.2rem;}
#case .item .img{ width:100%; height:100%;}
#case .item .phone{ width:0.75rem; height:1.51rem; position:absolute; right:-0.1rem; bottom:-0.2rem; background:url(/templets/pc/default/mweb_m/images_m/phone_bg.png) no-repeat; background-size:contain;}
#case .item .phone .pic{ width:0.65rem; height:1.23rem; float:left; margin-left:0.05rem; margin-top:0.11rem;}
#case .more{text-align: center;font-size: 0.31rem;margin-bottom: 0.6rem;color: #999;}
#case .more span{color: #1682dd
;}

#ind_feedabck{position: relative;width: 7.5rem;height: 13.6rem;margin: 0 auto;background: url(/templets/pc/default/mweb_m/images_m/170908/ind_form_bg.png) no-repeat center center / 7.5rem 13.6rem;}
#ind_feedabck .name{position: absolute;left: 0;right: 0;bottom: 4.2rem;margin:auto;width: 5.7rem;height: 0.76rem;line-height: 0.76rem;border:1px solid #a9dcd5;border-radius: 0.05rem;text-indent: 0.85rem;background: url(/templets/pc/default/mweb_m/images_m/170908/name.png) no-repeat 0.23rem center / 0.37rem 0.37rem;}
#ind_feedabck .phone{position: absolute;left: 0;right: 0;bottom: 3.15rem;margin:auto;width: 5.7rem;height: 0.76rem;line-height: 0.76rem;border:1px solid #a9dcd5;border-radius: 0.05rem;text-indent: 0.85rem;background: url(/templets/pc/default/mweb_m/images_m/170908/phone.png) no-repeat 0.23rem center / 0.37rem 0.37rem;}
#ind_feedabck .industry{position: absolute;left: 0;right: 0;bottom: 2.1rem;margin:auto;width: 5.7rem;height: 0.76rem;line-height: 0.76rem;border:1px solid #a9dcd5;border-radius: 0.05rem;text-indent: 0.85rem;background: url(/templets/pc/default/mweb_m/images_m/170908/industry.png) no-repeat 0.23rem center / 0.37rem 0.37rem;}
#ind_feedabck .submit{position: absolute;left: 0;right: 0;margin:auto;bottom: 0.97rem;padding-bottom: 0.14rem;width: 3.6rem;height: 0.78rem;line-height: 0.78rem;text-align: center;background: url(/templets/pc/default/mweb_m/images_m/170908/button.png) no-repeat center top / 3.59rem 0.92rem;border:none;color: #fff;font-size: 0.34rem;font-weight: bold;outline: none;}

#inb{padding-bottom: 0.6rem;}
#inb .title{ font-size:0.4rem; color:#333333; text-align:center; padding-bottom:0.4rem;padding-top: 0.9rem;}
#inb .item{ padding:0.3rem 0;}
#inb .item .img{ width:2.43rem;  position:relative;}/*height:1.65rem;*/
#inb .item .img i{ width:0.6rem; height:0.6rem; display:block; position:absolute; left:50%; top:50%; margin-left:-0.3rem; margin-top:-0.3rem; background:url(/templets/pc/default/mweb_m/images_m/play.png) no-repeat; background-size:contain;}
#inb .item .con{ width:60%;} /*4.35rem*/
#inb .item .con h3{ height:0.4rem; line-height:0.4rem; overflow:hidden;}
#inb .item .con h3 a{ font-size:0.34rem;}
#inb .item .con .intro{ font-size:0.3rem; color:#aaa; line-height:0.45rem; overflow:hidden; margin-top:0.15rem;}/*height:0.9rem; */

.q_a{padding-top: 0.3rem;background: #282828;padding-bottom: 0.325rem;border-bottom: 1px solid #444444;}
.q_a .sec1title{padding: 0.2rem 0;margin: 0;font-size: .35rem;color: #fff;text-align: center;}
.q_a .line{width: 1rem;height: 2px;border:none;background:#1682dd
;margin-top: .2rem;margin-bottom: .3rem;}
.q_a ul{margin: 0 0.1rem;}
.q_a li{margin:0 auto;height: 0.75rem;border-radius: .05rem;background: #4d4d4d;font-size: .27rem;color: #fff;line-height: 0.75rem;text-align: left;text-indent: .25rem;margin-top: .25rem;}
.q_a li a{display: block;width: 1.5rem;height: 0.75rem;font-size: .27rem;color: #fff;line-height: 0.75rem;background: #1682dd
;text-indent: 0rem;float: right;border-radius: 0 .05rem .05rem 0;text-align: center;}
.q_a .qitawenti{display: block;margin: .325rem auto 0;width: 2.5rem;height: 0.75rem;line-height: 0.75rem;font-size: .25rem;background: #1682dd
;text-align: center;color: #fff;border-radius: .05rem;}


/*template*/
#template .item{ width:6.15rem; margin:0 auto; margin-bottom:0.5rem;}
#template .item .img{ height:3.7rem; border:1px solid #e9e9e9; position:relative; background:url(/templets/pc/default/mweb_m/images_m/loading.gif) center no-repeat;}
#template .item .con{ height:0.7rem; background:#f7f7f7; line-height:0.7rem; padding:0 0.2rem; font-size:0.3rem; text-align:right;}
#template .item .con a.reg{ font-size:0.3rem; color:#1682dd
; margin-left:0.2rem;}
#template .item .con a.mb{ font-size:0.3rem; color:#646464; margin-left:0.5rem;}
#template .item .con a.pc{ font-size:0.3rem; color:#646464; margin-left:0.2rem;}
#template .item .phone{ width:0.92rem; height:1.86rem; position:absolute; right:0; bottom:0; background:url(/templets/pc/default/mweb_m/images_m/template_phone_bg.png) no-repeat; background-size:contain;}
#template .item .phone .pic{ width:0.8rem; height:1.52rem; float:left; margin-left:0.06rem; margin-top:0.13rem;}

/*price*/
#price .title{ width:50%; float:left; border:1px solid #e9e9e9; border-right:0;}
#price .title .th{ text-indent:0.2rem; line-height:1.05rem; border-right:1px solid #e9e9e9;}
#price .title .td{ text-indent:0.2rem; border-right:1px solid #e9e9e9;}
#price .title .h1{ color:#1682dd
; border-right:0;}
#price .func{ width:10%; float:left; border:1px solid #e9e9e9; border-left:0; overflow:hidden; position:relative;}
#price .func .mask{ width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; font-size:0.36rem; z-index:3; color:#1682dd
; line-height:200%; background:#dbeee3; -moz-writing-mode:vertical-lr; -ms-writing-mode:vertical-lr; -o-writing-mode:vertical-lr; -webkit-writing-mode:vertical-lr; writing-mode:vertical-lr;}
#price .func .mask span{ position:absolute; left:0; top:1rem; height:2rem;}
#price .func:nth-child(3) .mask{ background:#e4f4ef; color:#1682dd
;}
#price .func:nth-child(4) .mask{ background:#d6ece6; color:#1682dd
;}
#price .func .th{ text-align:center; padding-top:0.05rem; height:1rem; letter-spacing:0.06rem;}
#price .func .th span{ color:#1682dd
; letter-spacing:0;}
#price .func .td{ text-align:center;}
#price .func .col{ border-top:1px solid #fff;}
#price .cur{ width:27%;}
#price .cur .mask{ display:none;}
#price .th{ height:1.05rem; font-size:0.32rem; color:#1e1e1e; white-space:nowrap; background:#f8f8f8;}
#price .td{ height:0.7rem; line-height:0.7rem; border-top:1px solid #e9e9e9; font-size:0.32rem; color:#535353; background:#fff;}
#price .icons i{ width:0.2rem; height:0.2rem; display:block; position:absolute; left:50%; top:50%; margin-left:-0.1rem; margin-top:-0.1rem;}
#price .true i{ background:url(/templets/pc/default/mweb_m/images_m/icons_true.png) no-repeat; background-size:auto 100%; z-index:1;}
#price .false i{ background:url(/templets/pc/default/mweb_m/images_m/icons_false.png) no-repeat; background-size:auto 100%; z-index:1;}
#price .tips{ text-align:center; font-size:0.28rem; color:#969696; margin-top:0.5rem;}

/*cust*/
#cust .title{ font-size:0.36rem; text-align:center;}
#cust .top .intro{ font-size:0.3rem; color:#646464; line-height:0.5rem; margin-top:0.3rem;}
#cust .mid{ padding-top:0.5rem; padding-bottom:0.3rem;}
#cust .mid .con{ margin-top:0.4rem;}
#cust .mid .item{ width:3.32rem; height:2.72rem; text-align:center; margin-bottom:0.3rem; border:1px solid #ebebeb; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#cust .mid .item .pic{ background:url(/templets/pc/default/mweb_m/images_m/cust_item_bg.jpg) left center repeat-x;}
#cust .mid .item .pic .img{ width:1.3rem; height:1.3rem; margin:0 auto; background:#fff; padding:0.2rem 0.2rem 0.1rem 0.2rem;}
#cust .mid .item .name{ font-size:0.28rem; color:#1682dd
;}
#cust .mid .item .intro{ font-size:0.3rem; color:#535353; margin-top:0.05rem;}
#cust .bot .con{ margin-top:0.2rem; margin-bottom:0.6rem;}
#cust .bot .item{ width:3.46rem; height:0.7rem; line-height:0.7rem; font-size:0.3rem; border:1px solid #1682dd
; color:#1682dd
; text-indent:0.9rem; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#cust .bot .fl{ background:url(/templets/pc/default/mweb_m/images_m/icon_wechat.png) 0.3rem center no-repeat; background-size:auto 0.33rem;}
#cust .bot .fr{ background:url(/templets/pc/default/mweb_m/images_m/icon_qq.png) 0.3rem center no-repeat; background-size:auto 0.33rem; text-indent:0.7rem;}
#cust .bot  a{ font-size:0.3rem; color:#1682dd
;}
#cust .instance{ height:2.95rem; background:url(/templets/pc/default/mweb_m/images_m/cust_instance.jpg) no-repeat; background-size:contain;}
#cust .instance .title{ color:#fff; padding-top:0.3rem;}
#cust .instance .intro{ text-align:center; font-size:0.32rem; color:#fff; margin-top:0.2rem; line-height:0.5rem;}

/*instance*/
#instance .category{ font-size:0.28rem; height:0.7rem; line-height:0.7rem;}
#instance .category select{ width:5.36rem; height:0.68rem; border:1px solid #dbdbdb; text-indent:0.2rem; font-size:0.28rem; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; appearance:none; background:url(/templets/pc/default/mweb_m/images_m/select_sign.png) 95% center no-repeat; background-size:0.18rem auto;}
#instance .con{ margin-top:0.4rem; margin-bottom:1.2rem; min-height:5rem;}
/*
#instance .con table{ width:100%; border-collapse:collapse; text-align:center;}
#instance .con table th{ height:0.66rem; background:#87d1ae; border:1px solid #fff; color:#fff; font-size:0.3rem; font-weight:normal;}
#instance .con table tr:nth-child(odd){ background:#f8f8f8;}
#instance .con table td{ height:0.66rem; border:1px solid #e0e0e0; color:#535353; font-size:0.26rem;}
*/
#instance .ad{ height:2rem; background:#1682dd
; position:relative;}
#instance .con .item{ padding:0.2rem 0;}
#instance .con .item .img{ width:2.9rem; height:1.74rem; border:1px solid #e2e2e2;}
#instance .con .item .param{ width:3.9rem;}
#instance .con .item .param h3{ font-size:0.3rem;}
#instance .con .item .param .intro{ color:#1682dd
; font-size:0.28rem; margin-top:0.2rem; word-break:break-all;}
#instance .ad .txt{ font-size:0.3rem; margin-left:0.5rem; color:#fff; padding-top:0.45rem; line-height:0.4rem;}
#instance .ad .person{ width:2.03rem; height:2.68rem; position:absolute; right:0.5rem; bottom:0;}

/*extension*/
#extension .item{ padding:0.2rem 0;}
#extension .item .img{ width:2.16rem; height:1.47rem; position:relative;}
#extension .item .img i{ width:0.5rem; height:0.5rem; position:absolute; left:50%; top:50%; margin-left:-0.25rem; margin-top:-0.25rem; background:url(../images_m/play.png) no-repeat; background-size:contain;}
#extension .item .con{ width:4.5rem;}
#extension .item .con h3{ height:0.45rem; line-height:0.45rem; overflow:hidden;}
#extension .item .con h3 a{ font-size:0.32rem; color:#424242;}
#extension .item .con h3 span{ width:0.8rem; height:0.35rem; line-height:0.35rem; text-align:center; float:right; display:inline-block; font-size:0.2rem; color:#fff; background:#58bda4; font-weight:bold; -moz-border-radius:0.04rem; -ms-border-radius:0.04rem; -o-border-radius:0.04rem; -webkit-border-radius:0.04rem; border-radius:0.04rem;}
#extension .item .con .intro{ font-size:0.24rem; color:#aaa; height:0.7rem; line-height:0.35rem; overflow:hidden; margin-top:0.05rem;}
#extension .item .con .more{ font-size:0.28rem; color:#1682dd
; display:inline-block; margin-top:0.1rem;}
#extension .item .con .pv{ font-size:0.28rem; margin-top:0.1rem; color:#828282;}
#extension .blank{ height:0.55rem;}
#extension .h2{ font-size:0.34rem; text-align:center; padding:0.2rem 0.3rem; border:1px dashed #cacaca;}
#extension .video{ width:5.9rem; height:4.01rem; background:#eee; margin:0.4rem auto;}
#extension .video .img{ width:100%; height:100%;}
#extension .video .img i{ width:1rem; height:1rem; position:absolute; left:50%; top:50%; margin-left:-0.5rem; margin-top:-0.5rem; background:url(/templets/pc/default/mweb_m/images_m/play.png) no-repeat; background-size:contain;}
#extension .video video{ width:100%; height:100%;}
#extension .share{ line-height:36px; text-align:center; padding:0.2rem 0.3rem; border:1px dashed #cacaca; margin-bottom:0.2rem;}
#extension .ad{ height:2rem; background:#1682dd
; position:relative;}
#extension .ad .txt{ font-size:0.3rem; padding-top:0.55rem; margin-left:0.9rem; color:#fff;}
#extension .ad .sign{ margin-left:0.35rem; margin-top:0.1rem;}
#extension .ad .sign .icon{ font-size:0.26rem; padding-left:0.5rem; color:#fff;}
#extension .ad .sign .icon a{ font-size:0.26rem; color:#fff;}
#extension .ad .sign .icon_wechat{ background:url(/templets/pc/default/mweb_m/images_m/global_bottom_tel.png) left center no-repeat; background-size:auto 0.33rem; margin-right:0.3rem;}
#extension .ad .sign .icon_qq{ background:url(/templets/pc/default/mweb_m/images_m/icon_qq_white.png) left center no-repeat; background-size:auto 0.33rem;}
#extension .ad .person{ width:2.03rem; height:2.68rem; position:absolute; right:0.85rem; bottom:0;}

/*about*/
#about .top .title{ font-size:0.36rem; text-align:center;}
#about .top .intro{ font-size:0.3rem; color:#535353; margin-top:0.2rem; line-height:0.5rem;}
#about .top .video{ width:6.2rem; height:3.75rem; margin:0 auto; margin-top:0.4rem; margin-bottom:0.6rem; background:#ccc;}
#about .top .video video{ width:100%; height:100%;}
#about .mid{ height:3.4rem; background:url(/templets/pc/default/mweb_m/images_m/about_bg.jpg) no-repeat; background-size:contain;}
#about .mid .title{ font-size:0.34rem; text-align:center; color:#fff; padding-top:0.9rem;}
#about .mid .intro{ text-align:center; margin-top:0.3rem;}
#about .mid .intro span{ width:2.3rem; height:0.6rem; line-height:0.6rem; display:inline-block; font-size:0.28rem; color:#fff; margin:0 0.04rem; border:0.01rem dashed #fff; -moz-border-radius:0.3rem; -ms-border-radius:0.3rem; -o-border-radius:0.3rem; -webkit-border-radius:0.3rem; border-radius:0.3rem;}
#about .bot .title{ font-size:0.34rem; padding-top:0.5rem; text-align:center;}
#about .bot .con{ margin-top:0.2rem; height:9.35rem; background:url(/templets/pc/default/mweb_m/images_m/about_progress.png) top center no-repeat; background-size:auto 8.85rem;}
#about .bot .con .item{ clear:both; width:3.3rem; float:left; height:0.8rem;}
#about .bot .con .item:nth-child(odd){ margin-left:4rem;}
#about .bot .con .item:nth-child(even){ text-align:right; margin-left:0.2rem;}
#about .bot .con .item:nth-child(1){ height:0.85rem;}
#about .bot .con .item .year{ font-size:0.3rem; color:#1682dd
;}
#about .bot .con .item .intro{ font-size:0.28rem; color:#444;}
#about .mission{ height:3.55rem; background:url(/templets/pc/default/mweb_m/images_m/about_mission.jpg) no-repeat; background-size:contain;}
#about .mission .title{ font-size:0.38rem; color:#1682dd
; padding-top:0.9rem; margin-left:2.75rem;}
#about .mission .sign{ width:3.53rem; margin:0 auto; margin-top:0.1rem; margin-bottom:0.15rem;}
#about .mission .intro{ font-size:0.3rem; color:#535353; line-height:0.5rem; margin-left:2.75rem; margin-top:0.1rem;}

/*contact*/
#contact .title{ text-align:center; font-size:0.36rem;}
#contact .top .intro{ font-size:0.3rem; color:#808080; text-align:center; line-height:0.45rem; margin-top:0.1rem; margin-bottom:0.35rem;}
#contact .top .item{ min-height:1.45rem; border:1px solid #e2e2e2; padding-left:1rem; margin-bottom:0.15rem; -moz-border-radius:0.08rem; -ms-border-radius:0.08rem; -o-border-radius:0.08rem; -webkit-border-radius:0.08rem; border-radius:0.08rem;}
#contact .top .item .name{ font-size:0.28rem; color:#4a4a4a; padding-top:0.53rem;}
#contact .top .item .name a{ font-size:0.28rem; color:#4a4a4a;}
#contact .top .item .tips{ font-size:0.26rem; color:#969696;}
#contact .top .item a{ font-size:0.26rem; color:#4a4a4a;}
#contact .top .item:nth-child(3){ background:url(/templets/pc/default/mweb_m/images_m/contact_icon_tel.png) 0.3rem center no-repeat; background-size:auto 0.4rem;}
#contact .top .item:nth-child(3) .name{ padding-top:0.4rem;}
#contact .top .item:nth-child(4){ background:url(/templets/pc/default/mweb_m/images_m/contact_icon_mail.png) 0.3rem center no-repeat; background-size:auto 0.37rem;}
#contact .top .item:nth-child(5){ background:url(/templets/pc/default/mweb_m/images_m/contact_icon_address.png) 0.3rem center no-repeat; background-size:auto 0.46rem;}
#contact .mid{ padding:0.6rem 0;}
#contact .mid .item{ margin-top:0.6rem;}
#contact .mid .item:nth-child(1){ margin-top:0;}
#contact .mid .item .img{ width:1.4rem; height:1.4rem; margin:0 auto;}
#contact .mid .item .tips{ font-size:0.3rem; color:#1682dd
; height:0.68rem; line-height:0.68rem; border-top:1px solid #1682dd
; border-bottom:1px solid #1682dd
; text-align:center; margin-top:0.2rem;}
#contact .mid .item .name{ font-size:0.32rem; color:#646464; text-align:center; height:0.68rem; line-height:0.68rem;}
#contact .mid .item .name a{ font-size:0.3rem; color:#646464;}
#contact .bot{ padding:0.6rem 0; background:#f9f9f9; text-align:center;}
#contact .bot .intro{ font-size:0.3rem; color:#808080; margin-top:0.2rem; line-height:0.45rem; margin-bottom:0.5rem;}
#contact .bot .intro span{ color:#1682dd
; text-decoration:underline;}
#contact .bot .input{ width:6.53rem; height:0.6rem; line-height:0.6rem; font-size:0.28rem; color:#9c9c9c; text-indent:0.15rem; margin-bottom:0.15rem; background:#fff; border:1px solid #e9e9e9; -moz-border-radius:0.05rem; -ms-border-radius:0.05rem; -o-border-radius:0.05rem; -webkit-border-radius:0.05rem; border-radius:0.05rem;}
#contact .bot .textarea{ width:6.23rem; height:1.5rem; background:#fff; border:1px solid #e9e9e9; resize:none; margin-bottom:0.25rem; font-size:0.28rem; color:#9c9c9c; padding:0.1rem 0.15rem; -moz-border-radius:0.05rem; -ms-border-radius:0.05rem; -o-border-radius:0.05rem; -webkit-border-radius:0.05rem; border-radius:0.05rem;}
#contact .bot .submit{ width:6.53rem; height:0.6rem; line-height:0.6rem; color:#fff; text-align:center; font-size:0.32rem; border:1px solid #1682dd
; background:#1682dd
; -moz-border-radius:0.05rem; -ms-border-radius:0.05rem; -o-border-radius:0.05rem; -webkit-border-radius:0.05rem; border-radius:0.05rem;}
#contact .qrcode{ padding-top:0.5rem; padding-bottom:0.4rem;}
#contact .qrcode .intro{ font-size:0.28rem; color:#1682dd
; text-align:center; margin-top:0.05rem;}
#contact .qrcode .img{ width:2.3rem; height:2.3rem; margin:0 auto; margin-top:0.3rem;}

/*reg*/
#reg .item{ padding-top:0.5rem; padding-bottom:0.5rem;}
#reg .item .f_submit{ margin-top:0.4rem;}
#reg .item .img{ width:1.45rem; height:1.45rem; margin:0 auto;}
#reg .item .title{ font-size:0.42rem; text-align:center; margin-top:0.3rem;}
#reg .item .tips{ font-size:0.32rem; color:#535353; text-align:center; margin-top:0.25rem;}
#reg .item .tips a{ font-size:0.32rem; color:#535353; text-align:center; margin-top:0.25rem;}
#reg .item .tips .red{ color:#f00;}
#reg .item .back{ width:4.18rem; height:0.78rem; line-height:0.78rem; background:#1682dd
; color:#fff; font-size:0.36rem; display:block; margin:0 auto; margin-top:0.7rem; text-align:center; -moz-border-radius:0.08rem; -ms-border-radius:0.08rem; -o-border-radius:0.08rem; -webkit-border-radius:0.08rem; border-radius:0.08rem;}

#reg_vcode{ width:6.3rem; height:4.2rem; position:fixed; left:50%; top:50%; margin-left:-3.15rem; margin-top:-2.1rem; background:#fff; text-align:center; z-index:10001; -moz-border-radius:0.1rem; -ms-border-radius:0.1rem; -o-border-radius:0.1rem; -webkit-border-radius:0.1rem; border-radius:0.1rem; display:none;}
#reg_vcode .reg_vcode_btn{ width:0.35rem; height:0.35rem; position:absolute; right:0.2rem; top:0.2rem;}
#reg_vcode .reg_vcode_title{ font-size:0.36rem; color:#1682dd
; padding-top:0.65rem; margin-bottom:0.4rem;}
#reg_vcode .reg_vcode_input{ width:1.4rem; height:0.8rem; line-height:0.8rem; border:1px solid #dadada; text-align:center; font-size:0.32rem; -moz-border-radius:0.1rem; -ms-border-radius:0.1rem; -o-border-radius:0.1rem; -webkit-border-radius:0.1rem; border-radius:0.1rem;}
#reg_vcode .reg_vcode_submit{ width:4.84rem; height:0.8rem; line-height:0.8rem; background:#1682dd
; border:0; color:#fff; font-size:0.32rem; display:block; margin:0 auto; margin-top:0.2rem; margin-bottom:0.2rem; -moz-border-radius:0.1rem; -ms-border-radius:0.1rem; -o-border-radius:0.1rem; -webkit-border-radius:0.1rem; border-radius:0.1rem;}
#reg_vcode img{ height:0.82rem; vertical-align:top;}