@charset "utf-8";
* { margin:0; padding:0;}
body { margin:0 auto; padding:0; 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:#de0505;}
img { border:0;}
ul li { list-style:none;}
.warp { width:1200px; margin:0 auto; position:relative;} 
#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; 
}

/*top*/
.header { width:100%; height:90px; margin:0 auto; background:#fff; position:relative; z-index:2;}
.header .logo { float:left; width:390px; height:55px; padding:17.5px 0;}
.header .logo img { display:block; height:55px;}

.header .nav { float:right; max-width:80%;}
.header .nav li { float:left; height:90px; text-align:center; position:relative;}
.header .nav li::after { display:block; content:""; width:0%; height:2px; margin:auto; background:#de0505; position:absolute; left:0; right:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li a { display:block; line-height:90px; font-size:16px; color:#444; padding:0 15px;}
.header .nav li:hover a,.header .nav li.on a { font-weight:bold; color:#030303;}
.header .nav li:hover::after,.header .nav li.on::after { width:70%;}
.header .nav li:hover ul { display:block;}
.header .nav li ul { display:none; width:140%; background:#fff; overflow:hidden; position:absolute; top:90px; left:-20%;}
.header .nav li:hover li { float:none; height:40px; border-top:1px solid #f4f4f4; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li:hover li a { line-height:40px; font-weight:500; font-size:14px; color:#333; padding:0;}
.header .nav li:hover li:hover { background:#f2f2f2;}
.header .nav li:hover li:hover::after { width:0%;}

.header .serch { float:left; margin-left:10px; overflow:hidden; cursor:pointer;}
.header .serch:hover::after { display:none;}
.header .serch i { display:block; width:25px; height:30px; padding:30px 0; background:url(../images/zxd01.png) no-repeat center center; border-radius:50%; overflow:hidden;}
.header .serch:hover i { background-image:url(../images/zxd01.png);}
.header .serch form { display:block; width:260px; height:45px; overflow:hidden; filter:alpha(opacity=0); opacity:0; position:absolute; right:0; top:90px; -webkit-transition:all .6s ease; transition:all .6s ease;}
.header .serch input { float:left; width:180px; line-height:45px; font-size:14px; color:#333; padding:0 10px; border:none; background:#fff;}
.header .serch .btn { width:60px; color:#fff; background:#de0505;}
.header .serch.show { overflow:inherit;}
.header .serch.show form { filter:alpha(opacity=100); opacity:1;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner .swiper-slide { width:100%; height:860px;}
.banner a,.banner img { display:block; width:100%;}
.banner .swiper-pagination-bullet { width:40px; height:3px; margin:0 5px !important; opacity:1; border-radius:0; background:rgba(255,255,255,0.5); -webkit-transition:0.8s; transition:0.8s;}
.banner .swiper-pagination-bullet-active { background:#fff;}
.banner .swiper-button-prev,.banner .swiper-button-next { display:block; width:65px; height:65px; border-radius:4px; background:rgba(255,255,255,0.15); top:50%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after { display:block; font-size:20px; color:#fff; text-align:center; line-height:65px;}
.banner .swiper-button-prev { left:5%;}
.banner .swiper-button-next { right:5%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { background:#de0505;}
.banner_ej { width:100%; height:265px; background-position:center top; background-repeat:no-repeat;}

/*脚部*/
.footer { width:100%; line-height:30px; font-size:14px; color:#fff; padding-top:80px; background:#6c6c6c;}
.footer a { color:#fff;}
.footer .log { float:left; width:350px; height:55px; margin-top:20px; overflow:hidden;}
.footer .log a { display:block; width:100%;}
.footer .log img { display:block; width:350px; height:55px;}
.footer .msg { float:left; margin:0 60px;}
.footer .msg li { height:30px; line-height:30px; font-size:14px; padding-left:40px; margin-bottom:5px; background-position:left center; background-repeat:no-repeat;}
.footer .msg .tel { background-image:url(../images/zxd06.png);}
.footer .msg .addre { background-image:url(../images/zxd07.png);}
.footer .link { float:right; width:220px; font-size:14px; line-height:30px; margin-top:20px; position:relative;}
.footer .link span { display:block; width:85%; color:#333; padding:0 10% 0 5%; cursor:pointer; background:#535353; position:relative;}
.footer .link span::after { display:block; content:""; width:0; height:0; border-style:solid; border-width:8px 8px 0 8px; border-color:#1a1a1a transparent transparent transparent; line-height:0px; _border-color:#1a1a1a #000 #000 #000; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000'); position:absolute; top:12px; right:10px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.footer .link .nr { width:100%; height:0; overflow:hidden; background:#535353; position:absolute; right:0; bottom:30px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.footer .link .nr a { display:block; width:90%; color:#999; padding:5px 5%; border-bottom:1px solid #666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .link:hover span::after { border-width:0 8px 8px 8px; border-color:transparent transparent #1a1a1a transparent; line-height:0px; _border-color:#000 #000 #1a1a1a #000;} 
.footer .link:hover .nr { height:auto;}
.footer .link .nr a:hover { background:#666;}
.footer p { line-height:80px; text-align:center; margin-top:40px; border-top:1px solid #7b7b7b;}
.footer p span { display:inline-block; cursor:pointer; position:relative;}
.footer p span i { display:block; font-style:normal; font-weight:bold;}
.footer p span img { display:none; width:120px; height:120px; border:5px solid #fff; border-radius:4px; box-shadow:0 0 10px rgba(0,0,0,0.2); background:#fff; overflow:hidden; position:absolute; right:0;}
.footer p span:hover img { display:block; bottom:55px;}

/*右侧客服*/
.webonline { width:65px; position:fixed; right:3px; bottom:10%; z-index:999999;}
.webonline li { padding:10px 5px; text-align:center; margin-bottom:2px; border:1px solid #ddd; border-radius:4px; background:#f6f6f6; position:relative;-webkit-transition:all .5s ease; transition:all .5s ease;}
.webonline li .ontop { width:100%; cursor:pointer;}
.webonline li .ontop i { display:block; width:30px; height:25px; line-height:25px; font-family:FontAwesome; font-style:normal; font-size:22px; color:#333; text-align:center; padding-top:5px; margin:0 auto;}
.webonline li .ontop i img { display:block; width:30px; height:30px; margin:0 auto;}
.webonline li .ontop p { margin-top:5px; font-size:11px; color:#333;}
.webonline li .onlft { display:none; padding:5px; margin:auto; border-radius:4px; background:#de0505; position:absolute; right:75px; bottom: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 #de0505; line-height:0px; _border-color:#000 #000 #000 #de0505; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; right:-6px; bottom:16px;}
.webonline li .onlft p { width:130px; height:35px; line-height:35px; font-size:18px; color:#fff; text-align:center;}
.webonline li .onlft img { display:block; width:120px; border:3px solid #fff;}
.webonline li:hover { border-color:#de0505; background:#de0505;}
.webonline li:hover i,.webonline li:hover p { color:#fff;}
.webonline li:hover .onlft { display:block;}
.webonline li.btn_top { display:none;}

/**栏目标题**/
.tits { width:100%; text-align:center; padding:40px 0;}
.tits h3 { width:120px; line-height:40px; margin:0 auto; position:relative;}
.tits h3 span { display:block; width:100%; font-size:24px; color:#de0505; letter-spacing:4px; position:relative;}
.tits h3::before,.tits h3::after,.tits h3 span::before,.tits h3 span::after { display:block; content:""; position:absolute;}
.tits h3::before,.tits h3::after { width:85px; height:1px; background:#e6e6e6; top:22px;}
.tits h3::before { left:-105px;}
.tits h3::after { right:-105px;}
.tits h3 span::before,.tits h3 span::after { width:7px; height:7px; border:1px solid #e6e6e6; border-radius:50%; top:18px;}
.tits h3 span::before { left:-20px;}
.tits h3 span::after { right:-20px;}
.tits p { line-height:25px; font-size:14px; color:#868686; margin-top:5px; letter-spacing:1px; text-transform:Uppercase;}

/*关于我们*/
.about { width:100%; height:895px; text-align:center; background:url(../images/zxd02.png) no-repeat center bottom;}
.about h1 { font-size:26px; color:#de0505; font-weight:500; margin:40px auto;}
.about .msg { width:85%; padding:0 7.5%; font-size:16px; color:#2c2c2c; line-height:30px;}
.about .mumber { text-align:center; margin:80px auto;}
.about .mumber li { display:inline-block; width:150px; height:115px; padding-top:35px; margin:0 100px; border:1px solid #de0505; border-radius:50%;}
.about .mumber li h3 { font-weight:100; font-size:18px; color:#de0505; line-height:50px;}
.about .mumber li h3 span { font-size:40px;}
.about .mumber li p { font-size:16px; color:#6a6a6a;}
.about .more { display:block; width:121px; height:35px; line-height:35px; font-size:14px; color:#e93100; text-transform:Uppercase; margin:0 auto; background:url(../images/zxd03.png) no-repeat center bottom;}

/*业务领域*/
.busines { width:100%; padding:60px 0 20px 0; background:url(../images/zxd04.png) no-repeat center top;}
.busines li { float:left; width:395px; height:660px; margin-right:7px; position:relative;}
.busines li .msg { width:80%; padding:60px 10%; text-align:center; background:#f2f2f2; -webkit-transition:all .5s ease; transition:all .5s ease; position:absolute;}
.busines li .msg::after { display:block; content:""; width:0px; height:0px; margin:auto; border:0px solid rgba(255,255,255,0.5); position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.busines li .msg h3 { font-weight:500; font-size:18px; color:#434343; line-height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.busines li .msg p { width:6px; height:6px; margin:25px auto; border-radius:50%; background:#de0505; position:relative; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.busines li .msg p::before,.busines li .msg p::after { display:block; content:""; width:6px; height:6px; border-radius:50%; margin:auto; background:#de0505; position:absolute; top:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.busines li .msg p::before { left:-15px;}
.busines li .msg p::after { right:-15px;}
.busines li .msg span { display:block; width:120px; height:30px; line-height:30px; font-size:14px; color:#de0505; margin:0 auto; border:1px solid #de0505; position:relative; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.busines li .img { width:100%; height:420px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease; position:absolute;}
.busines li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.busines li:hover .msg { padding:100px 10%; background:#de0505;} 
.busines li:hover .msg::after { width:330px; height:255px; border-width:1px;}
.busines li:hover .msg h3 { color:#fff;}
.busines li:hover .msg p,.busines li:hover .msg p::before,.busines li:hover .msg p::after { background:#fff;}
.busines li:hover .msg span { color:#fff; border-color:#fff;}
.busines li:hover .img { height:340px;}

/*案例展示*/
.pics { width:100%; padding-bottom:20px; min-width:1200px;}
.pics li { float:left; width:calc(100% / 4); min-width:300px; height:330px; overflow:hidden; position:relative;}
.pics li .img { width:100%; height:330px; background-position:center; background-repeat:no-repeat; background-size:100% 100%; -webkit-transition:all .6s ease; transition:all .6s ease;}
.pics li h3 { width:60%; height:0; padding:0; margin:auto; font-weight:500; text-align:center; overflow:hidden; border:0px solid rgba(255,255,255,0.6); background:#de0505; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; -webkit-transition:all .6s ease; transition:all .6s ease;}
.pics li h3::after { display:block; content:"+"; width:35px; height:35px; line-height:32px; font-size:28px; color:#fff; text-align:center; margin:auto; border:1px solid #fff; border-radius:50%; position:absolute; right:0; bottom:25%; left:0;}
.pics li h3 span { display:block; width:80%; line-height:30px; font-size:18px; color:#fff; padding:0 10%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pics li:hover .img { background-size:120% 120%;}
.pics li:hover h3 { height:25%; padding:10% 0; border-width:1px;}

/*新闻*/
.news { padding-bottom:80px;}
.news li { float:left; width:370px; margin:20px 20px 0 0; position:relative;}
.news li a { display:block; width:100%;}
.news li .img { width:370px; height:280px; overflow:hidden;}
.news li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news li .time { width:55px; font-size:18px; color:#fff; text-align:center; padding:10px 15px; border-radius:6px; background:#de0505; -webkit-transition:all .5s ease; transition:all .5s ease; position:absolute; left:20px; top:230px; z-index:2;}
.news li .time b { display:block; font-weight:500; font-size:16px; line-height:30px; margin-bottom:5px; border-bottom:1px solid #fff;}
.news li .msg { border:1px solid #f0f0f0; padding:35px 20px 15px 20px;}
.news li .msg h3 { width:100%; font-size:16px; color:#333; font-weight:500; line-height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news li .msg p { font-size:14px; color:#999; line-height:25px;}
.news li:hover .img img { transform:scale(1.1,1.1);}
.news li:hover h3 { color:#de0505;}

/*合作伙伴*/
.partner { width:100%; padding-bottom:110px; background:#f3f3f3;}
.partner li { display:inline-block; width:290px; height:140px; margin:5px 3.6px; overflow:hidden; background:#fff;}
.partner li a { display:block; width:100%; position:relative;}
.partner li a::after { display:block; content:""; width:290px; height:0px; background:rgba(222,5,5,0.8); position:absolute; left:0; top:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.partner li img { display:block; width:100%; position:relative; z-index:0;}
.partner li:hover a::after { height:140px;}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width:1200px; margin:30px auto;}
.catnav { width:100%; height:60px; line-height:60px; background:#f4f4f4;}
.catnav .lft { float:left; width:65%;}
.catnav .lft h3 { float:left; font-weight:500; font-size:22px; color:#333; padding-left:15px; position:relative;}
.catnav .lft h3::after { display:block; content:""; width:5px; height:20px; background:#de0505; position:absolute; left:0; top:21px;}
.catnav .lft li { float:left; -webkit-transition:all .5s ease; transition:all .5s ease;}
.catnav .lft li a { display:block; padding:0 40px; font-size:16px; color:#333;}
.catnav .lft li:hover,.catnav .lft .on { background:#de0505;}
.catnav .lft li:hover a,.catnav .lft .on a { color:#fff;}
.catnav .posit { float:right; font-size:12px; color:#999;}
.catnav .posit i { display:block; float:left; font-style:normal; font-family:'FontAwesome'; font-size:15px; margin:0.5px 5px 0 0;}
.catnav .posit a { color:#666; margin:0 5px;}

/*详情页公用*/
.lh { min-height:100px; font-size:14px; line-height:30px; color:#666; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.show_h3 { width:100%; line-height:45px; margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #f4f4f4;}
.show_h3 h3 { padding-left:20px; font-size:26px; color:#333; position:relative;}
.show_h3 h3::after { display:block; content:""; width:5px; height:25px; background:#de0505; position:absolute; left:0; top:11px;}
.show_h3 p { font-size:14px; color:#999;}
.show_sxp { font-size:14px; line-height:25px; margin-top:30px; padding-top:20px; border-top:1px solid #f4f4f4;}
.show_sxp p { width:45%; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block; color:#999;}
.show_sxp .fr { text-align:right;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}

/*分页*/
.scott { overflow:hidden; text-align:center; letter-spacing:2px; margin:60px auto 0 auto;}
.scott li { display:inline-block; line-height:35px; border:1px solid #ddd; margin:0 5px;}
.scott a,.scott span { display:block; padding:0px 15px; font-size:16px; color:#333; cursor:pointer;}
.scott li:hover,.scott .active { border-color:#de0505; background:#de0505;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;}

/*产品列表*/
.prolist { width:100%;}
.prolist li { float:left; width:395px; height:660px; margin-right:7px; position:relative;}
.prolist li .msg { width:80%; padding:60px 10%; text-align:center; background:#f2f2f2; -webkit-transition:all .5s ease; transition:all .5s ease; position:absolute;}
.prolist li .msg::after { display:block; content:""; width:0px; height:0px; margin:auto; border:0px solid rgba(255,255,255,0.5); position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .msg h3 { font-weight:500; font-size:18px; color:#434343; line-height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .msg p { width:6px; height:6px; margin:25px auto; border-radius:50%; background:#de0505; position:relative; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .msg p::before,.prolist li .msg p::after { display:block; content:""; width:6px; height:6px; border-radius:50%; margin:auto; background:#de0505; position:absolute; top:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .msg p::before { left:-15px;}
.prolist li .msg p::after { right:-15px;}
.prolist li .msg span { display:block; width:120px; height:30px; line-height:30px; font-size:14px; color:#de0505; margin:0 auto; border:1px solid #de0505; position:relative; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .img { width:100%; height:420px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease; position:absolute;}
.prolist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li:hover .msg { padding:100px 10%; background:#de0505;} 
.prolist li:hover .msg::after { width:330px; height:255px; border-width:1px;}
.prolist li:hover .msg h3 { color:#fff;}
.prolist li:hover .msg p,.prolist li:hover .msg p::before,.prolist li:hover .msg p::after { background:#fff;}
.prolist li:hover .msg span { color:#fff; border-color:#fff;}
.prolist li:hover .img { height:340px;}

/*环境列表*/
.piclist { width:100%;}
.piclist li { float:left; width:390px; text-align:center; margin:0 5px 20px 5px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li a { display:block; width:100%;}
.piclist li .img { width:390px; height:215px; overflow:hidden;}
.piclist li .img img { display:block; width:100%; -webkit-transition:all .8s ease; transition:all .8s ease;}
.piclist li .msg { padding:10px 20px;}
.piclist li .msg h3 { width:100%; font-size:16px; color:#333; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li .msg span { display:block; width:20px; height:20px; line-height:18px; font-style:normal; font-size:14px; color:#fff; margin:10px auto; border-radius:50%; background:#de0505; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li:hover { background:#de0505; -webkit-transform:translateY(-10px); transform:translateY(-10px);}
.piclist li:hover .img img { transform:scale(1.1,1.1);}
.piclist li:hover .msg h3 { color:#fff;}
.piclist li:hover .msg span { color:#de0505; background:#fff;}

/*案例列表*/
.caslist { width:100%;}
.caslist li { float:left; width:390px; height:268px; margin:0 15px 15px 0; overflow:hidden; position:relative;}
.caslist li .img { width:390px; height:268px; background-position:center; background-repeat:no-repeat; background-size:100% 100%; -webkit-transition:all .6s ease; transition:all .6s ease;}
.caslist li h3 { width:70%; height:0; padding:0; margin:auto; font-weight:500; text-align:center; overflow:hidden; border:0px solid rgba(255,255,255,0.6); background:#de0505; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; -webkit-transition:all .6s ease; transition:all .6s ease;}
.caslist li h3::after { display:block; content:"+"; width:35px; height:35px; line-height:32px; font-size:28px; color:#fff; text-align:center; margin:auto; border:1px solid #fff; border-radius:50%; position:absolute; right:0; bottom:20%; left:0;}
.caslist li h3 span { display:block; width:80%; line-height:30px; font-size:18px; color:#fff; padding:0 10%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.caslist li:hover .img { background-size:120% 120%;}
.caslist li:hover h3 { height:30%; padding:10% 0; border-width:1px;}

/*新闻列表*/
.newlist { width:100%; min-height:150px;}
.newlist li { width:100%; margin:0 auto 30px auto; padding-bottom:30px; border-bottom:1px solid #eee;}
.newlist li a { display:block; width:100%;}
.newlist li .time { float:left; width:60px; font-size:14px; color:#fff; text-align:center; padding:15px 20px; background:#de0505; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .time b { display:block; font-size:28px; line-height:40px; margin-bottom:10px;}
.newlist li .msg { float:right; width:1080px;}
.newlist li .msg h3 { font-size:18px; color:#333; font-weight:500; line-height:35px; margin-bottom:10px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg p { font-size:14px; color:#999; line-height:25px;}
.newlist li:hover .time { border-radius:10px; overflow:hidden;}
.newlist li:hover h3 { color:#de0505;}

/*合作伙伴列表*/
.partlist { width:100%;}
.partlist li { display:inline-block; width:290px; height:140px; margin:5px 3.6px; border:5px solid #f4f4f4; box-sizing:border-box; overflow:hidden; background:#fff;}
.partlist li a { display:block; width:100%; position:relative;}
.partlist li a::after { display:block; content:""; width:290px; height:0px; background:rgba(222,5,5,0.8); position:absolute; left:0; top:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.partlist li img { display:block; width:100%; position:relative; z-index:0;}
.partlist li:hover a::after { height:140px;}

/*在线留言*/
.company { width:100%; padding-top:15px;}
.company li { float:left; width:31%; font-size:14px; color:#888; margin:0 3.43% 20px 0; padding:0 15px; background:#f4f5f9; box-sizing:border-box;}
.company li label { display:block; float:left; width:60px; line-height:50px;}
.company li input { display:block; float:left; width:250px; height:50px; line-height:50px; border:none; background:none;}
.company li textarea { display:inline-block; width:94%; line-height:22px; font-family:Microsoft YAHEI; font-size:14px; color:#888; padding:14px 0; border:none; background:none;}
.company li.nr { width:100%; margin-right:0;}
.company li.yzm { width:473px; padding-right:5px;}
.company li.yzm img { float:left; height:40px; margin:5px 0 5px 15px;}
.company li.btn { width:200px; padding:0; background:#d32431;}
.company li.btn input { width:100%; font-size:16px; color:#fff;}
.company li.btn:hover { background:#ba111d;}

/*招聘*/
.n_job { width:100%; margin-bottom:40px;}
.n_job .lft { float:left; width:300px;}
.n_job .lft li { padding:15px 25px; margin-bottom:10px; border:1px solid #eee; background:#fff; cursor:pointer; position:relative;}
.n_job .lft li::after { display:none; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:10px 0 10px 10px; border-color:transparent transparent transparent #d63d36; line-height:0px; _border-color:#000 #000 #000 #d63d36; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000'); position:absolute; right:-10px; top:0; bottom:0;}
.n_job .lft li h3 {  font-size:16px; color:#333; line-height:25px; margin-bottom:10px;}
.n_job .lft li p { font-size:14px; color:#999;}
.n_job .lft li p span { margin-left:30px;}
.n_job .lft li:hover,.n_job .lft li.on { background:#d63d36;}
.n_job .lft li:hover::after,.n_job .lft li.on::after { display:block;}
.n_job .lft li:hover h3,.n_job .lft li.on h3,.n_job .lft li:hover p,.n_job .lft li.on p { color:#fff;}
.n_job .rgt { float:right; width:850px; border:1px solid #eee; background:#fff;}
.n_job .rgt .msg { padding:30px 40px;}
.n_job .rgt .msg h3 { font-weight:500; font-size:16px; color:#333;}
.n_job .rgt .msg .lh { margin-top:10px;}
.n_job .rgt .msg .nr { color:#333; padding-top:20px; border-top:1px solid #eee;}
.n_job .rgt .msg .nr b,.n_job .rgt .msg .nr a { font-size:18px; color:#d63d36;}

/*联系我们*/
.contact { width:100%;}
.contact .lft { float:left; width:60%;}
.contact .lft h1 { font-size:22px; color:#000; font-weight:500; line-height:35px; margin-bottom:15px;}
.contact .lft p { font-size:14px; color:#666; line-height:30px;}
.contact .rgt { float:right;}
.contact .rgt .img { float:right; width:150px; text-align:center; padding:10px; margin-left:30px; border:1px solid #eee; overflow:hidden;}
.contact .rgt .img img { display:block; width:150px; height:150px;}
.contact .rgt .img h3 { font-size:16px; color:#000; font-weight:500; line-height:30px; margin-top:5px;}
.contact .rgt .img p { font-size:12px; color:#999;}
.contact .map { width:100%; margin-top:30px; padding-top:30px; border-top:1px solid #eee; overflow:hidden;}