@charset "utf-8";
* { margin:0 auto; padding:0;}
body { font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
h1,h3,h3,h4 { font-size:14px;}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration: none; color:#eb2914;}
img { border:0;}
ul li { list-style:none;}
.warp { width:1200px; margin:0 auto;} 
#VCode { cursor:pointer;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#333;} 
:-moz-placeholder { color:#333;} 
::-moz-placeholder { color:#333;}
:-ms-input-placeholder { color:#333;} 

@font-face {
	font-family:'FontAwesome';
		    src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
	        src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
			    url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
				url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
				url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
				url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight:normal;
	 font-style:normal;
}
.icon { display:inline-block; font:normal normal normal 16px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*top*/
.header { width:100%; height:130px; margin:0 auto; background:#fff;}
.header .logo { float:left; height:70px; margin-top:30px;}
.header .logo img { display:block; height:100%;}

/*鍙充晶*/
.header .tel { float:right; line-height:30px; padding-left:50px; margin-top:20px; background:url(../images/tel.jpg) no-repeat 0 10px;}
.header .tel p { font-size:16px; color:#666;}
.header .tel h3 { font-weight:500; font-size:24px; color:#666;}

/*瀵艰埅*/
.nav { width:100%; height:70px; background:#eee; position:relative; z-index:999;}
.nav li { float:left; line-height:70px; text-align:center; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nav li a { display:block; font-size:18px; color:#333; padding:0 39px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nav li:hover a { color:#e6212a;}
.nav .on { background:#e6212a;}
.nav .on:hover a,.nav .on a { color:#fff;}
.nav li:hover ul { display:block;}
.nav li ul { display:none; width:100%; background:#e6212a; overflow:hidden; position:absolute; top:70px; left:0;}
.nav li li { float:none; line-height:45px; border-bottom:1px solid #d6161f; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nav li:hover li a { font-size:14px; color:#fff; padding:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nav li li:hover { background:#d6161f;}

/*banner*/
.banner { width:100%; margin:0 auto; padding-bottom:80px; position:relative;}
.banner img { display:block; width:100%;}
.banner .swiper-pagination-bullet {	width:8px; height:8px; margin:0 5px !important; border-radius:8px; opacity:1; background:#e6212a; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-button-prev,.banner .swiper-button-next { width:40px; height:60px; filter:alpha(opacity=40); opacity:0.4; -webkit-transition:all .5s ease; transition:all .5s ease;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after { color:#fff;}
.banner .swiper-button-prev { left:5%;}
.banner .swiper-button-next { right:5%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { filter:alpha(opacity=100); opacity:1;}

.banner_ej { width:100%; margin:0 auto; height:400px; background-position:center top; background-repeat:no-repeat;}

/*鑴氶儴*/
.footer { width:100%; color:#fff; padding-top:40px; background:#30343d;}
.footer a { color:#fff;}
.footer .lft { float:left; width:400px; padding-right:60px; border-right:1px solid rgba(255,255,255,0.2);}
.footer .lft h3 { line-height:25px; font-weight:500; font-size:16px; padding-left:15px; margin-bottom:20px; position:relative;}
.footer .lft h3::after { display:block; content:""; width:2px; height:40px; background:#fff; position:absolute; left:0; top:6px;}
.footer .lft h3 i { display:block; font-size:18px; font-style:normal;}
.footer .lft p { line-height:30px; font-size:14px; color:#c4c3c3;}
.footer .rgt { float:right; max-width:640px;}
.footer .rgt li { float:left; margin-left:40px;}
.footer .rgt li a { display:block; line-height:30px; font-size:12px; color:#c4c3c3;}
.footer .rgt li h3 { line-height:25px; font-weight:500; margin-bottom:10px;}
.footer .rgt li h3 a { font-size:16px; color:#fff;}
.footer .rgt li a:hover { color:#fff;}
.footer .copy { line-height:25px; font-size:12px; color:#fff; text-align:center; padding:10px 0; margin-top:30px; background:#292c33;}
.footer .sitecode { width:100px; margin:0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}

/*鍙充晶瀹㈡湇*/
.webonline { width:65px; padding:5px; background:#e6212a; position:fixed; right:0; bottom:10%; z-index:999999;}
.webonline li { width:100%; padding:8px 0; text-align:center; border-top:1px solid #d6161f; position:relative;}
.webonline li:first-child { border-top:none;}
.webonline li .ontop { width:100%; cursor:pointer;}
.webonline li .ontop i { display:block; width:40px; height:35px; line-height:35px; font-family:FontAwesome; font-style:normal; font-size:24px; color:#e6212a; text-align:center; padding-top:5px; margin:0 auto; border-radius:50%; background:#fff;}
.webonline li .ontop i img { display:block; width:30px; height:30px; margin:0 auto;}
.webonline li .ontop p { line-height:25px; font-size:12px; color:#fff;}
.webonline li .onlft { display:none; padding:5px; margin:auto; border-radius:4px; background:#e6212a; position:absolute; right:80px; top:10px;}
.webonline li .onlft::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:6px 0 6px 6px; border-color:transparent transparent transparent #e6212a; line-height:0px; _border-color:#000 #000 #000 #e6212a; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; right:-6px; top:16px;}
.webonline li .onlft p { width:145px; height:35px; line-height:35px; font-size:20px; color:#fff;}
.webonline li .onlft img { display:block; width:120px; border:3px solid #fff;}
.webonline li:hover .onlft { display:block;}
.webonline li.btn_top { display:none;}

/**鏍忕洰鏍囬**/
.tits { width:100%; font-size:24px; color:#333; text-align:center; padding:50px 0 30px 0; background:url(../images/bt-logo.png) no-repeat center top;}
.tits p { line-height:25px; font-size:16px; color:#999; margin-top:5px;}

/**涓氬姟鍒嗙被**/
.server { width:1200px; margin:auto; box-shadow:0 0 15px rgba(0,0,0,0.2); overflow:hidden; background:#fff; position:absolute; left:0; right:0; bottom:0; z-index:9;}
.server li { float:left; width:171px; text-align:center; padding:40px 0;}
.server li a { display:block; width:100%;}
.server li i { display:block; width:70px; height:70px; margin:0 auto; background-repeat:no-repeat; background-position:center;}
.server li p { line-height:30px; font-size:16px; color:#333; margin-top:10px;}
.server .on { width:174px; background:#e6212a;}
.server .on p { color:#fff;}
.server li .fv1 { background-image:url(../images/s-icon1.png);}
.server .on .fv1 { background-image:url(../images/s-icon1-h.png);}
.server li .fv2 { background-image:url(../images/s-icon2.png);}
.server .on .fv2 { background-image:url(../images/s-icon2-h.png);}
.server li .fv3 { background-image:url(../images/s-icon3.png);}
.server .on .fv3 { background-image:url(../images/s-icon3-h.png);}
.server li .fv4 { background-image:url(../images/s-icon4.png);}
.server .on .fv4 { background-image:url(../images/s-icon4-h.png);}
.server li .fv5 { background-image:url(../images/s-icon5.png);}
.server .on .fv5 { background-image:url(../images/s-icon5-h.png);}
.server li .fv6 { background-image:url(../images/s-icon6.png);}
.server .on .fv6 { background-image:url(../images/s-icon6-h.png);}
.server li .fv7 { background-image:url(../images/s-icon7.png);}
.server .on .fv7 { background-image:url(../images/s-icon7-h.png);}

/**鍏充簬鎴戜滑**/
.about { width:100%; text-align:center; padding:50px 0;}
.about .msg { line-height:35px; font-size:16px; color:#666; padding:0 100px;}
.about li { display:inline-block; margin:30px 60px 0 60px;}
.about li b { display:inline-block; width:100%; font-weight:500; font-size:36px; color:#e6212a;}
.about li b i { font-style:normal; font-size:30px; margin-left:5px;}
.about li p { line-height:25px; font-size:16px; color:#666;}

/**鑽ｈ獕**/
.honor { width:100%; padding:50px 0; background:#eee;}
.honor .lft { float:left; width:550px; padding-bottom:175px; background:url(../images/w2_47.png) no-repeat left bottom / 340px; position:relative; z-index:5;}
.honor .lft h1 { line-height:25px; font-weight:500; font-size:24px; color:#333; padding-left:15px; margin-bottom:20px; position:relative;}
.honor .lft h1::after { display:block; content:""; width:3px; height:40px; background:#e6212a; position:absolute; left:0; top:4px;}
.honor .lft h1 p { font-size:12px; color:#999; text-transform:Uppercase;}
.honor .lft .mynr { float:left; width:360px;}
.honor .lft .mynr p { height:120px; line-height:30px; font-size:16px; color:#666; padding-right:20px; overflow:hidden;}
.honor .lft .tabs { width:220px; height:240px; padding:15px; border-radius:4px; overflow:hidden; background:#787878; position:absolute; top:100px; right:-60px;}
.honor .lft .tabs .nr { height:240px; padding-right:10px; overflow-y:scroll;}
.honor .lft .tabs .nr li { color:#fff; padding:0 0 15px 30px; position:relative;}
.honor .lft .tabs .nr li::after { display:block; content:""; width:1px; height:85%; background:rgba(255,255,255,0.3); position:absolute; left:10px; top:20px;}
.honor .lft .tabs .nr h3 { line-height:25px; font-weight:500; font-size:16px; position:relative;}
.honor .lft .tabs .nr h3::after { display:block; content:""; width:13px; height:13px; background:url(../images/history-dot.png) no-repeat 0 0; position:absolute; left:-26px; top:7px;}
.honor .lft .tabs .nr p { line-height:25px; font-size:12px; color:#ddd;}
.honor .rgt { float:right; width:620px;}
.honor .rgt .swiper-wrapper { padding-bottom:30px;}
.honor .rgt .swiper-slide { width:620px; height:340px; overflow:hidden;}
.honor .rgt .swiper-slide img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.honor .rgt .swiper-pagination-fraction { font-size:16px; color:#666; bottom:0;}
.honor .rgt .swiper-button-prev,.honor .rgt .swiper-button-next { width:15px; height:20px; margin:0; background-repeat:no-repeat; background-position:0; top:auto; bottom:0;}
.honor .rgt .swiper-button-prev::after,.honor .rgt .swiper-button-next::after { font-size:0;}
.honor .rgt .swiper-button-prev { background-image:url(../images/history-prev.png); left:40%;}
.honor .rgt .swiper-button-next { background-image:url(../images/history-next.png); right:40%}
.honor .rgt .swiper-slide:hover img { transform:scale(1.1,1.1);}
.honor .imgs { width:100%; margin-top:40px;}
.honor .imgs a { display:block; width:100%; overflow:hidden;}
.honor .imgs img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.honor .imgs img:hover { transform:scale(1.1,1.1);}
.honor .imgs .swiper-button-prev,.honor .imgs .swiper-button-next { width:35px; height:50px; background:#e6212a; filter:alpha(opacity=70); opacity:0.7;}
.honor .imgs .swiper-button-prev { border-radius:0 6px 6px 0; left:0;}
.honor .imgs .swiper-button-next { border-radius:6px 0 0 6px; right:0;}
.honor .imgs .swiper-button-prev::after,.honor .imgs .swiper-button-next::after { font-size:22px; color:#fff;}
.honor .imgs .swiper-button-prev:hover,.honor .imgs .swiper-button-next:hover { filter:alpha(opacity=90); opacity:0.9;}

/**鏈嶅姟椤圭洰**/
.pros { width:100%; padding:50px 0;}
.pros .tabs { float:left; width:280px; background:#e6212a;}
.pros .tabs li { line-height:53.5px; border-bottom:1px solid rgba(255,255,255,0.5); position:relative;}
.pros .tabs li::after { display:block; content:""; width:6px; height:6px; border:1px solid #fff; border-radius:50%; position:absolute; left:50px; top:25px;}
.pros .tabs li a { display:block; font-size:16px; color:#fff; padding:0 50px 0 70px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pros .tabs .on { background:#eee;}
.pros .tabs .on::after { border-color:#e6212a;}
.pros .tabs .on a { color:#333;}
.pros .mynr { float:right; width:890px;}
.pros .mynr .swiper-slide { background:#fff;}
.pros .mynr p { height:90px; line-height:30px; font-size:14px; color:#666;}
.pros .mynr li { float:left; width:430px; height:260px; margin:30px 30px 0 0; overflow:hidden;}
.pros .mynr li img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .mynr li:hover img { transform:scale(1.1,1.1);}
.pros .mynr li:last-child { margin-right:0;}

/**鎴戜滑鐨勪紭鍔?*/
.whyus { width:100%; height:490px; padding:50px 0; background:#eee url(../images/advantage.png) no-repeat center 180px;}
.whyus li { margin-top:30px; cursor:pointer;}
.whyus li h3 { line-height:40px; font-weight:500; font-size:18px; color:#333;}
.whyus li p { line-height:25px; font-size:14px; color:#999;}
.whyus li:hover h3 { color:#f2890c;}
.whyus .why1,.whyus .why3,.whyus .why5 { float:left; padding-right:250px;}
.whyus .why1 h3,.whyus .why3 h3,.whyus .why5 h3 { text-align:right;}
.whyus .why2,.whyus .why4,.whyus .why6 { float:right; padding-left:250px;}
.whyus .why1,.whyus .why2 { width:330px;}
.whyus .why3,.whyus .why4 { width:285px;}
.whyus .why5,.whyus .why6 { width:335px;}

/**鏂伴椈涓績**/
.news { width:100%; padding:50px 0;}
.news li { float:left; width:380px; margin-right:30px;}
.news li:last-child { margin-right:0;}
.news li a { display:block; width:100%;}
.news li .img { width:380px; height:255px; overflow:hidden;}
.news li .img img { display:block; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news li .msg { height:40px; line-height:40px; position:relative; z-index:9;}
.news li .msg .time { width:70px; height:55px; line-height:25px; font-size:12px; color:#fff; text-align:center; padding-top:15px; background:#e6212a; position:absolute; left:0; bottom:0;}
.news li .msg .time b { display:block; font-weight:500; font-size:24px;}
.news li .msg h3 { float:right; width:calc(100% - 90px); font-weight:500; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news li p { line-height:30px; font-size:14px; color:#999; margin-top:15px; padding-top:10px; border-top:1px solid #e1e1e1;}
.news li:hover .img img { transform:scale(1.1,1.1);}

/**鍚堜綔浼欎即**/
.patner { width:100%; padding:50px 0; background:url(../images/partner-bg.jpg) no-repeat center top;}
.patner .tits { color:#fff;}
.patner li { float:left; width:185px; height:115px; margin:20px 18px 0 0; overflow:hidden; background:#fff;}
.patner li:nth-child(6n) { margin-right:0;}
.patner li a { display:table-cell; width:185px; height:115px; text-align:center; vertical-align:middle;}
.patner li img { display:inline-block; max-width:100%;}

/*************** 瀛愰〉鍏敤 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width:1200px; margin:30px auto; min-height:400px;}
.fuwimgs { width:100%;}
.fuwimgs img { display:block; float:left; width:430px; height:260px; margin:0 10px 30px 10px;}

.zdlft { float:left; width:270px;}
.zdlft .catnav { width:100%;}
.zdlft .catnav h3 { font-family:'Georgia'; font-weight:500; font-size:28px; color:#fff; text-transform:Uppercase; padding:30px 20px; background:#e6212a url(../images/menu-logo.png) no-repeat 200px 35px;}
.zdlft .catnav h3 p { font-family:Microsoft YAHEI; font-size:24px;}
.zdlft .catnav li { line-height:55px; margin-top:1px; background:#eee; position:relative;}
.zdlft .catnav li::after { display:block; content:""; width:6px; height:6px; border:1px solid #e6212a; border-radius:50%; position:absolute; left:50px; top:25px;}
.zdlft .catnav li a { display:block; font-size:16px; color:#333; padding:0 50px 0 70px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.zdlft .catnav li:hover a,.zdlft .catnav .on a { color:#e6212a;}
.zdlft .msg { width:100%; margin-top:15px;}
.zdlft .msg h3 { line-height:25px; font-weight:500; font-size:18px; color:#fff; padding:15px; background:#e6212a;}
.zdlft .msg a { display:block; line-height:45px; font-size:14px; color:#333; padding:0 15px 0 25px; border-top:1px solid #fff; background:#eee; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.zdlft .msg a::after { display:block; content:""; width:4px; height:4px; border-radius:50%; background:#333; position:absolute; left:15px; top:22px;}
.zdlft .msg a:hover { color:#e6212a;}
.zdlft .msg a:hover::after { background:#e6212a;}

.zdrgt { float:right; width:900px;}
.zdrgt .site { height:40px; line-height:40px; font-size:12px; color:#999; padding-left:25px; margin-bottom:30px; border-bottom:1px solid #eee; background:url(../images/position.png) no-repeat left center;}
.zdrgt .site a { color:#999;}

/*璇︽儏椤靛叕鐢?/
.lh { line-height:25px; font-size:14px; color:#333; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.showcont { width:1120px; margin:30px auto; padding:40px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.03); background:#fff;}
.show_h3 { width:100%; line-height:40px; text-align:center; margin-bottom:30px;}
.show_h3 h3 { font-size:24px; color:#333; font-weight:500;}
.show_h3 p { font-size:12px; color:#999;}
.show_sxp { font-size:14px; line-height:25px; color:#999; margin-top:30px; padding-top:20px; border-top:1px solid #eee;}
.show_sxp p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block; margin-right:10px;}
.show_sxp a { color:#999;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#e6212a;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}

/*鍒嗛〉*/
.scott { overflow:hidden; text-align:center; letter-spacing:2px; margin:20px auto;}
.scott li { display:inline-block; line-height:35px; margin:0 5px; border:1px solid #e6212a; border-radius:4px; overflow:hidden;}
.scott a,.scott span { display:block; padding:0px 15px; font-size:16px; color:#e6212a; cursor:pointer;}
.scott li:hover,.scott .active { background:#e6212a;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;}

/*浜у搧鍒楄〃*/
.prolist { width:100%;}
.prolist li { float:left; width:280px; margin:0 30px 15px 0; text-align:center; overflow:hidden; position:relative;}
.prolist li:nth-child(3n) { margin-right:0;}
.prolist li a { display:block;}
.prolist li .img { display:block; width:280px; height:200px; overflow:hidden; background:#fff;}
.prolist li .img img { display:block; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li h3 { width:100%; line-height:40px; font-weight:500; font-size:16px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li:hover .img img { transform:scale(1.1,1.1);}
.prolist li:hover h3 { color:#e6212a;}

/*鏂伴椈鍒楄〃*/
.newlist { width:100%;}
.newlist li { width:100%; line-height:50px; border-bottom:1px dashed #e1e1e1;}
.newlist li a { display:block; float:left; max-width:80%; font-size:15px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li  span { display:block; float:right; font-size:14px; color:#999;}
.newlist li:hover a { color:#e6212a;}

/*鎷涜仒*/
.n_job { width:100%; margin:10px auto;}
.n_job table { width:100%;}
.n_job th { height:50px; line-height:50px; color:#fff; font-size:14px; text-align:center; background:#e6212a;}
.n_job .titl td { padding:15px 10px; font-size:14px; color:#666; text-align:center; border-bottom:1px solid #eee; background:#f6f6f6;}
.n_job .titl .afold { display:block; height:23px;  background:url(../images/icon_bnt__slide_close.png) center no-repeat;}
.n_job .titl.on .afold { background:url(../images/icon_bnt_slide_open.png) center no-repeat;}
.n_job .cont { padding:0 35px; line-height:25px; color:#666; border-bottom:1px solid #eee; background:#fbfbfb;}
.n_job .show_box { display:none;}
.n_job .article { padding:30px 0;}
.n_job .article .jobms { margin-bottom:25px; line-height:25px;}
.n_job .article .jobms h3 { display:block; font-size:14px; color:#333; margin-bottom:10px;}
.n_job .un { line-height:30px; margin-top:30px; font-size:14px; color:#333;}
.n_job .un a { color:#f30; font-size:16px;}