@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px; }
a{color: #404040; text-decoration: none;transition: all 0.7s;}
a:hover{color:#ff8500;}
ul,li,ol{ list-style:none;border:none;}
body{font-size:16px;line-height:1.5em;font-family: "Arial Negreta","Arial","Microsoft Yahei","Heiti SC",simsun,sans-serif;color: #000;background:#fcfaf6;min-width:320px;overflow-x:hidden;-webkit-text-size-adjust:none; }  
img,video {max-width: 100%; height: auto;border:0; }
img{ display:block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
#header{ background:url(../images/topbg.jpg) center top no-repeat; height:472px;}
#header .small{ display:none;}
@media screen and (min-width: 0px) and (max-width: 768px) {
	#header{ background:none; height:auto;}
	#header .small{ display:block; height:auto; width:100%}
	}
/********导航********/
#nav{ width:100%; background:#636363; font-size:24px; font-weight:700; }
#nav ul{width:1100px; margin:0 auto; overflow:hidden;zoom:1; }
#nav ul li{ float:left; width:20%; text-align:center;line-height:60px;}
#nav ul li a{ color:#fff;}
@media screen and (min-width: 0px) and (max-width: 640px) {
#nav{ height:38px; /*position:fixed; z-index:1000; */overflow:hidden; padding-top:0px;} 
#nav ul{padding:0px;overflow-x: scroll; -webkit-overflow-scrolling: touch;white-space: nowrap;overflow-y: hidden;width:100%;cursor:pointer; font-size:0px; height:50px; }
#nav ul li{ width:auto; display:inline; float:none; font-size:16px; font-weight:700; padding:0px 20px; line-height:38px;}
}
@media screen and (min-width: 641px) and (max-width: 1099px) {
	#nav ul{ width:100%}
}

.area{ width:1100px; margin:0 auto; overflow:hidden;zoom:1;}
.line1,.line3,.line2,.line4,.line5,.line7{ padding:30px 0px 0px;}
.line1{}
.line1 .left{ float:left; width:52%; position: relative;}
/********焦点图********/
.hiSlider{overflow: hidden;background: #eee;}
.hiSlider img{ width:100%;}
.hiSlider-item{float: left;}
.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
.hiSlider-btn-prev,.hiSlider-btn-next{position:absolute;z-index:5;top:48%;height:53px;width:30px;background:url(../images/hislider-arrow.png) no-repeat;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.6;filter:alpha(opacity:60)}.hiSlider-btn-prev{left:10px}
.hiSlider-btn-next{right:10px;background-position:-30px 0}
.hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{opacity:1;filter:alpha(opacity:100)}
.hiSlider-title{bottom:0;width:98%;padding:6px 0px 6px 2%;color:#fff;text-indent:10px;background:rgba(0,0,0,.6);z-index:2;font:16px/2 "Microsoft YaHei",Arial,Tahoma; font-weight:700;}
@media \0screen\,screen\9 {.hiSlider-title{ background:#000; filter:Alpha(opacity=80)}}
.hiSlider-pages{bottom:10px;right:10px;text-align:right}
.hiSlider-pages a{height:8px;width:8px;margin:0 3px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#ddd}
.hiSlider-pages a.active{background:#5472BF}
.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.tit{ font-size:26px; padding:20px 0px}
/*.tit a{color:#016e72;}*/
.tit i{ font-size:18px; font-family:KaiTi; font-style:normal;padding:3px; background:#b51f25; color:#fff; margin-right:10px;}
.line1 .right{ float:right; width:45%; }
.line1 .right h3{ font-size:20px; padding-top:10px; }
.line1 .right h3:nth-child(1) a{ color:#f2681c }
.line1 .right p{ padding:20px 0px;}
.line1 .right ul li{ padding-bottom:10px; font-size:18px; }
.line1 .more{ text-align:right; padding-top:10px;}

@media screen and (max-width:769px){
	.line1 .left,.line1 .right{ width:100%; margin:0 auto; max-width:615px; float:none;}
	}
@media screen and (max-width:1099px){
	.area{ width:96%; margin:2% auto; overflow:hidden;zoom:1;}
	}
@media screen and (max-width: 640px) { .line1,.line3,.line2,.line4,.line5,.line7{ padding:10px 0px 0px;}
.line1 .right h3{ font-size:18px;}
.line1 .right p{ font-size:16px; padding:12px 0px;}
.tit{ font-size:22px; padding:10px 0px}
}
.line2{}
.line2 .left{float:left; width:52%;}
.line2 .left ul li{ padding-bottom:20px; font-size:18px; background:url(../images/dot.png) no-repeat 0px 10px; padding-left:15px;}
.line2 .left ul li:nth-child(1){ background:none; padding-left:0px; font-size:20px; font-weight:700; padding-bottom:25px;}
.line2 .left ul li:nth-child(1) a{color:#f2681c;}
.line2 .right{ float:right; width:44%}
.line2 .right ul{ overflow:hidden; zoom:1;}
.line2 .right ul li{ width:46%; float:left; margin-bottom:15px;}
.line2 .right ul li img{ width:100%;}
.line2 .right ul li p{ padding-top:8px;}
.line2 .right ul li:nth-child(2n+1){ clear:left; margin-right:4%}
@media screen and (max-width:769px){
	.line2 .left,.line2 .right{ width:100%; margin:0 auto; max-width:615px; float:none;}
	}
@media screen and (max-width: 640px) {
	.line2 .left ul li{ padding-bottom:10px; font-size:16px;}
	.line2 .left ul li:nth-child(1){ font-size:18px; padding-bottom:15px;}
	}


.line5{}
.line5 .tit{ text-align:center;}
.line5 .pic{ width:48%; float:left; background:#f8f1e7; height:136px; overflow:hidden; margin-bottom:40px; }
.line5 .pic:nth-child(2n+1){ float:right;}
.line5 .pic:nth-child(3),.line5 .pic:nth-child(2){border-bottom-left-radius:68px;border-top-left-radius:68px;}
.line5 .pic:nth-child(4),.line5 .pic:nth-child(5){border-bottom-right-radius:68px;border-top-right-radius:68px;}
.line5 .pic img{ width:136px; height:136px; border-radius:50%; float:left;}
.line5 .pic:nth-child(4) img,.line5 .pic:nth-child(5) img{ float:right;}
.line5 .pic:nth-child(3) ul,.line5 .pic:nth-child(2) ul{ margin-left:160px; margin-right:20px}
.line5 .pic:nth-child(4) ul,.line5 .pic:nth-child(5) ul{ margin-right:160px; margin-left:20px}
.line5 ul{ height:131px; margin:15px 0px 0px; overflow:hidden;}
.line5 ul li{ list-style:disc inside; font-size:18px; max-height:50px; overflow:hidden; margin-bottom:8px;}

@media screen and (max-width:769px){
	.line5 .pic{ width:100%; margin:0 auto 40px; max-width:615px; float:none;}
	.line5 .pic:nth-child(2n+1){ float:none;}
	}
@media screen and (max-width: 640px) {.line5 .pic{ margin:0 auto 25px;}
.line5 ul li{ font-size:16px;}}
.line7 .tit{ text-align:center;}
.type7 {max-width:1100px;width:100%;margin:0 auto 83px;overflow:hidden;}

#imgZone {position:relative;margin:0 auto;}
#imgZone>ul#data {position:relative;width:100%;height:374px;}
#imgZone>ul#data li {position:absolute;left:0;top:0;width:663px;height:374px;z-index:2147483619;transition:left 0.6s ease 0s,transform 0.6s ease 0s,margin 0.6s ease 0s;}
#imgZone>ul#data li.endNext,#imgZone>ul#data li.endPre {left:0;margin:0 0 0 -6%;transform:scale(0.8,0.8);}
#imgZone>ul#data li.startNext,#imgZone>ul#data li.startPre {left:50%;margin:0 0 0 -30%;z-index:2147483620;}
#imgZone>ul#data li.order1 {left:51.7%;margin:0 0 0 -6%;transform:scale(0.8,0.8);z-index:2147483618;}
#imgZone>ul#data.startPre li {z-index:2147483618;}
#imgZone>ul#data.startPre li.order1 {z-index:2147483619;}
#imgZone>ul#data.startPre li.startPre {z-index:2147483620;}
#imgZone>ul#data li img {display:block;width:100%;height:100%;margin:0 auto; }
#imgZone>ul#data li>h2 {position:absolute;bottom:0;width:100%;font-size:20px;font-size:1.25rem;line-height:1.5em;color:#FFF;background:linear-gradient(0deg,rgba(0,0,0,0.5),rgba(0,0,0,0));overflow:hidden; font-weight:300; text-align:center;}
#imgZone>ul#data li>h2 a {display:block;padding:9px;color:#FFF;text-overflow:ellipsis;overflow:hidden;}
#preBtn,#nextBtn {position:absolute;top:50%;left:0;width:40px;height:68px;margin:-34px 0 0;cursor:pointer;background:url("http://ats.taiwan.cn/Topic/2018/xjx/images/btnsBg.png") 0 center no-repeat;background-size:auto 100%;z-index:2147483621;}
#nextBtn {left:auto;right:0;background-position:right center;}
@media screen and (max-width:1099px){
.type7 {margin:0 auto 7.54vw;}
#imgZone>ul#data {height:34vw;}
#imgZone>ul#data li {width:60.2vw;height:34vw;}
#imgZone>ul#data li>h2 {max-height:calc(3em + 18px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
#preBtn,#nextBtn {width:3.6vw;height:6.1vw;margin:-3vw 0 0;background-size:auto 6.1vw;z-index:2147483621;}
#nextBtn {left:auto;right:0;background-position:right center;}
}

@media screen and (max-width:550px){
#imgZone>ul#data {height:56.4vw;}
#imgZone>ul#data li {width:100vw;height:56.4vw;opacity:0;transition:opacity 0.6s ease 0s;}
#imgZone>ul#data li.endNext,#imgZone>ul#data li.endPre {left:0;margin:0 auto;transform:scale(1,1);}
#imgZone>ul#data li.startNext,#imgZone>ul#data li.startPre {left:0;margin:0 auto;opacity:1;}
#imgZone>ul#data li.order1 {left:0;margin:0 auto;transform:scale(1,1);}
#imgZone>ul#data li>h2 a {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
}

/*footer_begin*/
div#footerG {position:relative;width:100%;margin:0 auto;padding:20px 0 34px;font-size:0.875rem;font-size:14px;font-family:simsun;color:#757373;background:#f0f0f0;z-index:2147483641;}
div#footerG>div {width:900px;margin:0 auto;overflow:hidden;}
div#footerG>div img {float:left;margin:0 14px 0 0;}
/*footer_end*/
/*mobileFooter_begin*/
div#footer {display:none;padding:26px 12% 25px;font-size:1rem;color:#787878;text-align:center;background:#f1f1f1;}
div#footer ul.fList {margin:0 auto 26px;font-size:1.875rem;line-height:1em;overflow:hidden;}
div#footer ul.fList>li {float:left;width:28%;}
div#footer ul.fList>li:last-child {width:16%}
div#footer ul.fList>li a {display:block;border:2px solid #e4e4e4;border-width:0 0 0 2px;color:#444;}
div#footer ul.fList>li:first-child a {border:none;}
div#footer p img.gshLogo {display:inline-block;margin:0 10px 0 0;vertical-align:middle;}
/*mobileFooter_end*/
@media screen and (max-width:768px){
/*footer_begin*/
div#footerG {display:none;}
/*footer_end*/
/*mobileFooter_begin*/
div#footer {display:block;}
/*mobileFooter_end*/
}
@media screen and (max-width:655px){
div#footer ul.fList {margin:0 auto 10px;font-size:1.125rem;}
/*footer_end*/
}
@media screen and (max-width:600px){
div#footer {padding:20px 12% 10px;}
/*footer_end*/
}
@media screen and (max-width:480px){
/*footer_begin*/
div#footer ul.fList {font-size:0.875rem;}
div#footer p {font-size:0.75rem;}
/*footer_end*/
}