@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;border:0;}
html {font-size:100px;}
body {font-size:0.16rem;line-height:1.5em;font-family:'Microsoft Yahei',simsun,simhei,Arial,'Heiti SC',sans-serif;color:#000; max-width: 1920px; margin: 0 auto;}
ul {list-style:none;}
h1 {line-height:1.5em;}
h2,h3 {font-size:0.16rem;font-weight:normal;line-height:1.5em;}
a {display:block;text-decoration:none;color:#000; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout:none;transition:color 0.3s ease 0s;}
img {display:block;-webkit-touch-callout:none;}
.wrap {width:12rem;height:auto;margin:0 auto;overflow:hidden;}
@media screen and (max-width:1200px){
html {font-size:8.33vw;/*100除1200*/}
}
#header {width:100%;height:5.86rem;text-indent:-100%;overflow:hidden; background: url("../images/dstop.jpg") no-repeat top center; position: relative; }
.logo2{position: absolute; top: 25px; left: 50%; display:block;width:81px;height:64px;margin:0 0 0 -544px;text-indent:-9999px;background:url(../images/logo1.png) center center no-repeat;background-size:100% auto;overflow:hidden;}
.logo{position: absolute; top: 30px; left: 50%; display:block;width:91px;height:58px;margin:0 0 0 -445px;text-indent:-9999px;background:url(../images/logo2.png) center center no-repeat;background-size:100% auto;overflow:hidden;}
#nav{ background:#ce1444; font-size:24px; }
#nav ul{width:100%; max-width: 1200px; margin:0 auto;  text-align:center; }
#nav ul li{ display:inline-block; margin: 0 2%; line-height: 70px; }
#nav ul li a{ color: #fff;}
@media screen and (min-width: 0px) and (max-width: 1099px) {
#header {background-size: 160% 100%;}
.logo2{margin:0 0 0 -46vw;}
.logo{margin:0 0 0 -36vw;}
#nav {overflow:hidden; margin-top: 0px; height: auto;}
#nav ul{ display: -webkit-flex;-webkit-justify-content: space-between;-webkit-flex-wrap: wrap; height: 3em}
#nav ul li{font-size: 0.30rem; line-height: 2.5em;white-space: nowrap; padding-top: 4px; width:auto; border: none;}
}
@media screen and (min-width: 0px) and (max-width: 900px) {  
        .logo{margin:0 0 0 -33vw;}
}
@media screen and (min-width: 0px) and (max-width: 768px) {
    .logo2{ width:8.1vw; height: 6.4vw;top: 10px;}
    .logo{ width:9.1vw; height:5.8vw;top: 12px; margin:0 0 0 -36vw; }
	#nav {height: 2em;  }
	#nav ul{ display: -webkit-flex;-webkit-justify-content: space-between;-webkit-flex-wrap: wrap;-webkit-overflow-scrolling: touch;display:flex;justify-content:space-between;flex-wrap:nowrap;overflow-x:scroll;}
	#nav ul li{line-height: 2em; height: 2.5em; font-size: 18px; margin:0 10px 0 10px; }
}
.line1{ overflow:hidden;zoom:1; padding:40px 0; background: #fbce5d; }
/********焦点图********/
.line1 .area{max-width:1200px;width:100%;margin: 0 auto;}
.line1 .left{float:left; width:52%;border: 2px solid #75bcdb; box-sizing: border-box;}
.hiSlider{overflow: hidden;background: #eee; }
.hiSlider-item{float: left;}
.hiSlider-item img{display: block; width: 100%;}
.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:100%; box-sizing: border-box;padding:6px 0px 6px 2%;color:#fff;background:rgba(0,0,0,.6);z-index:2;font:14px/1.6 "Microsoft YaHei",Arial,Tahoma; *width:98%;}
@media \0screen\,screen\9 {.hiSlider-title{ background:#000; filter:Alpha(opacity=80)}}
@media screen and (min-width: 0px) and (max-width: 640px){ 
.hiSlider-title{ font-size:16px;}
}
.line1 .right{ width: 42%; float: right; padding-top: 10px;}
.line1 .right h2{ font-size:20px; line-height: 1.6em; }
.line1 .right p{font-size:16px; padding-top: 5px;line-height: 1.5em;}
.line1 .right ul{ padding-top: 15px;}
.more a{text-align:right; color: #2850b9; font-size: 16px;}
ul.list li{font-size: 18px; padding-bottom: 8px; line-height: 1.5em;}
.line3,.line4,.line5{ padding: 30px 0; background: #f8b92c;  }
.line6{ padding: 50px 0; background: #fbd171;  }
.tit { max-width: 1200px; width:100%; text-align: center; font-size: 36px; margin: 0 auto;}
.tit a{ color: #ce1444; font-weight: 700;display: inline-block;}
.line3 .tit a{ background: url("../images/rrbg.png") no-repeat; line-height:101px;  padding-left: 125px; }
.line4 .tit a {background: url("../images/lmbg.png") no-repeat center center; width: 100%;}
.line5 .tit a {background: url("../images/jcbg.png") no-repeat center center; width: 100%;}
.line6 .tit a {background: url("../images/jcbg.png") no-repeat center center; width: 100%;}
ul.pic{max-width:1200px; width:100%;margin: 0px auto; overflow: hidden;zoom:1;}
ul.pic li {position:relative;float:left;width:31.58%; margin:30px 0 0px;overflow:hidden;z-index:1;}
ul.pic li:nth-child(3n-1) {margin:30px 2.5% 0px;}
ul.pic li:nth-child(3n-2) {clear:both;}
ul.pic li img{width:100%; display:block;}
ul.pic li h3 {font-size:18px; font-weight:300; padding-top:10px;}
@media screen and (max-width: 1099px) { 
.line1 .left,.line1 .right{float: none; width:700px;margin: 0 auto;}
}
@media screen and (max-width: 768px) { 
.line1{padding-top:0.2rem;}
 .line1 .area{width:96%;margin: 0 2%;max-width:700px; }
.line1 .left,.line1 .right{ width:100%}
    .line3,.line4,.line5{ padding: 0.3rem 0; }
    .line6{ padding: 0.4rem 0;  }
    ul.pic{margin: 0 2%; width:96%}
}
@media screen and (max-width:480px){
    .tit { font-size: 24px;}
    .line3 .tit a{background-size: 43% 90%  }
    .line3 .tit a {line-height: 3em;padding-left: 85px;}
    .line4 .tit a, .line5 .tit a, .line6 .tit a{ line-height: 3em; background-size: 200% 20%}
	ul.pic li {position:relative;float:left;width:48.5%; margin:0 0 0.3rem 0;overflow:hidden;z-index:1;}
    ul.pic li:nth-child(3n-1) {margin:0 0 0.3rem;}
    ul.pic li:nth-child(3n-2) {clear:none;}
	ul.pic li:nth-child(2n+1){ margin-right: 3%; clear:left;}
	ul.pic li h3{font-size:16px;}
}
div#footerG {position:relative;width:100%;margin:0px auto 0;padding:20px 0 ;font-size:0.875rem;font-size:14px;font-family:simsun;background:#e3e3e3;z-index:2147483641;}
div#footerG>div {width:900px;margin:0 auto;overflow:hidden; line-height: 2em;}
div#footerG>div img {float:left;margin:5px 14px 0 0;}
div#footerG>div p a {display:inline-block;}
div#footer {display:none;padding:26px 12% 25px;font-size:16px;text-align:center;background:#e3e3e3;}
div#footer ul.fList {margin:0 auto 26px;font-size:18px;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;}
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;}
/*************************************************     依尺寸缩放     *************************************************/
@media screen and (max-width:901px){
div#footerG>div {width:100%}
}
@media screen and (max-width:768px){
div#footerG {display:none;}
div#footer {display:block;}
}
@media screen and (max-width:655px){
div#footer ul.fList {margin:0 auto 10px}
}
@media screen and (max-width:480px){
div#footer {font-size:12px;}
div#footer ul.fList {font-size:14px;}
div#footer p {font-size:12px;line-height: 2em;}
}