<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body { margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI,Arial,Helvetica,sans-serif; color:#333; min-width:1260px;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select { margin:0; padding:0;}
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;}
.fl { float:left;}
.fr { float:right;}
.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:#ddd;} 
:-moz-placeholder { color:#ddd;} 
::-moz-placeholder { color:#ddd;}
:-ms-input-placeholder { color:#ddd;} 

@font-face { 
	font-family:'FontAwesome';
		    src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
	        src:url('../fonts/fontawesome-webfont.eot?#iefix&amp;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:1520px; height:105px; margin:0 auto; background:#fff; position:relative; z-index:999;}
.header .logo { float:left; width:515px; height:70px; margin:17.5px 35px 17.5px 0;}
.header .logo a { display:block; float:left; width:250px; height:70px; margin-right:25px; padding-right:25px; border-right:1px solid #eee;}
.header .logo a img { display:block; height:100%;}
.header .logo p { float:left; width:214px; font-size:26px; line-height:35px; color:#252525; font-weight:bold;}
.header .logo p span { display:block; font-size:25px; font-weight:200; letter-spacing:1.5px;}
.header .rgt { float:right;}
.header .rgt .tel { float:left; width:180px; padding:22.5px 20px; font-size:24px; color:#fff; line-height:30px; letter-spacing:5px; text-align:center; background:#c70e26;}
.header .rgt .tel b { display:block; font-size:26px; font-weight:bold; letter-spacing:0px;}
.header .rgt .wx { float:left; width:65px; padding:4px 15px; margin-left:5px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2;}
.header .rgt .wx img { display:block; width:65px; height:65px;}
.header .rgt .wx p { font-size:12px; color:#252525; text-align:center;}
@media screen and (max-width:1600px) { 
	.header { width:1260px} 
	.header .rgt .tel { display:none;}
} 

/*å¯¼èˆª*/
.nav { float:left; max-width:620px; height:105px; line-height:105px; margin:0 auto;}
.nav li { float:left; text-align:center; position:relative;}
.nav li a { display:block; padding:0 10px; font-size:14px; color:#343434; font-weight:bold; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nav li a i { display:block; float:left; width:5px; height:5px; margin:51px 5px 0 0; border-radius:50%; background:#c70e26; filter:alpha(opacity=0); opacity:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nav li:hover a,.nav li.on a { color:#c70e26;}
.nav li:hover a i,.nav li.on a i { filter:alpha(opacity=100); opacity:1;}

/*è„šéƒ¨*/
.footer { width:100%; padding-top:70px; background:#242424;}
.footer a { color:#fff;}
.footer .lft { float:left; width:275px; padding-right:25px; border-right:1px solid #313131;}
.footer .lft .log { width:250px; height:70px; margin-bottom:45px;}
.footer .lft .log img { display:block; height:100%;}
.footer .lft .msg { width:100%; font-size:12px; color:#797979; line-height:22px; text-align:justify;}
.footer .rgt { float:right; width:885px;}
.footer .rgt .fotnav { width:525px; padding-bottom:20px; margin-bottom:15px; border-bottom:1px solid #313131;}
.footer .rgt .fotnav a { display:inline-block; margin-left:35px; position:relative;}
.footer .rgt .fotnav a::after { display:block; content:""; width:1px; height:12px; background:#fff; position:absolute; left:-20px; top:4px;}
.footer .rgt .fotnav a:first-child { margin-left:0;}
.footer .rgt .fotnav a:first-child::after { display:none;}
.footer .rgt .msg { float:left; width:480px; font-size:14px; color:#fff; line-height:25px;}
.footer .rgt .msg p i { font-style:normal; color:#4bb3d6; text-decoration:underline;}
.footer .rgt .imgph { float:right; width:400px; margin-top:20px;}
.footer .rgt .imgph .img { float:left; width:190px;}
.footer .rgt .imgph .img p { float:left; width:50px; color:#878787; line-height:20px; padding-top:45px; letter-spacing:2px; writing-mode:vertical-lr; writing-mode:tb-lr;}
.footer .rgt .imgph .img img { display:block; float:right; width:120px; height:120px; border:10px solid #1d1e20; background:#fff;}
.footer .rgt .imgph .phone { float:right;}
.footer .rgt .imgph .phone p { font-size:24px; color:#fff; letter-spacing:8px; line-height:30px;}
.footer .rgt .imgph .phone p b { font-size:28px; letter-spacing:0;}
.footer .rgt .imgph .phone .mob { width:190px; height:35px; line-height:35px; margin-top:5px; background:#c70e26; cursor:pointer; position:relative;}
.footer .rgt .imgph .phone .mob span { display:block; width:60px; color:#fff; padding-left:30px; margin:0 auto; background:url(../images/tl_15.png) no-repeat left center;}
.footer .rgt .imgph .phone .mob img { display:none; width:120px; height:120px; padding:10px; border:1px solid #313131; background:#1d1e20; position:absolute; right:25px; bottom:40px;}
.footer .rgt .imgph .phone .mob:hover img { display:block;}
.footer .copy { width:100%; font-size:13px; color:#818181; line-height:30px; text-align:center; padding:10px 0; margin-top:40px; background:#1a1b1c;}
.footer .copy a { color:#818181;}
.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;}

/*åœ¨çº¿å®¢æœ*/
.hide { display:none;}
#leftsead { width:130px; height:280px; position:fixed; bottom:15%; right:5px; z-index:100;}
*html #leftsead { margin-top:300px; position:absolute; top:expression(eval(document.documentElement.scrollTop));}
#leftsead li { width:95%; line-height:20px; text-align:center; padding:10px 2.5%; margin-bottom:10px; background:#c70e26; cursor:pointer; position:relative;}
#leftsead li::after { display:block; content:""; width:92%; height:10px; transform:skew(-45deg); background:#8b0012; position:absolute; left:5px; bottom:-10px;}
#leftsead li:last-child::after { display:none;}
#leftsead li a { display:block; width:100%;}
#leftsead li p { font-size:16px; color:#fff;}
#leftsead li p span { font-size:22px; margin-right:5px;}
#leftsead li .font14 { font-size:16px; letter-spacing:1px;}
#leftsead li b { display:block; text-align:center; font-size:16px; color:#fff; line-height:25px;}
#leftsead li.onli b { font-size:16px; font-weight:500; margin-top:5px;}
#leftsead li img { display:block; width:90%; margin:10px auto 0 auto;}

/**æ&nbsp;ç›®æ&nbsp;‡é¢˜**/
.tits { text-align:center; letter-spacing:1px;}
.tits h3 { font-size:30px; color:#333; line-height:50px;}
.tits span { display:block; font-size:18px; font-weight:500; color:#777; margin-bottom:30px;}
.tits p { font-size:14px; color:#7d7d7d; line-height:30px;}

/**å·¥ç¨‹æŠ€æœ¯**/
.pros { width:1765px; padding:35px 0; margin:0 auto; position:relative;}
.pros .hd { width:100%; position:absolute; bottom:33%; left:0;}
.pros .hd a { display:block; width:50px; height:50px; border-radius:50%; cursor:pointer; background:#d2d2d2; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .hd a::after { display:block; content:""; width:15px; height:15px; margin:auto; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:0; bottom:0;}
.pros .hd .next { float:left;}
.pros .hd .prev { float:right;}
.pros .hd .next::after { border-bottom:1px solid #fff; border-left:1px solid #fff; left:20px;}
.pros .hd .prev::after { border-right:1px solid #fff; border-top:1px solid #fff; right:20px;}
.pros .hd a:hover { background:#c70e26;}
.pros .bd { width:1610px; margin:100px auto 75px auto; overflow:hidden; position:relative; z-index:2;}
.pros .bd li { float:left; width:380px; height:280px; padding-bottom:30px; margin-right:30px;}
.pros .bd li a { display:block; width:100%; color:#fff; text-align:center; position:relative;}
.pros .bd li i { width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .bd li img { display:block; width:100%;}
.pros .bd li h3 { width:90%; font-size:20px; line-height:40px; margin:auto; position:absolute; left:0; right:0; top:30%; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .bd li h3::after { display:block; content:""; width:30px; height:1px; margin:auto; background:#fff; position:absolute; left:0; right:0; bottom:-10px;}
.pros .bd li p { width:75px; height:25px; line-height:25px; font-size:12px; margin:auto; border:1px solid #fff; border-radius:25px; position:absolute; left:0; right:0; top:60%; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .bd li:hover i { background:rgba(199,14,38,0.8)}
.pros .bd li:hover h3 { top:42%;}
.pros .bd li:hover p { color:#c70e26; box-shadow:0 5px 10px rgba(191,41,52,0.2); background:#fff; top:95%;}
@media screen and (max-width:1600px) { 
	.pros { width:1440px;} 
	.pros .hd { width:98%; margin:0 auto; right:0;}
	.pros .bd { width:1285px;}
	.pros .bd li { width:298px; height:220px;}
	.pros .bd li:hover p { top:93%;}
} 
@media screen and (max-width:1360px) { 
	.pros { width:1205px;} 
	.pros .hd { bottom:22%;}
	.pros .bd { width:1050px; margin:70px auto 0 auto;}
	.pros .bd li { width:240px; height:177px;}
	.pros .bd li h3 { top:25%;}
	.pros .bd li p { top:65%;}
	.pros .bd li:hover p { top:93%;}
}

/**å¤©åŠ›æˆé•¿**/
.about { width:100%; padding:90px 0 200px 0; background:#f2f2f2 url(../images/tl_01.jpg) no-repeat center bottom;}
.about .tits { padding-bottom:50px;}
.about .lft { float:left; width:850px;}
.about .lft h3 { font-size:18px; color:#000; line-height:60px;}
.about .lft .msg { width:780px; font-size:14px; color:#7e7e7e; line-height:30px;}
.about .lft a { display:block; width:130px; height:35px; line-height:35px; font-size:14px; color:#fff; text-align:center; margin:15px 0; background:#c70e26;}
.about .lft li { float:left; width:110px; text-align:center; margin:45px 55px 0 0; cursor:pointer; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .lft li .img { width:85px; height:85px; padding:8px; margin:0 auto; border-radius:50%; background:#c70e26; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .lft li .img img { display:block; width:75px; height:75px; border:5px solid #e41d37; border-radius:50%; background:#fff;}
.about .lft li:hover .img { transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}
.about .lft li p { font-size:18px; color:#5b5b5b; line-height:25px; margin-top:15px;}
.about .rgt { float:right; width:350px; height:470px; overflow:hidden;}
.about .rgt img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .lft li:hover { transform:translate(0,-20px); -webkit-transform:translate(0,-20px); -moz-transform:translate(0,-20px); -o-transform:translate(0,-20px); -ms-transform:translate(0,-20px);}
.about .rgt:hover img { transform:scale(1.1,1.1);}

/**æŠ€æœ¯ä¼˜åŠ¿**/
.advg { width:100%; padding:120px 0; background:url(../images/tl_07.jpg) no-repeat center top; background-attachment:fixed;}
.advg .tits h3,.advg .tits span { color:#fff;}
.advg li { float:left; width:220px; height:300px; text-align:center; margin:70px 10px; padding:30px; position:relative;}
.advg li::after { display:block; content:""; width:0; height:0; margin:auto; background:rgba(249,249,249,0.8); position:absolute; top:0; right:0; bottom:0; left:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.advg li a { display:block; width:100%; position:relative; z-index:2;}
.advg li i { display:block; width:124px; height:148px; margin:0 auto 20px auto; background-position:0 0; background-repeat:no-repeat;}
.advg li h3 { font-size:20px; color:#fff; line-height:30px; font-weight:500;}
.advg li p { font-size:12px; color:#fff; line-height:25px; text-transform:Uppercase;}
.advg li span { display:block; width:40px; height:40px; line-height:35px; font-size:12px; color:#fff; margin:35px auto 0 auto; border-radius:50%; background:#c70e26;}
.advg li:hover::after { width:100%; height:100%;}
.advg li:hover h3 { color:#000;}
.advg li:hover p { color:#979797;}
.advg .ad1 i { background-image:url(../images/tl_08.png);}
.advg .ad1:hover i { background-image:url(../images/tl_08h.png);}
.advg .ad2 i { background-image:url(../images/tl_09.png);}
.advg .ad2:hover i { background-image:url(../images/tl_09h.png);}
.advg .ad3 i { background-image:url(../images/tl_10.png);}
.advg .ad3:hover i { background-image:url(../images/tl_10h.png);}
.advg .ad4 i { background-image:url(../images/tl_11.png);}
.advg .ad4:hover i { background-image:url(../images/tl_11h.png);}

/**ç»å…¸ä¸šç»©**/
.results { width:100%; padding:160px 0;}
.results .lft { float:left; width:245px; margin-top:50px;}
.results .lft .tits { text-align:left;}
.results .lft .tits p { margin:35px 0 90px 0; font-size:14px; color:#000; line-height:30px; letter-spacing:0;}
.results .lft .tits a { display:block; width:104px; height:25px; line-height:25px; padding-bottom:5px; font-size:14px; color:#c70e26; text-align:center; background:url(../images/tl_12.png) no-repeat 0 bottom;}
.results .rgt { float:right;}
.results .rgt li { float:left; width:300px; height:460px; margin-left:10px; border-radius:15px; overflow:hidden;}
.results .rgt li a { display:block; width:100%; position:relative;}
.results .rgt li a::after { display:block; content:""; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; left:0; top:0; z-index:0;}
.results .rgt li img { display:block; width:300px; height:460px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.results .rgt li .msg { width:80%; height:240px; margin:auto; text-align:center; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;}
.results .rgt li .msg h3 { font-size:20px; color:#fff; margin-bottom:65px; position:relative;}
.results .rgt li .msg h3::after { display:block; content:""; width:1px; height:35px; margin:0 auto; background:rgba(255,255,255,0.5); position:absolute; left:0; right:0; top:40px;}
.results .rgt li .msg p { font-size:18px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.results .rgt li .msg span { display:block; width:35px; height:30px; line-height:30px; font-size:30px; color:#fff; font-weight:100; text-align:center; margin:50px auto 0 auto; background:#c70e26; position:relative;}
.results .rgt li:hover img { transform:scale(1.1,1.1);}

/**äººæ‰æ‹›è˜**/
.recruit { width:100%; height:190px; padding:95px 0 70px 0; text-align:center; background:url(../images/tl_13.jpg) no-repeat center top;}
.recruit i { display:block; width:35px; height:5px; background:#fff; margin:0 auto;}
.recruit h3 { font-size:30px; color:#fff; text-transform:Uppercase; line-height:70px;}
.recruit p { font-size:18px; color:#fff;}
.recruit a { display:block; width:55px; height:55px; font-size:50px; color:#fff; text-align:center; margin:30px auto 0 auto; border:1px solid #fff; border-radius:50%; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.recruit a::before,.recruit a::after { display:block; content:""; margin:auto; background:#fff; position:absolute; top:0; right:0; bottom:0; left:0;}
.recruit a::before { width:1px; height:25px;}
.recruit a::after { width:25px; height:1px;}
.recruit a:hover { border-color:#c70e26; background:#c70e26;}

/**æ–°é—»èµ„è®¯**/
.news { width:100%; padding:75px 0;}
.news .tits { margin-bottom:80px;}
.news .lft { float:left; width:580px;}
.news .lft .hd { width:100%; height:37px; margin-bottom:15px;}
.news .lft .hd li { float:left; width:120px; line-height:27px; text-align:center; font-size:16px; color:#212121; margin-right:10px; border-radius:27px; background:#e5e5e5; cursor:pointer;}
.news .lft .hd li.on { color:#fff; background:#c70e26;}
.news .lft .bd { width:100%; overflow:hidden;}
.news .lft .bd li { margin-bottom:10px; padding:0 15px 0 25px; line-height:30px; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .lft .bd li::after { display:block; content:""; width:6px; height:6px; background:#c70e26; border-radius:50%; position:absolute; left:10px; top:13px;}
.news .lft .bd li a { float:left; width:80%; color:#212121; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .lft .bd li span { float:right; color:#999; -webkit-transition:all .5s ease; transition:all .5s ease;} 
.news .lft .bd li:hover { background:#cacaca;}
.news .lft .bd li:hover::after { background:#fff;}
.news .lft .bd li:hover a,.news .lft .bd li:hover span { color:#fff;}
.news .lft .bd .more { margin-top:20px; padding-left:10px; padding-right:0;}
.news .lft .bd .more::after { display:none;}
.news .lft .bd .more a { display:block; float:none; width:100px; height:30px; font-size:14px; color:#c70e26; padding:0 15px; border:1px solid #c70e26; border-radius:30px; background:url(../images/tl_14.png) no-repeat 85px center;}
.news .lft .bd .more:hover { background:none;}
.news .lft .bd .more:hover a { background-color:#c70e26; background-image:url(../images/tl_14h.png);}
.news .rgt { float:right; width:541px;}
.news .rgt .bd { float:left; width:500px; height:300px; overflow:hidden;}
.news .rgt .bd li { float:left; width:100%;}
.news .rgt .bd li img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .rgt .bd li:hover img { transform:scale(1.1,1.1);}
.news .rgt .hd { float:right; width:40px;}
.news .rgt .hd li { width:100%; height:40px; line-height:40px; font-size:14px; color:#242424; text-align:center; margin-bottom:5px; background:#e5e5e5; cursor:pointer;}
.news .rgt .hd li.on { color:#fff; background:#c70e26;}

/*** å­é¡µ ***/
.content { width:1200px; margin:30px auto;}
.content .tits { padding:80px 0 50px 0; letter-spacing:2px; position:relative;}
.content .tits h3,.content .tits span { position:relative; z-index:2;}
.content .tits span { margin-bottom:0;}
.content .tits i { display:block; width:100%; text-align:center; font-size:85px; color:#fafafa; font-style:normal; font-weight:bold; letter-spacing:4px; text-transform:Uppercase; position:absolute; top:40px; z-index:0;}
.showcont { width:1200px; padding:15px 45px; margin:50px auto 30px auto; border:1px solid #eee; box-sizing:border-box; background:#f4f5f9;}
.secindy { width:100%; border-top:1px solid #f4f4f4; box-shadow:0 5px 10px rgba(199,14,38,0.05); background:#fff;}
.secindy .clat { width:100%; text-align:center;}
.secindy .clat li { display:inline-block; height:80px; line-height:80px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.secindy .clat li a { display:block; font-size:14px; padding:0 20px; font-size:px; color:#646464; -webkit-transition:all .5s ease; transition:all .5s ease;}
.secindy .clat li:hover,.secindy .clat .on { background:#c70e26;}
.secindy .clat li:hover a,.secindy .clat .on a { color:#fff;}

/*è¯¦æƒ…é¡µå…¬ç”¨*/
.lh { font-size:16px; line-height:35px; color:#333;}
.lh img { max-width:100%; height:auto !important;}
.lh p { margin-bottom:25px;}
.show_h3 { font-size:26px; color:#333; padding-top:10px; line-height:45px; text-align:center;}
.time_click { font-size:12px; text-align:center; color:#999; line-height:35px;}
.show_sxp { font-size:14px; line-height:25px; color:#666; margin:30px auto 15px auto; padding-top:20px; border-top:1px solid #e4e5e9;}
.show_sxp p { width:44%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.show_sxp p span { display:block; font-size:12px; color:#999;}
.show_sxp a { display:block; width:100%; color:#333;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#c70e26;}
.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; border:1px solid #999; margin:0 5px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.scott a,.scott span { display:block; padding:0px 15px; font-size:16px; color:#333; cursor:pointer; -webkit-transition:all .5s ease; transition:all .5s ease;}
.scott li:hover,.scott .active { border-color:#c70e26; background:#c70e26;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;}

/*äº§å“åˆ—è¡¨*/
.prolist { width:100%;}
.prolist li { float:left; width:380px; height:280px; padding-bottom:30px; margin-right:30px;}
.prolist li a { display:block; width:100%; color:#fff; text-align:center; position:relative;}
.prolist li i { width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li img { display:block; width:100%;}
.prolist li h3 { width:90%; font-size:20px; line-height:40px; margin:auto; position:absolute; left:0; right:0; top:30%; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li h3::after { display:block; content:""; width:30px; height:1px; margin:auto; background:#fff; position:absolute; left:0; right:0; bottom:-10px;}
.prolist li p { width:75px; height:25px; line-height:25px; font-size:14px; margin:auto; border:1px solid #fff; border-radius:25px; position:absolute; left:0; right:0; top:60%; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li:hover i { background:rgba(199,14,38,0.8)}
.prolist li:hover h3 { top:42%;}
.prolist li:hover p { color:#c70e26; box-shadow:0 5px 10px rgba(191,41,52,0.2); background:#fff; top:95%;}

/*æ–°é—»æ¨¡åž‹*/
.newlist { width:100%;}
.newlist li { width:100%; padding:25px 0 20px 0; position:relative;}
.newlist li::after { display:block; content:""; width:1140px; height:140px; position:absolute; left:0; top:0; z-index:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .time,.newlist li .msg { position:relative; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .time { float:left; width:95px; height:60px; text-align:center; font-size:36px; color:#838383; line-height:30px; padding:17px 0 8px 0; border:2px solid #e1e1e1;}
.newlist li .time span { display:block; font-size:12px;}
.newlist li .msg { float:right; width:1045px; padding-right:25px;}
.newlist li .msg h3 { line-height:35px; font-size:16px; color:#333; font-weight:500; padding-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg p { font-size:12px; color:#9c9f9f; line-height:20px;}
.newlist li:hover::after { background:#faf6f7; left:60px;}
.newlist li:hover .time { color:#fff; border-color:#c70e26; background:#c70e26;}
.newlist li:hover .time span { color:#fff;}
.newlist li:hover .msg h3 { color:#c70e26;}

/*å›¾ç‰‡åˆ—è¡¨*/
.picli { width:100%;}
.picli li { float:left; width:285px; height:437px; margin:0 20px 20px 0; border-radius:15px; overflow:hidden;}
.picli li a { display:block; width:100%; position:relative;}
.picli li a::after { display:block; content:""; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; left:0; top:0; z-index:0;}
.picli li img { display:block; width:285px; height:437px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.picli li .msg { width:80%; height:240px; margin:auto; text-align:center; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;}
.picli li .msg h3 { font-size:20px; color:#fff; margin-bottom:65px; position:relative;}
.picli li .msg h3::after { display:block; content:""; width:1px; height:35px; margin:0 auto; background:rgba(255,255,255,0.5); position:absolute; left:0; right:0; top:40px;}
.picli li .msg p { font-size:18px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.picli li .msg span { display:block; width:35px; height:30px; line-height:30px; font-size:30px; color:#fff; font-weight:100; text-align:center; margin:50px auto 0 auto; background:#c70e26; position:relative;}
.picli li:hover img { transform:scale(1.1,1.1);}

/*å›¢é˜Ÿåˆ—è¡¨*/
.teamlst { width:100%;}
.teamlst li { float:left; width:380px; padding-top:100px; margin:0 20px 40px 0; position:relative;}
.teamlst li a { display:block; width:100%;}
.teamlst li img { display:block; width:160px; height:160px; margin:0 auto; border:5px solid #eee; border-radius:50%; overflow:hidden; position:absolute; top:0; left:0; right:0; -webkit-transition:all .5s ease; transition:all .5s ease;} 
.teamlst li .msg { padding:75px 25px 25px 25px; text-align:center; border:1px solid #eee; -webkit-transition:all .5s ease; transition:all .5s ease;}
.teamlst li .msg h3 { font-size:16px; color:#333; line-height:50px;}
.teamlst li .msg p { font-size:14px; color:#666; line-height:25px;}
.teamlst li:hover img { border-color:#c70e26;}
.teamlst li:hover .msg { border-color:#c70e26; background:#c70e26;}
.teamlst li:hover .msg h3 { color:#fff;}
.teamlst li:hover .msg p { color:#f7bec5;}

/*å›¢é˜Ÿè¯¦æƒ…*/
.teamshow { width:100%; padding-top:30px;}
.teamshow .img { width:260px; height:260px; margin:0 auto; border:10px solid #ddd; border-radius:50%; overflow:hidden;}  
.teamshow .img img { display:block; width:260px; height:260px;}
.teamshow .tile { font-size:26px; line-height:40px; text-align:center; margin:15px auto 40px auto;}

/*åœ¨çº¿ç•™è¨€*/
.company { width:100%; padding:25px 0;}
.company li { float:left; width:31%; font-size:14px; color:#888; margin:0 3.43% 20px 0; padding:0 15px; background:#fff; 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:#c70e26;}
.company li.btn input { width:100%; font-size:16px; color:#fff;}
.company li.btn:hover { background:#ba111d;}

/*è”ç³»æˆ‘ä»¬*/
.n_contact { width:100%;}
.n_contact .msg { float:left; width:480px; font-size:14px; color:#333; line-height:30px;}
.n_contact .msg  p { margin-bottom:0;}
.n_contact .img { float:right; width:140px; text-align:center; margin-top:30px;}
.n_contact .img img { display:block; width:120px; height:120px; border:10px solid #eee;}
.n_contact .img p { font-size:14px; line-height:22px; margin-top:5px;}
.n_contact .map { width:100%; margin-top:30px;}

/*æ‹›è˜*/
.n_job { width:100%; margin:0 auto;}
.n_job th { height:50px; line-height:50px; color:#fff; font-size:16px; text-align:center; background:#c70e26;}
.n_job .titl td { text-align:center; color:#666; font-size:14px; border-bottom:1px dashed #ddd; padding:10px; background:#fdfdfd;}
.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 25px; line-height:25px; color:#666; border-left:1px solid #fdfdfd; border-right:1px solid #fdfdfd;}
.n_job .show_box { display:none;}
.n_job .article { padding:30px 0;}
.n_job .un { line-height:26px; margin:10px auto; font-size:14px; color:#777; padding:0 15px 15px 15px;}
.n_job .un a { color:#c70e26; font-size:16px;}

/*è§†é¢‘åˆ—è¡¨*/
.mvideom { width:100%;}
.mvideom .videom_item { float:left; position:relative; width:385px; height:260px; margin:0 22px 20px 0; overflow:hidden; position:relative;}
.mvideom .videom_item .imgMask { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0); transition:all .36s ease;}
.mvideom .videom_item img { float:none; width:510px; height:350px;}
.mvideom .videom_item .image { position:relative;}
.mvideom .videom_item:hover .imgMask { background:rgba(0,0,0,0.47);}
.mvideom .videom_item .item_info { width:84%; height:45px; padding:15px 8%; text-align:left; background:rgba(199,14,38,0.8); transition:all .36s ease; position:absolute; bottom:-30%; left:0;}
.mvideom .videom_item:hover .item_info { bottom:0;}
.mvideom .videom_item .title { font-size:16px; color:#fff; margin-top:10px; transition-delay:0.4s; -moz-transition-delay:0.4s; -webkit-transition-delay:0.4s; -o-transition-delay:0.4s; transition:all .6s ease;}
.mvideom .videom_item .subtitle { font-size:13px; color:#fff; margin-top:30px; transition-delay:0.8s; -moz-transition-delay:0.8s; -webkit-transition-delay:0.8s; -o-transition-delay:0.8s; transition:all .6s ease; padding-top:6px;}
.mvideom .videom_item:hover .subtitle,.mvideom .videom_item:hover .title { margin-top:0px;}
.mvideom .videom_item .video_details { display:none; position:absolute; bottom:-100%; left:10%; height:40px; line-height:40px; color:#fff; border:1px solid #fff; padding:0 25px; transition:all .36s ease;}
.mvideom .videom_item:hover .video_details { bottom:10%;}
.mvideom .videom_item .imgIcon { position:absolute; top:-20%; left:50%; margin-top:-22px; margin-left:-28px; transition:all .6s ease;}
.mvideom .videom_item:hover .imgIcon { top:28%;}
.mvideom .videom_item .imgIcon .icon-triangle { position:absolute; top:50%; left:50%; margin-top:-8px; margin-left:-8px;}
.mvideom .videom_item .imgIcon path { stroke:#fff; fill:#fff;}

/*ä¸‹è½½è¯¦æƒ…*/
.show_soft { width:100%; margin-top:20px; clear:both; text-align:center;}
.show_soft a { display:block; float:left; width:200px; color:#333; margin:10px 10px 0 0; padding-top:10px; border:1px solid #eee; border-radius:4px; overflow:hidden;}
.show_soft a img { display:block; width:100px; margin:0 auto;}
.show_soft a h2 { line-height:20px; font-size:12px; font-weight:500; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_soft a p { line-height:40px; font-size:16px; font-weight:bold; color:#333; background:#eee;}
.pro_h3 { line-height:35px; padding:0 10px; font-size:14px; font-weight:bold; background:#eee; margin:30px auto 20px auto;}</pre></body></html>