@charset "utf-8";
/* CSS Document */
   
*{ margin:0; padding:0; border:0;}
body{ font-size:14px; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}
li{ list-style:none;}
a { color:#333; text-decoration:none;}
a:hover {color: #333; text-decoration:none;}

body {}
.box { margin:0 auto;}
.next_box { overflow:hidden;}
.one_box { overflow:hidden;}
.title_box { margin:0 auto; text-align:center; color:#666;}
.two_box { overflow:hidden;}
.next_box2 { overflow:hidden;}
.three_box { overflow:hidden;}
.four_box { overflow:hidden;}
.five_box { overflow:hidden;}
.next_box3 { overflow:hidden;}
.channel {overflow:hidden;}
.logo{margin:10px auto 5px; text-align:center;}
.logo img{width:40%}
.logo{margin:10px auto 5px; text-align:center;}
.erweima{width:30%}

#nopadding { padding:0;}
#normargin { margin-right:0;}

.main_visual{overflow:hidden;position:relative;}
.main_image{overflow:hidden;position:relative;}
.main_image ul{width:9999px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%; height:auto;}
.main_image li span{display:block;width:100%;}
.main_image li a{display:block;width:100%;}
.main_image li img { width:100%; height:auto;}
.main_image b { font-weight:normal; background-color:#333333; width:100%; position:absolute; left:0; bottom:0.4rem; color:#FFFFFF; text-align:center; line-height:0.5rem; filter:alpha(opacity=80);-moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.main_image b a { color:#FFFFFF;}
.main_image b a:hover { color:#FFFFFF;}

div.flicking_con{position:absolute;bottom:0.3rem;z-index:998;width:1.3rem;height:0.1;}
div.flicking_con a{float:left;width:18px;height:18px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}



@media all and (min-width: 1441px){
html { font-size:625%;}
.welcome { display:none;}
.box { width:100%;}
.head { width:100%; height:698px; background:url(../images/banner.jpg) center top no-repeat;}
.head_left { float:left;}
.head_left li { float:left; font-size:14px; padding-right:30px; margin:20px 0 15px; color:#362e2b;}
.head_left li h3 { font-size:24px; padding-bottom:10px; font-weight:normal}
.head_left img { width:100px; padding:0 30px 0 0; margin-left:0; border-right:solid 1px #af988f;}
.head_right { float:right; text-align:right;}
.head_right ul { padding-top:25px;}
.head_right li { font-size:14px; padding-top:10px; color:#362e2b;}
.logo img{width:401px}
.erweima {width:200px}
.next_box {width:100%; background-color:#ffffff;}
.one_box { width:1000px; margin:0 auto; padding-top:38px; padding-bottom:50px;}
.headlines { width:395px; float:left; background-color:#FFFFFF;}
.headlines h2 { font-size:24px; line-height:24px; color:#DD1077; padding-bottom:26px; padding-left:40px; font-weight:normal; background:url(../images/jiantou.png) 10px 6px no-repeat;}
.headlines b { display:block; padding-left:10px; font-size:16px; padding-bottom:12px;}
.headlines span { display:block; padding-left:10px; font-size:14px; line-height:26px; color:#666666;}
.headlines ul { overflow:hidden; border-top:dashed 1px #e4e4e4; margin:12px 10px;}
.headlines li { float:left; line-height:24px; font-size:14px; padding-top:8px;}
.headlines li a { color:#333;}
.ad { float:left; width:395px; padding-top:23px;}
.ad li { float:left; margin-right:23px;}
.ad img { width:186px; height:114px;}
.r_absolute { position: absolute; margin-right: -660px; right:50%; width: 94px; overflow: hidden; z-index:10001;}
.r_absolute a.h1 { width:78px; height:32px; display:block; position:absolute; z-index:10002; top:148px; left:8px;}
.r_absolute a.h2 { width:78px; height:32px; display:block; position:absolute; z-index:10002; top:187px; left:8px;}
.title_box { width:1000px; padding:60px 0; font-size:30px; background:url(../images/title_back.png) center 62px no-repeat;}
.title_box span { display:block; font-size:18px; padding-top:8px;}
.title_box2 { width:1000px; padding-bottom:50px; font-size:30px; text-align:center; margin:0 auto;}
.title_box2 a { display:block; padding:15px 115px; border:solid 1px #c9c9c9; background-color:#fff; font-size:14px; color:#666; width:100px; line-height:18px; margin:0 auto;}
.next_box2 {width:100%; background-color:#f8f8f8;}
.three_box { width:1000px; margin:0 auto; padding-bottom:30px;}
.next_box .three_box ul { float:left; width:318px; margin-right:23px; margin-bottom:23px; padding-bottom:25px; background-color:#f8f8f8;}
.next_box2 .three_box ul { float:left; width:318px; margin-right:23px; margin-bottom:23px; padding-bottom:25px; background-color:#FFFFFF;}
.three_box ul li.title { font-size:16px; line-height:46px; padding:0 15px;}
.three_box ul li.next { font-size:12px; line-height:20px; padding:0 15px; color:#666;}
.three_box ul li img { width:100%;}
.title_box3 { width:1000px; padding:30px 0 20px 0; font-size:30px; color:#fd9827; margin:0 auto; text-align:center;}

.six_left { width:50%; float:left;}
.six_right { width:50%; float:left;}
.six_left .six_list { width:465px; padding:50px 35px 50px 0; float:right;}
.six_left .six_list ul { overflow:hidden; padding-bottom:30px;}
.six_left .six_list li { float:left;}
.six_left .six_list li.img { width:235px; height:175px;}
.six_left .six_list li.img img { width:100%;}
.six_left .six_list li.title { width:205px; padding-left:25px; font-size:18px; line-height:32px; padding-top:10px;}
.six_left .six_list li.next { width:205px; padding-left:25px; font-size:12px; line-height:22px; padding-top:20px; color:#333;}
.six_right .six_list { width:465px; padding:50px 0 50px 35px; float:left;}
.six_right .six_list ul { overflow:hidden; padding-bottom:30px;}
.six_right .six_list li { float:left;}
.six_right .six_list li.img { width:235px; height:175px;}
.six_right .six_list li.img img { width:100%;}
.six_right .six_list li.title { width:205px; padding-left:25px; font-size:18px; line-height:32px; padding-top:10px;}
.six_right .six_list li.next { width:205px; padding-left:25px; font-size:12px; line-height:22px; padding-top:20px; color:#333;}

.channel { width:1000px; margin:0 auto; padding-bottom:80px;}
.channel li { width:175px; float:left; padding-right:31px;}

.main_image b { font-size:0.15rem;}

.main_visual { width:580px; height:400px; margin-right:25px; float:left;}
div.flicking_con{left:43%;}
#footer { clear:both; text-align:center; background-color:#3BB3C2; padding:30px 0; line-height:30px; color:#fff; font-size:14px;}
#footer a { line-height:24px; color:#fff;}
}



@media all and (min-width: 981px) and (max-width: 1440px){
html { font-size:625%;}
.welcome { display:none;}
.box { width:100%;}
.head { width:100%; height:698px; background:url(../images/banner.jpg) center top no-repeat;}
.head_left { float:left;}
.head_left li { float:left; font-size:14px; padding-right:30px; margin:20px 0 15px; color:#362e2b;}
.head_left li h3 { font-size:24px; padding-bottom:10px; font-weight:normal}
.head_left img { width:100px; padding:0 30px 0 0; margin-left:0; border-right:solid 1px #af988f;}
.head_right { float:right; text-align:right;}
.head_right ul { padding-top:25px;}
.head_right li { font-size:14px; padding-top:10px; color:#362e2b;}
.logo img{width:401px}
.erweima{width:200px}
.next_box {width:100%; background-color:#ffffff;}
.one_box { width:1000px; margin:0 auto; padding-top:38px; padding-bottom:50px;}
.headlines { width:395px; float:left; background-color:#FFFFFF;}
.headlines h2 { font-size:24px; line-height:24px; color:#DD1077; padding-bottom:26px; padding-left:40px; font-weight:normal; background:url(../images/jiantou.png) 10px 6px no-repeat;}
.headlines b { display:block; padding-left:10px; font-size:16px; padding-bottom:12px;}
.headlines span { display:block; padding-left:10px; font-size:14px; line-height:26px; color:#666666;}
.headlines ul { overflow:hidden; border-top:dashed 1px #e4e4e4; margin:12px 10px;}
.headlines li { float:left; line-height:24px; font-size:14px; padding-top:8px;}
.headlines li a { color:#333;}
.ad { float:left; width:395px; padding-top:23px;}
.ad li { float:left; margin-right:23px;}
.ad img { width:186px; height:114px;}
.r_absolute { position: absolute; margin-right: -660px; right:50%; width: 94px; overflow: hidden; z-index:10001;}
.r_absolute a.h1 { width:78px; height:32px; display:block; position:absolute; z-index:10002; top:148px; left:8px;}
.r_absolute a.h2 { width:78px; height:32px; display:block; position:absolute; z-index:10002; top:187px; left:8px;}
.title_box { width:1000px; padding:60px 0; font-size:30px; background:url(../images/title_back.png) center 62px no-repeat;}
.title_box span { display:block; font-size:18px; padding-top:8px;}
.title_box2 { width:1000px; padding-bottom:50px; font-size:30px; text-align:center; margin:0 auto;}
.title_box2 a { display:block; padding:15px 115px; border:solid 1px #c9c9c9; background-color:#fff; font-size:14px; color:#666; width:100px; line-height:18px; margin:0 auto;}
.next_box2 {width:100%; background-color:#f8f8f8;}
.three_box { width:1000px; margin:0 auto; padding-bottom:30px;}
.next_box .three_box ul { float:left; width:318px; margin-right:23px; margin-bottom:23px; padding-bottom:25px; background-color:#f8f8f8;}
.next_box2 .three_box ul { float:left; width:318px; margin-right:23px; margin-bottom:23px; padding-bottom:25px; background-color:#FFFFFF;}
.three_box ul li.title { font-size:16px; line-height:46px; padding:0 15px;}
.three_box ul li.next { font-size:12px; line-height:20px; padding:0 15px; color:#666;}
.three_box ul li img { width:100%;}
.title_box3 { width:1000px; padding:30px 0 20px 0; font-size:30px; color:#fd9827; margin:0 auto; text-align:center;}

.six_left { width:50%; float:left;}
.six_right { width:50%; float:left;}
.six_left .six_list { width:465px; padding:50px 35px 50px 0; float:right;}
.six_left .six_list ul { overflow:hidden; padding-bottom:30px;}
.six_left .six_list li { float:left;}
.six_left .six_list li.img { width:235px; height:175px;}
.six_left .six_list li.img img { width:100%;}
.six_left .six_list li.title { width:205px; padding-left:25px; font-size:18px; line-height:32px; padding-top:10px;}
.six_left .six_list li.next { width:205px; padding-left:25px; font-size:12px; line-height:22px; padding-top:20px; color:#333;}
.six_right .six_list { width:465px; padding:50px 0 50px 35px; float:left;}
.six_right .six_list ul { overflow:hidden; padding-bottom:30px;}
.six_right .six_list li { float:left;}
.six_right .six_list li.img { width:235px; height:175px;}
.six_right .six_list li.img img { width:100%;}
.six_right .six_list li.title { width:205px; padding-left:25px; font-size:18px; line-height:32px; padding-top:10px;}
.six_right .six_list li.next { width:205px; padding-left:25px; font-size:12px; line-height:22px; padding-top:20px; color:#333;}

.channel { width:1000px; margin:0 auto; padding-bottom:80px;}
.channel li { width:175px; float:left; padding-right:31px;}

.main_image b { font-size:0.15rem;}

.main_visual { width:580px; height:400px; margin-right:25px; float:left;}
div.flicking_con{left:43%;}
#footer { clear:both; text-align:center; background-color:#3BB3C2; padding:30px 0; line-height:30px; color:#fff; font-size:14px;}
#footer a { line-height:24px; color:#fff;}
}

@media all and (min-width: 720px) and (max-width: 980px){
html { font-size:625%;}
}
@media all and (min-width: 600px) and (max-width: 719px){
html { font-size:562.5%;}
}
@media all and (min-width: 480px) and (max-width: 599px){
html { font-size:500%;}
}
@media all and (min-width: 360px) and (max-width: 479px){
html { font-size:437.5%;}
}
@media all and (min-width: 320px) and (max-width: 359px){
html { font-size:375%;}
}
@media all and (min-width: 320px) and (max-width: 980px){
body { position:relative;}
.welcome { width:100%; position:absolute; left:0; top:0; z-index:10000}
.welcome img.top { width:30%; position:absolute; z-index:10001; text-align:center; left:35%; top:5rem;}
.welcome img { width:100%;}
.welcome.animation {animation:myfirst 2s forwards ;
-moz-animation:myfirst 2s forwards ; /* Firefox */
-webkit-animation:myfirst 2s forwards ; /* Safari and Chrome */
-o-animation:myfirst 2s forwards ; /* Opera */}

@keyframes myfirst
{
0%   { left:0; top:0; opacity:1}
90% { left:0; top:-15rem; opacity:1}
100% { left:0; top:-15rem; opacity:0}
}


.box { width:100%;}
.head { width:100%; display:none;}
.head_left { float:left; width:30%;}
.head_left li { width:50%; float:left; margin:0.2rem 0 0.1rem 0.1rem; color:#362e2b;}
.head_left li.font { display:none;}
.head_left img { width:100%;}
.head_right { float:right; text-align:right; width:70%;}
.head_right ul { padding-top:0.2rem;}
.head_right li { font-size:0.15rem; padding-right:0.2rem; color:#362e2b; padding-bottom:0.1rem;}
.head_right li img { width:5%;}
.next_box {width:100%; background-color:#ffffff;}
.one_box { width:100%;}
.headlines { width:100%; padding-top: 0.2rem; background-color:#FFFFFF;}
.headlines h2 { font-size:0.3rem; line-height:0.4rem; color:#DD1077; padding-bottom:0.2rem; padding-left:3%; font-weight:normal;}
.headlines b { display:block; padding-left:3%; font-size:0.25rem; padding-bottom:0.2rem;}
.headlines span { display:block; padding-left:3%; font-size:0.2rem; line-height:0.3rem; color:#666666;}
.headlines ul { overflow:hidden; border-top:dashed 1px #e4e4e4; margin:0.1rem 3% 0 3%;}
.headlines li { width:100%; line-height:0.4rem; font-size:0.2rem; padding-top:0.1rem;}
.headlines li a { color:#333;}
.ad { width:100%; padding-top:0.2rem;}
.ad li { float:left; width:49%; margin-right:2%;}
.ad img { width:100%;}
.r_absolute { display:none;}
.title_box { width:100%; padding:0.3rem 0; font-size:0.3rem;}
.title_box span { display:block; font-size:0.2rem; padding-top:0.1rem;}
.title_box2 { width:100%; padding-bottom:0.3rem; font-size:0.3rem; text-align:center; margin:0 auto;}
.two_box { width:100%;}
.two_box li { float:left; width:50%;}
.two_box li.big { width:100%;}
.two_box li img { width:100%;}
.two_box li a { display:block;}
.title_box2 a { display:block; border:solid 1px #c9c9c9; background-color:#fff; font-size:0.2rem; color:#666; width:40%; line-height:0.5rem; margin:0 auto;}
.next_box2 {width:100%; background-color:#f8f8f8;}
.three_box { width:100%; padding-bottom:0.2rem;}
.three_box ul { width:100%; overflow:hidden;}
.three_box ul.none { display:none;}
.three_box ul li { float:left;}
.three_box ul li.img { width:40%;}
.three_box ul li.title { width:56%; font-size:0.2rem; line-height:0.35rem; padding:0.05rem 2% 0 2%;}
.three_box ul li.next { width:56%; font-size:0.15rem; line-height:0.25rem; padding:0 2%; color:#666;}
.three_box ul li img { width:100%;}
.four_box { width:100%; padding-bottom:0.2rem;}
.four_box ul { width:100%; overflow:hidden;}
.four_box ul li { float:left;}
.four_box ul li.img { width:40%;}
.four_box ul li.name { width:50%; font-size:0.3rem; line-height:0.5rem; padding:0.3rem 5% 0 5%;}
.four_box ul li.title { width:50%; font-size:0.2rem; line-height:0.4rem; padding:0 5%; color:#333;}
.four_box ul li.next { width:50%; font-size:0.15rem; line-height:0.3rem; padding:0 5%; color:#666;}
.four_box ul li img { width:100%;}
.five_box { width:100%;}
.five_box img { width:100%;}
.six_left { width:100%; overflow:hidden;}
.six_right { width:100%; overflow:hidden;}
.six_left .six_list { width:100%;}
.six_left .six_list ul { overflow:hidden;}
.six_left .six_list li { float:left;}
.six_left .six_list li.img { width:40%;}
.six_left .six_list li.img img { width:100%;}
.six_left .six_list li.title { width:56%; font-size:0.2rem; line-height:0.35rem; padding:0.05rem 2% 0 2%;}
.six_left .six_list li.next { width:56%; font-size:0.15rem; line-height:0.25rem; padding:0 2%; color:#666;}
.six_right .six_list { width:100%;}
.six_right .six_list ul { overflow:hidden;}
.six_right .six_list li { float:left;}
.six_right .six_list li.img { width:40%;}
.six_right .six_list li.img img { width:100%;}
.six_right .six_list li.title { width:56%; font-size:0.2rem; line-height:0.35rem; padding:0.05rem 2% 0 2%;}
.six_right .six_list li.next { width:56%; font-size:0.15rem; line-height:0.25rem; padding:0 2%; color:#666;}
.next_box3 {width:100%; background-color:#fff;}
.next_box3 .title_box { color:#ff9900;}
.channel { width:90%; padding:0.2rem 5%;}
.channel li { width:40%; padding:0.2rem 5%; float:left;}
.channel li img { width:100%;}
.channel li#nopadding { padding:0.2rem 5%;}

.title_box3 { width:100%; padding:0.3rem 0; font-size:0.3rem; margin:0 auto; text-align:center; color:#fd9827;}

.main_image b { font-size:0.2rem;}

.main_visual { width:100%;}
div.flicking_con{left:40%;}
#footer { clear:both; text-align:center; background-color:#3BB3C2; padding:30px 0; line-height:0.3rem; color:#fff; font-size:0.16rem;margin-top:0.02rem}
#footer a { color:#fff;}
}
@media all and (max-width: 319px){
body { position:relative;}

.welcome { width:100%; position:absolute; left:0; top:0; z-index:10000}
.welcome img.top { width:30%; position:absolute; z-index:10001; text-align:center; left:35%; top:5rem;}
.welcome img { width:100%;}
.welcome.animation {animation:myfirst 2s forwards ;
-moz-animation:myfirst 2s forwards ; /* Firefox */
-webkit-animation:myfirst 2s forwards ; /* Safari and Chrome */
-o-animation:myfirst 2s forwards ; /* Opera */}

@keyframes myfirst
{
0%   { left:0; top:0; opacity:1}
90% { left:0; top:-15rem; opacity:1}
100% { left:0; top:-15rem; opacity:0}
}

.box { width:100%;}
.head { width:100%; display:none;}
.head_left { float:left; width:30%;}
.head_left li { width:50%; float:left; margin:0.2rem 0 0.1rem 0.1rem; color:#362e2b;}
.head_left li.font { display:none;}
.head_left img { width:100%;}
.head_right { float:right; text-align:right; width:70%;}
.head_right ul { padding-top:0.2rem;}
.head_right li { font-size:0.15rem; padding-right:0.2rem; color:#362e2b; padding-bottom:0.1rem;}
.head_right li img { width:5%;}
.next_box {width:100%; background-color:#ffffff;}
.one_box { width:100%;}
.headlines { width:100%; padding-top: 0.2rem; background-color:#FFFFFF;}
.headlines h2 { font-size:0.3rem; line-height:0.4rem; color:#DD1077; padding-bottom:0.2rem; padding-left:3%; font-weight:normal;}
.headlines b { display:block; padding-left:3%; font-size:0.25rem; padding-bottom:0.2rem;}
.headlines span { display:block; padding-left:3%; font-size:0.2rem; line-height:0.3rem; color:#666666;}
.headlines ul { overflow:hidden; border-top:dashed 1px #e4e4e4; margin:0.1rem 3% 0 3%;}
.headlines li { width:100%; line-height:0.4rem; font-size:0.2rem; padding-top:0.1rem;}
.headlines li a { color:#333;}
.ad { width:100%; padding-top:0.2rem;}
.ad li { float:left; width:49%; margin-right:2%;}
.ad img { width:100%;}
.r_absolute { display:none;}
.title_box { width:100%; padding:0.3rem 0; font-size:0.3rem;}
.title_box span { display:block; font-size:0.2rem; padding-top:0.1rem;}
.title_box2 { width:100%; padding-bottom:0.3rem; font-size:0.3rem; text-align:center; margin:0 auto;}
.two_box { width:100%;}
.two_box li { float:left; width:50%;}
.two_box li.big { width:100%;}
.two_box li img { width:100%;}
.two_box li a { display:block;}
.title_box2 a { display:block; border:solid 1px #c9c9c9; background-color:#fff; font-size:0.2rem; color:#666; width:40%; line-height:0.5rem; margin:0 auto;}
.next_box2 {width:100%; background-color:#f8f8f8;}
.three_box { width:100%; padding-bottom:0.2rem;}
.three_box ul { width:100%; overflow:hidden;}
.three_box ul.none { display:none;}
.three_box ul li { float:left;}
.three_box ul li.img { width:40%;}
.three_box ul li.title { width:56%; font-size:0.2rem; line-height:0.35rem; padding:0.05rem 2% 0 2%;}
.three_box ul li.next { width:56%; font-size:0.15rem; line-height:0.25rem; padding:0 2%; color:#666;}
.three_box ul li img { width:100%;}
.four_box { width:100%; padding-bottom:0.2rem;}
.four_box ul { width:100%; overflow:hidden;}
.four_box ul li { float:left;}
.four_box ul li.img { width:40%;}
.four_box ul li.name { width:50%; font-size:0.3rem; line-height:0.5rem; padding:0.3rem 5% 0 5%;}
.four_box ul li.title { width:50%; font-size:0.2rem; line-height:0.4rem; padding:0 5%; color:#333;}
.four_box ul li.next { width:50%; font-size:0.15rem; line-height:0.3rem; padding:0 5%; color:#666;}
.four_box ul li img { width:100%;}
.five_box { width:100%;}
.five_box img { width:100%;}
.six_left { width:100%; overflow:hidden;}
.six_right { width:100%; overflow:hidden;}
.six_left .six_list { width:100%;}
.six_left .six_list ul { overflow:hidden;}
.six_left .six_list li { float:left;}
.six_left .six_list li.img { width:40%;}
.six_left .six_list li.img img { width:100%;}
.six_left .six_list li.title { width:56%; font-size:0.2rem; line-height:0.35rem; padding:0.05rem 2% 0 2%;}
.six_left .six_list li.next { width:56%; font-size:0.15rem; line-height:0.25rem; padding:0 2%; color:#666;}
.six_right .six_list { width:100%;}
.six_right .six_list ul { overflow:hidden;}
.six_right .six_list li { float:left;}
.six_right .six_list li.img { width:40%;}
.six_right .six_list li.img img { width:100%;}
.six_right .six_list li.title { width:56%; font-size:0.2rem; line-height:0.35rem; padding:0.05rem 2% 0 2%;}
.six_right .six_list li.next { width:56%; font-size:0.15rem; line-height:0.25rem; padding:0 2%; color:#666;}
.next_box3 {width:100%; background-color:#fff;}
.next_box3 .title_box { color:#ff9900;}
.channel { width:90%; padding:0.2rem 5%;}
.channel li { width:40%; padding:0.2rem 5%; float:left;}
.channel li img { width:100%;}
.channel li#nopadding { padding:0.2rem 5%;}

.title_box3 { width:100%; padding:0.3rem 0; font-size:0.3rem; margin:0 auto; text-align:center; color:#fd9827;}

.main_image b { font-size:0.2rem;}

.main_visual { width:100%;}
div.flicking_con{left:40%;}
#footer { clear:both; text-align:center; background-color:#3BB3C2; padding:30px 0; line-height:0.3rem; color:#fff; font-size:0.16rem;margin-top:0.02rem}
#footer a { color:#fff;}
}