@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;background:#4574aa url("../images/ytop.jpg") center top no-repeat; min-width: 320px; 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:#303030;-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;}*/
#header {width:100%;height:6.98rem;text-indent:-100%;overflow:hidden; border-bottom: 0.1rem solid #edda9d;}
/*************************************************     依尺寸缩放     *************************************************/
@media screen and (max-width:1200px){
html {font-size:8.33vw;/*100除1200*/}
}
/*main_end*/
.line1{ margin-top: 0.3rem  }
ul.listbox { line-height: 0.4rem; margin: 0 auto; width: 12rem;}
ul.listbox li{  float: left; position:relative; margin: 0px 0.11rem 0.4rem;border:0.05rem solid #f2e9ae; font-size: 0.18rem;color: #f2e9ae;  }
ul.listbox li a{ color: #f2e9ae;}
ul.listbox li:nth-child(5n+1){margin-left:0px;}
ul.listbox li:nth-child(5n){margin-right:0px;}
ul.listbox li span{width:1.92rem; display: block;background: #4574aa; overflow: hidden;zoom:1; padding: 0px 0.1rem;}
ul.listbox li span i{ float:right;background: #4574aa url("../images/arrow.png") no-repeat center; background-size: 100%; width: 0.3rem; height: 0.3rem; margin-top: 0.05rem }
ul.listbox li:hover span i{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
ul.listbox li ul{display: none; position: absolute; top:0.4rem; left: 0px; z-index: 1001;}
ul.listbox li ul li{margin: 0px; border: none;width:2.13rem;}
ul.listbox li:hover ul{display: block;}
ul.listbox li ul li a{background: #f2e9ae; padding: 0 0.1rem; color: #000;}  
ul.listbox li ul li a:hover{ background-color: #fff; color: #000;}
/*新闻列表*/
.newsbox{clear: both; background: #fff;}
ul.newslist  {padding:0.26rem 0 0.3rem;overflow:hidden;width: 12rem; margin: 0 auto;}
ul.newslist li {float:left;width:41.5%;margin:0  0 0.26rem 3.79%; background: #fff; padding: 0.2rem 3% ; border: 0.02rem solid #90b6d0;}
ul.newslist li:nth-child(2n+1){clear:left; margin-left: 0;}
ul.newslist li h2 a {font-size:0.24rem;line-height:1.83em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; color: #216da1;}
ul.newslist li p{max-height:3.5em;line-height:1.75em;overflow:hidden;}
ul.newslist li p a{color: #216da1;}
/*图片列表*/
.picbox{ background: #e7edf4; padding-top: 0.3rem;}
ul.piclist {line-height:1em;font-size:0;overflow:hidden; width: 12rem; margin:0 auto;}
ul.piclist li {position:relative;float:left;width:31.58%; margin:0 0 0.3rem 0;overflow:hidden;z-index:1;}
ul.piclist li:nth-child(3n-1) {margin:0 2.5% 0.3rem;}
ul.piclist li:nth-child(3n-2) {clear:both;}
ul.piclist li img{width:100%;}
ul.piclist li h2 {padding:0.17rem 0.2rem 0.31rem;font-size:0.18rem;line-height:1.77em;background:rgba(255,255,255,0.5);}
ul.piclist li h2 a {height:3.54em;overflow:hidden;}
ul.piclist li a:after {position:absolute;left:0;top:-15%;content:"";display:block;width:100%;height:100%;background:url("../images/bg_video_icon.png") center center no-repeat;background-size:14% auto;}
ul.piclist li h2 a:after {display:none;}
.code{ padding: 40px 0px;}
.code ul{ overflow:hidden; zoom:1; text-align: center; margin:  0 auto;  }
.code ul  li img{display: inline;}
.code ul  li h3{font-size: 0.18rem;  margin: 10px 0px; color: #edda9d;}

@media screen and (max-width:1200px){
	body { background-size: 150% auto}
	#header {height: 6.4rem;}   
	ul.listbox,ul.newslist,ul.piclist{width:96%; margin: 0 2%;}
    ul.listbox li{margin: 0px 0.06rem 0.4rem;}
    ul.listbox li span{width: 1.83rem;}
    ul.listbox li:nth-child(5n+1){margin-left:0.06rem;}
    ul.listbox li ul li:nth-child(5n+1){margin: 0px; }
    ul.listbox li:nth-child(5n){margin-right:0.06rem;}
    ul.listbox li ul li:nth-child(5n){margin: 0px; }
    ul.listbox li ul li{width:2rem;}
}
@media screen and (max-width:768px){
ul.listbox { line-height: 5.2vw; }
ul.listbox li{  margin: 0px 1.1% 0.3rem; font-size: 18px; width: 31%;box-sizing:border-box; }
ul.listbox li:nth-child(5n+1){margin-left:1.1%;}
ul.listbox li ul li:nth-child(5n+1){margin: 0px; }
ul.listbox li:nth-child(5n){margin-right:1.1%;}
ul.listbox li ul li:nth-child(5n){margin: 0px; }
ul.listbox li span{width:96%; padding: 0px 2%;}
ul.listbox li span i{width: 3vw; height: 3vw; margin-top: 0.6vw }
ul.listbox li ul{ top:5.2vw; }
ul.listbox li ul li a{padding: 0 0.1rem;}
ul.listbox li ul li{width:28vw;}
ul.newslist li {float: none; width: 93%;margin:0 auto 0.26rem;}  
ul.newslist li:nth-child(2n+1){clear:left; margin:0 auto 0.26rem;}
ul.newslist li h2 a{ font-size: 24px; }
ul.newslist li p{font-size:16px;}
    .code ul  li img{width:27.34vw; height: 27.34vw;} 
}
@media screen and (max-width:600px){
    ul.listbox li:hover ul{display: none;}
    ul.listbox { line-height: 8.2vw; }
    ul.listbox li{  margin: 0px 0.5% 0.3rem; width: 49%;font-size: 16px;border:0.12rem solid rgba(255,255,255,0.5); border-radius: 5px;}
    ul.listbox li:nth-child(5n+1){margin-left:0.5%;}
    ul.listbox li ul li:nth-child(5n+1){margin: 0px; }
    ul.listbox li:nth-child(5n){margin-right:0.5%;}
    ul.listbox li ul li:nth-child(5n){margin: 0px; }
    ul.listbox li span i{width: 6vw; height: 6vw; margin-top: 0.6vw }
    ul.listbox li ul{ top:8.2vw; }
    ul.listbox li ul li{width:43.6vw;}
    ul.newslist li h2 a{ font-size: 18px; font-weight: 700; }
	ul.newslist li p{font-size:14px;}
	ul.piclist li {position:relative;float:left;width:48.5%; margin:0 0 0.3rem 0;overflow:hidden;z-index:1;}
    ul.piclist li:nth-child(3n-1) {margin:0 0 0.3rem;}
    ul.piclist li:nth-child(3n-2) {clear:none;}
	ul.piclist li:nth-child(2n+1){ margin-right: 3%; clear:left;}
	ul.piclist li h2{font-size:16px;}
    .code ul  li img{width:37vw; height: 37vw; }
    .code ul  li h3{font-size: 14px;}
}
@media screen and (max-width:480px){ul.listbox li ul li{width:45vw;}}
@media screen and (max-width:370px){ ul.listbox li{ font-size: 14px;}}
/*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;}
div#footerG>div p a {display:inline-block;color:#757373;}
/*footer_end*/
/*mobileFooter_begin*/
div#footer {display:none;padding:26px 12% 25px;font-size:16px;color:#787878;text-align:center;background:#f1f1f1;}
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;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;}
@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}
}
@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;}
}