@charset "utf-8";
/*--重定义浏览器默认样式--*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{outline:none;}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cr:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cr,.clearfix{zoom:1}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}


/*首页*/
.header{padding: 1% 4%;height: auto;background: #fff;box-shadow: none;width: 92; position: relative;}
.header .logo{ width:40%;}
.header .logo img{ width: 100%;}
.header .righ_menu{ cursor:pointer; margin-top: 2%; width: 8%;}
.top_menu{ position: absolute; top:0; left:0; width:100%; z-index:99999999; background-color:#f6f6f6; display:none}
.homepage{ padding:5% 3%;height:35px; border-bottom:2px solid #6897a5;}
.homepage a{ display:block; float:left}
.homepage span{ background:url(../wap_imgs/cross.png) no-repeat center; display:block; width:35px; float:right;text-indent:-99999px; height:35px; background-size:100%; overflow:hidden; cursor:pointer;}
.homepage a{ color:#6897a5; font-size:32px;}
.top_menu ul li{ border-bottom:#cacaca solid 1px;line-height:60px;}
.top_menu >ul>li>a{ padding-left:6%;}
.top_menu ul li i.i1{ background:url(../wap_imgs/arr.png) no-repeat center; width:20px; display:block; float:right; height:60px; margin-right:3%;}
.top_menu ul li a{ font-size:22px; color:#333; }
.top_menu ul li .sub_menu{  line-height:50px; background-color:#6897a5; padding:2% 3%;display:none}
.top_menu ul li .sub_menu a{ color:#FFF; font-size:22px;text-align:left; padding:0 10% 0 0;background:url(../wap_imgs/san.png) 35% center no-repeat; font-size:4vmin;}



.banner{}
.banner ul li{ zoom:1; vertical-align:middle; }
.banner ul li a img{ width:100%;height:auto;display:block;}
.udf_service ul{font-size: 0; padding: 0 2% 4% 2%;}
.udf_service ul li{padding: 15px 0;width: 25%; margin-top: -2px; display: inline-block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;}
.udf_service ul li img{ display: block; margin: 0 auto; width: 40%;}
.udf_service ul li p{font-size: 14px;color: #414141;}
.guarantee{ border-top: 16px solid #e8e8e8; padding: 0 2%; width: 96%;}
.title{ text-align: center; padding: 3% 0;}
.title p{ font-size: 26px; color: #7e7e7e;}
.title span{ font-size: 18px; color: #7e7e7e;}
.gu_one{ width: 100%; padding: 3% 0;}
.gu_one i{ width: 15%;}
.gu_one i img{width: 100%;}
.gu_one p{ width: 80%; font-size: 16px; color: #7e7e7e; font-size: 3.4vmin;}
.course{border-top: 16px solid #e8e8e8; padding: 0 2%; width: 96%; max-height: 363px; height: auto !important; overflow: hidden;background: url(../wap_imgs/bg2.jpg) center center no-repeat;}
.course p{ font-size: 20px; color: #fff; font-size: 4vmin; border-left: 5px solid #6897a5; padding-left: 4px; margin: 3% 0;}
.course ul{}
.course ul li{ float: left; width: 46%; height: 10vmin; background: url(../wap_imgs/opt.png) top center no-repeat; background-size: 100%;text-align: center; padding: 3% 0; margin: 0 2%; overflow: hidden;}
.course ul li img{ max-width: 90%;}
.success{border-top: 16px solid #e8e8e8; padding: 0 2%; width: 96%;}
.title1{font-size: 20px; color: #3a3a3a;font-size: 5vmin;  border-left: 5px solid #6897a5; padding-left: 4px; margin: 3% 0;}
.success ul{}
.success ul li{ float: left; width: 44%; margin: 3%; background: #eaeaea;    height: 53vmin; overflow: hidden;}
.success ul li img{ width: 100%;}
.success ul li p{ font-size: 20px; font-size: 3.6vmin; color: #6897a5; padding-left: 2%; padding-top: 10px;}
.success ul li span{ font-size: 14px; font-size: 2.4vmin; color: #707070; padding-left: 2%; display: block;}
.more{ background: #6897a5; width: 94%; padding: 2% 0; text-align: center; font-size: 20px; color: #fff; display: block; margin: 3% auto;}
.student{border-top: 16px solid #e8e8e8; padding: 0 2%; width: 96%; margin-top: 5%;}
.show{width: 94%; overflow: hidden;text-align: center; font-size: 20px; color: #fff; display: block; margin: 3% auto;}
.show i{ width: 100%; border-radius: 10px; overflow: hidden;}
.show i img{ width: 100%;}
.show p{ font-size: 22px; font-size: 4vmin; color: #4b4b4b; margin-top: 2%;}
.show span{ font-size: 16px; font-size: 2.4vmin;color: #4b4b4b;}
.footer{ clear: both;border-top: 16px solid #e8e8e8; padding: 0 2%; width: 96%; padding-bottom: 18vmin;}
.footer p{ text-align: center; color: #4f4f4f; font-size: 20px; font-size: 4vmin; padding-top: 3%;}
.footer span{color: #4f4f4f;font-size: 16px; font-size: 2.4vmin; text-align: center; display: block;}
.flow{position: fixed;bottom: 0px;width: 100%;padding: 2% 0;background: #6897a5;z-index: 99;}
.flow a{display: block;float: left;width: 33.333%;text-align: center;box-sizing: border-box; font-size:20px; font-size: 2.4vmin; color:#fff; padding-top:24px;}
.flow a.fo1{ background:url(../wap_imgs/footer.png) top center no-repeat;}
.flow a.fo2{ background:url(../wap_imgs/footer1.png) top center no-repeat;}
.flow a.fo3{ background:url(../wap_imgs/footer2.png) top center no-repeat;}


.banner_nei{ width: 100%; overflow: hidden;}
.banner_nei img{ width: 100%;}
.nav_title{ width: 94%; padding: 2% 3%; background: #6897a5; position: relative; margin: 4% 0 0 0;}
.nav_title a{ position: absolute; left:3%; top: 24%;}
.nav_title p{ text-align: center; color: #fff; font-size: 22px; font-weight: bold; font-size: 4vmin;}
.case{ width: 94%; padding: 3%;}
.case img{max-width: 100%;}
.n_title{ text-align: center;padding: 3% 0;}
.n_title p{font-size: 26px; color: #525252; font-weight: bold; font-size: 4vmin;}
.n_title span{ font-size: 14px; color: #9a9595; text-transform: uppercase;font-size: 3vmin;}
.nei_anli{}
.nei_anli li{width:46%; float:left; _display:inline; overflow:hidden;position: relative; z-index: 1; margin: 2%;}
.nei_anli li .anli_tu{ text-align:center;width:100%;height: 47vmin; }
.nei_anli li .anli_tu img{display:block; width: 100%;}
.nei_anli li .anli_wz{ position: absolute; width: 97%; padding-left: 3%; overflow: hidden; bottom:0; left: 0; background: url(../wap_imgs/an-on.png) repeat; z-index: 2; color: #fff; text-align: left; height: 14vmin;}
.nei_anli li .anli_wz p{ font-size: 18px;margin-top: 5px;}
.nei_anli li .anli_wz span{ font-size: 12px;}
.gd{background: #6897a5; width: 94%; padding: 2% 0; text-align: center; font-size: 20px; color: #fff; display: block; margin: 3% auto;}
.nav_sub{border-bottom: 16px solid #e8e8e8;}
.nav_sub a{ width: 33%; text-align: center; font-size: 20px; color: #434343; font-size: 3vmin; padding: 2% 0; display:block; overflow: hidden; float: left; border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;}
.wenzhang img{ max-width: 100% !important; height: auto;}
.tea_one{ width: 100%; height: 293px; margin-bottom: 4%;max-height: 34vmin; overflow: hidden; }
.tea_one .tea_tu{ width: 26%; overflow: hidden;}
.tea_one .tea_tu img{ width: 100%;}
.tea_one .tea_wz{ width: 70%;}
.tea_one .tea_wz a{ font-size: 20px; color: #5a5958;}
.tea_one .tea_wz a b{ font-size: 22px; color: #6897a5;}
.tea_one .tea_wz p{ color: #6c6c6c; font-size: 14px; line-height: 26px; margin-top: 10px;}
.lx_ways{ width: 100%;}
.lx_ways .lx_ewm{ width: 150px; text-align: center; font-size: 18px; margin: 0 auto;}
.lx_ways .lx_ewm img{ width: 150px; height: 150px;}
.lx_ways .lx_add{ width: 100%;}
.lx_ways .lx_add p{ font-size: 16px; color: #484848; margin-bottom: 10px;}
.lx_ways .map{ width: 100%; overflow: hidden; margin: 4% 0;}
.lx_ways .map img{ width: 100%;}
.liuyan{ width: 100%;}
.liuyan .name{ margin-bottom: 2%;}
.liuyan .name input{ width: 100%; height: 40px; background:#ebebeb; border:none;text-indent: 20px; font-size: 16px; color:  #333;}
.liuyan .nr textarea{ width: 100%; height: 160px;  background:#ebebeb; border:none;text-indent: 20px; font-size: 16px; color:  #333;}
.liuyan .tj{width: 100%; height: 37px; text-align: right; margin-top: 10px;}
.liuyan .tj input{width: 113px; height: 37px; background: #6897a5; border: none; color: #fff; cursor: pointer;}
.detail{ width: 100%; }
.detail .share{ width: 100%; margin: 0 auto; padding: 0 0 3% 0; border-bottom: 1px solid #ddd; text-align: center;}
.detail .share p{ font-size: 20px; color: #585858; font-size: 3.6vmin;}
.detail .share span{ font-size: 16px; color: #8f8f90; font-size: 2.8vmin;}
.fanye{ margin-top: 30px; border-top: 1px solid #ddd; padding: 30px 0;}
.fanye a{ font-size: 14px; color: #7b7b7b; line-height: 30px;}
.fanye a:hover{color: #6897a5; }
.detail img{ max-width: 100% !important; height: auto;} 
.nei_zixun{ width: 100%;}
.nei_zixun li{ float: left; width: 46%; margin: 0 2% 3% 2%;}
.nei_zixun li i{ width: 100%; display: block; overflow:hidden;}
.nei_zixun li i img{ width: 100%;}
.nei_zixun li .wz{ background: #f3f2f2; padding: 2%;height: 36vmin; overflow: hidden;}
.nei_zixun li .wz a{ font-size: 16px; font-weight: bold; color: #535d6b; font-size: 3vmin;}
.nei_zixun li .wz span{ font-size: 10px; color: #b7b8b8; display: block;}
.nei_zixun li .wz p{ font-size: 14px; color: #828891; margin-top: 1%;font-size: 2.4vmin;}

.jianjie{ margin: 3% 0;}
.jianjie .jj_tu{ max-width: 100%;}
.jianjie .jj_tu img{ display: block; margin: 0 auto;width: 100%;}
.jianjie .jj_wz{ width: 100%; margin: 3% 0;}
.jianjie .jj_wz b{ font-size: 20px; color: #515050; font-weight: bold;}
.jianjie .jj_wz p{ font-size: 20px; color: #a1a0a0; text-transform: uppercase;}
.jianjie .jj_wz span{ font-size:14px; color: #515050; line-height: 30px; display: block;}
.jianzhang{ width: 100%; background: url(../wap_imgs/zhaosheng.jpg) center center no-repeat; padding: 4% 0;}
.jianzhang p{ font-size: 26px; font-weight: bold; color: #fff; text-align: center;}
.youshi{}
.youshi .ys_name{ font-size: 26px; font-weight: bold; color: #5f5f5f; text-align: center; margin: 4% 0;}
.youshi .ys{ width: 68%;overflow: hidden; background: url(../wap_imgs/ys1.png) no-repeat;padding: 4% 2% 0 22%;margin: 0 auto 4% auto;background-size: 100%;height: 31vmin; overflow: hidden;}
.youshi .ys p{ font-size: 18px; color: #5f5f5f; font-weight: bold; margin-bottom: 10px; font-size: 3.6vmin;}
.youshi .ys span{ display: block; height: 110px; overflow: hidden;font-size: 3vmin;}
.youshi .ys_two{background: url(../wap_imgs/ys2.png) no-repeat;background-size: 100%;}
.youshi .ys_thr{background: url(../wap_imgs/ys3.png) no-repeat;background-size: 100%;}
.youshi .ys_fou{background: url(../wap_imgs/ys4.png) no-repeat;background-size: 100%;}
.xuexiao{ width: 100%;padding-top: 4%; text-align: center; color: #fff;}
.xuexiao p{ font-size: 26px; font-weight: bold; font-size: 4vmin; margin-bottom: 10px; color: #5f5f5f;}
.xuexiao span{ font-size: 14px;color: #5f5f5f;}
.tiaojian{ margin: 5% auto 3% auto;}
.xinshi{ margin: 5% auto;width: 94%; padding: 3%;}
.xinshi .xs_wz{ }
.xinshi .xs_wz span{ font-size: 26px; color: #6897a5; font-weight: bold;}
.xinshi .xs_wz p{ font-size: 16px; color: #4f4e4e;line-height: 30px; margin-top: 20px;}
.form{ width: 90%; margin: 5% auto;border: 1px solid #fff;}
.form .num1{ width: 20%; border: 1px solid #fff; color: #fff; margin-top: -1px; font-size: 16px; }
.form .num2{ width: 80%; border: 1px solid #fff; color: #fff; margin-top: -1px; margin-left: -1px; font-size: 16px;}
.picScroll-left2{ width:100%;  overflow:hidden; position:relative;margin-top: 6%;}
.picScroll-left2 .bd{width: 100%;}
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; max-height: 24vmin; width: 100%;}
.picScroll-left2 .bd ul li{ margin:0 3% 4% 3%; float:left; _display:inline; overflow:hidden; text-align:center; width: 22%; border: 2px solid #fff; border-radius: 100px;}
.picScroll-left2 .bd ul li img{  display:block; width: 100%;}