@charset "utf-8";
/*reset start*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
html{font-size:16px}
body{font-family:"微软雅黑",arial,sans-serif; background-color:#f1f1f1;  max-width:720px; margin:0 auto;Font-size=62%}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-style: normal;font-weight: normal;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{color:#333;outline:0;}
body *{ -webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);}
.clearfix:after{content:".";display:block;overflow:hidden;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
input,textarea,select{outline: none; -webkit-appearance:none;}
.clearOver{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
* {
    margin: 0px;
    padding: 0px;
    font-family: "微软雅黑";
    font: normal100%Helvetica,Arial,sans-serif;
    border: none;
}
.clear {
    clear: both;
}

.R {
    float: right;
}
.top{max-width:1000px;margin:0 auto;}

/*logo部分*/

#logo{ width:100%; overflow:hidden;height: 60px;background:url("../style/sc_logo.png") no-repeat left #ffffff;/* position: fixed; top:0; height:5em; z-index: 1000;  实现头部永居顶*/}

#logo .ico-home{float:left;width:12%;overflow:hidden;text-indent:-9999em;background:url(../style/logo.png) center no-repeat;}

#logo #title{text-align:center;background:url("../style/logo.png"); }

.logo2{width:90%;background:url("../style/logo.png") no-repeat left;margin:0 auto;margin-top:20px;}

#logo .pho{ color:#fff; font-size:1.8em; padding-right:1%; }

#logo .pho span{font-style: italic; color:#fff; font-weight:bold; font-size:1.1em;}

/*主导航样式*/

#nav{ width:100%; background:#e9e9e9; padding-bottom:0.8%; max-height:102px; line-height:102px; font-size:2.5em;}

#nav ul li{ float:left; width:30%; margin-left:1.66%; text-align:center;}

#nav ul li a{ color:#5e5e5e;}

#nav ul li a:hover{ color:#2a408b;}

.myimg{ width:100%; display:block;}
/*banner*/
.ban{ width:100%;}
.ban .img_box{ display:block; width:100%; position:relative;}
.ban .ban_in{ width:75%; position:absolute; left:11%; top:21%;}
.ban .btn{ position:absolute; left:50%; top:50%; margin-left:-19%; margin-top:9%; padding:1% 7%; font-size:1em; background:#fd504c; border-bottom:4px solid #ec2823; border-radius:15px; color:#fff; font-weight:bold;}
/*box*/
.box{ width:100%; height:auto; padding:6% 0; font-size:0.9em; color:#303030; border:0; margin:0;  background-color:#fff;}
.box .box_in{ width:100%; height:auto; margin:0 auto;}
.box .hd{ width:84%; padding-bottom:2%; margin:0 auto 4% auto;}
.box .hd h2{ padding-bottom:0.1%;font-size:1.2em; text-align:center; font-weight:bold;}
.box .hd h3{ padding-bottom:0.1%;font-size:1.1em; text-align:center;}
.box .hd h3 span{color:#e83426;}
.box .myh2{ font-size:2em; text-align:center; font-weight:bold;}
.box h3{ font-size:1em; text-align:center; font-weight:bold;}
.box p{ text-align:left; font-size:0.9em; line-height:1.5em; }
.box .mybtn{ width:54%; margin:1% auto 0 auto;}
.box .mybtn a{ display:block; padding:3% 0; font-size:1em; background:#fd504c; border-bottom:4px solid #ec2823; border-radius:15px; color:#fff; font-weight:bold; text-align:center;}
.box0{ padding-bottom:5%; background-color:#00a0e9;}
.box0 .hd h2{ padding-bottom:0.1%;color:#ffffff;}
.box0 .hd h2 span{color:#fff100;}
.box0 .hd h3{ padding-bottom:0.1%;font-size:1.1em; text-align:center;color:#ffffff;}
.box0 .hd h3 span{color:#fff100;}
.box0 .mybtn{ width:38%;}
.box0 .con0{ overflow:hidden; width:100%; margin:0 auto; padding-left:3%;}
.box0 .con0 li{ width:30%; float:left; margin:0 4% 6% 0;}
.box0 .con0 .ztdiv{ width:70%; margin:0 auto 4% auto;}
.box0 .con0 .nomargin{ margin-right:3%;}
.box0 .con0 h3{ margin-bottom:4%;}
.box0 .con0 p{ text-align:center;color:#ffffff;}
.box0 .con0 .li4{ margin-bottom:0;}
.box0 .con0 .zth3{ font-size:.7em; margin-bottom:6%;}
/*box1*/
.box1{ background-color:#bbeaff; position:relative;}
.box1 .hd h2{ color:#0068b7; }
.box1 .hd h3{ padding-bottom:0.1%;font-size:1.1em; text-align:center;color:#0068b7;}
.box1 .img1{ margin:0 auto 3% auto;}
.box1 .img2s{ width:100%;}
.box1 .mybtn{ width:36%; margin-top:-12%; position:absolute; left:50%; top:50%; margin-left:-18%; margin-top:74%;}
/*box2*/
.box2{ background-color:#009e96;}
.box2 .hd{ width:90%;}
.box2 .hd h2{ color:#ffffff; border-color:#fff;}
.box2 .hd h3{ padding-bottom:0.1%;font-size:1.1em; text-align:center;color:#fff799;}
.box2 .img3s{ width:100%;}
.box2 .mybt{ margin:1% auto 0 auto;text-align:center; }
.box2 .mybt a{ padding:3% 3%; background:#ff6766; color:#fff; font-size:1.8em;}
/*box3*/
.box3{ background-color:#eaeaea;}
.box3 .hd{ width:74%;}
.box3 .hd h2{ padding-bottom:0.1%;color:#ad3034;}
.box3 .hd h3{ padding-bottom:0.1%;font-size:1.1em; text-align:center;color:#333333;}
.box3 .mybtn{ width:40%;}
.box3 .move{width:100%; margin: 5% auto 0;}
.box3 .tab_t{width:100%; background:#75cdc0;}
.box3 #scrollDiv{height: 14em; overflow: hidden; margin-bottom:5%; background:#e3f9ff;}
.box3 .move table{text-align: center; width: 100%; position: relative; box-sizing:border-box; }
.box3 .move td{ display:inline-block; font-size:0.9em; padding:1% 0; text-align:center; width:23%;}
.box3 .tab_t td{ padding:2% 0;}
.box3 .move td.td1{ width:16%;}
.box3 .move td.td2{ width:38%;}
.box3 .img3s{ width:100%;}
.box3 .pd{padding-bottom:1.1%;font-size:.7em; text-align:center;color:#333333;}
/*box4*/
.box4{ background:#ff8939;}
.box4 .hd h2{ padding-bottom:0.1%;color:#ffffff;}
.box4 .hd h2 span{color:#fff100;}
.box4 .hd h3{ padding-bottom:0.1%;font-size:1.1em; text-align:center;color:#ffffff;}
.box4 .hd h3 span{color:#fff100;}
.box4 .img4s{ width:100%;}
.box4 .con4{ width:96%; margin:0 auto;overflow:hidden;}
.box4 .con4 li{ width:32%; margin-right:2%; float:left; box-sizing:border-box;margin-bottom:2%;}
.box4 .con4 li a{ width:100%; box-sizing:border-box; display:inline-block; padding:3% 0; font-size:.9em; background:#fff; border-radius:15px; color:#fd504c; text-align:center;}
.box4 .imgs{ width:30%; margin:3% auto 0 auto;}
/*box5*/
.box5{ background:#88abda;}
.box5 .hd{ width:76%;}
.box5 .hd h2{ color:#fff; border-color:#fff;}
.box5 .hd h3{ padding-bottom:0.1%;font-size:1.1em; text-align:center;color:#ffffff;border-left:1px solid #ffffff;border-right:1px solid #ffffff;}
.box5 .con5{ width:95%; padding-left:5%; margin-left:5%; box-sizing:border-box; border-left:3px solid #6f71aa; color:#fff;}
.box5 .con5s{ width:100%; margin-bottom:6%; position:relative;}
.box5 .myh2{ margin-bottom:4%;}
.box5 .numbox{ width:10%; position:absolute; top:0; left:50%; margin-left:-61%;}
.box5 .cirbox{ width:6%; position:absolute; bottom:-1%; left:50%; margin-left:-59%;}
.box5 .h3box{ width:28%; margin-bottom:4%;}
.box5 .h3box h3{ padding:3% 0; background:#ff6766; color:#fff; }
.kc_ico{width:100%;margin:0 auto;}
.kc_ico img{width:100%;}
.box5 .pbox{ width:100%; margin-bottom:4%;}
.box5 .txt{ width:100%; overflow:hidden; margin-bottom:4%;}
.box5 .txt_l{ width:48%; float:left;}
.box5 .txt_l a{ display:block; font-size:1em; color:#fd504c; font-weight:bold;}
.box5 .txt_r{ width:48%; float:right;}
.box5 .ztbox{ padding:3% 5%; border:1px solid #fff; box-sizing:border-box;}
.box5 .imgbox{ width:100%;}
/*box6*/
.box6{
	background: url(../style/cj_box6.jpg) center no-repeat;
}
.box6 .mybtn{ width:38%;}
.box6 .hd h2{ color:#fff;}
.box6 .imgs{ width:84%; margin:3% auto 0 auto;}
.box6 .flextea{ width:100%; margin:0 auto 2% auto; background:url(box6bg.gif) no-repeat center top; background-size: 100%; box-sizing:border-box; position:relative;}
.box6 .flextea .slide{overflow: hidden;}
.box6 .flextea .ztpic{ width:75%; margin:3% auto 18% auto;}
.box6 .flextea .zttxt{ width:96%; margin:0 auto; overflow:hidden;}
.box6 .flextea .myl{ width:22%; float:left;}
.box6 .flextea .myr{ width:70%; float:right;}
.box6 .block_home_slider .flex-control-paging {display:inline-block; width:24%; position: absolute; left:50%; top:50%; margin-left:-5%; margin-top:4%;}
.box6 .block_home_slider .flex-control-paging li {float: left; width:10%; opacity: 1; height: 6px; line-height: 6px; font-size:0; background: #000; margin-right: 3%;}
.box6 .block_home_slider .flex-control-paging li a{width:100%; height:auto; display:block; text-indent:-9000px; cursor:pointer;}
.box6 .block_home_slider .flex-control-paging li a.flex-active {background: #EF435B;}
/*box7*/
.box7{ background:#d2d2d2;}
.box7 .hd{ width:94%;}
.box7 .imgs{ width:84%; margin: 0 auto;}
.box7 .mybtn{ width:34%;}
.box7 .flextea{ width:93%; margin:0 auto 2% auto; padding:4% 0 10%; background: url(kuang.gif) no-repeat right top; background-size: 90%; box-sizing:border-box; position:relative;overflow: hidden;}
.box7 .flextea .slide{overflow: hidden;}
.box7 .flextea .slide img{float:left; width:30%; border:1px solid #080103;}
.box7 .flextea .txt{float:right; width:64%; text-align: left; padding-right: 4%; max-height: 118px; overflow-y: auto;}
.box7 .flextea .txt strong{font-size:1em; display:block; margin-bottom:2%;}
.box7 .flextea .txt strong span{ display:inline-block; background:#323a45; color:#fff; padding:1% 3%;}
.box7 .flextea .txt p{line-height: 1.5em; font-size: .8em; color:#333;}
.box7 .block_home_slider .flex-control-paging {display:inline-block; position: absolute; right: 4%; bottom:11%; width:24%;}
.box7 .block_home_slider .flex-control-paging li {float: left; width:10%; opacity: 1; height: 6px; line-height: 6px; font-size:0; background: #000; margin-right: 3%;}
.box7 .block_home_slider .flex-control-paging li a{width:100%; height:auto; display:block; text-indent:-9000px; cursor:pointer;}
.box7 .block_home_slider .flex-control-paging li a.flex-active {background: #EF435B;}
/*box8*/
.box8{ padding-bottom:5%; background-color:#dd323a;}
.box8 .hd h2{ padding-bottom:0.1%;color:#ffffff;}
.box8 .hd h2 span{color:#fff100;}
.box8 .hd h3{ padding-bottom:0.1%;font-size:1.1em; text-align:center;color:#ffffff;}
.box8 .hd h3 span{color:#fff100;}
.box8 .mybtn{ width:38%;}
.box8 .con8{ overflow:hidden; width:100%; margin:0 auto;}
.box8 .con8 li{ width:48%; float:left; margin:0 4% 6% 0;}
.box8 .con8 .ztdiv{ width:70%; margin:0 auto 4% auto;}
.box8 .con8 .nomargin{ margin-right:0;}
.box8 .con8 h3{ margin-bottom:4%;}
.box8 .con8 p{ text-align:center;color:#ffffff;}
.box8 .con8 .li4{ margin-bottom:0;}
.box8 .con8 .zth3{ font-size:.7em; margin-bottom:6%;}
/*box9*/
.box9{ padding-bottom:0%;background:#fe8d00;}
.box9 .box_in{ width:100%;}
.box9 .hd h2{ padding-bottom:0.1%;color:#ffffff;}
.box9 .hd h2 span{color:#fff100;}
.box9 .hd h3{ padding-bottom:0.1%;font-size:1.1em; text-align:center;color:#ffffff;}
.box9 .hd h3 span{color:#fff100;}
.box9 .hd{ width:90%;}
.box9 .hd1{border-bottom:1px solid #ffffff;margin:2% 7%;}
.box9 .con9{ width:100%; overflow:hidden;}
.box9 .con9s{ width:50%; float:left; background:#313251; padding:7% 0; color:#fff;}
.box9 .con9s .mybtn{ width:60%;}
.box9 .con9s h3{ font-size:1.6em; margin-bottom:4%;}
.box9 .con9s .txt{ width:90%; margin:0 0 6% 10%;}
.box9 .con9s .txt span{ font-size:1em; font-weight:bold;}
.box9 .con9s .ztimg{ width:86%; margin:0 auto 4% auto;}
.box9 .con9_r{ background:#32bcad;}
/*box10*/
.box10{ padding-bottom:0; background:#ffffff; }
.box10 .hd{ width:62%;}
.box10 .hd h2{ padding-bottom:0.1%;}
.box10 .hd h2 span{color:#fff100;}
.box10 .con10s{ width:100%; overflow:hidden; margin-bottom:2%;}
.box10 .con10s .txt{ width:65%; float:left; padding:2% 0; background:#8ffff3; border:1px dashed #437771; text-align:center; color:#000; font-size:1em;}
.box10 .zta{ width:32%; float:right; padding:1% 0;}
.box10 .zta a{ font-size:1.1em; color:#fff;background:#fd504c;padding:2% 0;border-radius:15px;margin-left:5%;display:block;text-align:center;}
.box10 .con10s1 .txt{ float:right;}
.box10 .con10s1 .zta{ float:left;}
.box10 .con10s1 .zta a{ margin-left:10%;}
.box10 .last{ width:100%; margin:3% auto 0 auto;}



.bottom{width:100%;padding:2%;background:#fff;height:120px;}
.bottom p{font-size:12px;text-align:center;}

/*iphone6*/
@media(min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio : 2){
.box7 .flextea .slide .txt{ max-height: 144px;}
.box7 .flextea .slide .txt strong{font-size:1em;}
.box7 .flextea .slide .txt p{ font-size: .9em;}
.box6 .block_home_slider .flex-control-paging {margin-top:9%;}
}
/* iphone6 plus */
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){
.box3 #scrollDiv{ height: 15em;}
.box7 .flextea .slide .txt{ max-height: 144px;}
.box7 .flextea .slide .txt strong{font-size:1em;}
.box7 .flextea .slide .txt p{ font-size: .9em;}
.box8 .con8 h3{ font-size:1.2em;}
.box8 .con8 .zth3{ font-size:1.1em;}
.box10 .con10s .txt{ font-size:1.2em;}
.box6 .block_home_slider .flex-control-paging {margin-top:12%;}
}
/* ipad */
@media only screen and (min-width: 600px){
.ban .btn{ font-size:1.6em;}
.box .hd h2{ font-size:2em;}
.box h3{ font-size:1.6em;}
.box .myh2{ font-size:1.8em;}
.box p{ font-size:1.5em; line-height:1.8em;}
.box .mybtn a{ font-size:1.8em;}
.box3 #scrollDiv{ height: 15em;}
.box3 .move td{ font-size:1.6em;}
.box3 .pd{font-size:1.3em;}
.box4 .con4 li a{ padding:4% 0; font-size:1.6em;}
.box5 .txt_l a{ font-size:1.6em;}
.box7 .flextea .slide .txt{ max-height: 255px;}
.box7 .flextea .slide .txt strong{ font-size:1.8em;}
.box7 .flextea .slide .txt p{ font-size: 1.4em;}
.box8 .con8 h3{ font-size:1.9em;}
.box8 .con8 .zth3{ font-size:1.8em;}
.box9 .con9s h3{ font-size:2.4em;}
.box10 .con10s .txt{ font-size:1.8em;}
.box10 .zta a{ font-size:1.8em;}
.box6 .block_home_slider .flex-control-paging {margin-top:9%;}
}
/*animation*/
.bounceInDown {
	-webkit-animation: bounceInDown 1s .2s ease both;
	-moz-animation: bounceInDown 1s .2s ease both;
}

@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px)
	}
	80% {
		-webkit-transform: translateY(-10px)
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px)
	}
	60% {
		opacity: 1;
		-moz-transform: translateY(30px)
	}
	80% {
		-moz-transform: translateY(-10px)
	}
	100% {
		-moz-transform: translateY(0)
	}
}


.zx{width:100%; max-width: 720px; position: fixed; bottom: 0; left: 0; background: #3E3E3E url(xian.jpg) no-repeat center center; height: 2.6em;}
.zx ul{overflow: hidden; height: 2.6em;}
.zx ul li{float: left; width:50%; line-height: 2.8em; font-size: .9em;}
.zx ul li div{width:80%; padding-left: 20%; height: 2.8em; margin: 0 auto; background: url(tel.jpg) no-repeat left 10px; background-size:33% ;}
.zx ul li div a{display: block; color: #fff;}
.zx ul li.li_r div{background-image: url(massage.jpg);}



/*大于pad*/
@media only screen and (min-width: 750px){

	.zx{left:50%; margin-left: -360px; height: 3.4em;}
	.zx ul{height: 3.4em;}
	.zx ul li{height: 3.4em;}
	.zx ul li div{height: 3.4em; width:60%; font-size: 1.4em; background-size:32%; padding-left: 18%; line-height: 2.4em;}
}