@charset "utf-8";
/* CSS Document */
* {
    padding: 0;
    margin: 0;
}

body, div, span, ul, li, ol, dl, dt, dd, em, i, h1, h2, h3, h4, h5, h6, p, input, a, img, button {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    /* font-weight:normal; */
    font-family: "Microsoft Yahei", Tahoma;
    color: #666;
    margin: 0 auto;
 }
	
img { display:block;}
a {text-decoration: none;}
.clear { clear:both;}
/*以下头部*/
.top_box {
	width:100%;
	position:fixed;
	top:0px;
	z-index: 100;
}
.nav_box { 
	height: 80px;
	background: #FFFFFF;
	min-width:1440px;
}
.nav_box_in {
	padding-left:70px;
	padding-right:30px;
}
.logo {
	float:left;
	padding:15px 0;
	zoom:1;
	}
.navbar{
	float:right;
	zoom:1;
    }
.nav_box1,.nav_box2,.nav_box3 {
	float:left;
	display:block;
	height:80px;
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: 400;
	font-size: 18px;
	color: #191919;
	}
.nav_box1 {min-width:730px;}
.nav_box1 ul,
.nav_box2 ul{
	float:left;
	}
.nav_box1 ul li,
.nav_box2 ul li{
	position: relative;
    display: inline-block;
    white-space: nowrap;
    padding: 0 14px;
	height:80px;
	line-height:80px;
	}
.nav_box1 ul li:hover a,.nav_box2 ul li:hover a { font-weight:bold;}
.nav_box1 ul li:hover::before,
.nav_box2 ul li:hover::before {
	width:80%; font-weight:bold;}
.nav_box1 ul li::before,
.nav_box2 ul li::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 0;
    height: 4px;
    background: #00A59F;
    transform: translate(-50%);
    transition: all .36s;
    box-sizing: border-box;
}
.nav_box3{ height:80px; line-height:80px; background:url(/images/dian.jpg) no-repeat 0px center; padding-left:15px;}
.search { 
    display:flex;
	align-items:center;
	height:80px;
	padding:0 15px;
	float:left;
	}
.search img { width:16px;}

.search_show {
    position: fixed;
    left: 0;
    top: 80px;
    width: 100%;
    z-index: 99;
	background: #fff;
    opacity: 0.95;
	height:190px;
}
.search_show::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: all .5s ease-in-out;
}
.search_show::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .05);
}

.mc_pos_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mc_msc_submit {
    width: 26px;
	height:26px;
    vertical-align: top;
	background:url(/images/search.png) no-repeat 0 center;
	float:left;
	display:block;
	border:none;
}

.mc_msc_input {
    width: calc(100% - 56px);
    height: 26px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    padding: 3px 0;
    padding-right: 12px;
	float:left;
	display:block;
	border:none;
}

input:focus {
    outline: none; /* 移除聚焦时的轮廓线 */
}

.mc_scm_form {
    width: 730px;
	float:left;
}
.mc_msc_box {
    font-size: 0;
    padding: 8px;
/*    border-bottom: 1px solid #dfdede;*/
}
.border_line {border-bottom: 1px solid #dfdede; float:left; width:680px;}

.mc_msc_box::after{
	content:"";
	clear:both;
	display:block;}

.close_search { width:26px; float:left; display:block; padding-top:0px; padding-left:8px;}

.line {
	display:block;
	height:80px;
	color:#D2D2D2;
	float:left;
	line-height:80px;
	padding:0 4px;
	}
.body_box { position:relative; top:80px; min-width:1440px;}
	/*weixin and top*/
.side_nav {
    position: fixed;
    top: 60%;
    right: 8%;
    width: 60px;
    z-index: 99;
}

.side_nav ul li {
    position: relative;
    width: 56px;
    height: 60px;
    float: right;
    margin-bottom: 1px;
    /* border-bottom: 1px solid #fff; */
}

.side_nav ul li a {
    display: inline-block;
    height: 56px;
    position: absolute;
    top: 0;
    left: 0;
    /*     border-bottom: 1px solid #fff; */
}


.side_nav ul li span {
    /*     display:block; */
    float: left;
    color: #fff;
    line-height: 60px;
    font-size: 16px;
    margin-left: 60px;
    cursor: pointer;
}

.side_nav_3 a {
    width: 60px;
}

.side_nav_3 a span {
    height: 128px;
    position: absolute;
    right: 60px;
    bottom: 0px;
    margin-left: 0 !important;
    display: none;
}
.side_nav_3 i img{
    width: 120px;
    height: 120px;
}


.back_top a {
    background:url(/images/back.png) no-repeat ;
    border-radius: 4px;
}
@media screen and (min-width: 2400px) {
.nav_box { 
	height: 160px;
	background: #FFFFFF;
	min-width:2800px;
	position: relative;
}
.nav_box_in {
	padding-left:140px;
	padding-right:60px;
}
.logo {
	float:left;
	padding:30px 0;
	zoom:1;
	}
.logo img { width:414px;}
.navbar{
	float:right;
	zoom:1;
    }
.nav_box1,.nav_box2,.nav_box3 {
	float:left;
	display:block;
	height:160px;
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: 400;
	font-size: 28px;
	color: #191919;
	}
	

.nav_box1 {min-width:1460px;}
.nav_box1 ul,
.nav_box2 ul{
	float:left;
	}
.nav_box1 ul li,
.nav_box2 ul li{
	position: relative;
    display: inline-block;
    white-space: nowrap;
    padding: 0 30px;
	height:160px;
	line-height:160px;
	}
.nav_box1 ul li:hover a,.nav_box2 ul li:hover a { font-weight:bold;}
.nav_box1 ul li:hover::before,
.nav_box2 ul li:hover::before {
	width:80%; font-weight:bold;}
.nav_box1 ul li::before,
.nav_box2 ul li::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 40px;
    width: 0;
    height: 8px;
    background: #00A59F;
    transform: translate(-50%);
    transition: all .36s;
    box-sizing: border-box;
}
.nav_box3{ height:160px; line-height:160px; background:url(/images/dian.jpg) no-repeat 0px center; padding-left:30px;}
.search { 
    display:flex;
	align-items:center;
	height:160px;
	padding:0 30px;
	float:left;
	}
.search img { width:32px;}

.search_show {
    position: fixed;
    left: 0;
    top: 80px;
    width: 100%;
    z-index: 99;
	background: #fff;
    opacity: 0.95;
	height:380px;
}
.search_show::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: all .5s ease-in-out;
}
.search_show::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .05);
}

.mc_pos_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mc_msc_submit {
    width: 52px;
	height:52px;
    vertical-align: top;
	background:url(/images/search_2.png) no-repeat 0 center;
	float:left;
	display:block;
	border:none;
}

.mc_msc_input {
    width: calc(100% - 112px);
    height: 52px;
    font-size: 32px;
    color: #333;
    line-height: 20px;
    padding: 6px 0;
    padding-right: 24px;
	float:left;
	display:block;
	border:none;
}

input:focus {
    outline: none; /* 移除聚焦时的轮廓线 */
}

.mc_scm_form {
    width: 1460px;
	float:left;
}
.mc_msc_box {
    font-size: 0;
    padding: 16px;
/*    border-bottom: 1px solid #dfdede;*/
}
.border_line {border-bottom: 1px solid #dfdede; float:left; width:1360px;}

.mc_msc_box::after{
	content:"";
	clear:both;
	display:block;}

.close_search { width:52px; float:left; display:block; padding-top:0px; padding-left:8px;}
.close_search img {width:52px; height:auto;}
.line {
	display:block;
	height:160px;
	color:#D2D2D2;
	float:left;
	line-height:160px;
	padding:0 4px;
	}
.body_box { position:relative; top:160px;}

	/*微信和返回项部*/
.side_nav {
    position: fixed;
    top: 60%;
    right: 4%;
    width: 136px;
    z-index: 99;
}

.side_nav ul li {
    position: relative;
    width: 136px;
    height: 136px;
    float: right;
    margin-bottom: 2px;
    /* border-bottom: 1px solid #fff; */
}

.side_nav ul li a {
    display: inline-block;
    height: 136px;
    position: absolute;
    top: 0;
    left: 0;
    /*     border-bottom: 1px solid #fff; */
}


.side_nav ul li span {
    /*     display:block; */
    float: left;
    color: #fff;
    line-height: 136px;
    font-size: 32px;
    margin-left: 136px;
    cursor: pointer;
}

.side_nav_3 a {
    width: 136px;
}

.side_nav_3 a span {
    height: 136px;
    position: absolute;
    right: 136x;
    bottom: 0px;
    margin-left: 0 !important;
    display: none;
}
.side_nav_3 i img{
    width: 136px;
    height: 136px;
}


.back_top a {
    background:url(/images/back2.png) no-repeat 0 0 ;
/*    border-radius: 4px;*/
}
}

/*以上头部*/
/*以下底部*/
.foot_box { width:100%; background: #F5F8FA; margin-top:60px; }
.foot_box::after{
	content:"";
	clear:both;
	display:block;}
.foot_menu { width:1200px; margin:0 auto; padding:20px 0;}
.foot_menu::after { content:""; clear:both; display:block;}
.foot_menu ul { float:left; display:inline-block;}
.foot_menu ul li { font-size: 13px; color: #191919; line-height:19px; float:left; padding-left:25px; padding-right:25px; border-left: 1px solid #D2D2D2;font-weight: 400;}
.foot_menu ul li:first-child{ padding-left:0px; border-left: none; }
.foot_menu ul.u1 { width:180px;}
.foot_menu ul.u2 { width:160px;}
.foot_menu ul.u3 { width:200px;}
.foot_menu ul.u4 { width:170px;}
.foot_menu ul.u5 { width:250px;}
.foot_menu ul.u6 { width:150px}
.weixin_box { float:right; display:inline-block; width: 24px; height:25px; background: url(/images/weixin-icon-1.png)}
.weixin_box a {    width: 24px; height:25px; display:block;}
.weixin_box a span {
    height: 25px;
    position: absolute;
    right: 24px;
    bottom: 0px;
    margin-left: 0 !important;
    display: none;
}
.weixin_box i img{
    width: 120px;
    height: 120px;
}
.weixin_box i{
    position: relative;
    top: -150px;
    right: 92px;
    display: none;
}
.weixin_box:hover i{
    display: block;
}


.copyright_box { width:100%; height:60px; line-height:60px;}
.copyright_box_in { width:1200px; margin:0 auto; border-top: 1px solid #E6E6E6;}
.copyright_box_in::after{
	content:"";
	clear:both;
	display:block;}
.copyright_box_in .left{color: #666; font-size: 13px; float:left;}
.copyright_box_in .left a { margin-left:20px; color: #666;}
.copyright_box_in .right { float:right;}
.copyright_box_in .right ul li { float:left; text-align:right; font-size: 13px;}
.copyright_box_in .right ul li a{ border-right: 1px solid #D2D2D2; padding-left:10px; padding-right:10px;}
.copyright_box_in .right ul li:last-child a {border-right: none; padding-right:0px;}


.beian {
    padding-bottom: 2px;
    padding-left: 25px;
    padding-right: 0px;
    background: url(/images/beianicon.png) no-repeat left 2px;
    padding-top: 2px;
}

@media screen and (min-width: 2400px){
.foot_box { width:100%; margin-top:120px;}
.foot_box::after{
	content:"";
	clear:both;
	display:block;}
.foot_menu { width:2400px; margin:0 auto; padding:40px 0;}
.foot_menu::after { content:""; clear:both; display:block;}
.foot_menu ul { float:left;}
.foot_menu ul li { line-height:38px;font-size: 26px; color: #191919; border-left: 2px solid #D2D2D2; padding-left:50px; padding-right:50px;font-weight: 800;}
.foot_menu ul li:first-child{ border-left:none; padding-left:0px; padding-right:50px;}
.foot_menu ul.u1 { width:360px;}
.foot_menu ul.u2 { width:320px;}
.foot_menu ul.u3 { width:400px;}
.foot_menu ul.u4 { width:340px;}
.foot_menu ul.u5 { width:500px;}
.foot_menu ul.u6 { width:300px}
.weixin_box { float:right; display:inline-block; width: 48px; height:49px; background: url(/images/weixin-icon-2.png)}
.weixin_box a {    width: 48px; height:49px; display:block;}
.weixin_box a span {
    height: 49px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin-left: 0 !important;
    display: none;
}
.weixin_box i img{
    width: 240px;
    height: 240px;
}
.weixin_box i{
    position: relative;
    top: -300px;
    right: 190px;
    display: none;
}
.weixin_box:hover i{
    display: block;
}

.copyright_box { width:100%; background: #F5F8FA; height:120px; line-height:120px;}
.copyright_box_in { width:2400px; margin:0 auto;border-top: 2px solid #E6E6E6;}
.copyright_box_in::after{
	content:"";
	clear:both;
	display:block;}
.copyright_box_in .left{color: #5A5A5A; font-size: 26px; float:left;}
.copyright_box_in .left a { margin-left:40px;}
.copyright_box_in .right { float:right;}
.copyright_box_in .right ul li { float:left; text-align:right; font-size: 26px;}
.copyright_box_in .right ul li a{ border-right: 2px solid #D2D2D2; padding-left:20px; padding-right:20px;}
.copyright_box_in .right ul li:last-child a { border-right:none; padding-right:0px;}


.beian {
    padding-bottom: 4px;
    padding-left: 50px;
    padding-right: 0px;
    background: url(/images/beianicon_2.png) no-repeat left 4px;
    padding-top: 4px;
}
}
/*以上底部*/