html{
height: auto;
position: relative;
}
body{
min-height: 100%;
_height: 100%;
}
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,iframe,pre,code,fieldset,legend,form,p,blockquote,figure,header,footer,nav,article,section,aside,address,figcaption{
margin: 0;
padding: 0;
border: 0 none;
*zoom: 1;
}
li{
list-style-type: none;
}
h1,h2,h3,h4{
font-size: 100%;
}
img	{
border: 0 none;
vertical-align: top;
}
input[type="button"],input[type="submit"],input[type="reset"],button{
cursor: pointer;
-webkit-border-radius: 0;
-webkit-appearance: none;
}

input[type="radio"]{
-webkit-border-radius: 100%;
-webkit-appearance: radio;
}
input[type="checkbox"]{
-webkit-appearance: checkbox;
}
textarea{
overflow: all;
resize: none;
}
blockquote,q{
quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after{
content: "";
content: none;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
/*caption,th{
text-align: left;
}*/
th{
font-weight: normal;
}
em,cite,address,i{
font-weight: normal;
font-style: normal;
}
sup{
vertical-align: text-top;
}
sub{
vertical-align: text-bottom;
}
body,input,select,button,textarea{
font-size: 14px;
font-family: "思源黑体","Microsoft yahei","微软雅黑",arial,"\5b8b\4f53"
}
body{
line-height: 1.5;
}
a{
text-decoration: none;
color: #333
}
:focus{
outline: none;
}
/*清除浮动Style*/
.fixed:before,
.clearfix:before,
.cf:before,
body:before,
.header:before,
.main:before,
.footer:before{
content: "";
display: table;
}
.fixed:after,
.clearfix:after,
.cf:after,
body:after,
.header:after,
.main:after,
.footer:after{
content: "";
display: table;
clear: both;
}
.fixed,
.clearfix,
.cf,
.header,
.main,
.footer{
*zoom: 1;
}

.s4{
transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.s6{
transition: all 0.6s;
-o-transition: all 0.6s;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
}
.s10{
transition: all 1s;
-o-transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
}

/*top*/
.top_bg{ width:100%; height:auto; position:fixed;z-index:500; left:0; top:0; background:#fff;box-shadow: 0px 0px 8px #eeeeee;}
.top{ width:86%;max-width:1640px; margin:0 auto; height:85px;overflow: hidden;}
.logo{ float:left; width:auto; height:85px;}
.logo img{ width:auto; height:85px;}
.top_r{width:80%;float:right;text-align:right;}

.nav{width: auto;height:50px;float:left;margin-right: 0px; text-align:right; margin-top:23px;}
/*.nav > ul{style-type:none;width:100%;text-align:right;}
.nav ul li { display:inline;float: left;font-size: 13.1pt;text-align: right;margin-left: 2.5%;margin-top: 0px;}*/
.nav ul{float:right;display:table;}
.nav ul li{float: left;font-size: 18px; margin-left:75px;height: 70px;line-height: 70px;}
.nav ul li .menus{position: absolute;top: 85px;width: 130px;transform: translateX(-22%);display: none;background-color: #fff;border-left: 1px solid #fff;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.nav ul li .menus a{display:block; line-height: 44px;height: 44px; font-size: 16px;color: #666;border-top: 1px solid #dcdcdc;text-align: center;border-bottom: none;}
.nav ul li .menus a:first-of-type{border: 0;}
.nav ul li .menus a:hover{color: #fff;background-color: #0477b8;}
.nav ul li a{color: #000;width: 100%; text-align:center; height:62px; line-height:50px;border-bottom: 0px #fff solid;display: block;}

.yj_link { color: #666; position:relative; } 
.yj_link:before { border-bottom: #0477b8 3px solid; position: absolute; width: 0; display: block; content: ""; left: 50% !important; transform: translatex(-50%); bottom:0px; transition: all .5s; } 

.nav ul li:hover .yj_link { color: #0477b8; } 
.nav ul li:hover .yj_link:before { border-bottom: #0477b8 3px solid; position: absolute; width: 100%; display: block; content: ""; left: 50% !important; transform: translatex(-50%); bottom:0px }
.nav ul li a.hover{color: #0477b8;}
.nav ul li.hover .yj_link:before { border-bottom: #0477b8 3px solid; position: absolute; width: 100%; display: block; content: ""; left: 50% !important; bottom:0px }
/*.nav ul li a.hover:before { border-bottom: #7ab355 2px solid; position: absolute; width: 100%; display: block; content: ""; left: 50% !important; transform: translatex(-50%); bottom:0px }*/
.nav ul li .nav1{width: 100%;height:400px;border-top: 1px #cecece solid;overflow: hidden;line-height: 60px;position: absolute;left: 0px;top: 85px;background: #fff;z-index: 111;display: none;}
.nav ul li .nav2{ width:1000px;margin:0px auto; text-align:center;height: auto; padding-left:10%;}
.nav ul li .nav2 dl{ width:210px;float:left; text-align:left; height:auto; margin-left:50px; margin-right:60px;  padding-top:30px;}
.nav ul li .nav2 dl h1{font-size:18px; font-weight:inherit; text-align:left;line-height:55px; border-bottom:1px #e1e1e1 solid; margin-bottom:20px;}
.nav ul li .nav2 dl h1 a{line-height: 55px;height: 55px;width: auto;text-align:left;}
.nav ul li .nav2 dl h1 a:hover{color:#0477b8;}
.nav ul li .nav2 dl dd a span{float:right; padding-right:10px; color:#fff;}
.nav ul li .nav2 dl dd{text-align: left; margin-top:5px;font-size:16px;}
.nav ul li .nav2 dl dd a{line-height: 40px;height: 40px;width: auto;text-align:left; color:#666666; padding-left:10px;}

.nav ul li .nav2 dl dd a:hover{ background:#0477b8; color:#fff; font-weight:500;}
.nav ul li .nav2 dl dd a.hover{border-bottom: 0px #b41d23 solid; color:#000;}

/*.nav ul li:hover .nav1{display: block;}*/

.top_r1{width:220px;float:right;text-align:right; margin-top:27px; position:relative;}
.ss .close{display:none;}
/*.ss{background:#fff url(../images/ss.png)no-repeat center;background-size:35px;height: 35px;max-width: 218px;cursor: pointer;position: absolute;right:1%;margin-top: 2px;width:35px;}*/
.ss{height: 35px;max-width: 208px;cursor: pointer; margin-top: 2px;}
.ss .input{max-width: 206px;height: 30px;width: 70%;padding-left: 10px;font-size: 14px;color: #999999;line-height: 30px;border: 0px;border-radius: 30px;outline: none;display: none;}
.ss .inputimg{ float:right;width:35px; height:35px; padding-right:5px; padding-top:1px;}
.ss:hover{width: 98%;border:1.5px #666 solid;border-radius: 30px;background:#fff;}
.ss:hover .input{display: block;}
.ss:hover .inputimg{width:30px; height:30px;padding-right:8px; }



.nav_sj{display:none}
/*公共样式*/
.top_rr{display: none;}



/*脚部*/

.footer {
width: 100%;
height: 418px;
background:#414141;
}

.footera{width: 86%;height: 418px; max-width:1640px; margin:0 auto;background:url(../images/logo_bot.png) no-repeat bottom right; }

.foot_logo {
width: 100%;text-align:center; margin:0 auto;
height: 36px;
position: relative;
color:#999999; border-top:1px rgba(153,153,153,0.4) solid; padding-top:20px;
/* display: none; */
overflow: hidden;
}
.foot_logo a{
	color:#999999;
}
.foot_font {
width: 100%;
height: auto;
position: relative;
min-height: 360px;
margin: 0 auto;
}

.left_font,
.right_font {
height: auto;
position: relative;
display: inline-block;
box-sizing: border-box;

}

.left_font {
width: 80%;
float: left;
/*padding-right: 150px;*/
color: #ffffff;
font-size: 12px;
text-align: left;
left: 0;padding-top:50px;
/* display:none; */


}
.left_font1{width:25%; float:left;}
.left_font1 h1{ font-size:20px; font-weight:lighter; color:rgba(255,255,255,1)}
.left_font1 dl{width:100%; margin-top:29px;}
/*.left_font1 dl select{width:80%; height:45px; line-height:45px; border:1px rgba(255,255,255,0.9) solid;border-radius:5px;color:rgba(255,255,255,0.7); font-size:16px; background:none; padding:0 2.5%; }*/
.left_font1 dl{width:70%; height:42px; line-height:42px; border:1px rgba(255,255,255,0.9) solid;border-radius:5px;color:rgba(255,255,255,0.7); font-size:16px; background:none; padding:0 3%; position:relative; }
.left_font1 dl:after {
width: 8px;
height: 8px;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
transform: rotate(135deg);
position: absolute;
right: 10px;
top: 14px;
content: "";
cursor: pointer;
}
.bt{height:124px; width:268px; background:url(../images/bt.png) no-repeat center top/cover; position:absolute; top:30px; left:3%; z-index:100; display:none;}
.bt .bt_1{width:86%; margin:10px auto; text-align:left; height:100px;overflow-y: auto; margin-top:20px;}
/*设置宽度,轨道颜色*/
::-webkit-scrollbar {
width: 5px;
height: 5px;
background: #ffffff;   /*可以设置轨道颜色*/
padding-right: 2px;
}

/*滚动条*/
::-webkit-scrollbar-thumb {
background: #ddd;
border-radius: 10px;
}
.bt .bt_1 a{display:block; height:30px; line-height:30px; color:#666; font-size:14px;}

.left_font2{width:15%; float:left; margin-left:5%;}
.left_font2 h1{ font-size:20px; font-weight:lighter; color:rgba(255,255,255,1)}
.left_font2 a{
color:rgba(255,255,255,0.7);font-size:16px;
display: block;
margin-top: 22px;margin-right: 20px;
}.left_font a:hover{
color: #999; }
.left_font4{width:16%; float:left; margin-left:3%; margin-right:1%;}
.left_font4 h1{ height:46px;}
.left_font4 h1 a{ font-size:20px; font-weight:lighter; color:rgba(255,255,255,1)}
.left_font3 h1{ font-size:20px; font-weight:lighter; color:rgba(255,255,255,1)}
.left_font3 h2{font-size:28px;font-weight:bolder; color:#dddddd;margin-top: 19px; line-height:24px;margin-bottom: 30px;}
.left_font3 h2 span{font-size:16px;font-weight:lighter; color:rgba(255,255,255,0.7);}
.left_font3 p{margin-top: 15px; font-size:16px; color:rgba(255,255,255,0.7)}

.right_font {width: 20%;
float: right;padding-top:80px;
text-align: right; 
right: 0; 
/* display:none; */
}

.right_font h1 {
position: relative;
overflow: hidden;
width: 150px; text-align:center;
position: relative;
float: right;
display: block;
margin: 0 0 20px auto;
font-weight: normal;
}

.right_font p {
color:rgba(255,255,255,0.7);
font-size: 16px;
}
.right_font img {
display: block;
margin: 0 auto 10px auto;
}
/*底部*/
.left_font {display:block;}
.right_font {display:block;}

@media  screen and (max-width: 1640px) {
	/* 头部 */
	.top_r{width: 77%;}
	.nav ul li .menus{top: 77px;width: 120px;}
	.nav ul li .menus a{font-size: 14px;line-height: 40px;height: 40px;}
.logo img{height: 77px;}
.top{height: 77px;}
.logo{height: 77px;}
.nav ul li .nav1{top: 77px;height: 375px;}
.nav ul li .nav2 dl h1{line-height: 42px;}
.nav{margin-top: 15px;}
.top_r1{margin-top: 19px;width: 210px;}
.ss .inputimg{
transform: scale(0.85);
-webkit-transform: scale(0.85);
-o-transform: scale(0.85);
-ms-transform: scale(0.85);
-moz-transform: scale(0.85);
}
.nav ul li{font-size: 17px;margin-left: 60px;}
.nav ul li .nav2 dl h1{font-size: 16px;}
.nav ul li .nav2 dl dd{font-size: 14px;}
.left_font4 h1 a{font-size: 16px;}
.left_font3 h1{font-size: 16px;}
.left_font3 h2{font-size: 23px;margin-top: 13px;margin-bottom: 25px;}
.right_font p{font-size: 12.5px;}
.left_font2 h1{font-size: 16px;}
.left_font2 a{font-size: 14px;margin-top: 5;}
.left_font3 p{font-size: 12.5px;margin-top: 12px;}
.left_font1 h1{font-size: 16px;}
.left_font1 dl{font-size: 12px;height: 36px;line-height: 36px;margin-top: 24px;}
.left_font1 dl:after{width: 6px;height: 6px;top: 12px;}

/* 底部 */
.bt{width: 225px;height: 98px;background-size:225px 98px;top: 5px;}
.bt .bt_1{height: 83px;margin-top: 10px;}
.bt .bt_1 a{font-size: 12px;height: auto;line-height: 27px;}
.foot_logo{font-size: 12px;}
.foot_logo a
{font-size: 12px;color:#666;}
.foot_logo{padding-top: 13px;}
.footer{height: 343px;}
.footera{height: 343px;background-size: auto 343px;}
.foot_font{min-height: 293px;}
.right_font h1{width: 125px;}
.right_font img{width: 100%;}
.left_font4 h1{height: 38px;}
}

@media  screen and (max-width: 1500px) {
	.top_r{width: 76%;}
}

@media  screen and (max-width: 1480px) {
	/* 头部 */
	.top_r{width: 72%;}
		.nav ul li .menus{top: 70px;width: 110px;}
	.nav ul li .menus a{font-size: 13px;line-height: 35px;height:35px;}
.logo img{height: 70px;}
.top{height: 70px;}
.logo{height: 70px;}
.nav ul li .nav1{top: 70px;height: 345px;}
.nav ul li .nav2 dl h1{line-height: 35px;}
.nav{margin-top: 8px;}
.top_r1{margin-top: 12px;}
.ss .input{padding-left: 5px;font-size: 13.5px;width: 65%;}
.ss .inputimg{
transform: scale(0.75);
-webkit-transform: scale(0.75);
-o-transform: scale(0.75);
-ms-transform: scale(0.75);	
-moz-transform: scale(0.75);
}
.nav ul li{font-size: 14.5px;margin-left: 55px;}
.nav ul li .nav2 dl h1{font-size: 14px;}
.nav ul li .nav2 dl dd{font-size: 12px;}
.nav ul li .nav2 dl dd a{height: 35px;line-height: 35px;}
/* 尾部 */
.left_font4 h1 a{font-size: 14px;}
.left_font3 h1{font-size: 14px;}
.left_font3 h2{font-size: 23px;margin-bottom: 20px;}
.right_font p{font-size: 12px;}
.left_font2 h1{font-size: 14px;}
.left_font2 a{font-size: 13px;}
.left_font3 p{font-size: 12px;}
.left_font1 h1{font-size: 14px;}
.left_font1 dl{font-size: 12px;height: 30px;line-height: 30px;margin-top: 20px;}
.left_font1 dl:after{width: 5px;height: 5px;top: 10px;}
.bt .bt_1 a{font-size: 12px;}
.foot_logo{font-size: 12px;}
.foot_logo a
{font-size: 12px;color:#666;}
.foot_logo{padding-top: 13px;}
.footer{height: 323px;}
.footera{height: 323px;background-size: auto 323px;}
.foot_font{min-height: 273px;}
.right_font h1{width: 112px;}
.right_font img{width: 100%;}

}

@media screen and (max-width:1380px) {
.top_r{width: 79%;}
}

@media screen and (max-width: 1280px) {
.nav ul li{margin-left: 43px;}
}
@media screen and (max-width: 1180px) {
.nav ul li{margin-left: 33px;}
}

/* 手机端 */
@media screen and (max-width: 1024px) {
body{max-width: 640px;height: auto;margin:0px auto;position: relative;}

.top{ width:100%; margin:0 auto; height:68px; }
.logo{ float:left; width:55%; height:68px; overflow:hidden; padding-left:3%;}
.logo img{ width:auto; height:68px; margin-top:0px;}
.top_r{width:35%;float:right;text-align:right;}
.top_r1{display:none; position:absolute; text-align:left; top:53px; left:0px; height:40px; width:100%; border-bottom:1px #eee solid; z-index:1; background:#fff;}
.top_r1 .ss .close{display:block;float:right!important; font-size:20px; padding-right:8px; color:#666; padding-top:2px;}

.ss{height: 35px;max-width: 100%;cursor: pointer;width: 96%; margin:0 auto; margin-top: 2px;}
.ss .input{max-width: 86%;height: 30px;width: 75%;padding-left: 10px;font-size: 12px;color: #999999;line-height: 30px;border: 0px;border-radius: 10px;outline: none;display:block;}
.ss .inputimg{ float:left!important;width:25px; height:25px; padding-right:5px; padding-left:6px; padding-top:5px;}
.ss:hover{width: 96%;border:0px #666 solid;border-radius: 0px;background:#fff;}
.ss:hover .inputimg{width:25px; height:25px;padding-right:5px;}

.top_rr{display: block;float: right;margin-top:20px;width: 60px;height: 60px;margin-right: 6%;}
.top_rr .search{ width:25px; float:left}
.top_rr .menu{ float:right; width:20px; overflow:hidden; display:inline;position:relative; height:40px; margin-top:5px; cursor:pointer}	
.top_rr .menu span{ width:100%; overflow:hidden; position:absolute;left:0px;top:5px; z-index:12;height:2px;border-radius:1px; background:#333;transition:all 0.4s ease}
.top_rr .menu span:nth-child(2){top:12px;transition:all 0.4s ease}
.top_rr .menu span:nth-child(3){top:19px;transition:all 0.4s ease}
.top_rr .menu-show{top:4px}
.top_rr .menu-show span{transform:rotate(45deg);top:8px}
.top_rr .menu-show span:nth-child(2){transform:rotate(-45deg);top:8px}
.top_rr .menu-show span:nth-child(3){ display:none}

/*.top_rr img{width: 60px;height: 60px;}*/



.nav{display:none}
.nav_sj{width: 60%;position: absolute;top: 68px;right: 0px;height: auto;background: rgba(24, 24, 24, 0.9);overflow: hidden;padding:0px 0px;z-index: 99999;display: none;}

.nav_sj ul{float:none;display:block;}
.nav_sj ul li{float: none;font-size: 16px; padding:0 5%;line-height: 50px;text-align: left;border-bottom: 1px #666 solid;box-sizing: border-box;}
.nav_sj ul li span{float: right;}
.nav_sj ul li span img{width: 15px;margin-top:17px;}
/*.nav ul li{font-size: 16px;line-height: 38px;margin-left: 0px;float: unset;display: block;width: 100%;}*/
.nav_sj ul li a{color: #f1f1f1; text-align:left; height:50px; line-height:50px;display: inline-block;}
.nav_sj ul li a.hover{color: #cccccc;/*font-weight: bolder;*/border-bottom: 0px #666 solid;}/**/
.nav_sj ul li .nav1{display: none; width:86%; margin-left:6%;}
.nav_sj ul li .nav1 a{color:#999; height:40px; line-height:40px;font-size: 15px;}


/*脚部*/
.footer {height:140px !important;}
.footera{height: 140px; max-width:1640px; margin:0 auto;background:url(../images/logo_bot.png) no-repeat bottom right; background-size:140px; }
/* .foot_font{display:none;} */
.left_font{padding-top: 10px;width: 100%;float: none;}
.right_font{display: none;}
.foot_font{min-height: auto;}
.left_font1{width: 100%;float: none;}
.left_font1 dl{float: left;width: 31%;box-sizing: border-box;margin-top:10px;margin-right: 1%;margin-left: 1%;}
.left_font1 h1{font-size: 13px;padding-left: 1%;font-weight: 500;}
.left_font2{display: none;}
.left_font3{display: none;}
.left_font4{display: none;}
.foot_logo {border-top:0px rgba(153,153,153,0.4) solid;display: block;height: 44px;}
.bt{width: 130%;height: 66px; background-size: 100% 66px;top: 25px;}
.bt .bt_1{height: 48px;}
.bt .bt_1 a{line-height: 25px;}
}