@charset "gb2312";
/*Generated by wjdhcms 3.0*/
	.product-message .btn-tj { background-color: #004097; }
.case-list li .more { background-color: #004097; }
.news-tab .on { background-color: #004097; }
.news-top .info span { background-color: #004097; }
.pages .current { background-color: #004097; border: 1px solid #004097; }
.product-info a svg { fill: #004097; }
.driving-way .hd li.on { background-color: #004097; }
/*首页样式*/
	.g-tex b { color: #004097; }
.g-adv .m-cnt { background: #c7c5c5; }
.g-adv .m-cnt li.z-on { background: #004097; }
.m-cp h2 b { color: #004097; }
.m-ph { background: #004097; }
.m-dh h2 { background: #004097; }
.m-ys h2 { color: #004097; }
.m-ys { background: url(../Images/ysbg.jpg) no-repeat center bottom #004097; background-position: top; }
.m-st h2 b { color: #004097; }
.til01 { background: #004097; }
.til01 li.z-on { color: #004097; }
.jz01 dd a { color: #004097; }
.zxtil li.z-on { color: #004097; border-bottom: solid 0.2em #004097; }
.btn_submit { background: none repeat scroll 0px 0px #004097; border: 1px solid #004097; }
social3:before { background: #004097; border-bottom: 1px solid #c7c5c5; }
.dh-c li:before { background: #004097; }
.more01 a { color: #004097; }
.m-st h2:before { background: #004097; }
.zxtil li { border-bottom: solid 0.2em #c7c5c5; }
.social3:after { background: #004097; border-top: 1px solid #004097; }
nav { width: 96%; height: auto; margin-top: -2%; position: relative; padding: 2%; color: #fff; background: #004097; }
nav a { float: left; width: 25%; text-align: center; font-size: 1em; line-height: 167%; position: relative; color: #fff; overflow:hidden; }
nav a:nth-child(1):after {
 content: "";
 position: absolute;
 width: 10%;
 height: 32%;
 background: url(../Images/ico01.png) no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 left: 5%;
 top: 35%;
}
nav a:hover { color: #fff; }
nav a:link { color: #fff; }
nav a:visited { color: #fff; }
nav a:active { color: #fff; }
.m-ph { height: auto; position: relative; margin-bottom: 1.25em; }
.m-ph:before { position: absolute; content: ""; z-index: -3; -webkit-box-shadow: 0 1px 0.33em rgba(0, 0, 0, 0.2), 0 0 3.33em rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 0.33em rgba(0, 0, 0, 0.2), 0 0 3.33em rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0.1667em 0.33em rgba(0, 0, 0, 0.2), 0 0 3.33em rgba(0, 0, 0, 0.1) inset; top: 50%; bottom: 0; left: 0; right: 0; -moz-border-radius: 2.5015015em; border-radius: 2.5015015em; }
.m-ph .u-tel { width: 2.41667em; left: 2.1667em; top: 1.33em; display: block; position: absolute; }
.m-ph p { color: #FFF; line-height: 1.667em; padding: 0.41667em 0 0 18.7%; font-size: 1em; }
.m-ph p i { display: block; font-style: normal; font-size: 1.0833em; }
.m-ph p span { font-size: 1.667em; padding-left: 1%; color: #FFF; font-weight: bold; }
.g-adv { height: auto; position: relative; }
.g-adv .sclwrap_box { height: 14.1em; }
.g-adv .m-box { height: 13.7em; }
.g-adv .m-box li img { width: 100%; }
.g-adv .m-cnt { height: 0.38em; width: 100%; position: absolute; bottom: 0; left: 0; display: block; }
.g-adv .m-cnt li { width: 33.3%; height: 0.38em; float: left; }
.m-xh { height: 25.85em; overflow: hidden; width: 100%; background: url(../Images/Index/xhbg.jpg) no-repeat center 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-size: 1.08em; font-weight: bold; color: #fff; line-height: 108%; text-align: center; }
.m-xh h2 { width: 75%; background: url(../Images/Index/xhcbg.gif) no-repeat center 0; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; text-align: center; margin: 1.5em auto 0; padding: 4.5em 0 0; height: 9em; font-size: 1.67em; line-height: 115%; color: #42a004; font-weight: bold; }
.m-xh p { position: absolute; z-index: 999; text-align: center; width: 18%; }
.m-xh p em, .m-cp h2 em { display: block; font-style: normal; font-weight: normal; font-size: 0.58em; line-height: 128%; color: #cee4b9; }
.m-xh p:nth-child(2) {
 top: 4.3em;
 left: 9.9em;
}
.m-xh p:nth-child(3) {
 top: 7.3em;
 left: 3.4em;
}
.m-xh p:nth-child(4) {
 top: 7.8em;
 left: 16.7em;
}
.m-xh p:nth-child(5) {
 top: 15em;
 left: 3.5em;
}
.m-xh p:nth-child(6) {
 top: 15em;
 left: 16.2em;
}
.m-xh p:nth-child(7) {
 top: 18.2em;
 left: 9.9em;
}
/*???è‰2?o§?"?*/
	.m-cp { height: auto; overflow: hidden; width: 100%; background: url(../Images/cptbg.jpg) no-repeat center 0; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
.m-cp h2 { font-size: 1.25em; font-weight: bold; color: #000; line-height: 113%; text-align: center; padding: 8.6% 0 6%; }
.m-cp h2 b { padding-left: 0.4em; }
.m-cp h2 em { font-family: Arial; text-transform: uppercase; font-size: 0.46em; color: #afafaf; line-height: 133%; }
.m-cp ul { display: block; height: 10.3em; }
.m-cp li { width: 40%; float: left; margin: 0 4% 0 0; position: relative; height: 10.3em; }
.m-cp a:first-child li { margin-left: 8%; }
.m-cp li img { width: 100%; height: 8.3em; }
.m-cp li span { position: absolute; width: 100%; background-color: #000; left: 0; bottom: 0; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; color: #fff; font-size: 1em; line-height: 208%; display: block; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.more01 { clear: both; display: block; width: 95%; background: url(../Images/ge01.jpg) no-repeat center 0; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; text-align: center; margin: 6.7% auto 3.8%; font-size: 1em; line-height: 300%; }
/*?ˉ?è?a*/
	.m-dh { clear: both; display: block; height: auto; overflow: hidden; font-size: 1.08em; line-height: 284%; padding-bottom: 6%; }
.m-dh h2 { font-size: 1em; padding: 0 3%; line-height: 234%; }
.m-dh h2 a { color: #fff; }
.m-dh h2 em { width: 4.3%; margin: 0 2% 0 0; display: block; float: left; }
.more02 { width: 3%; padding-top:0.5%; }
.m-dh h2 em img, .more02 img { width: 100%; }
.dh-c { margin: 3% 3% 0; }
.dh-c li { width: 48%; float: left; overflow: hidden; border-bottom: solid 1px #d3d3d3; padding-left: 8%; position: relative; white-space: nowrap; }
/*.dh-c li:last-child {
	border:0;
}*/
	.dh-c li:nth-child(2n) {
 width: 29%;
}
.dh-c li:before { content: ""; position: absolute; width: 0.22em; height: 0.95em; border-radius: 0.2em; left: 8%; top: 1em; }
.dh-c li a { color: #666666; }
/*??????*/
	.m-ys { clear: both; display: block; height: auto; overflow: hidden; font-size: 1em; line-height: 208%; padding: 5% 0; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; z-index: 1; position: relative; }
.m-ys:before { content: ""; position: absolute; width: 78.4%; height: 96%; /* top:3.5%;*/
	left: 10.8%; background: #fff; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; z-index: -1; }
.m-ys h2 { font-size: 0.8em; line-height: 138%; text-align: center; padding: 0.5em 0; }
.m-ys h2 b { display: block; font-size: 1.25em; }
.ys01, .ys02, .ys03, .ys04, .ys05 { width: 59%; margin:1em auto; height: auto; display: block; clear: both; overflow: hidden; }
.ys-p { display: block; margin: 1% auto 0 auto; color: #004097; font-size: 1em; font-weight: bold; }
.m-ys .ys-p img { width: 100%; }
.m-ys li, .m-st li { clear: both; display: block; height: auto; line-height: 183%; font-size: 0.8em; }
.m-ys li b, .m-st li b { width: 6.3%; background: url(../Images/ico04.jpg) no-repeat center bottom; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; text-align: center; font-weight: normal; color: #fff; float: left; display: block; line-height: 200%; overflow: hidden; }
.m-ys li p, .m-st li p { width: 91.6%; float: left; padding: 0 0 0 2%; font-size: 0.8em; }
.m-ys .more01 { width: 78.4%; background: url(../Images/ge02.jpg) no-repeat center 0; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
/*??‰?…¨é￡??"?*/
	.m-st { clear: both; display: block; height: auto; overflow: hidden; font-size: 1em; line-height: 208%; color: #666666; }
.m-st h2, .st-c { width: 68%; margin: 0 auto; }
.m-st h2 { background: url(../Images/sttbg.jpg) no-repeat center bottom; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; font-size: 1.13em; line-height: 122%; padding: 8% 0 5%; text-align: center; color: #000000; position: relative; }
.m-st h2:before { content: ' '; display: block; position: absolute; left: 50%; top: 5em; margin-left: -0.25em; width: 0.5em; height: 0.5em; border-radius: 50%; }
.m-st h2 b { display: block; font-size: 1.25em; }
.st-p { width: 85%; padding: 8% 0 2%; margin: 0 auto; }
.st-p img { width: 100%; }
.m-st li { line-height: 208%; }
.m-st li:last-child { padding-bottom: 8%; }
.m-st li b { line-height: 183%; }
/*??‰?…¨é￡??"???¨è??*/
	.m-tj { height: auto; overflow: hidden; }
.til01 { font-size: 1em; line-height: 179%; color: #fff; padding: 2% 3% 0; margin-bottom: 5%; }
.til01 li { float: left; width: 30%; text-align: center; }
.til01 li.z-on { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #fff; border-radius: 0.3em 0.3em 0 0; padding-bottom: 0.1em; }
.m-tj .sclwrap_box, .m-tj .m-box { height: 23.5em; overflow: hidden; }
.tj01 { float: left; display: inline-block; }
.tj01 li { width: 38%; font-size: 1em; color: #666; height: auto; line-height: 283%; white-space: nowrap; text-overflow: ellipsis; float: left; padding: 0 0 0 8%; }
.tj01 li:nth_child(2n) {
 padding: 0 0 0 6%;
}
.tj01 li img { width: 96%; height: 8em; background: url(../Images/cplbg.jpg) repeat; padding: 2%; display: block; }
.tj01 li span { display: block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tj01 li a { color: #666; }
/*è§?èˉ?*/
	.m-jz { height: auto; overflow: hidden; }
.m-jz .sclwrap_box, .m-jz .m-box { height: 18em; }
.jz01 { float: left; display: inline-block; }
.jz01 dl { display: block; clear: both; height: 8.6em; overflow: hidden; }
.jz01 dt { width: 33%; float: left; padding: 0 0 0 8%; }
.jz01 dt img { width: 98%; background: #ece9e6; padding: 1%; display: block; height: 7em; }
.jz01 dd { width: 49%; float: left; padding: 0 0 0 4%; font-size: 1em; line-height: 167%; height: 7em; overflow: hidden; }
.jz01 dd a { display: block; padding-bottom: 2%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
/*??o??°?±??¤o*/
	.m-zs { height: auto; overflow: hidden; }
.m-zs .sclwrap_box, .m-zs .m-box { height: 12em; overflow: hidden; }
/*èμ?è?ˉ*/
	.m-zx { height: auto; width: 92%; margin: 0 auto; overflow: hidden; }
.zxtil { height: auto; margin-bottom: 5%; }
.zxtil li { width: 31%; float: left; line-height: 196%; border-bottom: solid 0.2em #c9c9c9; text-align: center; font-weight: bold; color: #5e5e5e; position: relative; }
.zxtil li:nth-child(3) {
 width: 38%;
}
.zxtil li.z-on { }
.zxtil li:before { content: ""; position: absolute; width: 1px; height: 0.9em; left: 0; top: 0.6em; background: #5e5e5e; }
.zxtil li:nth-child(1):before {
 width: 0;
 height: 0;
}
.m-zx .sclwrap_box, .m-zx .m-box { height: 14em; overflow: hidden; }
.zx01 { float: left; display: inline-block; }
.zx01 li { width: 82%; font-size: 1em; color: #666; padding: 0 0 0 12%; height: auto; line-height: 208%; white-space: nowrap; text-overflow: ellipsis; position: relative; overflow:hidden; }
.zx01 li:before { content: ""; position: absolute; left: 7%; top: 0.8em; width: 1.28%; height: 0.3em; background: url(../Images/ico02.png) no-repeat center bottom; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
.zx01 li a { color: #666666; }
/*内页*/
.g-tex b { display: block; font-size: 1.4em; line-height: 117%; color: #004097; }
.social3 { background-color: #004097; }
.g-ft { margin: 0 auto 60px auto; font-family: "微软雅黑"; font-size: 1.04em; color: #999; }
.g-ft .btop { line-height: 178%; font-size: 1.08em; }
/*回到顶部样式*/

/*回到顶部图标样式*/

.code { display: block; margin: 3% auto 0; width: 28%; }
.code img { width: 98%; background: #fff; padding: 1%; }
#content * { max-width: 100%; width: auto!important; height: auto; }
.m-ys h3 b { color:#004097 }
.x_db { background-color:#004097; }