body{ margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px; background:#f9f9f9;}
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:1200px; margin:0 auto;} 
#VCode { cursor:pointer;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#333;} 
:-moz-placeholder { color:#333;} 
::-moz-placeholder { color:#333;}
:-ms-input-placeholder { color:#333;} 

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

/*top*/
.header { width:100%; height:70px; margin:0 auto; background:#fff; position:relative; left:0; z-index:99999999; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .logo { float:left; height:45px; margin:12.5px 0 0 20px;}
.header .logo img { display:block; height:100%;}

/*导航*/
.header .nav { float:right;}
.header .nav li { float:left; height:70px; text-align:center; position:relative;}
.header .nav li::after { display:block; content:""; width:0px; height:0px; margin:auto; border:0px solid #d7020f; border-radius:50%; position:absolute; left:0; top:50px; right:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li a { display:block; line-height:70px; font-size:16px; color:#333; padding:0 13px;}
.header .nav li:hover a,.header .nav li.on a { color:#d7020f;}
.header .nav li:hover::after,.header .nav li.on::after { width:5px; height:5px; border:1px solid #d7020f;}
.header .nav li:hover ul { display:block;}
.header .nav li ul { display:none; width:150px; border-radius:0 0 4px 4px; background:#fff; overflow:hidden; position:absolute; top:70px; left:-30px;}
.header .nav li li { float:none; height:40px; border-bottom:1px solid #f6f6f6; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li li:last-child { border-bottom:none;}
.header .nav li li::after { display:none;}
.header .nav li:hover li a { line-height:40px; font-size:14px; color:#666; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.header .nav li:hover li:hover { background:#fff;}
.header .nav li:hover li:hover a { color:#d7020f;}

/*搜索*/
.header .search { float:right; width:20px; height:70px; margin-right:20px; position:relative; overflow:hidden;}
.header .search i { display:block; width:20px; height:70px; background:url(../images/anpc_01.png) no-repeat center 28px;}
.header .search form { display:block; width:240px; height:40px; overflow:hidden; filter:alpha(opacity=0); opacity:0; position:absolute; right:0; top:70px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .search input { float:left; width:160px; line-height:40px; font-size:14px; color:#333; padding:0 10px; border:none; background:#fff;}
.header .search .btn { width:60px; color:#fff; background:#ea2830;}
.header .search.on { overflow:inherit;}
.header .search.on form { filter:alpha(opacity=100); opacity:1;}

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

/*脚部*/
.footer { width:100%; padding-top:20px; background:#231f20;}
.footer a:hover { color:#ea2830;}
.footer li { float:left; margin-right:30px;}
.footer li h3 { line-height:35px; font-size:14px; color:#fff;}
.footer li a { line-height:25px; font-size:12px; color:#999; -webkit-transition:all .5s ease; transition:all .5s ease;}
.footer .lanmu { float:left; width:780px;}
.footer .lanmu li a { display:block; width:100%; max-width:145px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.footer .contact { float:right; width:380px; padding-left:30px; border-left:1px solid #333;}
.footer .contact li { width:240px;}
.footer .contact p { line-height:25px; font-size:12px; color:#999;}
.footer .contact .img { float:right; width:105px; text-align:center;}
.footer .contact .img li { width:100%; margin:15px 0 0 0; border:1px solid #999; border-radius:4px; box-sizing:border-box; cursor:pointer; position:relative;}
.footer .contact .img li p { width:100%; height:35px; line-height:35px; font-family:'FontAwesome'; font-size:12px; color:#eee; text-align:center; position:relative;}
.footer .contact .img li p span { font-size:14px; margin-right:5px; position:relative; top:2px;}
.footer .contact .img li img { display:none; width:95px; height:95px; padding:5px; border:1px solid #999; background:#fff; position:absolute; right:115px; bottom:0; z-index:3;}
.footer .contact .img li:hover p::after { display:block; content:""; width:0; height:0; border-style:solid; border-width:5px 5px 5px 0; border-color:transparent #999 transparent transparent; position:absolute; left:-6px; bottom:12px; z-index:1;}
.footer .contact .img li:hover img { display:block;}

.footer .copy { line-height:50px; font-size:12px; color:#fff; margin-top:30px; text-align:center; border-top:1px solid #333;}
.footer .copy a { color:#fff;}
.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;}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width:1200px; margin:50px auto; min-height:400px;}
.content .tits { width:100%; text-align:center;}
.content .tits h3 { line-height:45px; font-weight:500; font-size:28px; color:#333;}
.content .tits h3 span { font-size:24px; color:#ea2830; text-transform:Uppercase; position:relative; top:-1px;}

.catnav { height:60px; line-height:60px; text-align:center; border-bottom:1px solid #eee; overflow:hidden; background:#fff;}
.catnav li { float:left; -webkit-transition:all .5s ease; transition:all .5s ease;}
.catnav li a { display:block; font-size:14px; color:#333; padding:0 20px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.catnav li:hover,.catnav .on { background:#ea2830;}
.catnav li:hover a,.catnav .on a { color:#fff;}
.catnav p { float:right; font-size:12px; color:#666;}
.catnav p i { display:block; float:left; font-style:normal; font-family:FontAwesome; font-size:16px; color:#ea2830; margin-right:5px;}
.catnav p a { color:#333;}

/*详情页公用*/
.lh,.lhnew { font-size:14px; line-height:30px; color:#333; text-align:justify;}
.lh img,.lhnew img { max-width:100%; height:auto !important;}
.lh table { line-height:40px; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.lh table th,.lh table td { padding:5px; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box;}
.lh table th { font-size:15px; background:#fff;}
.lh table tr:nth-child(2n-1) td { background:#fefefe;}
.showcont { width:1120px; margin:30px auto; padding:40px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.03); background:#fff;}
.show_h3 { width:100%; line-height:40px; text-align:center; margin-bottom:30px; border-bottom:1px solid #eee;}
.show_h3 h3 { font-size:24px; color:#333; font-weight:500;}
.show_h3 p { font-size:12px; color:#999;}
.show_sxp { font-size:14px; line-height:25px; color:#999; margin-top:30px; padding-top:20px; border-top:1px solid #eee;}
.show_sxp p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block; margin-right:10px;}
.show_sxp a { color:#999;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#ea2830;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center; padding:60px 0;}

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

/*简介*/
.about { width:100%;}
.about .topj { width:100%;}
.about .topj .img { float:left; width:510px; height:588px; position:relative;}
.about .topj .img::after { display:block; content:""; width:460px; height:530px; border:3px solid #ddd; position:absolute; right:-30px; bottom:-30px; z-index:1;}
.about .topj .img img { display:block; width:100%; position:relative; z-index:2;}
.about .topj .msg { float:right; width:620px;}
.about .topj .msg h3 { line-height:20px; font-size:18px; color:#000; margin-bottom:15px; padding-left:20px;}
.about .topj .msg h3 p { font-weight:500; font-size:14px; color:#666;}
.about .topj .msg .lh { padding-right:15px; height:565px; overflow-y:scroll;}
.about .mumber { width:100%; margin:50px auto; border:1px solid #ddd;}
.about .mumber li { float:left; width:calc(100% / 4); color:#666; text-align:center; padding:20px 40px; box-sizing:border-box; position:relative;}
.about .mumber li::after { display:block; content:""; width:1px; height:100%; background:#ddd; position:absolute; right:0; top:0;}
.about .mumber li:last-child::after { display:none;}
.about .mumber li h3 { line-height:55px; font-size:36px; color:#ea2830;}
.about .mumber li p { font-size:12px; color:#666;}
.about .imgs { text-align:center;}
.about .imgs h3 { line-height:45px; font-size:28px; color:#333;}
.about .imgs h3 span { font-weight:500; font-size:24px; color:#ea2830; text-transform:Uppercase; position:relative; top:-1px;}
.about .imgs img { display:block; max-width:100%; margin:30px auto 0 auto;}

/*发展进程*/
.history { width:100%; position:relative;}
.history:before { content:""; width:1px; height:calc(100% - 145px); margin-left:-0.5px; border-left:1px dotted #bbb; position:absolute; top:95px; left:50%; z-index:2;}
.history:after { content:""; width:11px; height:11px; margin-left:-5.5px; border-radius:50%; background:#ea2830; position:absolute; top:85px; left:50%;}
.history .tits { width:100%; margin-bottom:100px; text-align:center;}
.history .tits h3 { line-height:45px; font-weight:500; font-size:28px; color:#333;}
.history .tits h3 span { font-size:20px; color:#ea2830; text-transform:Uppercase; position:relative; top:-2px;}
.history li { width:42%; padding:30px 30px 20px 30px; margin-bottom:-35px; border:1px solid #f4f4f4; border-radius:4px; background:#fff; position:relative;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.history li::before,.history li::after { display:block; content:""; margin:auto; position:absolute; top:0; bottom:0; z-index:999;}
.history li::before { width:7px; height:7px; border-radius:50%; background:#ea2830;}
.history li::after { width:0; height:0; border-style:solid;}
.history li h3 { line-height:40px; font-size:22px; color:#ea2830; position:relative;}
.history li h3::after { display:block; content:""; width:20px; height:2px; background:#ea2830; position:absolute; left:0; top:-5px;}
.history li p { line-height:25px; font-size:14px; color:#666; margin-top:10px;}
.history li:nth-child(2n-1) { float:left; margin-right:80px;}
.history li:nth-child(2n-1)::before { right:-38px;}
.history li:nth-child(2n-1)::after { border-width:10px 0 10px 10px; border-color:transparent transparent transparent #fff; right:-10px;}
.history li:nth-child(2n) { float:right;}
.history li:nth-child(2n)::before { left:-38px;}
.history li:nth-child(2n)::after { border-width:10px 10px 10px 0; border-color:transparent #fff transparent transparent; left:-10px;}
.history li:hover { box-shadow:0 5px 10px rgba(0,0,0,0.05);}
.history .layui-flow-more { line-height:50px; font-size:14px; color:#999; text-align:center; clear:both; padding-top:80px;}
.history .layui-flow-more a { display:block; width:160px; height:50px; line-height:50px; font-size:14px; color:#fff; margin:0 auto; clear:both; border-radius:4px; background:#ea2830; -webkit-transition:all .5s ease; transition:all .5s ease;}
.history .layui-flow-more a cite { font-style:normal;}
.history .layui-flow-more:hover a { width:200px; border-radius:25px; box-shadow:0 5px 20px rgba(234,40,48,0.5);}

/*经营业绩*/
.achievement { width:100%;}
.achievement h3 { font-size:22px; color:#ea2830; margin-bottom:25px; position:relative;}
.achievement h3::after { display:block; content:""; width:85%; height:1px; background:#eee; position:absolute; right:0; bottom:10px;}
.achievement .list { width:100%; padding-bottom:40px;}
.achievement .list .imgs { float:left; width:840px;}
.achievement .list .imgs img { display:block; width:100%; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.achievement .list .imgs p { max-width:90%; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; padding:0 5%; background:rgba(234,40,48,0.8); position:absolute; left:0; bottom:0; z-index:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.achievement .list .imgs .lft { float:left; width:515px; height:325px; overflow:hidden; position:relative;}
.achievement .list .imgs .lft:hover img { transform:scale(1.1,1.1);}
.achievement .list .imgs .rgt { float:right; width:310px;}
.achievement .list .imgs .rgt li { width:100%; height:155px; margin-bottom:15px; overflow:hidden; position:relative;}
.achievement .list .imgs .rgt li:hover img { transform:scale(1.1,1.1);}
.achievement .list .msg { float:right; width:340px;}
.achievement .list .msg h4 { font-weight:500; font-size:16px; color:#333; padding:0 0 5px 10px; position:relative;}
.achievement .list .msg h4::after { display:block; content:""; width:3px; height:15px; background:#ea2830; position:absolute; left:0; top:5px;}
.achievement .list .msg li { float:left; height:35px; line-height:35px; font-size:14px; color:#333; padding:0 15px; margin:10px 10px 0 0; border:1px solid #ddd; background:#fdfdfd; -webkit-transition:all .5s ease; transition:all .5s ease;}
.achievement .list .msg li:hover { color:#ea2830; border-color:#ea2830; box-shadow:0 0 10px rgba(0,0,0,0.08);}
.achievement .list .logos { margin-top:20px;}
.achievement .list .logos li { float:left; width:230px; margin:0 12px 12px 0;}
.achievement .list .logos li img { display:block; width:230px; height:110px; padding:5px; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
.achievement .list .logos li:nth-child(5n) { margin-right:0;}

/*联系我们*/
.contact { width:100%;}
.contact .lft { float:left; width:600px;}
.contact .lft h3 { line-height:60px; font-size:50px; color:#ea2830; text-transform:Uppercase;}
.contact .lft h4 { font-weight:500; font-size:26px; color:#333; margin-bottom:60px; position:relative;}
.contact .lft h4::after { display:block; content:""; width:30px; height:2px; background:#ea2830; position:absolute; left:0; bottom:-15px;}
.contact .lft p { line-height:35px; font-size:15px; color:#666;}
.contact .lft .img { float:left; margin-top:40px;}
.contact .lft .img img { display:block; width:180px; height:180px; padding:10px; border:1px solid #e4e4e4; background:#fff;}
.contact .lft .img p { font-size:12px; text-align:center;}
.contact .lft .margt { margin-right:100px;}
.contact .rgt { float:right; width:600px; height:500px; margin-top:30px; background:url(../images/anpc_19.png) no-repeat 0 0; position:relative;}
.contact .rgt a { display:block; width:125px; height:90px; text-align:center; padding-top:35px; border-radius:50%; position:absolute; right:10px; bottom:10px;}
.contact .rgt a i { display:block; width:29px; height:33px; margin:0 auto; background:url(../images/anpc_20.png) no-repeat 0 0; animation:mouse-arrow 1s linear alternate infinite; -webkit-animation:mouse-arrow 1s linear alternate infinite;}
.contact .rgt a p { line-height:30px; font-size:14px; color:#fff;}
@keyframes mouse-arrow { 
	0% { transform:translateY(0px); -webkit-transform:translateY(0px);}
	100% { transform:translateY(-20px); -webkit-transform:translateY(-20px);}
}
@-webkit-keyframes mouse-arrow { 
	0% { transform:translateY(0px); -webkit-transform:translateY(0px);}
	100% { transform:translateY(-20px); -webkit-transform:translateY(-20px);}
}

/*新闻列表*/
.newrecom { width:100%; padding:40px 0;}
.newrecom .nlft { float:left; width:765px; border:2px solid #dedee2;}
.newrecom .nlft a { display:block; width:100%;}
.newrecom .nlft .img { float:left; width:510px; height:250px; overflow:hidden;}
.newrecom .nlft .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newrecom .nlft .msg { float:right; width:203px; padding:30px 25px; border-left:2px solid #dedee2;}
.newrecom .nlft .msg h3 { height:50px; line-height:25px; font-size:16px; color:#333; overflow:hidden;}
.newrecom .nlft .msg p { line-height:22px; font-size:12px; color:#999; margin:20px 0 24px 0;}
.newrecom .nlft .msg span { display:block; width:95px; height:30px; line-height:30px; font-size:12px; color:#fff; text-align:center; background:#ea2830; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newrecom .nlft:hover .img img { transform:scale(1.1,1.1);}
.newrecom .nlft:hover .msg span { border-radius:15px;}
.newrecom .nrgt { float:right; width:410px;}
.newrecom .nrgt li { padding:7px 20px; margin-bottom:10px; border:2px solid #dedee2;}
.newrecom .nrgt li a { display:block; width:100%;}
.newrecom .nrgt li h3 { line-height:35px; font-weight:500; font-size:15px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newrecom .nrgt li p { line-height:22px; font-size:12px; color:#999;}
.newrecom .nrgt li span { display:block; line-height:25px; font-size:12px; color:#999;}

.newlist { width:100%; padding-top:30px; min-height:500px; background:#fff;}
.newlist li { width:100%; padding:40px 0; border-bottom:1px solid #f4f4f4; position:relative;}
.newlist li::after { display:block; content:""; width:0%; height:100%; margin:auto; background:rgba(0,0,0,0.02); position:absolute; left:0; right:0; top:0; z-index:0; -webkit-transition:all 1s ease; transition:all 1s ease;}
.newlist li a { display:block; width:1200px; margin:0 auto; position:relative; z-index:2;}
.newlist li .img { float:left; width:347px; height:170px; 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:830px;}
.newlist li .msg h3 { font-size:16px; color:#000; font-weight:500; line-height:30px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg span { display:block; font-size:12px; color:#999; margin:10px 0;}
.newlist li .msg p { line-height:25px; font-size:12px; color:#666;}
.newlist li .msg i { display:block; font-size:12px; color:#999; font-style:normal; margin-top:20px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg i small { margin-left:5px;}
.newlist li:hover h3 { color:#ea2830;}
.newlist li:hover::after { width:100%;}
.newlist li:hover .img img { transform:scale(1.1,1.1);}
.newlist li:hover i { color:#ea2830;}

/*解决方案*/
.soluts { width:100%;}
.soluts .top { width:100%; text-align:center; margin-bottom:30px;}
.soluts .top h2 { line-height:25px; font-size:26px; color:#333; margin-bottom:15px;}
.soluts .top p { line-height:30px; font-size:16px; color:#666; padding:0 100px;}
.soluts li { float:left; width:385px; margin:0 20px 20px 0; box-shadow:0 0 20px rgba(0,0,0,0.05);}
.soluts li:nth-child(3n) { margin-right:0;}
.soluts li a { display:block; width:100%; background:#ffff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.soluts li .img { width:385px; height:220px; background-position:center; background-repeat:no-repeat; background-size:auto 100%; overflow:hidden;}
.soluts li .img img { display:block; height:100%; margin:0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.soluts li .msg { padding:20px 20px 30px 20px;}
.soluts li .msg h3 { line-height:60px; font-size:24px; color:#ea2830;}
.soluts li .msg p { height:120px; line-height:30px; font-size:15px; color:#333; margin:10px 0 70px 0;}
.soluts li .msg span { display:block; width:95px; height:35px; line-height:35px; font-size:12px; color:#fff; text-align:center; border-radius:17.5px; background:#9b9b9b; -webkit-transition:all .5s ease; transition:all .5s ease;}
.soluts li:hover a { box-shadow:0 0 20px rgba(0,0,0,0.1);}
.soluts li:hover .img img { transform:scale(1.1,1.1);}
.soluts li:hover .msg span { background:#ea2830;}

/*解决方案详情*/
.solushow { width:1200px; margin:30px auto; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.03); background:#fff;}
.solushow .img { width:100%; height:350px; overflow:hidden; position:relative;}
.solushow .img::after { display:block; content:""; width:35%; height:450px; background:rgba(234,40,48,0.9); position:absolute; top:0; left:0; z-index:1;}
.solushow .img .msg { width:35%; height:280px; color:#fff; line-height:30px; padding:40px; margin:auto; box-sizing:border-box; position:absolute; top:0; bottom:0; left:0; z-index:2;}
.solushow .img .msg h3 { line-height:35px; font-weight:500; font-size:24px; color:#fff; padding-bottom:15px; margin-bottom:40px; border-bottom:1px solid rgba(255,255,255,0.3);}
.solushow .img .msg h4 { font-size:16px; margin-bottom:10px;}
.solushow .img .msg p { font-size:14px;}
.solushow .img .msg p a { color:#fff;}
.solushow .img .msg p a:hover { text-decoration:underline;}
.solushow .img img { display:block; width:100%;}
.solushow .lh { line-height:35px; font-size:15px; color:#333; padding:30px;}
.solushow .lh li { margin-left:35px; list-style:inherit}

/*优选产品*/
.prolist { width:100%; padding-top:30px;}
.prolist li { width:92%; height:285px; padding:50px 4%; margin-bottom:30px; background-position:center top; background-repeat:no-repeat; background-size:100% 100%; overflow:hidden; position:relative;}
.prolist li .msg { float:left; width:480px; height:235px; padding:25px 40px; background:rgba(255,255,255,0.95); -webkit-transition:all .8s ease; transition:all .8s ease;}
.prolist li:nth-child(2n) .msg { float:right;}
.prolist li .msg i { display:block; font-style:normal; font-size:16px; color:#666; margin-bottom:20px; position:relative;}
.prolist li .msg i::after { display:block; content:""; width:30px; height:1px; background:#666; position:absolute; left:0; bottom:-5px;}
.prolist li .msg h3 { width:100%; line-height:50px; font-size:36px; color:#000; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .8s ease; transition:all .8s ease;}
.prolist li .msg p { line-height:30px; font-size:14px; color:#999; margin:10px 0 30px 0;}
.prolist li .msg a { display:block; width:140px; height:45px; line-height:45px; font-size:14px; color:#fff; text-align:center; background:#ea2830; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .msg:hover { background:#fff;}
.prolist li .msg:hover a { border-radius:22.5px; box-shadow:0 5px 20px rgba(234,40,48,0.5);}

/*产品列表*/
.proslst { width:100%;}
.proslst li { margin-bottom:30px; padding:30px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.03); background:#fff;}
.proslst li .tits { line-height:40px; font-weight:500; font-size:20px; color:#ea2830; text-align:left; margin:15px auto; border-bottom:1px solid #eee;}
.proslst li .tits span { color:#ddd; font-size:14px; text-transform:Uppercase; position:relative; top:-1px;}
.proslst li .img { float:left; width:380px; height:258px; overflow:hidden; background:#fff;}
.proslst li .img img { display:block; width:100%;}
.proslst li .msg { float:right; width:730px;}
.proslst li .msg h3 { line-height:35px; font-weight:500; font-size:30px; color:#333; padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #eee;}
.proslst li .msg .spesou { width:100%;}
.proslst li .msg .spesou h2 { margin-bottom:10px; padding-bottom:0; border-bottom:none;}
.proslst li .msg .spesou .mg { max-height:190px; line-height:30px; font-size:14px; color:#666; padding-right:15px; overflow-y:scroll;}
.proslst li .risk { max-height:190px; line-height:30px; font-size:14px; color:#666; margin-top:20px; padding-right:15px; overflow-y:scroll;}

/*私人订制*/
.gtbook { margin-top:60px; padding:0 0 50px 330px; background:url(../images/anpc_21.png) no-repeat left top;}
.gtbook .lft { float:left; width:360px; margin-top:120px;}
.gtbook .lft h3 { line-height:80px; font-size:36px; color:#333;}
.gtbook .lft h3 span { padding:0 20px 0 15px; margin-right:15px; position:relative;}
.gtbook .lft h3 span::before,.gtbook .lft h3 span::after { display:block; content:""; width:22px; height:20px; position:absolute; z-index:0;}
.gtbook .lft h3 span::before { border-top:2px solid #333; border-left:2px solid #333; top:-5px; left:0;}
.gtbook .lft h3 span::after { border-bottom:2px solid #333; border-right:2px solid #333; bottom:-5px; right:0;}
.gtbook .lft h3 span i { font-style:normal; position:relative; z-index:1;}
.gtbook .lft p { font-size:24px; color:#333; margin-top:50px; letter-spacing:1px;}
.gtbook .rgt { float:right; width:360px; margin:55px 10px 0 0; padding:20px 35px; border:1px solid #ddd; box-shadow:10px 10px 0 rgba(0,0,0,0.1); background:#fff;}
.gtbook .rgt h4 { line-height:35px; font-weight:500; font-size:22px; color:#000; text-align:center;}
.gtbook .rgt h4 span { font-weight:bold; font-size:26px; color:#ea2830; margin:0 5px; position:relative; top:2px;}
.gtbook .rgt li { width:100%; margin-top:15px;}
.gtbook .rgt li input,.gtbook .rgt li select { display:block; width:100%; height:45px; line-height:45px; font-size:14px; color:#333; padding:0 10px; border:1px solid #ddd; box-sizing:border-box; outline:none;}
.gtbook .rgt .tag { position:relative;}
.gtbook .rgt .tag::after { display:block; content:""; width:0; height:0; border-style:solid; border-width:6px 6px 0 6px; border-color:#bbb transparent transparent transparent; position:absolute; top:20px; right:10px;}
.gtbook .rgt .tag select { appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.gtbook .rgt .yzm {}
.gtbook .rgt .yzm input { float:left; width:56%;}
.gtbook .rgt .yzm img { display:block; float:right; height:45px; padding:5px; border:1px solid #ddd; box-sizing:border-box;}
.gtbook .rgt li .btn { font-size:22px; color:#fff; border-color:#ea2830; background:#ea2830; letter-spacing:4px; border-radius:4px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.gtbook .rgt li .btn:hover { border-radius:22.5px;}
.gtbook .rgt p { line-height:25px; font-size:14px; color:#999; margin-top:20px;}
.gtbook .rgt p i { font-family:'FontAwesome'; font-style:normal; font-size:16px; color:#ea2830; margin-right:5px;}

/*投保平台*/
.propic { width:100%;}
.propic li { float:left; width:285px; height:500px; margin:0 20px 20px 0; overflow:hidden; position:relative;}
.propic li:nth-child(4n) { margin-right:0;}
.propic li::before,.propic li::after { display:block; content:""; position:absolute; left:0; top:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.propic li::before { width:92%; height:95%; margin:auto; border:1px solid #fff; filter:alpha(opacity=0); opacity:0; right:0; bottom:0; z-index:2;}
.propic li::after { width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1;}
.propic li .img { width:0; height:0; padding:10px; margin:auto; overflow:hidden; filter:alpha(opacity=0); opacity:0; background:#fff; position:absolute; top:0; right:0; bottom:0; left:0; z-index:4; -webkit-transition:all .5s ease; transition:all .5s ease;}
.propic li .msg { width:70%; height:300px; text-align:center; margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; z-index:3;}
.propic li .msg i { display:block; width:30px; height:2px; margin:0 auto; background:#fff;}
.propic li .msg h3 { line-height:50px; font-size:26px; color:#fff;}
.propic li .msg p { height:90px; line-height:30px; font-size:14px; color:#fff; margin:17px auto 100px auto; filter:alpha(opacity=80); opacity:0.8;}
.propic li .msg a { display:block; width:120px; height:40px; line-height:40px; font-size:14px; color:#333; text-align:center; margin:0 auto; border-radius:20px; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.propic li img { display:block; width:385px; height:500px; position:relative; z-index:0;}
.propic li:hover::before { filter:alpha(opacity=50); opacity:0.5;}
.propic li:hover::after { background:rgba(234,40,48,0.9);}
.propic li:hover .img { width:160px; height:160px; filter:alpha(opacity=100); opacity:1;}
.propic li:hover .msg a { color:#ea2830; background:#fff;}

/*理赔服务*/
.case { width:100%;}
.case .tits { margin-bottom:20px;}
.case .claim { width:100%; overflow:hidden; margin-bottom:50px;}
.case .claim img { display:block; width:100%;}
.case li { float:left; width:285px; height:400px; margin:0 20px 20px 0; overflow:hidden; position:relative;}
.case li:nth-child(4n) { margin-right:0;}
.case li::after { display:block; content:""; width:100%; height:100%; filter:alpha(opacity=40); opacity:0.4; background:#000; position:absolute; left:0; top:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.case li a { display:block; width:100%;}
.case li .msg { width:calc(100% - 60px); height:135px; padding:30px; text-align:center; margin:auto; position:absolute; left:0; top:0; bottom:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.case li .msg i { display:block; width:1px; height:30px; margin:0 auto; background:#fff; filter:alpha(opacity=60); opacity:0.6; -webkit-transition:all .5s ease; transition:all .5s ease;}
.case li .msg h3 { line-height:45px; font-size:18px; color:#fff; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case li .msg p { line-height:25px; font-size:12px; color:#fff; filter:alpha(opacity=80); opacity:0.8;}
.case li img { display:block; width:100%;}
.case li:hover::after { filter:alpha(opacity=80); opacity:0.8; background:#ea2830;}
.case li:hover .msg { height:155px;}
.case li:hover .msg i { height:50px;}

/*保险知识*/
.knowledge { width:100%;}
.knowledge .search { width:621px; margin:40px auto;}
.knowledge .search input { display:block; float:left; width:500px; height:60px; line-height:60px; font-size:14px; color:#333; padding:0 20px; border:1px solid #ddd; border-right:none; border-radius:30px 0 0 30px; background:#fff; box-sizing:border-box; outline:none;}
.knowledge .search .btn { width:120px; font-size:24px; color:#fff; letter-spacing:2px; border-color:#ea2830; border-radius:0 30px 30px 0; background:#ea2830;}
.knowledge .cent { background:#fff;}
.knowledge .lft,.knowledge .rgt { width:calc(50% - 30px); padding:30px 0;}
.knowledge .lft { float:left; padding-right:30px;}
.knowledge .rgt { float:right; padding-left:30px;}
.knowledge h1 { line-height:35px; font-weight:500; font-size:22px; color:#333; padding-bottom:10px; border-bottom:1px solid #eee;}
.knowledge .tui { width:100%; margin:25px 0 20px 0;}
.knowledge .tui .img { float:left; width:260px; height:170px; overflow:hidden;}
.knowledge .tui .img img { display:block; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.knowledge .tui .msg { float:right; width:260px; padding:27px 25px; background:#fafafa;}
.knowledge .tui .msg h3 { line-height:30px; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.knowledge .tui .msg span { display:block; font-size:12px; color:#999; margin:10px 0;}
.knowledge .tui .msg p { line-height:25px; font-size:12px; color:#666;}
.knowledge .tui:hover .img img { transform:scale(1.1,1.1);}
.knowledge .tui:hover .msg h3 { color:#ea2830;}
.knowledge .list { width:100%;}
.knowledge .list li { width:100%; padding:20px 0; position:relative;}
.knowledge .list li::after { display:none; content:""; width:95%; height:100%; background:#fafafa; position:absolute; top:0; right:0; z-index:0;}
.knowledge .list li a { display:block; width:100%; position:relative; z-index:2;}
.knowledge .list li .time { float:left; width:85px; height:60px; line-height:25px; font-size:12px; color:#666; text-align:center; padding-top:20px; border:2px solid #ddd; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.knowledge .list li .time b { display:block; width:100%; font-size:22px; color:#333;}
.knowledge .list li .msg { float:right; width:440px; padding-right:20px; position:relative;}
.knowledge .list li .msg h3 { line-height:30px; font-weight:500; font-size:16px; color:#231f20; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.knowledge .list li .msg p { line-height:25px; font-size:12px; color:#999;}
.knowledge .list li .msg span { display:block; line-height:25px; font-size:12px; color:#666; background:url(../images/anpc_03.png) no-repeat 52px center;}
.knowledge .list li:hover::after { display:block;}
.knowledge .list li:hover .time { color:#fff; border-color:#ea2830; background:#ea2830;}
.knowledge .list li:hover .time b { color:#fff;}
.knowledge .list li:hover .msg h3 { color:#ea2830;}

/*公告通知*/
.notice { width:100%;}
.notice .topt { width:100%; padding:40px 0;}
.notice .topt .img { float:left; width:510px; height:250px; overflow:hidden;}
.notice .topt .img img { display:block; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.notice .topt .msg { float:right; width:610px; padding:25px 40px; background:#fff;}
.notice .topt .msg h3 { line-height:30px; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice .topt .msg span { display:block; font-size:12px; color:#999; margin:10px 0;}
.notice .topt .msg p { line-height:25px; font-size:12px; color:#666;}
.notice .topt .msg i { display:block; width:120px; height:40px; line-height:40px; font-style:normal; font-size:14px; color:#fff; text-align:center; margin-top:20px; background:#ea2830; -webkit-transition:all .5s ease; transition:all .5s ease;}
.notice .topt:hover .img img { transform:scale(1.1,1.1);}
.notice .topt:hover .msg h3 { color:#ea2830;}
.notice .topt:hover .msg i { border-radius:20px; box-shadow:0 5px 20px rgba(234,40,48,0.5);}
.notice .list { width:100%; padding:40px 0; background:#fff;}
.notice .list li { width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eee; position:relative;}
.notice .list li a { display:block; width:100%;}
.notice .list li .time { float:left; line-height:35px; font-size:12px; color:#999; text-align:center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.notice .list li .time b { display:block; width:100%; line-height:55px; font-size:26px; color:#333; border-bottom:1px solid #e6e6e6; -webkit-transition:all .5s ease; transition:all .5s ease;}
.notice .list li .msg { float:right; width:1120px; position:relative;}
.notice .list li .msg h3 { line-height:35px; font-weight:500; font-size:16px; color:#231f20; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.notice .list li .msg p { line-height:25px; font-size:12px; color:#999;}
.notice .list li .msg span { display:block; line-height:25px; font-size:12px; color:#666; background:url(../images/anpc_03.png) no-repeat 52px center;}
.notice .list li:hover .time b,.notice .list li:hover .msg h3 { color:#ea2830;}

/*下载*/
.softs { width:100%;}
.softs li { float:left; width:390px; margin:0 5px 10px 5px; overflow:hidden; position:relative;}
.softs li a { display:block; width:100%;}
.softs li .msg { width:90%; height:115px; padding:105px 5% 80px 5%; text-align:center; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.softs li .msg i { display:block; width:20px; height:2px; margin:0 auto; background:#fff;}
.softs li .msg h3 { width:100%; line-height:40px; font-size:18px; color:#fff; margin-bottom:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.softs li .msg p { width:120px; height:40px; line-height:40px; font-size:14px; color:#fff; margin:0 auto; border:1px solid #fff; border-radius:20px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.softs li img { display:block; width:390px; height:300px; overflow:hidden;}
.softs li:hover .msg { background:rgba(234,40,48,0.9);}
.softs li:hover .msg p { color:#333; border:none; background:#fff;}

/*招聘*/
.n_job { width:100%;}
.n_job .topmsg { width:100%; margin-bottom:40px;}
.n_job .topmsg .lft { float:left; width:265px; color:#fff; text-align:center; padding:20px 30px; background:#ea2830;}
.n_job .topmsg .lft h3 { font-size:40px; text-transform:Uppercase; letter-spacing:5px;}
.n_job .topmsg .lft p { font-size:24px; letter-spacing:7px;}
.n_job .topmsg .rgt { float:right; width:770px; line-height:30px; font-size:14px; color:#666; padding:16.5px 50px; background:#fefefe;}
.n_job .jion { width:100%; margin:40px auto;}
.n_job .jion li { float:left; width:calc(100% / 5); text-align:center; position:relative;}
.n_job .jion li::after { display:block; content:""; width:18px; height:18px; border-top:1px solid #bbb; border-right:1px solid #bbb; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; right:0; top:35px;}
.n_job .jion li:last-child::after { display:none;}
.n_job .jion li i { display:block; width:90px; height:90px; margin:0 auto; border-radius:20px 0 20px 20px; background-color:#ea2830; background-position:center; background-repeat:no-repeat;}
.n_job .jion li p { line-height:30px; font-size:14px; color:#333; margin-top:10px;}
.n_job .jion li .jo1 { background-image:url(../images/anpc_22.png);}
.n_job .jion li .jo2 { background-image:url(../images/anpc_23.png);}
.n_job .jion li .jo3 { background-image:url(../images/anpc_24.png);}
.n_job .jion li .jo4 { background-image:url(../images/anpc_25.png);}
.n_job .jion li .jo5 { background-image:url(../images/anpc_26.png);}
.n_job .list { width:100%;}
.n_job .list li { margin-bottom:10px; background:#fff;}
.n_job .list li .lst { padding:15px 20px; position:relative;}
.n_job .list li .lst h3 { line-height:40px; font-size:18px; color:#333;}
.n_job .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;}
.n_job .list li .lst a { display:block; width:40px; height:40px; position:absolute; top:33px; right:20px; z-index:1;}
.n_job .list li .lst a::before,.n_job .list li .lst a::after { display:block; content:""; margin:auto; background:#999; position:absolute; top:0; right:0; bottom:0; left:0;}
.n_job .list li .lst a::before { width:1px; height:100%;}
.n_job .list li .lst a::after { width:100%; height:1px;}
.n_job .list li .msg { display:none; padding:15px 20px;}
.n_job .list li.on .lst { background:#ea2830;}
.n_job .list li.on .lst h3,.n_job .list li.on .lst span { color:#fff;}
.n_job .list li.on .lst a::before { display:none;}
.n_job .list li.on .lst a::after { background:#fff;}
.n_job .list li.on .msg { display:block;}
.n_job .list li.on .msg .lh { margin-bottom:15px;}
.n_job .list li.on .msg .lh h3 { font-size:16px; color:#ea2830;}

/*合伙人*/
.content .lh .list-paddingleft-2 { list-style:none;}
.content .lh .list-paddingleft-2 li { padding:15px 10%; clear:both;}
.content .lh .list-paddingleft-2 li p { float:left; height:70px; line-height:70px; font-weight:bold; padding:0 30px; box-shadow:0 2px 5px rgba(0,0,0,0.2);}
.content .lh .list-paddingleft-2 li p:first-child { width:120px; font-size:20px; color:#000; background:#f0f0f0;}
.content .lh .list-paddingleft-2 li p:last-child { width:700px; font-size:16px; color:#fff; background:#ea2830;}
.content .lh .partnerbtn { display:block; width:240px; height:60px; line-height:60px; font-size:22px; color:#fff; padding:0 20px; margin:30px auto 0 auto; border-radius:4px; background:#ea2830;}
.content .lh .partnerbtn a { display:block; height:60px; line-height:60px; font-weight:bold; font-size:22px; color:#fff; text-align:center;}

/*党建之窗*/
.party { width:100%; padding:30px 0 60px 0; background:#fff4e2 url(../images/anpc_27.jpg) no-repeat center top;}
.party h1 { line-height:200px; font-size:70px; color:#d93116; text-align:center; letter-spacing:20px;}
.party .center { padding:30px; background:#fff;}
.party .center .imgs { float:left; width:570px; height:280px; overflow:hidden;}
.party .center .imgs img { display:block; width:100%;}
.party .center .imgs p { width:94%; height:50px; line-height:50px; font-size:14px; color:#fff; padding:0 3%; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; z-index:2;}
.party .center .swiper-pagination-bullets { width:60px; text-align:right; left:auto; right:10px; bottom:15px;}
.party .center .swiper-pagination-bullet { margin:0 3px; filter:alpha(opacity=100); opacity:1; background:#fff;}
.party .center .swiper-pagination-bullet-active { background:#ea2830;}
.party .center .msg { float:right; width:540px;}
.party .center .msg li { width:100%; margin-bottom:11px; padding-bottom:11px; border-bottom:1px solid #eee;}
.party .center .msg li a { display:block; width:100%;}
.party .center .msg li h3 { width:100%; line-height:25px; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.party .center .msg li p { line-height:22px; font-size:12px; color:#999; margin-top:5px;}
.party .center .msg li:hover h3 { color:#ea2830;}
.party .center .list { width:545px;}
.party .center .list .tits { line-height:40px; border-bottom:2px solid #eee;}
.party .center .list .tits h3 { float:left; font-size:18px; color:#333; position:relative;}
.party .center .list .tits h3::after { display:block; content:""; width:100%; height:2px; background:#ea2830; position:absolute; left:0; bottom:-2px;}
.party .center .list .tits a { float:right; font-size:12px; color:#666; text-transform:Uppercase;}
.party .center .list .toutiao { width:100%; margin:15px auto;}
.party .center .list .toutiao b { float:left; width:32px; height:40px; font-size:15px; color:#fff; padding:5px 9px; letter-spacing:1px; border-radius:6px; background:#ea2830; position:relative;}
.party .center .list .toutiao b::after { display:block; content:""; width:0; height:0; border-style:solid; border-width:5px 0 5px 6px; border-color:transparent transparent transparent #ea2830; position:absolute; top:10px; right:-6px;}
.party .center .list .toutiao .msg { float:right; width:480px;}
.party .center .list .toutiao .msg h3 { width:100%; line-height:25px; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.party .center .list .toutiao .msg p { line-height:22px; font-size:12px; color:#999; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.party .center .list .toutiao:hover .msg h3 { color:#ea2830;}
.party .center .list li { line-height:35px; padding-left:15px; position:relative;}
.party .center .list li::after { display:block; content:""; width:5px; height:5px; border-radius:50%; background:#ccc; position:absolute; left:0; top:15px;}
.party .center .list li a { float:left; width:80%; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.party .center .list li span { display:block; float:right; font-size:12px; color:#999;}
.party .center .list li:hover a { color:#ea2830;}

/*互联网资质*/
.titnav { width:100%; text-align:center; margin:40px auto;}
.titnav li { display:inline-block; height:40px; line-height:40px; font-size:14px; color:#666; padding:0 15px; margin:0 2px; border-radius:20px; background:#fff; cursor:pointer; box-shadow:0 0 10px rgba(0,0,0,0.05); -webkit-transition:all .5s ease; transition:all .5s ease;}
.titnav li:hover,.titnav li.on { background:#ea2830;}
.titnav li:hover a,.titnav li.on a { color:#fff;}

/*分支机构*/
.disclos { width:100%;}
.disclos img { display:block; max-width:100%; margin:0 auto 50px auto;}
.disclos li { float:left; width:385px; margin:0 22px 22px 0; padding:20px; border:1px solid #eee; box-sizing:border-box; background:#fdfdfd; -webkit-transition:all .5s ease; transition:all .5s ease;}
.disclos li:nth-child(3n) { margin-right:0;}
.disclos li h3 { font-weight:500; font-size:16px; color:#000; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #eee; position:relative;}
.disclos li h3::after { display:block; content:""; width:40px; height:2px; background:#ea2830; position:absolute; left:0; bottom:-1px;}
.disclos li p { line-height:25px; font-size:14px; color:#666; margin-bottom:5px;}
.disclos li:hover { box-shadow:0 2px 5px rgba(0,0,0,0.1);}