body{ font-size:14px; font-family:"microsoft yahei"; color:#222; padding:0; margin:0;background-color:#fafafa}
a:hover{ color:#013D78}
a{ color:#222; text-decoration:none}
h1,h2,h3,h4,ul,li{ font-weight:100;margin:0; padding:0; list-style-type:none;}
div,ul{ overflow:hidden}
.w{ width:1200px; margin:0 auto}


.top{height:80px; line-height:80px; overflow:hidden;background: rgba(1, 61, 120, 0.5); position:fixed; top:0; left:0; width:100%; z-index:9999}

.logo{float:left; width:20%; text-align:left; padding:10px 0}
.dh{ float:right; width:50%}
.dh li{ float:left; width:16%}
.dh a:hover{ font-weight:bold}
.dh a{ color:#FFF; font-size:16px}



.main_banner{width:100%;overflow:hidden;height:950px;margin:0 auto;position:relative;z-index:2}
.main_banner .bd{width:1920px;height:950px;position:absolute;top:0;left:50%;margin-left:-960px;overflow:hidden}
.main_banner .bd li img{width:1920px;height:950px;overflow:hidden}
.main_banner .hd{position:absolute;width:270px;left:50%;bottom:50px;height:0;z-index:3000;margin-left:-114px;text-align:center}
.main_banner .hd ul{display:inline-block}
.main_banner .hd li{margin-right:18px;width:70px;height:3px;background-color:#fff;text-align:center;cursor:pointer;font-size:0;font-weight:700;display:block;float:left;overflow:hidden}
.main_banner .hd li.on{background-color:#17b68f}
.main_banner .hd li:focus{outline-style:none;outline-color:invert;outline-width:medium}
.main_banner .lj{display:inline-block;width:50px;height:50px;background:url(icon.png) -91px -152px no-repeat}
.main_banner .lk{display:inline-block;width:50px;height:50px;background:url(icon.png) -147px -152px no-repeat}
.main_banner a.prev{display:block;width:50px;height:50px;position:absolute;left:5%;top:50%;margin-top:-25px;border-radius:50%;filter:alpha(opacity=100);opacity:1;transition:all 600ms ease}
.main_banner a.next{display:block;width:50px;height:50px;position:absolute;right:5%;top:50%;margin-top:-25px;border-radius:50%;filter:alpha(opacity=100);opacity:1;transition:all 600ms ease}
.main_banner a:hover{width:50px;height:50px;filter:alpha(opacity=100);opacity:1}
.main_banner a{width:25px;height:44px}
.page_banner{width:100%;overflow:hidden;height:300px;margin:0 auto;position:relative;z-index:1}
.page_banner img{height:300px;width:1920px;position:absolute;left:50%;right:50%;margin-left:-960px}
.page_banner .page_text{position:absolute;left:50%;top:100px;text-align:center;margin-left:-60px}
.page_banner .page_text p{font-size:30px;color:#fff;font-weight:700}
.page_banner .page_text i{display:inline-block;width:40px;height:5px;background-color:#fff;margin-top:12px}
.main_banner a.prev:hover{opacity:.8;filter:alpha(opacity=80);transition:all 600ms ease;left:4%}
.main_banner a.next:hover{opacity:.8;filter:alpha(opacity=80);right:4%}
.rightFix{width:48px;position:fixed;right:0;bottom:12%;z-index:888}


.cp{ width:80%; margin:0 auto}
.cp ul{ padding:30px 0 30px 0}
.cp h3{ font-size:26px; color:#666}
.cp h4{ font-size:16px; color:#999; padding-bottom:30px;}
.cp li{ float:left; width:33.3%; line-height:30px;}
.cp a{ display:block; padding:5px; font-size:16px; font-weight:bold}
.cp img:hover{transform: scale(1.1);}
.cp img{ transition: all 0.5s;width:100%}

.gy{ background:url(gybg.jpg) no-repeat; height:630px; color:#FFF}
.gys{padding:110px 0}
.gys h2{ font-size:40px;}
.gys p{ line-height:28px; font-size:16px}
.gys a:hover{ background-color:#FFF; color:#333}
.gys a{ border:2px solid #FFF; color:#fff; border-radius:25px; padding:10px 15px 10px 15px;}


.yy{ text-align:center; padding:40px 0 40px 0}
.yy h3{ font-size:26px; color:#666}
.yy h4{ font-size:16px; color:#999; padding-bottom:30px;}
.yy li{ float:left; width:33.3%; line-height:30px;}
.yy a{ display:block; padding:15px; font-size:16px; font-weight:bold}
.yy img:hover{transform: scale(1.1);}
.yy img{ transition: all 0.5s;width:100%}


.ys{background:url(ysbg.jpg) no-repeat; color:#FFF; }
.ys ul{ padding:40px 0}
.ys li{ float:left; width:25%; text-align:center; line-height:50px;font-size:16px}
.ys b{ font-size:60px; display:block; font-weight:100}
.ys p{ display:block; text-align:center; line-height:30px;}


.xw{ padding:40px 0 40px 0}
.xw h3{ font-size:26px; color:#666; text-align:center}
.xw li{ float:left; width:33%;}
.xw b{ color:#999; font-weight:100; padding:10px 0 10px 0; display:block}
.xw h4{ font-size:16px; font-weight:bold;padding:10px 0 10px 0; }
.xw a{ display:block; padding:10px}
.xw img:hover{transform: scale(1.1);}
.xw img{transition: all 0.5s; width:100%}
.xw p{ color:#666}


.yq{ padding:0 0 40px 0}
.yq li{ float:left; width:16%; text-align:center}
.yq img:hover{transform: scale(1.1);}
.yq img{ transition: all 0.5s;width:90%}


.lms{ text-align:center; padding:40px}
.lms a:hover{ background-color:#013D78; color:#FFF}
.lms a{ background-color:#f0f0f0; padding:15px; margin-right:20px}

.nr{ padding:30px 0 40px 0}
.nr h1{ font-size:36px; text-align:center; border-bottom:1px solid #CCC; padding:0 0 40px 0}
.nrs { line-height:33px; padding:30px 0}
.nrs img:hover{transform: scale(1.1);}
.nrs img{transition: all 0.5s;}



.sx{ color:#013D78; background-color:#f0f0f0; padding:15px}
.sx span{ float:right}


.sw li{ float:left; width:25%; text-align:center;}
.sw img{ width:90%}



.end{ background:#1c1c1c; padding:20px}
.elx{ color:#ccc; line-height:30px; float:left; width:30%}
.elx h3{ font-weight:bold}
.ddh{ float:left; line-height:150px}
.ddh a:hover{ color:#aaa}
.ddh a{ font-size:20px; font-weight:bold; color:#ddd; padding-right:35px;}

.di{ background-color:#141414; padding:15px; color:#666; text-align:center}
.di a:hover{ color:#aaa}
.di a{ color:#666}





@media screen and (max-width: 768px) {

.w{ width:100%}
.top{ height:40px; line-height:45px}
.logo{ width:20%; padding:0}
.logo img{ height:20px;}

.dh{ width:80%}
.dh a{ font-size:10px; font-weight:bold}

.cp{ width:100%}
.gy{ height:580px;}
.gys{padding:20px 40px 0 20px;}
.gys h2{ font-size:20px;}
.gys p{ line-height:20px; font-size:12px; width:91%; text-align:justify}
.ys p{ line-height:20px; font-size:12px}
.cp li,.xw li,.yy li,.sw li{ width:100%}
.xw p,.xw b{ display:none}
.elx{ width:100%; line-height:18px;}
.ddh{ display:none}
.di{ font-size:10px}


.main_banner{height:350px;margin:43px auto 0 auto;position:relative;z-index:2;}
.main_banner .bd{width:160%;height:350px;position:absolute;top:0;left:0;margin-left:-60%;overflow:hidden}
.main_banner .bd li img{width:136%;height:350px;overflow:hidden}
.main_banner .hd{position:absolute;width:270px;left:50%;bottom:50px;height:0;z-index:99;margin-left:0;text-align:center}

.main_banner .lj{zoom:0.5}
.main_banner .lk{zoom:0.5}


.main_banner a.prev{display:block;width:20px;height:20px;position:absolute;left:5%;top:50%;margin-top:-25px;border-radius:50%;filter:alpha(opacity=100);opacity:1;transition:all 600ms ease}
.main_banner a.next{display:block;width:20px;height:20px;position:absolute;right:5%;top:50%;margin-top:-25px;border-radius:50%;filter:alpha(opacity=100);opacity:1;transition:all 600ms ease}

}