@charset="utf-8";

body {

	margin: 0;

	width: 100%;

	}
 .phone span{display:none}
.seo li {

    display: inline-block;

    padding: 2px 8px;

    font-size: 13px!important;

    line-height: 80px;

    color: #fff;

float: left;

font-weight: bold;

}



#a {

	width: 100%;

	height: 80px;

	background: #282828;

	top: 0px;

	position: fixed;

	z-index: 1;

	/* left: 15%; */



}

.w1300 {

    width: 1300px;

    margin: 0 auto;

}

.telimg img {

    width: 80%;

}

.head_top{ width: 1300px; margin: 0 auto;}

.logo{ width:300px; float: left; margin-top: -5px;}

.logo img{ width:75%}

.phone{ float:right; width:150px;color:#fff;height:60px;line-height:20px;font-size:12px;margin-top: -10px;background:url(../images/headerweixin.jpg)  no-repeat  right;margin-right:60px}
.seo_nav {width: 790px;

    float: left;

    height: 60px;

    text-align: center;

    margin-left: 305px;}

.telimg{width:150px; float: left; }

.tel{width: 182px; float: left;  font-size: 30px;color: #f14319;

}

.ol4{ width: 1220px;height: 510px; margin: 0 auto;}

.seo {

display: inline-block;

	font-size: 8px;

	letter-spacing: 2px;

	line-height: 3px;

	color: #fff;

text-align: center;		

}

#b {

	position: absolute;

	left: 410px;

	top: 1px;

	position: fixed;

	z-index: 1

}

#b {

	position: absolute;

	left: 410px;

	top: 1px;

	position: fixed;

	z-index: 1

}

#c {

	color: red;

	font-size: 22px;

	font-weight: bold;

	left: 488px;

	position: absolute;

	top: 15px;

	position: fixed;

	z-index: 1

}

#d {

	color: red;

	font-size: 16px;

	left: 515px;

	position: absolute;

	top: 45px;

	position: fixed;

	z-index: 1

}

#p1 {

	left: 880px;

	position: absolute;

	position: fixed

}

#p2 {

	left: 980px;

	position: absolute;

	position: fixed

}

#p3 {

	left: 1080px;

	position: absolute;

	position: fixed

}

#p4 {

	left: 1180px;

	position: absolute;

	position: fixed

}

#p5 {

	left: 1280px;

	position: absolute;

	position: fixed

}

#p6 {

	left: 1380px;

	position: absolute;

	position: fixed

}

nav {

	
border: 1px solid #282828;
    width: 100%;
    height: 43px;
    background: #282828;
    position: fixed;
    top: 18px;
    z-index: 1;

}

* {

	margin: 0;

	padding: 0

}

.ul1 a {

    color: #fff;

}

.ul1 {

/* margin: 5px auto; 

	width: 1300px; 

	margin: 0 auto;

padding: 0px 12%; 

 position: relative;*/

 position: absolute;margin-left:300px;top:0;;text-align: center;

}

.jbg {

	width:100%;

	background: #282828

}

.footer_nav li {

	display: inline-block;

	padding: 0 16px;

	font-size: 14px;

}

.footer_left {

	width: 450px;

	display: inline-block;

	padding-top: 19px;

float:left

}

.footer_left img {

   width: 60%;

    padding-left: 25px;

}











.footer_right{

	width: 750px;

	float:left;padding-top: 80px;

}

ul {

	list-style: none

}

a {

	text-decoration: none;

	color: #333;

}

.ul1>li {

 

	height: 2em;

	text-align: center;

	/* border-radius: 0.5em 0.5em 0 0; */

	font-size: 16px;

	padding: 0px 15px;

	margin-top: 3px;

	line-height: 40px;

	 display: inline-block;position: relative;

	/* margin-right: -10px; */

}

.ul1>li:hover {

	background: #1b1b1b

}

ul.ul2 a {

    font-size: 16px;

}

.ul2 {

	background: #1b1b1b;

	border-radius: 0 0 0.5em 0.5em;

	display: none;

	width: 98px;

	font-size: 15px;

	 position: absolute;

	left: 0px;	padding: 0px 16px;
top:32px;
}

.ul2>li>a:hover {

	background: #000;

	width: 100%;

	/* height: 1.5em; */

	line-height: 1.5em;

	font-size: 16px;

	display: inline-block;



}

.ul1>li:hover>ul {

	display: block;

}

#e {

	width: 100%;

	margin-bottom: 90px;

	height: 600px;

}

#f {

	height: 409px;

	background: #EBF4FA;

	margin-top: 174px;

	padding-left: 244px;

	padding: 20px 0 0 174px;

}

#ul3 {

	list-style: none;

	font-size: 17px;

	font-weight: bold

}

#ul3 li:hover {

	background: linear-gradient(to right, orange, red)

}

#ul3 li {

	display: inline;

	background: linear-gradient(to left, #660000, red);

	padding: 10px 10px;

	border-radius: 5px

}

#i10 {

	left: 288px;

	position: absolute;

	top: 840px

}

#i11 {

	left: 153px;

	position: absolute;

	top: 935px

}

#i12 {

	left: 280px;

	position: absolute;

	top: 935px

}

#i13 {

	left: 421px;

	position: absolute;

	top: 935px

}

#i14 {

	left: 83px;

	position: absolute;

	top: 1030px

}

#i15 {

	left: 206px;

	position: absolute;

	top: 1030px

}

#i16 {

	left: 352px;

	position: absolute;

	top: 1030px

}

#i17 {

	left: 494px;

	position: absolute;

	top: 1030px

}

#i18 {

	left: 47px;

	position: absolute;

	top: 1125px

}

#i19 {

	left: 190px;

	position: absolute;

	top: 1125px

}

#i20 {

	left: 350px;

	position: absolute;

	top: 1125px

}

#i21 {

	left: 510px;

	position: absolute;

	top: 1125px

}

video {

	left: 685px;

	position: absolute;

	margin-top: -56px;

	margin-left: 479px;

}

#i9 {

	text-align: center;

	

	text-align: center;

	line-height: 3em;

	text-indent: 2em;

	padding: 39px 20px;

	color: #000000;

	font-size: 14px;

}

table {

	margin: 0 auto;

	margin-top: 75px;

	background-color: #ebf4fa;

}

caption {

	font-size: 25px;

	color: red;

	font-weight: bold;

	margin-top: -60px;

}

td {

	height: 40px;

	text-align: center;

}

#g {

	width: 100%;

	padding: 67px 0;

	padding: -2px 20%;

	height: 560px;

	background: #ffffff;

}

.but1 {

	padding: 10px 60px;

	font-size: 22px;

	color: White;

	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);

	border-radius: 20px;

	background: orange;

	background: linear-gradient(to left, #660000, red)

}

.but1:hover {

	background: linear-gradient(to right, orange, red)

}

#menu_content ul li {

	display: inline-block;

	line-height: 22px;

	padding: 20px 0;

}

#menu_content img {

	width: 250px;

}

#menu_content {

	margin: 0 auto;

	width: 85%;

	margin-top: 50px;

}

#menu_content span {

	DISPLAY: BLOCK;

	TEXT-ALIGN: CENTER;

	padding-top: 8px;

}

#menu_content img {

	width: 312px;

	height: 218px;

	border-radius: 20px;

	border: 3px solid #660000;

}

div#h a {

    color: #fff!important;

}

#h {

	width: 100%;

	height: 80px;

	text-align: center;

	color: #fff;

	line-height: 36px;

	background: #282828;

	overflow: hidden;

}

#h a:hover {

	text-decoration: underline;

}

#j {

	width:1200px;

	/* padding: 54px 12%; */

	background: #282828;

margin:0 auto;

height:200px;

}

#dh {

	font-size: 31px;

	right: 343px;

	top: 20px;

	font-family: initial;

	position: absolute;

	color: red;

}

#dhbtn {

	position: absolute;

	right: 529px;

}

#gsjs {

	padding: 0 40px;

	text-align: left;

}

.gywm {background-color: #fff;}

ul.footer_nav {

	display: inline-block;

	margin-bottom: 28px;

	bottom: 44px;

}

ul.footer_nav li:hover {

	background-color: #b512127d

}

.footer_nav a {

	color: #fff!important;

}

.banner_column {

	margin-top: 80px;

}

#gsjs_div {

 



	padding: 33px;



        width:1200px;

        margin:0 auto

}

#gsjs_div img {

	width: 100%;

}

#gsjs_div div {

	display: inline-block;

	/* width: 700px; */

	line-height: 50px;

	overflow: hidden;

}

#gsjs_div h3 {

	text-align: center;

}

#gsjs_div p {

	padding: 0 28px;

}

#gsxw>li>a {

	display: inline-block;

	color: #000!important;

	height: 211px;

	text-align: center;

	font-size: 16px;

	overflow: hidden;

}

.lxwm li a {

	display: inline-block;

	color: #000!important;

	height: 36px!important;

	overflow: hidden;

}

#gsxw>li {

	display: inline-block;

	width: 359px;

	text-align: left;

	/* padding-top: 26px; */

	color: #fff!important;

	margin-left: 95px;

	list-style: disc!important;

}

.hover_span{ background-color:#bcc6cc;}

.pageinfo {

    color: #fff!important;

}

#gsxw span {

	width: 100%;

	color: #fff;

	/* background-color:  red; */

	/* text-align:  center; */

}

.gsxw li a {

	height: 26px!important;

}

#gsxw {

	text-align: center;

	margin-top: 80px;

	width: 1300px;

	margin: 0 auto;

	/* padding-left: 88px; */

	/* font-size: 16px; */

}

#gsxw li>a:hover {

	text-decoration: underline;

}

#gsxw h3 {

	margin: 30px;

 

}

.hdal {

	border-bottom: 2px solid #660000;

}

.hdal>li {

	width: 280px!important;

	margin: 20px 0;

	border: 1px solid #868686;

}

.hdal li img {

	width: 100%;

	height: 190px;

	/* border-radius: 0%; */

}

.hover_span:hover {

	background-color: #ffb204f2;

	text-decoration: none!important;

}

.hdal li {

	display: inline-block;

	/* color: #000!important; */

	/* background-color: #660000; */

	margin-left: 6px!important;

}

.hdal>a {

	text-align: center

}

#h3_center {

	text-align: center;

	font-size: 23px;

	margin: 20px 0;

}

#global_h3 {

 

	text-align: center;

	font-size: 20px;

	margin: 20px 0;

}

#p_hr {

	

	margin: 20px 0;

}

#article_div {

	width: 999px;

	margin: 0 auto;

}

#article_body {

	border: 1px solid #d2d2d2;

	padding: 20px;

	text-indent: 2em;

 

}

.lxwm li a {

	display: inline-block;

	color: #000!important;

	height: 36px!important;

	overflow: hidden;

}

#lxwm_content {

	text-indent: 2em;

	padding: 20px;

	width: 1000px;

	border: 1px solid #c7c7c7;

	margin: 0 auto;



}

#power_by {

	color: #fff;

	padding-left: 30px;

font-size:13px;

}

#power_by a {

	color: #fff;

}
.clh{color:#efd40f}
#logo{margin-left: 10%;}



#fwfw {

    padding: 76px 0;

    width: 100%;

    background-color: #ebf4fa!important;

    text-align: center;

}

#fwfw li {

    display: inline-block;

    width: 394px;

    height: 258px;

    padding: 20px 0;

}

#fwfw li img {

    width: 100%;

    cursor:  pointer;

    height: 100%;

}

.index_xw{    

	background-color: #ebf4fa;

    margin-bottom: 0!important;}

.index_xw span{ color:#000!important}

.title-top{

 width: 1200px;

 margin: 0 auto;

}

.title-top p {

  padding-bottom: 15px;

  font-size: 16px;

  color: #4a4a4a;

  text-align: left;

}



.lxwmap{width: 1024px;

    margin: 20px auto;}

	.lxmap2{width:1097px;height:550px;border:#ccc solid 1px;}
.footer {width: 100%;

	height: 200px;

	background: #282828;


	color: #fff;

	

}

.foot {width: 1200px;

	margin: 0 auto;

}

.footer a {

	color: #fff;font-size:13px

}

.left-ewm{width:130px;height:130px;float:left;padding-top:42px}
.foot_Left {
	padding-top: 40px;
	width: 450px;
    display: inline-block;
    float: left;
	font-size: 15px;
}

.foot_right{

	width: 550px;

	float:left;padding-top: 60px;

	color: #fff;

}

.foot_nav {

	margin-top: 32px;

  float:right;line-hight:24px

}

.foot_nav li {

    display: inline-block;

    padding: 0 16px;

    font-size: 18px;

}

.foot_nav li:hover {

	background-color: #fc3812;

}



.foot_Left p {
line-height: 32px;
    color: #fff;
    padding-left: 30px;

}
@media screen and (max-width: 800px) {
.footer{ overflow: hidden;padding-bottom: 40px;height:auto}.foot {
    width: 100%;
}.left-ewm {
    width: 120px;
    margin: 0 20px;
    height: 120px;
    float: left;
 padding-top: 32px;
}.left-ewm img {
    width: 100%;
}.foot_Left {
    width: calc(100% - 160px);
    text-align: left;
    line-height: 2;
    font-size: 14px;padding: 20px 0;
}.power_by {
    padding-left: 0px;
    line-height: 1.8;
}
.foot_right{display:none}
nav {

    border: none;

    width: 100%;

    height: 60px;

    background: #282828;

    position: fixed;

    top: 0;

    z-index: 1;

}



	

.ul1>li:hover>ul{display:none !important}

.footer_right{display:none}

.lxwmap{width:auto}

	.lxmap2{width:100%;height:550px;border:#ccc solid 1px;}

body{min-width:100%}

.container{width:100%}

.contain{width:100%}

.phone{    margin-right: 10px;
    background: url(../images/headerweixin.jpg) no-repeat top right;
    background-size: 45px 46px;
    height: 50px;
    margin-top: 5px;
    line-height: 1.3;
    width: 130px;}
.phone span{color:#282828;display:inline-block}

 .ul1{  display:block;  width: 100%;overflow:hidden;top: 60px;margin-left:0;

/*    top: 60px;

    left: 0;

    position: absolute;*/

    background: #333;}

 #a{height:60px}

 #e{margin-top:60px}

 .ul1>li {

    width: 20%;

    height: 40px;

 

   

    font-size: 14px;

    padding: 0px ;

    margin-top: 0;

    line-height: 40px;

    float: left;

 

}

.lxmap2{ display:none}

.hdal li img {

 

	height: 160px;

	/* border-radius: 0%; */

}





.nav {

    border: none;

    width: 100%;

    height:auto;

    background: #282828;

    position: fixed;

    top: 0;

    z-index: 1;

}.logo {

    width: auto;

    float: left;

    margin-top: 0;

   
    height: 60px;

}.logo img {

    width: auto;

    height: 40px;

    margin-top: 10px;

}

#gsxw,.title-top{width:100%}
.banner_column {
margin-top: 100px;
}
#lxwm_content{margin: 20px;width:auto; text-indent: 0;}
.title-top p {

   

    font-size: 16px;

 

    text-align: center;

}

.hdal>li{width:48% !important;    box-sizing: border-box;float:left;margin:1% !important}



#h{height:auto;font-size:14px;}

#j{width:100%;height:auto}

.footer_left {

    width: 100%;

    display: inline-block;

    padding:20px 0  50px;

    float: none;text-align: center;

}

.footer_left img {

    width: 50%;

    padding-left: 0;

}

#power_by {

 

    padding-left: 0;

  

}

#gsjs_div{width:auto;padding:20px}

#article_body{text-indent:0}

#gsjs_div img,#article_body img{max-width:100%   !important;height:auto !important}

.dede_pages{    padding: 20px 0;clear:both}

#article_div{width:auto;margin: 0 20px}

}


@media screen and (max-width: 460px) {
.left-ewm{width:80px;height:80px;margin: 0 10px;padding-top: 20px;}
.foot_Left {
    width: calc(100% - 100px);padding: 20px 0;}
.foot_Left p {

    line-height: 1.5;
}
}




 

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

.foot_Left {  font-size: 10px;}

}