* { font-family:"PingFang SC","Source Han Sans SC","Noto Sans CJK SC","Hiragino Sans GB","Helvetica Neue","Helvetica","Microsoft Yahei",sans-serif; }
.nowrap,.nowrapall,.nowrapall * { white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.break,.breakall,.breakall * { word-wrap:break-word; word-break: break-all; }
.animate , .animateall , .animateall * { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.defaultstyle,.df { position: relative; margin: 0; padding:0; }
body {margin: 0; padding: 0;color: #666; font-size: 14px;line-height: 20px;border: 0;}
/*CSShack*/
body{ font-family:"PingFang SC","Source Han Sans SC","Noto Sans CJK SC","Hiragino Sans GB","Helvetica Neue","Helvetica","Microsoft Yahei",sans-serif;min-width: 1200px\9;-webkit-tap-highlight-color:transparent; }
a { -webkit-tap-highlight-color:transparent;}
.maxsize { margin-left: auto; margin-right: auto; }
@media all and (min-width: 0px) {body { min-width: auto; }}
.vcenter { position: absolute; top: 0; bottom: 0; width: 100%; left: 0; }
.tb { display: table;height: 100%;width: 100%; } 					.tb-c { display: table-cell;vertical-align: middle; }
a { text-decoration: none;color: #666; } 							ul,dl,dt,dd { list-style: none;margin: 0;padding: 0; }
input:focus , select:focus , textarea:focus { outline: none; } 		img { max-width: 100%; height: auto; border: 0; } 
h1,h2,h3,h4,h5,p { margin: 0; padding: 0; line-height: 1.2; }  		table { border-collapse: collapse; }
.table { overflow: hidden; } 		.table .tr { overflow: hidden; } 	.table .tr .td , .table .tr .th { float: left; }
.hide { display: none; } 			.block { display: block; } 			.inb { display: inline-block; }
.posr { position: relative; } 		.posa { position: absolute; } 		.poss { position: static; }
.row { overflow: hidden; } 		.row .fl { float: left; } 				.cl { clear: both; } 
.tal { text-align: left; } 			.tac { text-align: center; } 			.tar { text-align: right; }
.md1 { width: 8.3333%; } 	.md2 { width: 16.6666%; } 	.md3 { width: 25%; }
.md4 { width: 33.3333%; } 	.md5 { width: 41.6666%; } 	.md6 { width: 50%; }
.md7 { width: 58.3333%; } 	.md8 { width: 66.6666%; } 	.md9 { width: 75%; }
.md10 { width: 83.3333%; } 	.md11 { width: 91.6666%; } 	.md12 { width: 100%; }
.mp0 { margin: 0 !important; padding: 0 !important; }
.md1, .md2,.md3,.md4,.md5,.md6,
.md7, .md8,.md9,.md10,.md11,.dv { float: left; }
input[type="text"], input[type="password"],input[type="button"], input[type="submit"],
select , textarea { -webkit-appearance: none; margin: 0; padding: 0; border: 0;} 
input::-webkit-input-placeholder { color: #aaa !important;}
input:-moz-placeholder {color: #aaa !important;}
input::-moz-placeholder {color: #aaa !important;}
input:-ms-input-placeholder {color: #aaa !important;}

.nicescroll::-webkit-scrollbar{width:9px; background-color:rgba(255,255,255,0.5);}
.nicescroll::-webkit-scrollbar-thumb{border:none; width:5px;background-color:rgba(0,0,0,0.4);}
.nicescroll::-webkit-scrollbar-corner{background-color:rgba(255,255,255,0.5);}
.nicescroll::-webkit-scrollbar:horizontal{height:9px;}

.cl:after,.clear:after { content: '';display: block; clear: both; }
.cc { position: absolute; margin: auto; left: 0 ;right: 0; bottom: 0 ; top: 0; }

.clip { -webkit-background-clip: text; }

/*公共样式*/



.notice { background: #4cb2d6; color: #fff;position: relative; z-index: 9999999; display: none; position: fixed; bottom: 0; left: 0; right: 0;}
	.notice .maxsize { position: relative; padding: 20px; }
	.notice p { padding-right: 100px; font-size: 14px; line-height: 24px; }
	.notice .btn { position: absolute; top: 50%; margin-top: -12px; right: 20px; line-height: 22px; font-size: 14px; background: #fff; padding: 0 20px; border-radius: 4px; border: 1px solid #fff; color: #4cb2d6; }
	.notice .btn:hover { background: #4cb2d6; color: #fff; }


.maxsize { max-width: 1200px; margin: 0 auto; }
body { background: #eaeaea; }
* { font-size: inherit; line-height: inherit; color: inherit; font-weight: inherit; }
.header { position: fixed; top: 25px; left: 0; right: 0; background: #fff; border-radius: 0; box-shadow: 0 2px 5px rgba(0,0,0,0.1); z-index: 9999; background: rgba(255,255,255,.9);}
.header .maxsize { position: relative; }
@media screen and (min-width: 800px) {
	.header { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
	.header.fixed { top: 0; left: 0; width: 100%; margin-left: 0; border-radius: 0; background: #fff; }
}
.header .logo { display: block; width: 120px; padding: 20px 30px;position: relative; }
/*.header .logo:after { content: ''; display: block; top: 0; left: 100%; bottom: 0; width: 160px; background: url('../images/ccremember.jpg') no-repeat center;position: absolute; }*/
.header .menulist { position: absolute; top: 0; right: 15px; }
.header .menulist dd { float: left; position: relative; padding: 20px 10px; }
.header .menulist dd > a { display: block; line-height: 35px; padding: 0 15px; border-radius: 4px; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.header .menulist dd.active > a,
.header .menulist dd:hover > a { background: #d7000f; color: #fff; }
.header .menulist dd ul { position: absolute; top: 100%; left: 0; right: 0; background: #fff;box-shadow: 0 -5px 10px rgba(0,0,0,0.1);/*border-radius: 4px; */padding: 5px 10px; display: none; }
.header .menulist dd ul:before { content: ''; border: 8px solid; border-color: transparent transparent #fff transparent; position: absolute; top: -16px; left: 50%; margin-left: -8px; }
.header .menulist dd:hover ul { display: block;}
.header .menulist dd ul li { padding: 5px 0;border-bottom: 1px solid #eaeaea; }
.header .menulist dd ul li a { line-height: 30px; text-align: center;display: block; border-radius: 4px; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.header .menulist dd ul li.active a,
.header .menulist dd ul li a:hover { background: #d7000f; color: #fff; }
.header .menulist dd ul li:last-of-type { border-bottom: 0; }

/*.header .toolbar { position: absolute; top: 0; height: 25px; left: 0; right: 0; margin-top: -25px;background: -moz-linear-gradient(-45deg,  #d7000f 0%, #ff6600 100%);background: -webkit-linear-gradient(-45deg,  #d7000f 0%,#ff6600 100%);background: linear-gradient(135deg,  #d7000f 0%,#ff6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#ff6600',GradientType=1 ); color: #fff; text-align: right; }*/
.header .toolbar { position: absolute; top: 0; height: 25px; left: 0; right: 0; margin-top: -25px;background: #d7000f; color: #fff; text-align: right; }
.header .toolbar .tel { line-height: 25px; font-size: 12px; display: inline-block; text-align: left; margin-right: 35px; }
.header .toolbar .tel a { display: inline-block; margin-left: 15px; color: #fff; }
.header .toolbar .tel span { color: #ffa37a; margin-left: 5px; }

.footer { background: #d7000f; padding: 15px 0; color: #fff; background: -moz-linear-gradient(-45deg,  #d7000f 0%, #ff6600 100%);background: -webkit-linear-gradient(-45deg,  #d7000f 0%,#ff6600 100%);background: linear-gradient(135deg,  #d7000f 0%,#ff6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#ff6600',GradientType=1 );}
.footer .left p { padding: 0 10px; font-size: 12px; }
.footer ul { margin-bottom: 10px; }
.footer ul li {  float: left; }
.footer ul li:after { content: '|'; }
.footer ul li:last-of-type:after { content: ''; }
.footer ul li a { color: #fff; padding: 0 10px; }
.footer .links { position: relative;margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.2); padding: 35px 0; }
.footer .links .qrcode { position: absolute; top: 50%; right: 0; width: 120px; margin-top: -75px; text-align: center; }
.footer .links .qrcode p { font-size: 12px; margin-top: 15px; }
.footer .links .sitemap { margin-right: 150px; }
.footer .links .sitemap dl { float: left;width: 14.28%; }
.footer .links .sitemap dl dt { font-size: 16px; margin-bottom: 15px; }
.footer .links .sitemap dl dd a { display: block; color: #fff; font-size: 14px; line-height: 35px; }
.footer .links .sitemap dl dd a:before { content: '\e633'; margin-right: 5px; margin-left: -10px; color: #ffbc91; font-family: 'iconfont'; }
.footer .links .sitemap dl dd a:hover {transform: translateX(5px);-webkit-transform: translateX(5px);}

.banner { position: relative; }
.banner ul { position: relative; }
.banner li { height: 650px;background-size: cover; background-position: center; padding-top: 115px; position: relative; }
.banner li:before { content: '';position: absolute; top: 0; left: 0; right: 0; bottom: 0;background: rgba(0,0,0,.1); }
.banner li .info { left: 50%; margin-left: -600px; position: absolute; color: #fff; top: 115px; bottom: 0; width: 1200px; }
.banner li .info .text { top: 50%; position: absolute; margin-top: -80px;}
.banner li .info .text span { font-size: 20px; margin-bottom: 10px; padding-bottom: 15px; display: inline-block; position: relative;}
.banner li .info .text span:after { content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: 5px; background: -moz-linear-gradient(-45deg,  #d7000f 0%, #ff6600 100%);background: -webkit-linear-gradient(-45deg,  #d7000f 0%,#ff6600 100%);background: linear-gradient(135deg,  #d7000f 0%,#ff6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#ff6600',GradientType=1 );  box-shadow: 5px 5px 10px rgba(0,0,0,.1);}
.banner li .info .text h1 { font-size: 40px; }
.banner .bx-controls { position: absolute; bottom: 20px; z-index: 99; left: 0; right: 0; text-align: center;}
.banner .bx-controls .bx-pager-item { display: inline-block; margin-left: 4px; }
.banner .bx-controls .bx-pager-item a { display: inline-block; height: 5px; width: 35px; background: rgba(255,255,255,.5); overflow: hidden; text-indent: -999px; position: relative; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.banner .bx-controls .bx-pager-item a:before { content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: #d7000f; }
.banner .bx-controls .bx-pager-item a.active { background: #fff; }
.banner .bx-controls .bx-pager-item a.active:before { width: 100%;transition: all 5s linear;-webkit-transition: all 5s linear;-o-transition: all 5s linear;-moz-transition: all 5s linear;  }

.index .about { background-color: #fff; padding: 90px 0; background-image: url(../images/index-about-bg.jpg); background-size: cover; background-position: center; }
.index .about .face { position: absolute; top: 0px; left: 0; bottom: 0; width: 320px; background-size: cover; }
.index .about .text { margin-left: 380px; }
.index .about .text h1 { font-size: 25px; color: #000; margin-bottom: 20px; }
.index .about .text p { line-height: 24px; font-size: 14px; }
.index .about a { border: 1px solid #aaa; line-height: 25px; padding: 0 20px; display: inline-block; margin-top: 20px; }
.index .about a:hover { background: #d7000f; color: #fff; border-color: #d7000f; }

.index .news { background: #fff; padding: 90px 0; }
.index .news .title {  }
.index .news .title h1 { display: inline-block; position: relative; font-size: 25px; margin-bottom: 20px; padding-bottom: 10px; }
.index .news .title h1:after { content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: 5px; background: -moz-linear-gradient(-45deg,  #d7000f 0%, #ff6600 100%);background: -webkit-linear-gradient(-45deg,  #d7000f 0%,#ff6600 100%);background: linear-gradient(135deg,  #d7000f 0%,#ff6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#ff6600',GradientType=1 );  box-shadow: 5px 5px 10px rgba(0,0,0,.1); }
.index .news .list { float: left; width: 33.33%; }
.index .news .list li a { display: block; position: relative; }
.index .news .list li h1 { white-space: nowrap;text-overflow:ellipsis; overflow:hidden; padding-right: 80px; line-height: 50px; color: #222; font-weight: 600;}
.index .news .list li span { position: absolute; top: 0; right: 0; line-height: 50px; color: #aaa; }
.index .news .items { float: left; width: 66.66%; }
.index .news .items .item { float: left; width: 50%; }
.index .news .items .item a { display: block; margin-left: 40px; position: relative; height: 250px; background-size: cover; background-position: center;}
.index .news .items .item a .text { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 15px; color: #fff; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.index .news .items .item a .text h1 { white-space: nowrap;text-overflow:ellipsis; overflow:hidden; font-weight: 600; line-height: 25px; }
.index .news .items .item a .text span { font-size: 12px; }


.showcase { position: relative; margin-bottom: 40px; display: none;}
.showcase .maxsize { background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.showcase .news { width: 25%; float: left; border-right: 1px solid #eaeaea; margin-right: -1px; position: relative; z-index: 2; }
.showcase .products { width: 75%; float: left; position: relative; z-index: 1;}


.showcase .news .title { margin-top: -40px; line-height: 40px;background: #d7000f; color: #fff; border-top-right-radius: 4px; border-top-left-radius: 4px; padding: 0 20px; }
.showcase .news .cont { background: #fff; padding: 20px; }
.showcase .news .cont a { display: block; }
.showcase .news .cont .face { width: 100%; height: 146px; background-size: cover; background-position: center; margin-bottom: 14px; }
.showcase .news .cont .text h1 { font-weight: 900; color: #000; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; line-height: 20px; margin-bottom: 10px; }
.showcase .news .cont .text p { font-size: 12px; line-height: 20px; color: #999; height: 60px; overflow: hidden; }

.showcase .products .items { background: #fff; padding: 20px 10px; }
.showcase .products .item { float: left; width: 33.33%; }
.showcase .products .item a { display: block; margin: 0 10px; }
.showcase .products .item .face { height: 146px; background-size: auto 100%; background-position: center; margin-bottom: 14px; }
.showcase .products .item .face .icon { background-image: url('../images/dot.png'); height: 100%; background-color: rgba(0,0,0,.65); text-align: center; opacity: 0; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.showcase .products .item a:hover .face .icon { opacity: 1; }
.showcase .products .item .face .icon .iconfont { font-size: 50px; line-height: 145px; color: #fff; }
.showcase .products .item h5 { color:#000; }
.showcase .products .contact { border-top: 1px solid #eaeaea; background: #fff; padding: 11px 20px; margin-top: -1px; position: relative; }
.showcase .products .contact .logo { position: absolute; top: 50%; left: 20px; width: 60px; margin-top: -30px; }
.showcase .products .contact .member { position: absolute; left: 100px; top: 25px; }
.showcase .products .contact ul { padding-left: 33.33%; }
.showcase .products .contact ul li { float: left; width: 50%;  }
.showcase .products .contact ul li p { line-height: 25px; font-size: 12px; padding: 0 10px; }
.showcase .products .contact ul li .iconfont { color: #aaa;margin-right: 10px; }


.page .slogan { background-size: cover; background-position: center; position: relative; }
.page .slogan:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.1); }
.page .slogan .maxsize { padding-top: 100px; padding-bottom: 60px; position: relative; z-index: 2;}
.page .slogan .text { padding: 120px 100px; }
.page .slogan .text h1 { font-size: 35px; color: #fff; margin-bottom: 5px;}
.page .slogan .text span { color: #fff; font-size: 12px; }

.page .content { margin-top: -55px; background: #fff; margin-bottom: 60px; position: relative; min-height: 55px;}
.page .content:before { content: ''; position: absolute; top: -5px; left: 0; width: 100%; height: 5px; background: #d7000f;background: -moz-linear-gradient(-45deg,  #d7000f 0%, #ff6600 100%);background: -webkit-linear-gradient(-45deg,  #d7000f 0%,#ff6600 100%);background: linear-gradient(135deg,  #d7000f 0%,#ff6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#ff6600',GradientType=1 );}

.page .content .sidebar { position: absolute; top: 0; left: 0; border-right: 1px solid #eaeaea; width: 240px; bottom: 0;}
.page .content .container { margin-left: 240px; padding: 40px; min-height: 255px; background-image: url('../images/page-bg.jpg'); background-size: 100% auto; background-position: bottom right; background-repeat: no-repeat;}
.page .sidebar ul { padding: 40px; }
.page .sidebar li { margin-bottom: 25px; }
.page .sidebar li a { background: #eaeaea; color: #333; display: block; line-height: 45px; text-align: center; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;  }
.page .sidebar li.active a { background: #d7000f; color: #fff;background: -moz-linear-gradient(-45deg,  #d7000f 0%, #ff6600 100%);background: -webkit-linear-gradient(-45deg,  #d7000f 0%,#ff6600 100%);background: linear-gradient(135deg,  #d7000f 0%,#ff6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#ff6600',GradientType=1 ); box-shadow: 0 5px 10px rgba(0,0,0,0.1); }
.page .sidebar li:hover a { box-shadow: 0 5px 10px rgba(0,0,0,0.1); transform: translateY(-2px);-webkit-transform: translateY(-2px); }

.about .intro .text p { font-size: 14px; line-height: 30px; text-indent: 2em; margin-bottom: 30px;}
.about .intro .text p:last-of-type { margin-bottom: 0; }
.about .intro .text p img { margin-left: -2em; }
.about .intro .showtext { position: relative; background-position: top right; background-size: cover; margin-bottom: 30px;}
.about .intro .showtext .text { background: rgba(0,0,0,.3); margin-right: 55%; padding: 40px; color: #fff; line-height: 24px; }
.about .intro .showtext .text  p { line-height: 24px; }
.about .intro .items { margin: 0 -20px; }
.about .intro .items .item { float: left; width: 20%; }
.about .intro .items .item .con { margin: 40px 20px 0 20px; border: 1px solid #dadada; box-shadow: 0 5px 10px rgba(0,0,0,.2); }
.about .inportant { background: -moz-linear-gradient(-45deg,  #d7000f 0%, #ff6600 100%);background: -webkit-linear-gradient(-45deg,  #d7000f 0%,#ff6600 100%);background: linear-gradient(135deg,  #d7000f 0%,#ff6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#ff6600',GradientType=1 ); color: #fff; font-weight: 600; padding: 25px; text-align: center; }

/*使命愿景*/
.wish .shiming .title { position: relative; margin-bottom: 0; }
.wish .shiming .title img { width: 70%;display:block; }
.wish .shiming .title .text { position: absolute; right: 0; bottom: 0; height: 100%; background: #eaeaea; width: 30% }
.wish .shiming .title .text .con { position: absolute; top: 50%; left: 50%; width: 200px; text-align: center; color: #757575; margin: -25px -100px;}
.wish .shiming .title .text h1 { font-size: 25px; font-weight: normal; line-height: 30px;}
.wish .shiming .title .text h1:after { display: none; }
.wish .shiming .title .text span { line-height: 20px; display: block; font-size: 14px; }
.about .wish .items { margin: 0; }
.wish .items li { float: left; width: 50%; position: relative; }
.wish .items li .con { border: 1px solid #dadada; border-top: 0;position: relative; }
.wish .items li:last-of-type .con { border-left: 0; }
.wish .items li .iconfont { position: absolute; font-size: 40px; width: 110px; text-align: center; line-height: 126px; border-right: 1px solid #dadada; background: #eaeaea; color: #757575;}
.wish .items li .text { padding: 20px; padding-left: 140px; }
.wish .items li .text h2 { font-size: 20px; color:#000; margin-bottom: 10px; }
.wish .items li .text p { font-size: 15px; line-height: 26px; height: 52px; text-indent: 0; }
/*核心价值观*/
.wish .values { border: 1px solid #dadada; border-top: 0; }
.wish .values .item { position: relative; float: left; width: 25%; }
.wish .values .item:last-of-type .right { border-right: 0; }
.wish .values .item .left {  background: #eaeaea; color: #fff; }
.wish .values .item .left .con {  padding: 30px; }
.wish .values .item .left h1 { position: absolute; line-height: 40px; width: 40px; background: #757575; text-align: center; font-weight: 900; }
.wish .values .item .left .text { padding-left: 50px; color: #757575; }
.wish .values .item .left .text h2 { font-size: 16px; line-height: 25px; font-weight: 900;}
.wish .values .item .left .text p { font-size: 14px; line-height: 15px; text-indent: 0; }
.wish .values .item .right { border-right: 1px solid #dadada;  }
.wish .values .item .right .con { padding: 30px; }
.wish .values .item .right h3 { color: #333; margin-bottom: 10px; font-size: 16px; }
.wish .values .item .right p { line-height: 24px; font-size: 14px; }

.wish .subtitle { background: -moz-linear-gradient(-45deg,  #d7000f 0%, #ff6600 100%);background: -webkit-linear-gradient(-45deg,  #d7000f 0%,#ff6600 100%);background: linear-gradient(135deg,  #d7000f 0%,#ff6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#ff6600',GradientType=1 ); color: #fff; padding: 10px 30px;;font-size: 15px; margin-top: 35px; }

img[fill] { max-width: 9999px; }

/*发展历程*/
.milestone .title { padding: 30px 100px; }
.milestone .title h1 { font-size: 22px; font-weight: normal; color: #d7000f;}
.ms .timeline { position: relative; padding: 0 100px;}
.ms .timeline .years { overflow: hidden; margin-bottom: 30px; }
.ms .timeline .years ul { transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;-moz-transition: all .5s ease-out; margin-left: 0;  }
.ms .timeline .years ul li { float: left; text-align: center; border-bottom: 8px solid #dadada; position: relative; z-index: 1;}
.ms .timeline .years ul li:before,
.ms .timeline .years ul li:after { content: ''; position: absolute; bottom: 0; width: 1px; height: 10px; background: #dadada; left: 0; }
.ms .timeline .years ul li:after { left: auto; right: -1px; }
.ms .timeline .years ul li a { display: inline-block; font-size: 14px; font-weight: normal; color: #aaa; line-height: 40px; position: relative;}
.ms .timeline .years ul li a font { font-size: 30px; font-weight: 900; font-family: 'Agency';}
.ms .timeline .years ul li a:after { content: ''; position: absolute; left: 50%; bottom: 0; border: 5px solid; border-color: transparent transparent #d7000f transparent; display: none; }
.ms .timeline .years ul li.active { z-index: 2; border-color: #d7000f; }
.ms .timeline .years ul li:hover { z-index: 3; border-color: #ff6600; }
.ms .timeline .years ul li.active a { color: #d7000f;  }
.ms .timeline .years ul li:hover a { color: #ff6600;  }
.ms .timeline .years ul li.active a:after { display: block; }
.ms .timeline .years ul li:hover a:after { display: block; border-color: transparent transparent #ff6600 transparent;  }
.ms .timeline .years ul li.active:before,
.ms .timeline .years ul li.active:after { background: #d7000f; }
.ms .timeline .years ul li:hover:before,
.ms .timeline .years ul li:hover:after { background: #ff6600; }

/*.ms .timeline .things { margin: 0 -60px; }*/
.ms .timeline .things dl { padding: 20px; color: #aaa; display: none; }
.ms .timeline .things dl.active { display: block; }
.ms .timeline .things dl dt { font-size: 30px; font-weight: normal; line-height: 20px; margin-bottom: 20px; border-bottom: 1px solid #dadada; padding-bottom: 20px; font-family: 'agency'; position: relative;}
.ms .timeline .things dl dt .tool { position: absolute; right: 0; top: 0; }
.ms .timeline .things dl dt .tool a { display: inline-block; padding: 0 10px; font-size: 16px; }
.ms .timeline .things dl dt .tool a .iconfont { font-size: 16px; transform: translateY(0px);-webkit-transform: translateY(0px); color: inherit;}
.ms .timeline .things dl dt i { color: #ff6600; margin-right: 8px; font-size: 20px; transform: translateY(-3px);-webkit-transform: translateY(-3px); display: inline-block;}
.ms .timeline .things dl dd { line-height: 1.5; font-size: 14px; margin-bottom: 20px; color: #333; position: relative; padding-left: 40px;}
.ms .timeline .things dl dd i { position: absolute; top: 4px; left: 0; line-height: 20px; width: 20px; text-align: center; background: -moz-linear-gradient(-45deg,  #d7000f 0%, #ff6600 100%);background: -webkit-linear-gradient(-45deg,  #d7000f 0%,#ff6600 100%);background: linear-gradient(135deg,  #d7000f 0%,#ff6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#ff6600',GradientType=1 ); color: #fff; font-size: 12px;}

.ms .timeline a.btn { display: inline-block; position: absolute; top: 20px; line-height: 22px; width: 22px; text-align: center; left: 60px; font-size: 18px; background: #dadada; color: #fff; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.ms .timeline a.btn:hover { background: -moz-linear-gradient(-45deg,  #d7000f 0%, #ff6600 100%);background: -webkit-linear-gradient(-45deg,  #d7000f 0%,#ff6600 100%);background: linear-gradient(135deg,  #d7000f 0%,#ff6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#ff6600',GradientType=1 ); }
.ms .timeline a.btn.linenext { left: auto; right: 60px; }

/*荣誉*/
.about .honor .clear { margin: 0 -20px; }
.about .honor .item { float: left; width: 50%;margin-bottom: 40px; }
.about .honor .item .con { margin: 0 20px; border: 1px solid #eaeaea; background: #fafafa; }
.about .honor .item .con a { display: block; text-align: center; position: relative; overflow: hidden; }
.about .honor .item .con p { line-height: 35px; padding: 0 20px; text-align: center; }
.about .honor .item a i { position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; background-size: cover; background-position: center; filter:url(blur.svg#blur);-webkit-filter: blur(5px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter:blur(5px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); opacity: .25; }
.about .honor .item img { max-height: 100%; max-width: 100%; position: relative; z-index: 2; }

/*人才理念*/
.linian .main { padding: 30px 0; text-align: right; position: relative; padding-right: 180px; margin-bottom: 30px; }
.linian .main .iconfont { font-size:130px; color: #eaeaea; line-height: 150px;width: 150px; display: inline-block;text-align: center; z-index: 0; border: 8px solid #eaeaea; border-radius: 100%; position: absolute; right: 0; }
.linian .main h1 { z-index: 1; position: relative; color: #666; font-weight: normal; line-height: 40px; font-size: 20px; text-align: right; margin-top: 40px;  }
.linian .block { margin-top: 30px; }
.linian .clear .block { float: left; width: 33.33%; } 
.linian .block .card { padding: 0 15px;  }
.linian .block .title { color: #333; margin-bottom: 15px; }
.linian .block .title h2 { font-size: 22px; font-weight: normal;}
.linian .block .title h2 .iconfont { padding-right: 10px;font-size: 24px; color: #757575; }
.linian .block .cont p { line-height: 30px; font-size: 14px; color: #666; }
.linian .block .icons li { float: left; width: 25%; text-align: center; }
.linian .block .icons { margin: 0 -10px; }
.linian .block .icons li .icon { margin: 10px; border: 1px solid #f4ede2; padding: 40px 35px; position: relative; border-top: 0; }
.linian .block .icons li .icon:before { content: ''; position: absolute; top: 0px; left: 0; width: 100%; height: 5px; background: -moz-linear-gradient(-45deg,  #d7000f 0%, #ff6600 100%);background: -webkit-linear-gradient(-45deg,  #d7000f 0%,#ff6600 100%);background: linear-gradient(135deg,  #d7000f 0%,#ff6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#ff6600',GradientType=1 ); }
.linian .block .icons li .icon .iconfont { border: 3px solid; display: inline-block; line-height: 50px; width: 50px; font-size: 30px; border-radius: 100%; color: #757575}
.linian .block .icons li .icon h5 { font-size: 16px; font-weight: normal; margin-top: 10px; margin-bottom: 15px; }
.linian .block .icons li .icon p { font-size: 12px; line-height:22px; height: 44px; }
.linian .block h3 { font-size: 18px; font-weight: normal; margin-bottom: 10px; }
.linian .block dl { margin-top: 20px; float: left; width: 33.333%; }
.linian .block dt { font-size: 16px; color: #333; margin-bottom: 15px; }
.linian .block dd { font-size: 14px; line-height: 30px; }
.linian .block .liren { margin: 0 -15px; margin-bottom: 30px;}
.linian .block .liren dt { padding: 0 15px; }
.linian .block .liren dd { padding: 0 15px; }

/*人才招聘*/
.joblist .table { border: 1px solid #dadada; border-bottom: 0; }
.joblist .tr { border-bottom: 1px solid #dadada; text-align: center; }
.joblist .table .tr:nth-child(1) { background: -moz-linear-gradient(-45deg,  #d7000f 0%, #ff6600 100%);background: -webkit-linear-gradient(-45deg,  #d7000f 0%,#ff6600 100%);background: linear-gradient(135deg,  #d7000f 0%,#ff6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#ff6600',GradientType=1 );}
.joblist .tr:nth-child(2n+1) { background: #f5f5f5; }
.joblist .th span { font-weight: 600; font-size: 14px; display: block; padding: 15px 8px;color: #fff; }
.joblist .td span {display: block; padding: 20px 8px;}
.joblist .td .key { display: none; }
.joblist .td a { display: inline-block; border: 1px solid #ccc; border-radius: 2px; padding: 0 10px; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.joblist .td a:hover { background: #757575; color: #fff; border-color: #757575; } 
.joblist .th0, .joblist .td0 { width: 25%; }
.joblist .th1, .joblist .td1 { width: 25%; }
.joblist .th2, .joblist .td2 { width: 15%; }
.joblist .th3, .joblist .td3 { width: 15%; }
.joblist .th4, .joblist .td4 { width: 20%; }

/*联系我们*/
.contact #map { height: 400px; }
.contact #map .anchorBL { display: none !important; }
.contact .map:before { content: ''; position: absolute; top: 0px; left: 0; width: 100%; height: 5px; background: -moz-linear-gradient(-45deg,  #d7000f 0%, #ff6600 100%);background: -webkit-linear-gradient(-45deg,  #d7000f 0%,#ff6600 100%);background: linear-gradient(135deg,  #d7000f 0%,#ff6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#ff6600',GradientType=1 );}
.contact .map { overflow: hidden;}
.contact .map .title { padding:30px 0; padding-left: 140px; position: relative; }
.contact .map .title h1 { font-size: 25px; font-weight: normal; color: #333;margin-bottom: 5px; line-height: 25px;}
.contact .map .title h1:after { display: none; }
.contact .map .title p { font-size: 12px; color: #aaa; line-height: 20px; }
.contact .info { margin: 30px 0; position: relative; }
.contact .info dl { position: relative; }
.contact .info dl dt { font-size: 14px; font-weight: normal; margin-bottom: 15px; border-bottom: 1px solid #dadada; background: -moz-linear-gradient(-45deg,  #d7000f 0%, #ff6600 100%);background: -webkit-linear-gradient(-45deg,  #d7000f 0%,#ff6600 100%);background: linear-gradient(135deg,  #d7000f 0%,#ff6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#ff6600',GradientType=1 );color: #fff; line-height: 35px; padding: 0 20px; }
.contact .info ul li { position: relative; padding-left: 30px; }
.contact .info ul li p { line-height: 30px; font-size: 14px; }
.contact .info ul li p span { font-weight: 900; }
.contact .info ul li .iconfont { position: absolute; top: 0; left: 0; line-height: 30px; font-size: 18px; width: 25px; text-align: center; color: #aaa;}
.contact .info .qrcode { position: absolute; right: 0; top: 50%; margin-top: -50px; width: 120px; text-align: center; }
.contact .info .qrcode p { font-size: 12px; }



.newslist .showcase { float: left; width: 50%; display: block;}
.newslist .list { float: left; width: 50%; }
.newslist .showcase .item { margin-right: 40px; position: relative;  margin-bottom: 30px; }
.newslist .showcase .item .face { position: absolute; top: 0; left: 0; width: 160px; bottom: 0; overflow: hidden; background-size: cover ;background-position: center;}
.newslist .showcase .item .text { margin-left: 160px; background: #fff; padding: 20px; border: 1px solid #dadada; border-left: 0; }
.newslist .showcase .item .text h1 { font-weight: 600; color: #000; line-height: 20px; height: 40px; margin-bottom: 10px; overflow: hidden;}
.newslist .showcase .item .text p { line-height: 20px; font-size: 12px; color: #aaa; height: 60px; overflow: hidden; margin-bottom: 10px;}
.newslist .showcase .item .text span { display: block; text-align: right; font-size: 12px; color: #ddd; }
.newslist .showcase .item .text span:before { content: '发布日期: '; }
.newslist .list li { border-bottom: 1px dashed #eaeaea; position: relative; }
.newslist .list li a { display: block; position: relative; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.newslist .list li a h1 { line-height: 60px; padding-right: 80px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.newslist .list li a span { position: absolute; right: 0; top: 0; line-height: 60px; color: #aaa; }
.newslist .list li:hover a { transform: translateX(-15px);-webkit-transform: translateX(-15px); }
.newslist .list li:after { content: '>'; position: absolute; top: 0; right: -30px; line-height: 60px; background: #fe6400; color: #fff; width: 15px; text-align: center; opacity: 0; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; display: none; }
.newslist .list li:hover:after { right: -15px; opacity: 1; box-shadow: 0 0 2px #fe6400; text-shadow: 0 0 2px #fff; display: block; }
.mien .newslist .showcase { width: auto; float: none; }

.page .filter { margin-right: -40px; margin-bottom: 50px; }
.page .filter li { float: left; width: 25%; }
.page .filter a { margin-right: 40px; margin-bottom: 10px; display: block; line-height: 35px; border: 1px solid #dadada; padding-left: 20px; }
.page .filter li.active a { background: #d7000f; border-color: #d7000f; color: #fff; }

.product .list { position: relative; margin-bottom: -30px; margin-right: -30px; }
.product .list .item { float: left; width: 33.33%; }
.product .list .item .con { display: block; margin-bottom: 30px; margin-right: 30px; border: 1px solid #eaeaea; background: #fff; }
.product .list .item .text { padding: 20px; border-top: 1px solid #eaeaea; position: relative; background: #f9f9f9;}
.product .list .item .text:after { content: '查看详情 >'; position: absolute; bottom: 20px; right: 20px; display: inline-block; line-height: 16px; background: #aaa; color: #fff; font-size: 12px; padding: 0 8px; }
.product .list .item .text h1 { font-weight: 600; margin-bottom: 5px; color:#333; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.product .list .item .text span { font-size: 12px; color: #aaa; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; padding-right: 100px; }

.jianbian { background: -moz-linear-gradient(-45deg,  #d7000f 0%, #ff6600 100%);background: -webkit-linear-gradient(-45deg,  #d7000f 0%,#ff6600 100%);background: linear-gradient(135deg,  #d7000f 0%,#ff6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#ff6600',GradientType=1 ); }


.service .map { position: relative; }
.service .map svg polygon { cursor: pointer;stroke:#fff;fill:#ff6600; fill: url(#jianbian);stroke-width:0.5;opacity: 0.2;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.service .map svg polygon[active] { fill:#ff6600; fill: url(#jianbian); opacity: .5; }
.service .map svg polygon:hover { opacity: .5; }
.service .map svg polygon[active]:hover { opacity: 1; }
.service .map svg circle{fill:#fff;display:none;pointer-events: none; opacity: 0;}
.service .map svg circle.show{display:block;}
.service .map .branch-province { position: absolute;width: 80px; color: #fff; font-size: 12px; margin-left: -18px; width: 36px; text-align: center; display: none;pointer-events: none; }

.map #info { position: absolute; top: 25%; left: 25%; bottom: 25%; right: 25%; background: #fff; border: 1px solid #eaeaea; display: none; }
.map #info .title { border-bottom: 1px solid #eaeaea; line-height: 45px; padding: 0 20px; }
.map #info .title .iconfont { margin-right: 10px; }
.map #info .cont { position: absolute; top: 46px; bottom: 0; left: 0; right: 0; overflow-y: scroll; padding: 20px; }
.map #info .cont .item { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eaeaea; }
.map #info .cont .item h5{ font-weight: 600; color: #333; margin-bottom: 10px; }
.map #info .cont .item p { font-size: 12px; line-height: 22px; color: #666; }


/*产品研发*/
.page .content .research { padding: 40px 100px; }
.research .block { margin-bottom: 50px; border-bottom: 1px solid #eaeaea; padding-bottom: 30px; position: relative;}
.research .block:after {  content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: 5px; background: -moz-linear-gradient(-45deg,  #d7000f 0%, #ff6600 100%);background: -webkit-linear-gradient(-45deg,  #d7000f 0%,#ff6600 100%);background: linear-gradient(135deg,  #d7000f 0%,#ff6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#ff6600',GradientType=1 );}
.research .block > .title { text-align: center; position: relative; padding: 30px 0;}
.research .block > .title .icon {  background: -moz-linear-gradient(-45deg,  #d7000f 0%, #ff6600 100%);background: -webkit-linear-gradient(-45deg,  #d7000f 0%,#ff6600 100%);background: linear-gradient(135deg,  #d7000f 0%,#ff6600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7000f', endColorstr='#ff6600',GradientType=1 ); width: 60px; height: 60px; display: inline-block; transform-origin: center; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.research .block > .title .icon .iconfont { line-height: 60px; color: #fff; font-size: 35px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); display: inline-block;}
.research .block > .title h1 { font-size: 20px; color: #111; margin-top: 20px; }
.research .block .cont { margin-top: 20px; }
.research .block .cont dl { margin-top: 30px; }
.research .block .cont dl dt { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 20px; }
.research .block .cont dl dd p { line-height: 2; margin-bottom: 1em; }
.research .block .cont dl dd .md6 p { padding-top: 2em; }
.research .block .cont dl dd p img { margin: 0 10%; width: 80%; margin-top: 1em; margin-bottom: 1em;}
.research .block .cont dl dd .md6 p img { margin-top: -1em; margin-bottom: 0;}
/*.research .block .cont dl dd ul { list-style: decimal; padding-left: 2em; }*/
.research .block .cont dl dd ul { list-style: disc; padding-left: 2em; }
.research .block .cont dl dd ul li { line-height: 2; margin-bottom: .5em;}
.research .block .cont dl dd b { font-weight: 600; color: #333; }

.research .bar { position: absolute; top: 0; left: 100%; width: 40px; border: 1px solid #eaeaea; background: #fff; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.research .bar.fixed { top: 60px; position: fixed; }
.research .bar a { position: relative; display: block; }
.research .bar a:hover h1 { display: block; }
.research .bar h1 { position: absolute; left: 100%; top: 0; line-height: 40px; background: #fff; padding: 0 10px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; display: none; }
.research .bar .icon { width: 40px; text-align: center; cursor: pointer; border-bottom: 1px solid #eaeaea; }
.research .bar .icon .iconfont { line-height: 40px; font-size: 20px; color: #dadada; }
.research .bar a:hover .icon .iconfont { color: #666;}

/*字体引入*/
@font-face {
	font-family: 'agency'; 
	src: url('font/Agency.eot');
	src: url('font/Agency.eot?#iefix') format('embedded-opentype'),
	url('font/Agency.woff') format('woff'),
	url('font/Agency.ttf') format('truetype'),
	url('font/Agency.svg#Agency') format('svg');
}

.iconfont{
	font-family:"iconfont" !important;
	font-size:16px;font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'iconfont';  /* project id 656805 */
  src: url('//at.alicdn.com/t/font_656805_zpphgof7bd.eot');
  src: url('//at.alicdn.com/t/font_656805_zpphgof7bd.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_656805_zpphgof7bd.woff') format('woff'),
  url('//at.alicdn.com/t/font_656805_zpphgof7bd.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_656805_zpphgof7bd.svg#iconfont') format('svg');
}