@charset "utf-8";

*, *:before, *:after { box-sizing: border-box; }

html, p, pre,
abbr, figure, figcaption, blockquote, address,
ol, ul, li, dl, dt, dd { margin:0; padding:0;}
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0;}
main, section, article, aside, header, footer, nav, dialog, figure, menu { display: block; }
h1, h2, h3, h4, h5, h6 { margin:0; font-weight: normal; font-size: 100%; }
fieldset, form, label, legend { margin:0; padding:0; border: 0;}

ol, ul, li { list-style: none;}
table { border-collapse: collapse;}

a { color: #0d0d0d; text-decoration: none; cursor: pointer; font-size: 12px;}

code, kbd, samp { font-family: inherit;}
address, dfn { font-style:normal;}

button, input, select, textarea { padding: 0; border: 0; outline: 0; background-image: none; -webkit-font-smoothing: inherit; font-family:inherit; font-size:inherit;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{ -webkit-appearance: none;}
input[type="number"]{ -moz-appearance: textfield;}
:active, :focus { outline: 0;}

body { margin: 0 auto; padding: 0; font: 14px/1.4 Arial, "Microsoft YaHei"; color: #0d0d0d; position: relative; background: #fff; }

html.gray-html {
	-webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
    _filter:none;
}

body {
    width: 100%;
    min-width: 1280px;
    max-width: 1920px;
}

.mr8 { margin-right: 8px;}

.self-icon {vertical-align: middle; text-align: center;}
.self-icon-user:before { content: url("../images/icon/icon_user.png"); position: relative; top: -5px;}
.self-icon-area:before { content: url("../images/icon/icon_area.png"); position: relative; top: 2px;}
.self-icon-mail:before { content: url("../images/icon/icon_mail.png"); position: relative; top: 4px;}
.self-icon-phone:before { content: url("../images/icon/icon_phone.png"); position: relative; top: 3px;}
.self-icon-qq:before { content: url("../images/icon/icon_qq.png"); position: relative; top: -4px;}
.right-arrow:before { content:'>'; padding: 2px 3px; display: inline-block; font-style: normal; font-size: 14px;}

.clearfix:after { content: '.'; height: 0; visibility: hidden; display: block; clear: both;}

#header { width: 100%; height: 80px; line-height: 80px;}
#header .header-con { width: 1280px; margin: 0 auto;}
#header .header-con img { float: left; padding-top: 19px; margin-left: 20px; }
#header .header-con .header-nav { float: right; transition: all .5s linear; -webkit-transition: all .5s linear;}
#header .header-con .header-nav .first-menu > li { width: 133px; height: 80px; line-height: 80px; float: left; text-align: center;}
#header .header-con .header-nav .first-menu > li.active { background: url("../images/nav_list.png") no-repeat top center; background-size: 100% 100%; cursor: pointer; }
/*#header .header-con .header-nav .first-menu > li:hover, #header .header-con .header-nav .first-menu > li.active { background-image: url("../images/nav_list.png"); background-repeat: no-repeat; cursor: pointer; }*/
#header .header-con .header-nav .first-menu > li a { transition:all .5s;}


#header .header-con .header-nav .first-menu > li a { display: block; font-size: 16px;}
#header .header-con .header-nav .first-menu > li:hover > a { color:#169E61; font-weight: bold;}
#header .header-con .header-nav .first-menu > li.active > a { color: #fff; font-weight: bold;}

/*#header .header-con .header-nav .first-menu > li:hover > a, #header .header-con .header-nav .first-menu > li.active > a { color: #fff;}*/

#header .header-con .header-nav .menu-child { 
	background: #fff; box-shadow: 0 1px 6px rgba(0,0,0,.1); 
	animation-duration: .3s; -webkit-animation-duration: .3s; -moz-animation-duration: .3s; -o-animation-duration: .3s;
	position: relative; top: 0; z-index: 999; display: none; 
	border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
#header .header-con .header-nav .menu-child li { display: block; width: 100%; height: 42px; line-height: 42px; }
#header .header-con .header-nav .menu-child li a { color: #0d0d0d;}
#header .header-con .header-nav .menu-child li:hover a, #header .header-con .header-nav .menu-child li.active a { background: #169E61; color: #fff;}


.module .module-box { width: 1280px; margin: auto; position: relative;}

.module .module-title{ text-align: center; margin: 10px 0;}
.module .position-title { position: absolute; top: 12px; left: 16px; }
.module .module-title h3 { font-size: .48rem; height: .58rem; line-height: .58rem; color: #121312; font-weight: bold; }
.module .module-title span { font-size: .2rem; color: #959595; font-weight: bold; line-height: .28rem; display: inline-block; }


.module .business-content {padding: 80px 0 40px 0;}
.module .business-content h3 { font-size: 30px; color: #707070; text-align: center; width: 320px; padding-top: 30px; float: left;}
.module .business-content h3 span { font-size: 20px;}
.module .business-content .business-box { border-left: 1px solid #cbcbcb; margin-left: 320px;}
.module .business-content .business-box div { display: inline-block;  padding-left: 60px;}
.module .business-content .business-box p { font-size: 16px; color: #5d615e; height: 60px; line-height: 60px;}
.module .business-content .business-box p i { display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-right: 10px;}

#footer {}
#footer .footer-con { background: #e8e9eb;}
#footer .footer-box { width: 1280px; margin: 0 auto; padding: 10px 0;}

#footer .footer-con .footer-logo { float: left; height: 100%; /*padding-right: 34px; margin-left: 60px; */}
#footer .footer-con .footer-logo .logo-img img { padding-top: 12px; }
#footer .footer-con .footer-logo .behaviour_img { text-align:center;}
#footer .footer-con .footer-logo .behaviour_img img {width: 50px; margin: 12px 4px 0 4px;}
#footer .footer-con .footer-logo .Wen_network_url img { width: 44px;}

#footer .footer-con .footer-info { float: left;  border-left: 1px dashed #a7a8aa; border-right: 1px dashed #f9f9fb; margin: 0 30px 0 60px;}
#footer .footer-con .footer-info ul { overflow: hidden; border-left: 1px dashed #f9f9fb; border-right: 1px dashed #a7a8aa; padding: 0 34px; }
#footer .footer-con .footer-info li { line-height: 28px; font-size: 14px; color: #5d615e;}
#footer .footer-con .footer-info li a {color: #5d615e; font-size: 14px;}
#footer .footer-con .footer-info li a:hover {text-decoration: underline;}
#footer .footer-con .footer-info li a img { width: 14px; height: 14px; position: relative; top: 1px; margin: 0 2px 0 0;}


#footer .footer-nav { background: #2f2f2f; text-align: center;}
#footer .footer-nav ul {}
#footer .footer-nav li { display: inline-block; color: #fff; font-size: 12px;}
#footer .footer-nav li a { color: #ddd; padding: 0 10px;}
#footer .footer-nav li a:hover { text-decoration: underline;}
#footer .footer-nav li span { color: #505050;}



@media (max-width: 1280px) {
	#header .header-con, .module .module-box, #footer .footer-box {width: 100%;}
	.module .module-box {padding: 0 8px; }
}