@charset "gb2312";
/* CSS Document */
html{font-size:62.5%;-webkit-text-size-adjust:none;max-height:100%; overflow-x:hidden;}
@media only all and (min-width:320px){
html{font-size:62.5%;}
}
@media only all and (min-width:360px){
html{font-size:70.3125%;}
}
@media only all and (min-width:480px){
html{font-size:93.75%;}
}
@media only all and (min-width:540px){
html{font-size:105.45875%;}
}
@media only all and (min-width:640px){
html{font-size:125%;}
}
@media only all and (min-width:1080px){
html{font-size:16px;}
}

* { margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,tr,table,span{padding:0;margin:0;} 
body { background:#19c3a9; width:100%; height:auto; margin:0 auto; font:14px/1.7em "Microsoft YaHei", "Hiragino Sans GB", "WenQuanYi Micro Hei",Tahoma,Arial,SimSun, sans-serif;  color:#2e2525; }
table{border-collapse:collapse;border-spacing:0;} 
img{border:none;vertical-align:middle; max-width:100%;} 
input{vertical-align:middle;}
em,var{font-weight:normal;font-style:normal;} 
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;} 
a{color:#333;text-decoration:none;
transition: all 0.2s ease 0s;
}
:focus { outline: none; }/*针对Firfox*/
a,area { blr:expression(this.onFocus=this.blur()) }/*/针对IE*/
a:link, a:visited { color:#2e2525;  }
a:hover{text-decoration:none; color:#f30c00;}
a:active{color:#2e2525;}
li{list-style-type:none;}
ol,ul{list-style:none;}

.clear { clear:both; width:100%; height:0; }
.clear3 { clear:both; width:100%; height:3px; }
.clear5 { clear:both; width:100%; height:5px; }
.clear10 { clear:both; width:100%; height:10px; }
.box { display:block; margin:0 auto;}
.lf { float:left; } .rt { float:right; }

.mob {display:none; }

/* 头部文件样式 */
.ht_top { width: 100%; background: url(../images/nav_bg.gif) repeat-x 0 0; line-height: 41px; }
.ht_top h1 { float: left; }
.ht_top .zt_top { width: 960px; height: 41px; margin: 0 auto; }
.ht_top .topnav { display:inline; float: right; }
.ht_top .topnav a { margin-left: 10px; }


/* 头图 */
.banner { background: #ffe864; width:100%; heihgt:100%; }
.banner .pic-1{ background:url(../images/pic_02.jpg) no-repeat left center; width:1089px; height:212px; margin:0 auto; }
.banner .pic-2{ background:url(../images/pic_04.jpg) no-repeat left  center; width:1089px; height:212px; margin:0 auto; }
.banner .pic-3{ background:url(../images/pic_05.jpg) no-repeat left center; width:1089px; height:212px; margin:0 auto;}

.des { width:1070px; height:100%; margin:35px auto;  color:#fff; font-size:14px; line-height:26px;  text-indent:2em;}
.mainbt { background:url(../images/pic_08.jpg) repeat-x center; width:100%; height:269px; margin:0 auto;}
.mainbt h2 { background:url(../images/pic_07.png) no-repeat left center; width:243px; height:224px; padding:45px 43px 0 180px; margin:0 auto; text-align:center; color:#fff; font-size:60px; line-height:66px;}

.box-2 { width:1090px; height:100%; margin:50px auto 0; }
.box-2 .tit { width:1100px; height:100%; margin:0 0 0 -17px; }
.box-2 .tit li { display:inline; float:left; background:#ffd900; width:93px; height:58px; border-radius:10px; margin-left:17px; color:#f80f83; font-size:22px; line-height:58px; text-align:center; cursor:default;
transition: all 0.5s ease 0s;
 }
.box-2 .tit li.on { background:#fff700; color:#d7026c; }
.box-2 .tit li.jsLi-2nu { background:#d7d7d7; }
.box-2 .con {}
.box-2 .con li { display:inline; width:533px; height:149px; margin-top:40px; color:#fff; }
.box-2 .con li .lf { display:inline; width:205px; height:149px; overflow:hidden; position:relative;  }
.box-2 .con li .lf .bg { position:absolute;left:0; bottom:0; background:#eee; height:30px;width:100%;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
.box-2 .con li .lf p { width:100%; height:30px; color:#69555f; font-size:16px; line-height:30px; text-align:center; position:absolute;left:0; bottom:0; }
.box-2 .con li .rt { display:inline; width:310px; height:149px; overflow:hidden; }
.box-2 .con li h3 { font-size:18px; line-height:33px; }
.box-2 .con li h3 a { color:#fff;
transition: all 0.3s ease 0s;
}
.box-2 .con li h3 a:hover { color:#ffd900;}
.box-2 .con li .rt p { margin:6px 0; font-size:16px; line-height:26px; text-align:justify; }
.box-2 .con li .more { color:#ffd900; font-size:16px; line-height:26px;
transition: all 0.3s ease 0s;
}
.box-2 .con li .more:hover { color:#fff700; }

.mainbt-2 { background:url(../images/pic_08.jpg) repeat-x center; width:100%; height:269px; margin:65px auto 55px;}
.mainbt-2 h2 { background:url(../images/pic_07.png) no-repeat center; width:243px; height:224px; padding-top:45px; padding-left:180px; margin:0 auto; text-align:center; color:#fff; font-size:60px; line-height:66px;}
.mainbt-2 h2  span{ font-size:30px; line-height:36px;}

.box-3 { width:1085px; height:100%; padding-left:45px; margin:0 auto 20px; color:#fff; }
.box-3 li { display:inline; float:left; width:172px; height:118px; margin:0 45px 35px 0;  }
.box-3 li a { display:block; width:172px; height:118px; color:#fff;
transition: all 0.3s ease 0s; 
}
.box-3 li a:hover { color:#ffd900;}
.box-3 li span { display: block; width:172px; margin:0 auto; color:#fff; font-size:16px; line-height:26px; text-align:center; 
transition: all 0.3s ease 0s;
 }
.box-3 li a:hover span {  color:#ffd900; }
.box-3 li i { background:url(../images/icon.png) no-repeat center; display:block; width:60px; height:60px; margin:0 auto 6px;}
.box-3 li i.ico-01 { background-position:0 0; }
.box-3 li i.ico-02 { background-position:-60px 0; }
.box-3 li i.ico-03 { background-position:-120px 0; }
.box-3 li i.ico-04 { background-position:-180px 0; }
.box-3 li i.ico-05 { background-position:-240px 0; }
.box-3 li i.ico-06 { background-position:0 -60px; }
.box-3 li i.ico-07 { background-position:-60px -60px; }
.box-3 li i.ico-08 { background-position:-120px -60px; }
.box-3 li i.ico-09 { background-position:-180px -60px; }
.box-3 li i.ico-10 { background-position:-240px -60px; }


.footer { background: #fff; padding:25px 0;  line-height: 30px; text-align: center; }


/*移动端*/
@media only all and (max-width:1080px){
body{ font-size: 1em;}
.pc{ display:none;}
.mob { display:block;}

/* 头部 */
.ht_top { background-size:1px 3.1rem; line-height:3.1rem;overflow: hidden;}
.ht_top .pc { display:none; }
.ht_top .mob { display:block; }
.ht_top .zt_top { width: 92%; max-width:1080px; height: 3.1rem; }
.ht_top h1 { height:3rem ;overflow: hidden;}
.ht_top h1 img { width: auto; height:3rem;}
.ht_top .topnav { float: right; font-size:1rem; line-height:3rem;}
.ht_top .topnav a {margin-left: 0; padding:0 8px;}

.banner { height:100%; }
.banner .pic-4 { width:100%; }
.banner .pic-4 img { width:100%;height:auto; }	

.des { width:96%; margin:2rem auto; font-size:1.2rem; line-height:1.3em; text-align:justify; }
.mainbt { height:auto; margin:0 auto;}
.mainbt h2 { background:url(../images/pic_07.png) no-repeat left center; background-size:auto 100%; width:4.15em; height:3.73em; padding:0.75em 2em 0 2.9em; font-size:2rem; line-height:1.1em;}

.box-2 { width:96%; margin:1.5rem auto 0; }
.box-2 .tit { width:102%; margin:0 0 0 -2%; }
.box-2 .tit li { width:18%; height:2em; border-radius:0.5rem; margin-left:2%; margin-bottom:2%; font-size:1.4rem; line-height:2em; }

.box-2 .con li { display:block; float:none; width:100%; height:auto; margin-top:1rem; }
.box-2 .con li .lf { width:38.5%; height:auto;  }
.box-2 .con li .lf img { width:100%; height:auto;  }
.box-2 .con li .lf .bg { height:1.5rem; }
.box-2 .con li .lf p { width:100%; height:1.5rem; font-size:1rem; line-height:1.5rem; }
.box-2 .con li .rt { width:60%; height:auto; }
.box-2 .con li h3 { font-size:1.3rem; font-weight:bold; line-height:1.5rem; height:1.5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.box-2 .con li .rt p { margin:0; font-size:1.2rem; line-height:1.2em; height:4.8em; text-indent:2em;}
.box-2 .con li .more { font-size:1.2rem; line-height:1.2em; }


.mainbt-2 { height:auto; margin:2rem auto 1.5rem; }
.mainbt-2 h2 { background:url(../images/pic_07.png) no-repeat left center; background-size:auto 100%; width:4.15em; height:3.73em; padding:0.75em 2em 0 2.9em; font-size:2rem; line-height:1.1em; }
.mainbt-2 h2  span{ font-size:1rem; line-height:1.1em;}

.box-3 { width:96%; padding-left:0; margin:0 auto 1rem; }
.box-3 li { width:48%; height:auto; margin:0 0.5% 0.5rem; border:1px solid #fff; border-radius:0 2rem 2rem 0; }
.box-3 li a { width:100%; height:100%; position:relative; }

.box-3 li span { display:block; float:right; width:88%; margin:0 0 0 -2rem; font-size:1.1rem; line-height:1.5rem; padding:0.5rem 0; }
.box-3 li i {  display:block; width:2.5rem; height:2.5rem; position:absolute; left:0.4rem; top:0.75rem;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
.box-3 li i.ico-01 { background:url(../images/icon_1.png) no-repeat center; background-size:2.45rem 2.45rem; }
.box-3 li i.ico-02 { background:url(../images/icon_2.png) no-repeat center; background-size:2.45rem 2.45rem; }
.box-3 li i.ico-03 { background:url(../images/icon_3.png) no-repeat center; background-size:2.45rem 2.45rem; }
.box-3 li i.ico-04 { background:url(../images/icon_4.png) no-repeat center; background-size:2.45rem 2.45rem; }
.box-3 li i.ico-05 { background:url(../images/icon_5.png) no-repeat center; background-size:2.45rem 2.45rem; }
.box-3 li i.ico-06 { background:url(../images/icon_6.png) no-repeat center; background-size:2.45rem 2.45rem; }
.box-3 li i.ico-07 { background:url(../images/icon_7.png) no-repeat center; background-size:2.45rem 2.45rem; }
.box-3 li i.ico-08 { background:url(../images/icon_8.png) no-repeat center; background-size:2.45rem 2.45rem; }
.box-3 li i.ico-09 { background:url(../images/icon_9.png) no-repeat center; background-size:2.45rem 2.45rem; }
.box-3 li i.ico-10 { background:url(../images/icon_10.png) no-repeat center; background-size:2.45rem 2.45rem; }
.box-3 li a:hover i {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}

.footer { padding:1.3rem 0; font-size: 1.1rem; line-height: 1.2rem;}


}

/*通用移动端结束