@charset "gb2312";
/* 2017.07.24 by zq */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,img{ margin: 0; padding: 0; font:14px/28px "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif; color:#333; border:none;}
html,body { -webkit-tap-highlight-color:rgba(0,0,0,0);}
img { max-width:100%; }
body { background:#fff;}
article, iframe { display:block; border:0;}
ul, li { list-style:none;}
table { border-collapse:collapse;border-spacing:0; max-width:100%;}
input::focus-inner{ outline:0;padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"], button {-webkit-appearance:none; outline:0;}
:focus { outline: none; }
a,area { blr:expression(this.onFocus=this.blur()) }
a { color:#333; text-decoration:none;}
a:hover { color: #e21837; text-decoration:none;}
.Width { width:1000px; margin:0 auto;}
.clear { clear:both;height:0px; width:100%; font-size:1px;line-height:0px; visibility:hidden; overflow:hidden;}
.clearfix:after{ content:" ";display:block; visibility:hidden; height:0;font-size:0; clear:both;}
.clearfix { *zoom:1;}
.hide, .mobshow { display:none;}
.fl { float:left;} .fr { float:right;}

/* 通用头部 */
.ht_top { width:100%; background:#fafafa url(www.huatu.comztopfooterimagesnav_bg.gif) repeat-x 0 0; line-height: 41px;overflow: hidden;}
.ht_top .zt_top {width: 1000px;height: 41px;margin: 0 auto;}
.ht_top h2 a {float: left; width: 131px; height: 40px; overflow: hidden; text-indent:-100em;
	background: url(www.huatu.comztopfooterimageslogo.gif) no-repeat; font-size:12px;}
.ht_top .topnav {float: right; color:#333; font-size:12px;}
.ht_top .topnav a {padding:0 8px;}
.ht_top .topnav a:hover { color:#e4393c; text-decoration:underline;}

/* banner */
.banner { height:580px; background:url(imagesbanner_bg.jpg) no-repeat center; }
.banner h1 { height:385px; background:url(imagesbanner_01.png) no-repeat bottom; text-indent:-9999em; overflow:hidden;}
.banner h3 { height:115px; background:url(imagesbanner_02.png) no-repeat bottom; text-indent:-9999em; overflow:hidden;}

.box_01 { background: #7bb9ee; }
.box_01 .des { width:1000px; height:auto; padding:30px 55px; margin: 0 auto; background:url(imagespic_10.jpg) no-repeat bottom right; }
.box_01 .des img { float: left; margin:0 40px 0 75px; }
.box_01 .des p { float: left; width:695px; padding-top:20px; color:#fff; font-size:16px; line-height: 24px; text-align: justify; }
.box_01 .des p span { color:#fff841; font-size: 20px; }

.h3tit { padding-bottom:23px; background:url(imagespic_11.png) no-repeat bottom; font-size: 40px; line-height: 60px; text-align: center;}
.box_02 { padding-top:80px;}
.box_02 .des { width:880px; margin: 50px auto 55px; font-size: 18px; line-height: 28px; }
.box_02 .tab01 { width: 960px; margin: 0 auto; }
.box_02 .tab01 h4 { width: 658px; margin: 0 auto; }
.box_02 .tab01 h4 span { display:block; float: left; width: 229px; height:65px; margin:0 50px;
	color:#fff; font-size: 22px; line-height: 44px; text-align: center; cursor: pointer; }
.box_02 .tab01 h4 span.btn01 { background:url(imagespic_12.png) no-repeat center; }
.box_02 .tab01 h4 span.btn02 { background:url(imagespic_13.png) no-repeat center; }
.box_02 .tabcon { position: relative; top:-5px; width: 960px; height:618px; padding-top:50px; overflow: hidden; }
.box_02 .tabcon01 { background:url(imagespic_14.png) no-repeat center;}
.box_02 .tabcon02 { background:url(imagespic_15.png) no-repeat center;}
.box_02 .tabcon h4 { margin: 45px auto 40px; font-size: 30px; line-height: 30px; text-align: center; }
.box_02 .tabcon .lc { position: relative; width: 905px; height: 148px; margin:0 auto; }
.box_02 .tabcon01 .lc { background:url(imagespic_16.png) no-repeat center; }
.box_02 .tabcon02 .lc { background:url(imagespic_17.png) no-repeat center; }
.box_02 .tabcon .lc li { position: absolute; width: 130px; font-size: 12px; line-height: 23px; text-align: center; }
.box_02 .tabcon .lc .list01 { left:57px; top:0; }
.box_02 .tabcon .lc .list02 { left:164px; bottom:0; }
.box_02 .tabcon .lc .list03 { left:277px; top:0; }
.box_02 .tabcon .lc .list04 { left:389px; bottom:0; }
.box_02 .tabcon .lc .list05 { left:508px; top:0; }
.box_02 .tabcon .lc .list06 { left:618px; bottom:0; }
.box_02 .tabcon .lc .list07 { left:730px; top:0; }
.box_02 .tabcon01 .lc li span { display: block; color:#155349; font-size: 16px; }
.box_02 .tabcon02 .lc li span { display: block; color:#240661; font-size: 16px; }
.box_02 .tabcon .nr { width:893px; height: 122px; margin: 0 auto; }
.box_02 .tabcon01 .nr { border-left:12px solid #155349; }
.box_02 .tabcon02 .nr { border-left:12px solid #37157c; }
.box_02 .tabcon01 .nr ul { width:862px; height: 122px; margin-left:7px; padding-left:20px; border-left:4px solid #bcc2c1; }
.box_02 .tabcon02 .nr ul { width:862px; height: 109px; margin-left:7px; padding:13px 0 0 20px; border-left:4px solid #bebccb; }
.box_02 .tabcon .nr li { margin-left:1.5em; font-size:16px; line-height:24px; text-indent:-1.5em;  }
.box_02 .tabcon .btnbox { width:680px; margin:40px auto 0; }
.box_02 .tabcon .btnbox a { display:block; float:left; width:260px; height:50px; margin:0 40px;
	color:#fff; font-size:16px; line-height:50px; text-align:center; }
.box_02 .tabcon01 .btnbox a { background:#155349; }
.box_02 .tabcon02 .btnbox a { background:#6844b1; }
.box_02 .chart { width:840px; margin:0 auto; }
.box_02 .chart h4 { margin: 60px auto 30px; font-size: 20px; line-height: 20px; text-indent: 95px; }
.box_02 .chart .pic { display: inline; float: left; width:475px; height: 293px; margin-right: 50px;
	-webkit-box-shadow:2px 2px 15px rgba(0, 0, 0, .2);
    box-shadow:2px 2px 15px rgba(0, 0, 0, .2); }
.box_02 .chart ul { display: inline; float: left; padding:20px 0 25px; }
.box_02 .chart li { line-height: 30px; }
.box_02 .chart li i { display:block; float: left; width: 34px; height: 3px; margin-right:16px; margin-top:13px; }
.box_02 .chart li i.icon01 { background: #acc471; }
.box_02 .chart li i.icon02 { background: #ca625c; }
.box_02 .chart li i.icon03 { background: #5d92c4; }
.box_02 .chart .text { display: inline; float: left; width: 290px; height: 138px; padding:20px 10px 0;
	background: #e2edfa; font-size: 12px; line-height: 20px; text-indent: 2em; text-align: justify; }

.box_top { height:220px; background:url(imagespic_18.png) no-repeat bottom; }
.box_bottom { height:200px; background:url(imagespic_20.png) no-repeat top; }
.box_03 { background:url(imagespic_19.png) repeat center top; }
.box_03 ul { width:942px; margin:60px auto; }
.box_03 li { display:inline; float:left; width: 242px; height: 291px; margin:0 35px; background:#f4f6f7; border:1px solid #a5a9aa; text-align: center; }
.box_03 li h4 { padding:50px 0 25px; color: #9b783c; font-size: 18px; line-height: 20px; font-weight: bold; }
.box_03 li p { width:185px; margin:0 auto; font-size: 14px; line-height: 20px;}
.box_03 .chart { width:887px; height:583px; padding:20px; margin:0 auto; background:url(imagespic_21.png) no-repeat top; }
.box_03 .chart dl { width: 425px; }
.box_03 .chart dt { padding:65px 0 20px; font-size: 18px; text-align: center; }
.box_03 .chart .fl dt { color: #0f4175; }
.box_03 .chart .fr dt { color: #573483; }
.box_03 .chart dd { margin-bottom: 10px; }
.box_03 .chart h4 { height:25px; padding:0 8px; margin-top:87px; color: #fff; font-size: 14px; line-height: 25px; }
.box_03 .chart .fl img { float:right; margin-right:100px; }
.box_03 .chart .fl h4 { float:right; margin-right:5px; background: #0f4175; }
.box_03 .chart .fr img { float:left; margin-left:100px; }
.box_03 .chart .fr h4 { float:left; margin-left:5px; background: #6a4598; }


.box_04 .swiper-container { position:relative; overflow:hidden; z-index:1; width:1000px; margin:70px auto 0; }
.box_04 .swiper-slide { display:inline; float:left; width:190px; margin:0 5px; }
.box_04 .swiper-slide .con { width:190px; height: 294px; background: #004260; margin:0 auto; text-align: center; }
.box_04 .swiper-slide h4 { height:80px; padding-top:35px; color: #fff; font-size: 20px; line-height: 22px; }
.box_04 .swiper-slide p { width:170px; margin:0 auto; color: #fff; font-size: 15px; line-height: 22px; }

:root .box_04 .swiper-container { position:relative; overflow:hidden; z-index:1; width:795px; height:430px; margin:70px auto 0; }
:root .box_04 .swiper-slide { display:inline; float:left;  position: relative; cursor:pointer; height:430px; margin:0;
    -webkit-transition: transform 0.5s;
	-moz-transition: transform 0.5s;
	-ms-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	-webkit-transform: scale(0.6);
    transform: scale(0.6);
	opacity:0.1;
	filter:Alpha(opacity=10);
}
:root .box_04 .swiper-slide-next,
:root .box_04 .swiper-slide-prev {
	-webkit-transform: scale(0.7);
    transform: scale(0.7);
	opacity:0.3;
	filter:Alpha(opacity=30);
	z-index:2;
}
:root .box_04 .swiper-slide-active {
	-webkit-transform: scale(1);
	transform: scale(1);
	filter:Alpha(opacity=100);
	opacity:1;
	z-index:5;
}
:root .box_04 .swiper-slide .con { width:225px;
	-webkit-box-reflect:below 3px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.6, transparent), to(rgba(3,3,3,.1)));}
:root .box_04 .swiper-slide p { width:180px; }


.box_05 { background:url(imagespic_19.png) repeat center top; }
.box_05 table { width:830px; margin:70px auto; }
.box_05 table th,
.box_05 table td { border:1px solid #000; line-height: 22px; text-align: center; }
.box_05 table th { width:20%; height:50px; background: #6ea6d5; color: #fff; font-size:20px ; }
.box_05 table th.bg2 { background: #a0cbef; }

.box_05 table h5 { font-size:18px; line-height: 80px; }
.box_05 table select { width: 100px; height: 25px; background: #fff; }
.box_05 h4 { background:url(imagespic_22.png) no-repeat center; font-size: 36px; line-height: 50px; text-align: center; }
.box_05 ul { width: 920px; height: 210px; margin:60px auto 0; background:url(imagespic_23.png) no-repeat center; }
.box_05 li { display: inline; float: left; width: 230px; padding-top:80px;
	font-size: 18px; line-height: 26px; text-align: center; }

.box_06 { padding-bottom:120px; background:url(imagespic_24.jpg) repeat bottom; }
.box_06 .btnbox { width:861px; margin:50px auto; }
.box_06 .btnbox a { display: block; float: left; width: 95px; height: 34px; margin:0 12px 12px;
	border:2px solid #3e763e; font-size: 14px; line-height: 34px; text-align: center; }
.box_06 .btnbox a:hover { background:#3e763e; color: #fff;  }
.box_06 .ewm { width:578px; margin:0 auto; }
.box_06 .ewm li { display: inline; float: left; width:50%; text-align: center; }
.box_06 .ewm li h5 { font-size: 14px; line-height: 18px; }

/* 底部 */
.footer { clear:both; text-align:center; padding-bottom:30px; position:relative; background:#f1fcff;}

.fixright { position:fixed; top:50%; left:50%; width:135px; height:190px; padding-top:69px; margin-top:-130px; margin-left:500px;
	background:url(imagespic_24.png) repeat center top; }
.fixright li { width:119px; height:44px; margin:0 auto 3px; background:#fff; font-size:18px; line-height:44px; text-align:center; cursor:pointer; }
.fixright li:hover { color:#e21837; }
.fixright li.gotop { height:24px; padding-top:15px; background:none; color:#fff; font-size:16px;line-height:24px; }

.fixyuyue { display:none; position:fixed; top:50%; left:50%; width:564px; height:250px; padding:20px; margin-top:-130px; margin-left:-302px; z-index:8;
	background:url(imagespic_25.png) repeat center top; }
.fixyuyue #closeyuyue { display:block; width:40px; height:40px; margin-left:510px; margin-bottom:30px; font-size:24px; line-height:40px; text-align:center; cursor:pointer;}
.fixyuyue .text { width:355px; margin:0 auto 8px; font-size:18px; line-height:32px; }
.fixyuyue .text input { width:255px; height:30px; border:1px solid #333; border-radius:5px; text-indent:10px; }
.fixyuyue .text select { width:120px; height:30px; border:1px solid #333; border-radius:5px; text-indent:10px; margin-right:17px;}
.fixyuyue .btn { width:190px; margin:15px auto 0;}
.fixyuyue .btn input { display:block; width:85px; height:30px; border:none; border-radius:5px; color:#fff; line-height:30px; text-align:center; cursor:pointer;}
.fixyuyue .btn01 { float:left; background:#ea4b58; }
.fixyuyue .btn02 { float:right; background:#808080; }