body { margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1300px;}
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;}
.warp { width:1300px; 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;
}
@font-face {
	font-family:'Oswald';
	        src:url('../fonts/Oswald-Medium.ttf') format('truetype');
	font-weight:normal;
	 font-style:normal;
}

/*头部*/
.header { width:100%; min-width:1300px; height:90px; position:relative; z-index:999;}
.header .logo { float:left; width:515px; height:55px; margin:17.5px 0 0 2.5%; overflow:hidden;}
.header .logo img { display:block; height:100%;}
.header .tel { float:right; width:190px; line-height:90px; font-family:Oswald; font-size:32px; color:#fff; margin-left:40px; padding:0 20px 0 70px; background:#d63d36 url(../images/ylx_01.png) no-repeat 25px 30px;}
.header .nav { float:right; height:90px;}
.header .nav li { float:left; line-height:90px; position:relative;}
.header .nav li::after { display:block; content:""; width:0%; height:4px; margin:auto; background:#d63d36; position:absolute; left:0; right:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li a { display:block; font-size:16px; color:#333; padding:0 25px;}
.header .nav li:hover::after,.header .nav .on::after { width:80%;}
.header .nav li:hover > a,.header .nav .on > a { color:#d63d36;}
.header .nav li:hover p { display:block;}
.header .nav li p { display:none; width:110%; text-align:center; border-radius:0 0 8px 8px; overflow:hidden; position:absolute; left:-5%; top:90px;}
.header .nav li p a { line-height:40px; font-size:14px; color:#fff; padding:0 10px; border-top:1px solid #ca3b34; overflow:hidden; background:#d63d36; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li:hover p a { color:#fff;}
.header .nav li:hover p a:hover { background:#ca3b34;}

/*1660分辨率一下导航样式*/
.header .menu { display:none; float:right; width:100px; height:90px; background:#eee; position:relative;}
.header .menu::before,.header .menu::after { display:block; content:""; width:40px; margin:auto; position:absolute; top:0; right:0; left:0; bottom:0;}
.header .menu::before { height:20px; border-top:2px solid #ca3b34; border-bottom:2px solid #ca3b34;}
.header .menu::after { height:2px; background:#ca3b34;}
.header .menav { display:none; width:80vw; min-width:calc(1300px - 20vw); height:70vh; padding:15vh 10vw; position:fixed; left:0; top:0; background:#fff; z-index:9;}
.header .menav li { float:left; width:calc(100% / 7); text-align:center;} 
.header .menav li a { display:block; width:100%; line-height:60px; font-weight:bold; font-size:20px; color:#333;}
.header .menav li a:hover,.header .menav .on > a { color:#d63d36;}
.header .menav li p { width:100%;}
.header .menav li p a { line-height:35px; font-weight:500; font-size:16px; color:#666;}
.header .menon { display:block;}
@media screen and (max-width:1659px) { 
	.header .nav { display:none;} 
	.header .tel { margin-left:0;}
	.header .menu { display:block;}
} 

/*banner*/
.banner { width:100%; margin:0 auto;}
.banner .swiper-slide { width:100%;}
.banner .swiper-slide a,.banner .swiper-slide img { display:block; width:100%;}
.banner .swiper-pagination-bullets { bottom:20px;}
.banner .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px !important; border:2px solid #fff; border-radius:50%; filter:alpha(opacity=100); opacity:1;background:#fff; position:relative; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-pagination-bullet-active { width:12px; height:12px; background:none;}
.banner .swiper-button-prev,.banner .swiper-button-next { width:50px; height:60px; border-radius:10%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after { font-size:30px; color:#fff;} 
.banner .swiper-button-prev { left:5%;}
.banner .swiper-button-next { right:5%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { background:rgba(214,61,54,0.6);}

/*二级banner*/
.banner_ej { width:100%; height:400px; margin:0 auto; background-position:center top; background-repeat:no-repeat; background-size:cover;}

/*脚部*/
.footer { width:100%; font-size:14px; color:#8c8c8c; background:url(../images/ylx_18.jpg) repeat-y center top;}
.footer a { color:#8c8c8c;}
.footer a:hover { color:#fff;}
.footer .lft { float:left; width:66%;}
.footer .lft li { float:left; width:188px; height:240px; padding:50px 40px; border-left:1px solid #343434;}
.footer .lft li h3 { height:40px; line-height:40px; font-weight:500; font-size:16px; color:#e9eaec; margin-bottom:20px; position:relative;}
.footer .lft li h3::after { display:block; content:""; width:40px; height:40px; line-height:40px; border-radius:50%; background-color:#343434; background-repeat:no-repeat; background-position:center; position:absolute; left:-60px; top:0;}
.footer .lft .abot::after { background-image:url(../images/ylx_19.png);}
.footer .lft .serv::after { background-image:url(../images/ylx_20.png);}
.footer .lft .xwzx::after { background-image:url(../images/ylx_21.png);}
.footer .lft li a { display:block; width:100%; line-height:30px;}
.footer .lft p { line-height:30px; padding:15px 0; border-top:1px solid #3e3d45; position:relative;}
.footer .lft p::after { display:block; content:""; width:50%; height:1px; background:#3e3d45; position:absolute; left:-50%; top:-1px;}
.footer .lxwm { float:right; width:285px; text-align:right; padding-top:50px;}
.footer .lxwm span { display:block; line-height:px; font-size:16px;}
.footer .lxwm h1 { line-height:px; font-family:Oswald; font-weight:500; font-size:32px; color:#d63d36; margin-bottom:35px; position:relative;}
.footer .lxwm h1::after { display:block; content:""; width:20px; height:2px; background:#d63d36; position:absolute; right:0; bottom:-15px;}
.footer .lxwm p { line-height:25px; text-indent:4em;}
.footer .imgs { float:right; width:110px; height:110px; padding:8px; margin-top:20px; border:1px solid #6d6d6d; border-radius:4px;}
.footer .imgs img { display:block; width:110px; height:110px;}

/*右侧客服*/
.webonline { width:60px; padding:5px; border-radius:8px 0 0 8px; background:#d63d36; position:fixed; right:0; bottom:10%; z-index:999999;}
.webonline li { width:100%; padding:10px 0 5px 0; text-align:center; border-top:1px solid #c54741; position:relative;}
.webonline li:first-child { border-top:none;}
.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:18px; color:#d63d36; text-align:center; padding-top:5px; margin:0 auto; border-radius:50%; background:#fff;}
.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:#d63d36; position:absolute; right:75px; 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 #d63d36; line-height:0px; _border-color:#000 #000 #000 #d63d36; _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:18px; 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%; line-height:40px; text-align:center; padding-bottom:50px; position:relative;}
.tits h3 { font-size:28px; color:#333; letter-spacing:5px; position:relative; z-index:1;}
.tits p { font-weight:bold; font-size:50px; color:#f5f5f5; letter-spacing:2px; text-transform:Uppercase; position:relative; top:-25px; z-index:0;}
.tits p::after { display:block; content:""; width:35px; height:4px; margin:auto; background:#d63d36; position:absolute; left:0; right:0; bottom:-20px;}

/*关于我们*/
.about { width:100%; padding:110px 0; background:url(../images/ylx_03.jpg) no-repeat center top;}
.about .lft { float:left; width:560px; margin-top:15px;}
.about .lft h1 { line-height:90px; font-size:32px; color:#333; letter-spacing:4px; position:relative;}
.about .lft h1::after { display:block; content:""; width:35px; height:4px; background:#d63d36; position:absolute; left:0; top:0;}
.about .lft .msg { width:100%; line-height:35px; font-size:16px; color:#7a7c8b; margin:10px 0 80px 0;}
.about .lft a { display:block; width:160px; height:45px; line-height:45px; font-size:14px; color:#fff; padding:0 20px; box-sizing:border-box; background:#d63d36 url(../images/ylx_02.png) no-repeat 120px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .lft a:hover { padding:0 15px; border-radius:4px; background-position:130px center;}
.about .img { float:right; width:640px; height:415px; border-radius:0 0 0 90px; overflow:hidden;}
.about .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .img:hover img { transform:scale(1.1,1.1);}
.about .lst { width:100%; margin:80px 0 10px 0; border-radius:50px 0 0 0; overflow:hidden; background:#fff;}
.about .lst li { float:left; width:calc(100% / 4); text-align:center; border-right:1px solid #f4f4f4; box-sizing:border-box; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .lst li a { display:block; padding:20px;}
.about .lst li img { display:block; width:40px; height:40px; margin:0 auto; -webkit-transition:all .2s ease; transition:all .2s ease;}
.about .lst li p { line-height:30px; font-size:14px; color:#333; -webkit-transition:all .2s ease; transition:all .2s ease;}
.about .lst li:hover { background:#d63d36;}
.about .lst li:hover img { filter:grayscale(100) brightness(100);}
.about .lst li:hover p { color:#fff;}

/*业务*/
.business { width:100%;}
.business .swiper-slide { height:710px; background-color:#fff; background-position:center top; background-repeat:no-repeat;}
.business .msg { width:540px; padding:120px 0;}
.business .msg b { display:block; width:84px; height:60px; background-position:center; background-repeat:no-repeat;}
.business .msg .ico1 { background-image:url(../images/ylx_11.png);}
.business .msg .ico2 { background-image:url(../images/ylx_13.png);}
.business .msg h3 { line-height:70px; font-size:26px; color:#fff;}
.business .msg p { height:210px; line-height:35px; font-size:16px; color:#fff; margin:40px 0; overflow:hidden;}
.business .msg a { display:block; width:160px; height:45px; line-height:45px; font-size:14px; color:#fff; padding:0 20px; border:1px solid #fff; box-sizing:border-box; background: url(../images/ylx_02.png) no-repeat 120px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.business .msg a:hover { padding:0 15px; border-color:#d63d36; border-radius:4px; background-color:#d63d36; background-position:130px center;}
.business .tabs { width:100%;}
.business .tabs li { float:left; width:50%; height:155px; line-height:155px; font-size:22px; color:#4c4c4c; cursor:pointer; text-align:center; background:#f2f3f4 url(../images/ylx_09.png) no-repeat right top;}
.business .tabs .on { color:#fff; background-color:#c54741; background-image:url(../images/ylx_09h.png);}

/*核心优势*/
.advant { width:100%; padding:80px 0 175px 0;}
.advant li { float:left; width:calc(100% / 4 - 52px); height:275px; margin-left:-1px; padding:25px; border:1px solid #e0e0e0; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.advant li:after { display:block; content:""; width:3px; height:115px; background:#d63d36; position:absolute; left:-1px; top:-1px;}
.advant li a { display:block; width:100%;}
.advant li b { display:block; width:50px; height:60px; background-repeat:no-repeat; background-position:center; -webkit-transition:all .2s ease; transition:all .2s ease;}
.advant .ad1 b { background-image:url(../images/ylx_14.png);}
.advant .ad2 b { background-image:url(../images/ylx_15.png);}
.advant .ad3 b { background-image:url(../images/ylx_16.png);}
.advant .ad4 b { background-image:url(../images/ylx_17.png);}
.advant li h3 { line-height:30px; font-size:20px; color:#343434; -webkit-transition:all .5s ease; transition:all .5s ease;}
.advant li p { height:100px; line-height:25px; font-size:14px; color:#808080; margin:15px 0 30px 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.advant li .img { width:270px; height:160px; margin:0 auto; overflow:hidden;}
.advant li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.advant li:hover { border-color:#d63d36; background:#d63d36;}
.advant li:hover b { filter:grayscale(100) brightness(100);}
.advant li:hover h3,.advant li:hover p { color:#fff;}
.advant li:hover .img img { transform:scale(1.1,1.1);}
.advant li:nth-child(2) { margin-top:95px;}
.advant li:nth-child(3) { margin-top:55px;}

/*新闻中心*/
.news { width:100%; padding:80px 0; background:#f7f7f7;}
.news .tits { float:left; width:50%; text-align:left; padding:20px 0 30px 0;}
.news .tits p { color:#ededed;}
.news .tits p::after { bottom:85px; right:auto;}
.news .tabs { float:right; margin-top:35px;}
.news .tabs li { float:left; width:120px; height:40px; line-height:40px; font-size:16px; color:#808080; cursor:pointer; text-align:center; background:#fff;}
.news .tabs .on { color:#fff; background:#d63d36;}
.news .swiper-slide { background:#f7f7f7;}
.news .recom { float:left; width:575px;}
.news .recom a { display:block; width:100%;}
.news .recom .img { width:575px; height:370px; overflow:hidden;}
.news .recom .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .recom .msg { padding:20px 30px; background:#fff;}
.news .recom .msg h3 { line-height:35px; font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .recom .msg p { line-height:25px; font-size:14px; color:#999; margin-top:10px;}
.news .recom:hover .img img { transform:scale(1.1,1.1);}
.news .recom:hover .msg h3 { color:#d63d36;}
.news .newrgt { float:right; width:710px;}
.news .newrgt .top { width:100%;}
.news .newrgt .top li { float:left; width:335px; margin-left:20px;}
.news .newrgt .top li a { display:block; width:100%;}
.news .newrgt .top li .img { width:335px; height:220px; overflow:hidden;}
.news .newrgt .top li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .newrgt .top li h3 { line-height:55px; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .newrgt .top li:hover .img img { transform:scale(1.1,1.1);}
.news .newrgt .top li:hover h3 { color:#d63d36;}
.news .newrgt .lst { margin-left:20px; border-top:1px dashed #ccc;}
.news .newrgt .lst li { line-height:55px; border-bottom:1px dashed #ccc;}
.news .newrgt .lst li a { float:left; width:80%; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .newrgt .lst li span { float:right; font-size:16px; color:#999;}
.news .newrgt .lst li:hover a { color:#d63d36;}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width:1300px; margin:0 auto; padding:40px 0; position:relative; z-index:2;}
.comtop { width:100%;}
.comtop .posit { border-bottom:1px solid #f4f4f4; background:#fafafa;}
.comtop .posit p { line-height:40px; font-size:14px; color:#999; padding-left:20px; background:url(../images/posit.png) no-repeat left center;}
.comtop .posit p a { color:#999;}
.comtop .posit p a:hover { color:#d63d36;}

.comtop .catnav { font-size:0; text-align:center; padding-top:40px;}
.comtop .catnav .tits { padding-bottom:20px;}
.comtop .catnav li { display:inline-block; height:40px; line-height:40px; margin:0 5px; border:1px solid #eee; border-radius:2px; overflow:hidden; background:#fff; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.comtop .catnav li a { display:block; font-size:15px; color:#666; padding:0 25px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.comtop .catnav li:hover,.comtop .catnav .on { border-color:#d63d36; background:#d63d36;}
.comtop .catnav li:hover a,.comtop .catnav .on a { color:#fff;}

/*详情页公用*/
.lh { line-height:35px; font-size:15px; color:#666; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.lh ul,.lh ol { padding:revert; padding-left:25px;}
.lh table { border-spacing:0px; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.lh table td { text-align:center; vertical-align:middle; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.show_h3 { width:100%; margin-bottom:40px; padding-bottom:10px; border-bottom:1px solid #eee;}
.show_h3 h3 { line-height:40px; font-size:28px; color:#333; position:relative;}
.show_h3 h3::after { display:block; content:""; width:25px; height:2px; background:#d63d36; position:absolute; left:0; bottom:-10px;}
.show_h3 p { line-height:30px; font-size:15px; color:#999; margin-top:25px;}
.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:#d63d36;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#d63d36; text-decoration:underline;}

/*分页*/
.scott { overflow:hidden; text-align:center; padding:15px 0; background:rgba(255,255,255,0.85);}
.scott li { display:inline-block; line-height:35px; margin:0 5px; border:1px solid #ddd; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.scott a,.scott span { display:block; padding:0 15px; font-size:16px; color:#666; cursor:pointer;}
.scott li:hover a,.scott li:hover span { color:#d63d36;}
.scott .active { border-color:#d63d36; background:#d63d36;}
.scott .active:hover span,.scott .active span { color:#fff;}

/*关于我们*/
.abtou { width:100%;}
.abtou .tits { padding-bottom:20px;}
.abtou .tits h3 { letter-spacing:0;}
.abtou .tits p { font-size:36px; top:-30px;}
.abtou .tits p::after { width:25px; height:3px; bottom:-10px;}
.abtou .abt02 .tits p,.abtou .abt04 .tits p,.abtou .abt06 .tits p { color:#ededed;}
.abtou .abt01 { width:100%; padding-top:60px;}
.abtou .abt01 .tits { text-align:left;} 
.abtou .abt01 .tits p::after { right:auto;}
.abtou .abt01 .msg { float:left; width:560px; margin-top:15px;}
.abtou .abt01 .img { float:right; width:640px; height:420px; position:relative;}
.abtou .abt01 .img::after { display:block; content:""; width:325px; height:5px; background:#d63d36; position:absolute; right:0; bottom:-5px;}
.abtou .abt01 .img img { display:block; width:100%;}
.abtou .abt02 { width:100%; padding:60px 0; background:#f8f8f8;}
.abtou .abt02 .lst { width:100%; margin:40px 0 80px 0; position:relative;}
.abtou .abt02 .lst::after { display:block; content:""; width:100%; height:0; border-bottom:1px dashed #ddd; position:absolute; left:0; top:75px;}
.abtou .abt02 .lst li { float:left; width:calc(100% / 3); text-align:center; position:relative; z-index:1;}
.abtou .abt02 .lst li i { display:block; width:150px; height:150px; margin:0 auto; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-position:center;}
.abtou .abt02 .lst li .c01 { background-image:url(../images/ylx_30.png);}
.abtou .abt02 .lst li .c02 { background-image:url(../images/ylx_31.png);}
.abtou .abt02 .lst li .c03 { background-image:url(../images/ylx_32.png);}
.abtou .abt02 .lst li p { line-height:50px; font-size:16px; color:#444; margin:10px auto; position:relative;}
.abtou .abt02 .lst li p::after { display:block; content:""; width:15px; height:2px; margin:auto; background:#d63d36; position:absolute; left:0; right:0; bottom:0;}
.abtou .abt02 .lst li h3 { line-height:50px; font-size:18px; color:#333;}
.abtou .abt02 .lit { width:100%;}
.abtou .abt02 .lit li { float:left; width:555px; height:210px; color:#fff; margin-right:45px; padding:20px 35px; background-repeat:no-repeat; background-position:0 0;}
.abtou .abt02 .lit li:last-child { margin-right:0;}
.abtou .abt02 .lit .t01 { background-image:url(../images/ylx_33.jpg);}
.abtou .abt02 .lit .t02 { background-image:url(../images/ylx_34.jpg);}
.abtou .abt02 .lit li h3 { line-height:60px; font-size:20px; letter-spacing:2px; margin-bottom:20px; position:relative;}
.abtou .abt02 .lit li h3::after { display:block; content:""; width:25px; height:2px; background:#d63d36; position:absolute; left:0; bottom:0;}
.abtou .abt02 .lit li p { line-height:28px; font-size:16px; filter:alpha(opacity=90); opacity:0.9;}

.abtou .abt03 { width:100%; padding:60px 0; position:relative;}
.abtou .abt03 .swiper-container { padding-bottom:50px;}
.abtou .abt03 .swiper-slide a { display:block; width:100%; text-align:center;}
.abtou .abt03 .swiper-slide .img { display:table-cell; width:100vw; height:300px; vertical-align:middle; border:1px solid #ddd; border-radius:4px; overflow:hidden; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.abtou .abt03 .swiper-slide .img img { display:inline-block; max-width:90%; max-height:90%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.abtou .abt03 .swiper-slide p { line-height:30px; font-size:16px; color:#333; margin-top:15px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.abtou .abt03 .swiper-slide:hover .img { border-color:#d63d36;}
.abtou .abt03 .swiper-slide:hover .img img { transform:scale(0.98,0.98);} 
.abtou .abt03 .swiper-slide:hover p { color:#d63d36;}
.abtou .abt03 .swiper-pagination { bottom:0;}
.abtou .abt03 .swiper-pagination-bullet { width:12px; height:12px; margin:0 5px; border:1px solid #333; background:none;}
.abtou .abt03 .swiper-pagination-bullet-active { width:15px; height:15px; border:none; background:#d63d36;}

.abtou .abt04 { width:100%; padding:60px 0; background:#f8f8f8;}
.abtou .abt04 .nrs { width:calc(100% - 100px); height:130px; padding:70px 50px 50px 50px; border-radius:4px; overflow:hidden; background-repeat:no-repeat; background-position:0 0;}
.abtou .abt04 .nrs h3 { line-height:50px; font-size:28px; color:#fff; margin-bottom:30px;}
.abtou .abt04 .nrs a { display:block; width:160px; height:45px; line-height:45px; font-size:14px; color:#fff; padding-left:25px; box-sizing:border-box;  border-radius:4px; overflow:hidden; background:#d63d36 url(../images/ylx_02.png) no-repeat 110px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.abtou .abt04 .nrs a:hover { padding-left:15px; border-radius:4px; background-position:130px center;}
.abtou .abt04 .csrch { float:left; width:630px;}
.abtou .abt04 .csrch .nrs { background-image:url(../images/ylx_25.jpg);}
.abtou .abt04 .cpshow { float:right; width:630px;}
.abtou .abt04 .cpshow .nrs { background-image:url(../images/ylx_27.jpg);}

.abtou .abt05 { width:100%; padding:60px 0;}
.abtou .abt05 .warp { position:relative;}
.abtou .abt05 .nrs { border:1px solid #ddd; border-radius:4px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.abtou .abt05 .nrs .img { float:left; width:200px; height:240px; margin:15px; border-radius:4px; overflow:hidden;}
.abtou .abt05 .nrs .img img { display:block; width:200px; height:240px;}
.abtou .abt05 .nrs .msg { float:left; width:calc(100% - 700px); margin:15px 0; padding:0 10px;}
.abtou .abt05 .nrs .msg h3 { font-size:20px; color:#d63d36; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.abtou .abt05 .nrs .msg p { line-height:30px; font-size:14px; color:#333;}
.abtou .abt05 .nrs .msg .ms { line-height:25px; font-size:12px; color:#666; margin-top:15px; padding-top:10px; border-top:1px solid #eee;}
.abtou .abt05 .nrs .loca { float:right; width:420px; height:240px; margin:15px; border-radius:4px; overflow:hidden; background:#fafafa; position:relative;}
.abtou .abt05 .nrs .loca img { display:block; width:420px; height:240px;}
.abtou .abt05 .nrs .loca i { display:block; width:100px; height:40px; line-height:40px; font-style:normal; font-size:14px; color:#fff; text-align:center; background:#d63d36; position:absolute; left:0; top:0px;}
.abtou .abt05 .nrs:hover { border-color:#d63d36;}
.abtou .abt05 .swiper-button-next,.abtou .abt05 .swiper-button-prev { width:30px; height:45px; margin-top:30px; border:1px solid #ddd; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.abtou .abt05 .swiper-button-prev { border-radius:0 4px 4px 0; left:0;}
.abtou .abt05 .swiper-button-next { border-radius:4px 0 0 4px; right:0;}
.abtou .abt05 .swiper-button-next::after,.abtou .abt05 .swiper-button-prev::after { font-size:18px; color:#999; -webkit-transition:all .5s ease; transition:all .5s ease;}
.abtou .abt05 .swiper-button-next:hover,.abtou .abt05 .swiper-button-prev:hover { border-color:#d63d36; background:#d63d36;}
.abtou .abt05 .swiper-button-next:hover::after,.abtou .abt05 .swiper-button-prev:hover::after { color:#fff;}

/*资质*/
.honnor { width:100%;}
.honnor li { float:left; width:310px; text-align:center; margin:0 20px 30px 0;}
.honnor li:nth-child(4n) { margin-right:0;}
.honnor li a { display:block; width:100%;}
.honnor li .img { display:table-cell; width:308px; height:300px; vertical-align:middle; border:1px solid #ddd; border-radius:4px; overflow:hidden; position:relative;}
.honnor li .img::before,.honnor li .img::after { display:block; content:""; margin:auto; position:absolute; right:0; bottom:0; left:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.honnor li .img::before { width:0%; height:100%; background:rgba(214,61,54,0.8); top:0; z-index:0;}
.honnor li .img::after { width:30px; height:30px; filter:alpha(opacity=0); opacity:0; background:url(../images/zoom.png) no-repeat 0 0; top:-100px; z-index:1;}
.honnor li .img img { display:inline-block; max-width:90%; max-height:90%;}
.honnor li p { line-height:30px; font-size:16px; color:#333; margin-top:15px;}
.honnor li:hover .img::before { width:100%;}
.honnor li:hover .img::after { filter:alpha(opacity=100); opacity:1; top:0;}
.honnor li:hover p { color:#d63d36;}
#zoom { z-index:99990; position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.8); filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#zoom .content { z-index:99991; position:absolute; top:50%; left:50%; width:200px; height:200px; background:#fff no-repeat 50% 50%; padding:0; margin:-100px 0 0 -100px; box-shadow:-20px 20px 20px rgba(0,0,0,.3); border-radius:4px;}
#zoom .content.loading { background-image:url(../images/loading.gif);}
#zoom img { display:block; max-width:none; background:#ececec; box-shadow:0 1px 3px rgba(0,0,0,.25); border-radius:4px;}
#zoom .close { z-index:99993; position:absolute; top:0; right:0; width:49px; height:49px; cursor:pointer; background:transparent url(../images/close.png) no-repeat 50% 50%; opacity:1; filter:alpha(opacity=100); border-radius:0 0 0 4px;}
#zoom .next,#zoom .previous { z-index:99992; position:absolute; top:50%; overflow:hidden; display:block; width:49px; height:49px; margin-top:-25px;}
#zoom .previous { left:0; background:url(../images/arrows.png) no-repeat 0 0; border-radius:0 4px 4px 0;}
#zoom .next { right:0; background:url(../images/arrows.png) no-repeat 100% 0; border-radius:4px 0 0 4px;}
#zoom .next:hover,#zoom .previous:hover { background-color:#d63d36;}

/*发展历程*/
.history { width:80%; margin:0 auto; position:relative;}
.history::after { display:block; content:""; width:1px; height:calc(100% - 190px); margin:auto; background:#d63d36; position:absolute; left:0; right:0; top:0;}
.history li { /*display:inline-block;*/ width:400px; margin-bottom:50px; padding:15px 40px 20px 40px; border:1px solid #eee; border-radius:10px; position:relative; z-index:2;}
.history li:nth-child(2) { margin-top:115px;}
.history li::before { display:block; content:""; position:absolute;}
.history li::before { width:9px; height:9px; border:6px solid #d63d36; border-radius:50%; background:#fff; top:35px;}
.history li::after { width:0; height:0; border-style:solid; top:35px;}
.history li:nth-child(2n-1) { float:left; margin-right:75px;}
.history li:nth-child(2n-1)::before { right:-50px;}
.history li:nth-child(2n) { float:right;}
.history li:nth-child(2n)::before { left:-50px;}
.history li b { line-height:60px; font-family:Oswald; font-size:38px; color:#ccc; margin-right:10px;}
.history li p { line-height:30px; font-size:22px; color:#333;}
.history li h3 { line-height:60px; font-size:30px; letter-spacing:5px;}
.history li h3 span { font-size:18px; font-weight:500; letter-spacing:0; margin-right:5px;}
.history li h2 { line-height:30px; font-size:18px; color:#d63d36;}
.history li:nth-child(4n+1) { border-color:#a278b7;}
.history li:nth-child(4n+2) { border-color:#55a7b3;}
.history li:nth-child(4n+3) { border-color:#e8801f;}
.history li:nth-child(4n) { border-color:#eeaa3d;}

/*新闻列表*/
.newlist { width:100%;}
.newlist li { margin-bottom:20px; padding:15px; border:1px solid #eee; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li a { display:block; width:100%;}
.newlist li .img { float:left; width:220px; height:145px; border-radius:2px; overflow:hidden;}
.newlist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg { float:right; width:calc(100% - 240px);}
.newlist li .msg h3 { line-height:35px; font-weight:500; font-size:18px; color:#000; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg p { height:60px; line-height:30px; font-size:15px; color:#888; margin:5px 0 10px 0; overflow:hidden;}
.newlist li .msg span { display:inline-block; line-height:30px; font-size:14px; color:#bbb; padding-left:25px; background:url(../images/time.png) no-repeat left 6px;}
.newlist li:hover { box-shadow:0 5px 10px rgba(0,0,0,0.02);}
.newlist li:hover .img img { transform:scale(1.1,1.1);}
.newlist li:hover h3 { color:#d63d36;}

/*图片列表*/
.piclist { width:100%;}
.piclist li { float:left; width:417px; text-align:center; margin:0 24px 25px 0;}
.piclist li:nth-child(3n) { margin-right:0;}
.piclist li a { display:block; width:100%;}
.piclist li .img { width:405px; height:240px; padding:5px; border:1px solid #e6e6e6; border-radius:4px; overflow:hidden; position:relative;}
.piclist li .img::before,.piclist li .img::after { display:block; content:""; margin:auto; position:absolute; right:0; bottom:0; left:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li .img::before { width:0%; height:100%; background:rgba(214,61,54,0.8); top:0; z-index:0;}
.piclist li .img::after { width:30px; height:30px; filter:alpha(opacity=0); opacity:0; background:url(../images/zoom.png) no-repeat 0 0; top:-100px; z-index:1;}
.piclist li .img img { display:block; width:100%;}
.piclist li h3 { line-height:30px; font-weight:500; font-size:18px; color:#000; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li:hover .img::before { width:100%;}
.piclist li:hover .img::after { filter:alpha(opacity=100); opacity:1; top:0;}
.piclist li:hover h3 { color:#d63d36;}

/*产品列表*/
.prolist { width:100%;}
.prolist li { float:left; width:405px; margin:0 24px 25px 0; padding:5px; border:1px solid #e6e6e6; border-radius:4px; position:relative;}
.prolist li:nth-child(3n) { margin-right:0;}
.prolist li a { display:block; width:100%;}
.prolist li span { display:block; width:405px; height:180px; line-height:30px; font-size:16px; color:#fff; text-align:center; margin:auto; padding-top:90px; background:rgba(0,0,0,0.5); position:absolute; top:5px; right:0; left:0; z-index:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li span b { display:block; line-height:45px; font-size:24px; color:#fff;}
.prolist li .img { width:405px; height:270px; overflow:hidden;}
.prolist li .img img { display:block; width:100%;}
.prolist li .msg { padding:0 5px;}
.prolist li .msg h3 { line-height:45px; font-weight:500; font-size:18px; color:#000; margin-bottom:5px; border-bottom:1px solid #e6e6e6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .msg p { line-height:25px; font-size:12px; color:#999; text-transform:Uppercase; background:url(../images/arrow.png) no-repeat right center;}
.prolist li:hover span { background:rgba(214,61,54,0.9);}
.prolist li:hover .msg h3 { color:#d63d36;}

/*招聘*/
.jobs { width:100%;}
.jobs .topmsg { width:100%; margin-bottom:25px;}
.jobs .topmsg .lft { float:left; width:265px; color:#fff; text-align:center; padding:30px 50px; background:#d63d36;}
.jobs .topmsg .lft h3 { line-height:50px; font-size:40px; text-transform:Uppercase; letter-spacing:5px;}
.jobs .topmsg .lft p { line-height:35px; font-size:24px; letter-spacing:7px;}
.jobs .topmsg .rgt { float:right; width:calc(100% - 465px); line-height:35px; font-size:15px; color:#666; padding:20px 50px; background:#f8f8f8;}
.jobs .list { width:100%;}
.jobs .list li { margin-bottom:10px; background:#f8f8f8;}
.jobs .list li .lst { padding:15px 20px; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.jobs .list li .lst h3 { line-height:40px; font-size:18px; color:#333;}
.jobs .list li .lst span { display:block; float:left; width:calc(100% / 4); line-height:30px; font-size:14px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jobs .list li .lst a { display:block; width:40px; height:40px; position:absolute; top:33px; right:20px; z-index:1;}
.jobs .list li .lst a::before,.jobs .list li .lst a::after { display:block; content:""; margin:auto; background:#999; position:absolute; top:0; right:0; bottom:0; left:0;}
.jobs .list li .lst a::before { width:1px; height:100%;}
.jobs .list li .lst a::after { width:100%; height:1px;}
.jobs .list li .msg { display:none; padding:15px 20px;}
.jobs .list li.on .lst { background:#d63d36;}
.jobs .list li.on .lst h3,.jobs .list li.on .lst span { color:#fff;}
.jobs .list li.on .lst a::before { display:none;}
.jobs .list li.on .lst a::after { background:#fff;}
.jobs .list li.on .msg { display:block;}
.jobs .list li.on .msg .lh { margin-bottom:15px;}
.jobs .list li.on .msg .lh h3 { font-size:16px; color:#333;}

/*联系我们*/
.contact { width:100%;}
.contact .lft { float:left; width:calc(100% - 420px);}
.contact .lft h1 { line-height:35px; font-weight:500; font-size:22px; color:#000; margin-bottom:15px;}
.contact .lft p { font-size:14px; color:#666; line-height:30px;}
.contact .rgt { float:right; width:340px; text-align:center; padding:10px; overflow:hidden; background:#d63d36;}
.contact .rgt img { display:block; float:left; width:130px; height:130px;}
.contact .rgt h3 { float:left; width:180px; height:52px; line-height:30px; font-size:18px; color:#fff; padding:39px 15px; background:rgba(0,0,0,0.1);}
.contact .rgt h3 span { display:block; line-height:22px; font-weight:500; font-size:12px; color:#fff;}
.contact .map { width:100%; padding-top:50px; margin-top:50px; border-top:1px solid #eee; overflow:hidden;}

/*采集招商*/
.attract { width:100%;}
.attract li { width:100%; height:495px; margin-bottom:100px; position:relative;}
.attract li .msg { width:365px; height:235px; padding:65px; background:#f7f7f7 url(../images/ylx_24.png) no-repeat right bottom; position:absolute; left:0; top:70px; z-index:2;}
.attract li .msg h3 { line-height:80px; font-size:34px; color:#d63c35; position:relative;}
.attract li .msg h3::after { display:block; content:""; width:20px; height:3px; background:#d63c35; position:absolute; left:0; bottom:0;}
.attract li .msg p { line-height:30px; font-size:14px; color:#999; text-transform:Uppercase; margin:10px 0 60px 0;}
.attract li .msg a { display:block; width:45%; height:50px; line-height:50px; font-size:14px; color:#fff; text-align:center; background:#d63c35; -webkit-transition:all .5s ease; transition:all .5s ease;}
.attract li .msg a:hover { border-radius:25px; background-color:#c33731;}
.attract li .img { width:885px; height:495px; overflow:hidden; position:absolute; right:0; top:0;}
.attract li .img img { display:block; width:100%;}
.attract li:nth-child(2n) .msg { left:auto; right:0;}
.attract li:nth-child(2n) .img { left:0; right:auto;}

.softs { width:100%;}
.softs li { padding:20px 30px; margin-bottom:30px; border:1px solid #eee; border-radius:4px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.softs li .msg { float:left; width:calc(100% - 280px); position:relative;}
.softs li .msg::after { display:block; content:""; width:4px; height:30%; margin:auto; border-radius:4px; background:#d63c35; position:absolute; left:-30px; top:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.softs li .msg h3 { line-height:35px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.softs li .msg h3 a { display:block; width:100%; font-size:18px; color:#333; -webkit-transition:all .5s ease; transition:all .5s ease;}
.softs li .msg p { line-height:25px; font-size:14px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.softs li .anu { display:block; float:left; width:80px; height:45px; line-height:45px; font-size:15px; color:#fff; text-align:center; margin:8px 0 0 20px; padding:0 20px; border-radius:4px; background:#d63c35; -webkit-transition:all .5s ease; transition:all .5s ease;}
.softs li .down { text-align:left; background:#d63c35 url(../images/ylx_23.png) no-repeat 85px 16px;}
.softs li .anu:hover { border-radius:25px;}
.softs li:hover { box-shadow:0 5px 10px rgba(0,0,0,0.05);}
.softs li:hover .msg::after { height:60%;}
.softs li:hover .msg h3 a { color:#d63c35;}
.shows .showdown { display:block; width:90px; height:50px; line-height:50px; font-size:16px; color:#fff; margin-top:20px; padding:0 40px; border-radius:4px; background:#d63c35 url(../images/ylx_23.png) no-repeat 115px 20px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.shows .showdown:hover { border-radius:25px;}