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

/*头部*/
.header { width:100%; min-width:1200px; height:120px; padding:0 8.5%; margin:0 auto; box-sizing:border-box; background:#fff; position:relative; z-index:999999; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .logo { float:left; width:85px; height:85px; margin-top:10px; overflow:hidden;}
.header .logo img { display:block; height:100%;}

/*电话*/
.header .tel { float:right; line-height:40px; font-family:'Oswald'; font-size:22px; color:#0170bf; padding-left:45px; margin-top:60px; background:url(../images/ls01.png) no-repeat left center;}

/*导航*/
.header .nav { float:right; max-width:70%; height:80px; margin:40px 40px 0 0;}
.header .nav li { float:left; line-height:80px; position:relative;}
.header .nav li::after { display:block; content:""; width:0%; height:3px; margin:auto; background:#0170bf; position:absolute; left:0; right:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li a { display:block; font-weight:bold; font-size:18px; color:#333; padding:0 35px;}
.header .nav li:hover::after,.header .nav .on::after { width:70px;}
.header .nav li:hover a,.header .nav .on a { color:#0170bf;}
.header .nav li .sub { display:none; width:500px; border-top:1px solid #e4e4e4; background:#fff; position:absolute; left:0; top:79px;}
.header .nav li .sub p { float:left; width:178px; padding:15px 10px 15px 30px;}
.header .nav li .sub p a { line-height:33px; font-weight:500; font-size:14px; color:#333; padding-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.header .nav li .sub p a::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:4px 0 4px 4px; border-color:transparent transparent transparent #999; position:absolute; left:0; top:0; bottom:0;}
.header .nav li .sub p a:hover { color:#0170bf; text-decoration:underline;}
.header .nav li .sub .img { float:right; width:220px; padding:20px 30px 10px 30px; position:relative;}
.header .nav li .sub .img::after { display:block; content:""; width:1px; height:155px; background:#e4e4e4; position:absolute; left:0; top:20px;}
.header .nav li .sub .img img { display:block; width:220px; height:120px;}
.header .nav li .sub .img h3 { line-height:45px; font-size:18px; color:#333;}
.header .nav li:hover .sub { display:block;}

@media screen and (max-width: 1660px) {
	.header { padding:0 40px;} 
	.header .nav li a { padding:0 25px;}
}
@media screen and (max-width: 1366px) {
	.header { padding:0 20px;} 
	.header .nav { margin-right:30px;}
	.header .nav li a { padding:0 15px;}
}

/*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:none; position:relative; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-pagination-bullet-active { background:#fff;}
.banner .swiper-button-prev,.banner .swiper-button-next { width:50px; height:50px; border-radius:50%; filter:alpha(opacity=50); opacity:0.5; -webkit-transition:all .5s ease; transition:all .5s ease;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after { font-weight:100; font-size:34px; color:#fff;} 
.banner .swiper-button-prev { left:15px;}
.banner .swiper-button-next { right:15px;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { filter:alpha(opacity=100); opacity:1;}

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

/*脚部*/
.footer { width:100%; padding-top:20px; background:#095aab;}
.footer a { color:#fff;}
.footer a:hover { color:#fff; text-decoration:underline;}
.footer .logo { float:left; width:85px; height:85px; overflow:hidden;}
.footer .logo img { display:block; height:100%; filter:grayscale(100) brightness(100);}
.footer .nav { float:right; max-width:calc(100% - 90px); height:80px; margin-top:30px;}
.footer .nav li { float:left; line-height:80px; position:relative;}
.footer .nav li a { display:block; font-weight:bold; font-size:18px; color:#fff; margin-left:75px;}
.footer .msg { margin-top:10px; padding:30px 0; border-top:1px solid rgba(255,255,255,0.2);}
.footer .msg h3 { line-height:45px; font-size:18px; color:#fff; margin-bottom:15px;}
.footer .msg .lxwm { float:left; width:70%;}
.footer .msg .lxwm p { line-height:40px; font-weight:bold; font-size:18px; color:#fff;}
.footer .imgs { float:right; width:145px; text-align:center;}
.footer .imgs img { display:block; width:115px; height:115px; margin:0 auto; border:5px solid #fff;}
.footer .imgs p { line-height:40px; font-size:16px; color:rgba(255,255,255,0.7); text-align:center; margin-top:5px;}
.footer .copy { line-height:30px; font-size:14px; color:rgba(255,255,255,0.7); padding:15px 0; border-top:1px solid rgba(255,255,255,0.2);}
.footer .copy a { color:rgba(255,255,255,0.7);}

/*右侧客服*/
.webonline { width:60px; position:fixed; right:0; bottom:10%; z-index:999999;}
.webonline li { width:100%; text-align:center; padding:10px 0 5px 0; margin-top:3px; border-radius:4px; background:#0170bf; position:relative;}
.webonline li .ontop { width:100%; cursor:pointer;}
.webonline li .ontop i { display:block; width:25px; height:20px; line-height:20px; font-family:FontAwesome; font-style:normal; font-size:22px; color:#fff; text-align:center; padding-top:5px; margin:0 auto;}
.webonline li .ontop p { line-height:25px; font-size:11px; color:#fff;}
.webonline li .airlines i { height:25px; line-height:25px; padding-top:0;}
.webonline li .onlft { display:none; padding:5px; margin:auto; border-radius:4px; background:#0170bf; position:absolute; right:70px; 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 #0170bf; line-height:0px; _border-color:#000 #000 #000 #0170bf; _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:20px; 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%; margin-bottom:45px; letter-spacing:1px;}
.tits p { line-height:40px; font-weight:bold; font-size:32px; color:#dfe2e5; text-transform:Uppercase;}
.tits h3 { line-height:35px; font-size:32px; color:#333;}

/*关于我们*/
.about { width:100%; background:url(../images/ls02.jpg) no-repeat right top;}
.about .lft { float:left; width:620px; padding-top:75px;}
.about .lft .msg { width:90%; line-height:35px; font-size:14px; color:#888;}
.about .lft .mub { width:100%; margin:65px 0;}
.about .lft .mub li { float:left; width:calc(100% / 4); position:relative;}
.about .lft .mub li::after { display:block; content:""; width:1px; height:40px; margin:auto; background:#eee; position:absolute; right:24%; top:0; bottom:0;}
.about .lft .mub li:last-child::after { display:none;}
.about .lft .mub li h3 { line-height:25px; font-weight:500; color:#333;}
.about .lft .mub li h3 b { font-family:'Oswald'; font-size:32px;}
.about .lft .mub li h3 sup { font-size:14px; margin-left:5px; position:relative; top:-10px;}
.about .lft .mub li p { line-height:20px; font-size:14px; color:#999;}
.about .lft .more { display:block; width:120px; height:40px; line-height:40px; font-size:14px; color:#fff; padding-left:15px; background:#0170bf url(../images/ls03.png) no-repeat 110px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .lft .more:hover { border-radius:20px;}
.about .lft .list { width:100%; margin-top:91px;}
.about .lft .list li { float:left; width:calc(100% / 4); text-align:center; background:#333; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .lft .list li::after { display:block; content:""; width:1px; height:100%; margin:auto; background:#444; position:absolute; right:0; top:0; bottom:0;}
.about .lft .list li:last-child::after { display:none;}
.about .lft .list li a { display:block; width:100%; padding:20px 0 15px 0;}
.about .lft .list li i { display:block; width:35px; height:35px; margin:0 auto; background-repeat:no-repeat; background-position:center;}
.about .lft .list li .a1 { background-image:url(../images/ls04.png);}
.about .lft .list li .a2 { background-image:url(../images/ls05.png);}
.about .lft .list li .a3 { background-image:url(../images/ls06.png);}
.about .lft .list li .a4 { background-image:url(../images/ls07.png);}
.about .lft .list li p { line-height:25px; font-size:14px; color:#fff; margin-top:5px;}
.about .lft .list li:hover { background:#0170bf;}
.about .img { float:right; width:580px; height:715px; 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);}

/*产品中心*/
.pros { width:100%; padding:70px 0 90px 0; background:#f0f2f5;}
.pros .lanmu { float:left; width:320px; height:550px; padding:55px 30px; background:#0170bf;}
.pros .lanmu li { height:60px; margin-bottom:20px; position:relative;}
.pros .lanmu li::after { display:block; content:""; width:60px; height:60px; filter:grayscale(100) brightness(100); background:url(../images/ls08.png) no-repeat 15px center; position:absolute; left:0; top:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .lanmu li a { display:block; line-height:60px; font-size:18px; color:#fff; padding:0 30px 0 50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .lanmu li a::after { display:block; content:""; width:8px; height:8px; margin:auto; border-top:1px solid #0170bf; border-right:1px solid #0170bf; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; right:20px; top:0; bottom:0;}
.pros .lanmu li:hover { background-color:#fff;}
.pros .lanmu li:hover::after { filter:grayscale(0);}
.pros .lanmu li:hover a { color:#0170bf;}
.pros .lanmu .more { display:block; width:120px; height:40px; line-height:40px; font-size:14px; color:#fff; padding-left:15px; margin:48px 0 0 15px; border:1px solid #fff; background:url(../images/ls03.png) no-repeat 110px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .lanmu .more:hover { border-radius:20px;}
.pros .lst { float:right; width:calc(100% - 380px);}
.pros .lst li { float:left; width:calc(100% / 2); height:330px; overflow:hidden; background:#fff; position:relative;}
.pros .lst li::after { display:block; content:""; width:0; height:3px; margin:auto; background:#0170bf; position:absolute; left:0; right:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .lst li:first-child,.pros .lst li:last-child { background:#f9f9f9;}
.pros .lst li a { display:table-cell; width:100vw; height:330px; text-align:center; vertical-align:middle;}
.pros .lst li .img { width:330px; height:245px; margin:0 auto; overflow:hidden;}
.pros .lst li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .lst li p { line-height:50px; font-size:18px; color:#333; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .lst li:hover p { color:#0170bf;}
.pros .lst li:hover::after { width:100%;}
.pros .lst li:hover .img img { transform:scale(0.95,0.95);}

/*解决方案*/
.solus { width:100%; padding:70px 0;}
.solus .warp { position:relative;}
.solus .swiper-slide a { display:block; width:100%;}
.solus .swiper-slide .img { width:100%; height:435px; overflow:hidden;}
.solus .swiper-slide .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.solus .swiper-slide .msg { padding:15px 25px 20px 25px; background:#f0f2f5; -webkit-transition:all .5s ease; transition:all .5s ease;}
.solus .swiper-slide .msg h3 { line-height:35px; font-size:18px; color:#333; margin-bottom:5px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.solus .swiper-slide .msg p { line-height:25px; font-size:14px; color:#999; -webkit-transition:all .5s ease; transition:all .5s ease;}
.solus .swiper-slide:hover .img img { transform:scale(1.1,1.1);}
.solus .swiper-slide:hover .msg { background:#0170bf;}
.solus .swiper-slide:hover .msg h3,.solus .swiper-slide:hover .msg p { color:#fff;}
.solus .swiper-button-prev,.solus .swiper-button-next { width:55px; height:55px; border-radius:50%; background:#d4d6d9; top:60%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.solus .swiper-button-prev::after,.solus .swiper-button-next::after { font-size:20px; color:#fff;}
.solus .swiper-button-prev { left:-110px;}
.solus .swiper-button-next { right:-110px;}
.solus .swiper-button-prev:hover,.solus .swiper-button-next:hover { background:#0170bf;}

/*新闻中心*/
.news { width:100%; padding:70px 0; background:#f0f2f5;}
.news .tits { float:left; width:50%;}
.news .tabs { float:right; max-width:50%;}
.news .tabs li { float:left; width:135px; height:40px; line-height:40px; font-size:16px; color:#999; cursor:pointer; text-align:center; margin:30px 0 0 35px; border:1px solid #ddd; border-radius:2px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .tabs li:hover { color:#0170bf; border-radius:4px; border-color:#0170bf;}
.news .tabs .on,.news .tabs .on:hover { color:#fff; border-color:#0170bf; background:#0170bf;}
.news .swiper-slide { background:#f0f2f5;}
.news .swiper-slide a { display:block; width:100%;}
.news .img { float:left; width:400px; height:490px; overflow:hidden; position:relative;}
.news .img img { display:block; width:400px; height:490px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .img p { width:calc(100% - 40px); line-height:55px; font-size:18px; color:#fff; padding:0 20px; background:rgba(0,0,0,0.6); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; left:0; bottom:0; z-index:2;}
.news .img:hover img { transform:scale(1.1,1.1);}
.news .rgt { float:right; width:calc(100% - 415px);}
.news .rgt h3 { line-height:40px; font-weight:500; font-size:18px; color:#333; margin-bottom:6.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .rgt p { line-height:25px; font-size:14px; color:#999; text-align:justify; padding-bottom:30px; margin-bottom:15px; border-bottom:1px solid #f2f2f2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .rgt i { float:right; width:30px; height:30px; margin-top:12px; border:2px solid #e0e0e0; border-radius:50%; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .rgt i::after { display:block; content:""; width:8px; height:8px; border-top:1px solid #999; border-right:1px solid #999; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:11px; left:9px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .rgt .time { float:left; line-height:20px; font-size:14px; color:#999;}
.news .rgt .time b { display:block; line-height:35px; font-size:30px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .rgt .top,.news .rgt li { padding:20px 30px; background:#fff;}
.news .rgt .top:hover h3 { color:#0170bf;}
.news .rgt .top:hover .time b { color:#0170bf;}
.news .rgt .top:hover i,.news .rgt .top:hover i::after { border-color:#0170bf;}
.news .rgt li { float:left; width:calc(100% / 2 - 67.5px); margin:15px 15px 0 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .rgt li:last-child { margin-right:0;}
.news .rgt li:hover { background:#0170bf;}
.news .rgt li:hover h3,.news .rgt li:hover p,.news .rgt li:hover .time { color:#fff;}
.news .rgt li:hover i,.news .rgt li:hover i::after { border-color:#fff;}

/*服务支持*/
.service { width:100%; padding:70px 0;}
.service li { float:left; width:calc(100% / 3 - 17px); margin-right:25px; background:#f2f4f7;}
.service li:last-child { margin-right:0;}
.service li a { display:block;}
.service li .img { float:left; width:140px; text-align:center; padding:30px 0; border-right:1px solid #e5e5e5;}
.service li .img i { display:block; width:55px; height:55px; margin:0 auto; border-radius:50%; overflow:hidden; background-repeat:no-repeat; background-position:center;}
.service li .img h3 { line-height:30px; font-size:18px; margin-top:10px;}
.service .sv1 .img i { background-color:#0564c2;}
.service .sv1 .img h3 { color:#0564c2;}
.service .sv2 .img i { background-color:#0fc590;}
.service .sv2 .img h3 { color:#0fc590;}
.service .sv3 .img i { background-color:#dcb081;}
.service .sv3 .img h3 { color:#dcb081;}
.service li p { float:right; width:calc(100% - 201px); line-height:35px; font-size:14px; color:#999; text-align:justify; padding:25px 30px;}
.service li span { display:block; line-height:50px; font-size:14px; color:#999; text-align:right; padding-right:55px; border-top:1px solid #e5e5e5; background:url(../images/ls03h.png) no-repeat 342px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.service li:hover span { color:#0564c2; background-image:url(../images/ls03l.png);}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width:1200px; min-height:300px; margin:0 auto; padding:30px 0; position:relative; z-index:2;}
.comtop { width:100%;}
.comtop .posit { line-height:55px; margin-bottom:10px;}
.comtop .posit p { font-size:12px; color:#999; padding-left:22px; background:url(../images/posit.png) no-repeat left center;}
.comtop .posit p a { color:#0170bf;}
.comtop .posit p a:hover { text-decoration:underline;}
.comtop .catnav { width:100%; font-size:0; text-align:center;}
.comtop .catnav li { display:inline-block; width:calc(100% / 3 - 2px); height:50px; line-height:50px; border:1px solid #eee; overflow:hidden; background:#fafafa; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.comtop .catnav li::before,.comtop .catnav li::after { display:block; content:""; width:6px; height:6px; border-bottom:1px solid #0170bf; border-right:1px solid #0170bf; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; right:15px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.comtop .catnav li::before { top:18px;}
.comtop .catnav li::after { top:23px;}
.comtop .catnav li a { display:block; font-size:16px; color:#666; padding:0 65px 0 15px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.comtop .catnav li:hover,.comtop .catnav .on { border-color:#0170bf; background:#0170bf;}
.comtop .catnav li:hover a,.comtop .catnav .on a { color:#fff;}
.comtop .catnav li:hover::before,
.comtop .catnav li:hover::after,
.comtop .catnav .on::before,
.comtop .catnav .on:hover::before,
.comtop .catnav .on::after,
.comtop .catnav .on:hover::after { -webkit-transform:rotate(-135deg); transform:rotate(-135deg); border-color:#fff; margin-top:5px;}

/*详情页公用*/
.lh { line-height:35px; font-size:18px; 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;}
.shows { width:100%;}
.show_h3 { width:100%; text-align:center; margin-bottom:40px; padding-bottom:10px; border-bottom:1px solid #f4f4f4;}
.show_h3 h3 { line-height:35px; font-weight:500; font-size:24px; color:#333;}
.show_h3 p { line-height:30px; font-size:14px; color:#bbb; margin-top:5px;}
.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:#0170bf;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#0170bf; 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:#0170bf;}
.scott .active { border-color:#0170bf; background:#0170bf;}
.scott .active:hover span,.scott .active span { color:#fff;}

/*资质*/
.honnor { width:100%;}
.honnor li { float:left; width:260px; text-align:center; margin:0 53px 30px 0;}
.honnor li:nth-child(4n) { margin-right:0;}
.honnor li a { display:block; width:100%;}
.honnor li .img { display:table-cell; width:258px; height:320px; vertical-align:middle; border:1px solid #ddd; border-radius:4px; overflow:hidden; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.honnor li .img img { display:inline-block; width:230px; height:300px;}
.honnor li p { line-height:30px; font-size:16px; color:#333; margin-top:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.honnor li:hover .img { border-color:rgba(1,112,191,0.15); box-shadow:0 5px 15px rgba(1,112,191,0.15);}
.honnor li:hover p { color:#0170bf;}

/*新闻列表*/
.newlist { width:100%;}
.newlist li { margin-bottom:20px; padding:20px; 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:240px; height:135px; 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% - 265px);}
.newlist li .msg h3 { line-height:35px; font-weight:500; font-size:20px; color:#000; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg p { height:50px; line-height:25px; font-size:14px; color:#888; margin:10px 0 15px 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.05);}
.newlist li:hover .img img { transform:scale(1.1,1.1);}
.newlist li:hover h3 { color:#0170bf;}

/*图片列表*/
.piclist { width:100%;}
.piclist li { float:left; width:385px; margin:0 22px 20px 0; border-radius:4px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li:nth-child(3n) { margin-right:0;}
.piclist li a { display:block; width:100%;}
.piclist li .img { width:385px; height:435px; border-radius:4px 4px 0 0; overflow:hidden;}
.piclist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li .msg { padding:10px 20px 15px 20px; border:1px solid #eee; border-top:none; border-radius:0 0 4px 4px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li .msg h3 { line-height:35px; font-size:16px; color:#333; margin-bottom:5px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li .msg p { height:44px; line-height:22px; font-size:12px; color:#999; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li:hover { box-shadow:0 5px 15px rgba(1,112,191,0.15);}
.piclist li:hover .img img { transform:scale(1.1,1.1);}
.piclist li:hover .msg { border-color:rgba(1,112,191,0.2);}
.piclist li:hover .msg h3 { color:#0170bf;}

/*产品列表*/
.prolist { width:100%;}
.prolist li { float:left; width:370px; margin:0 27px 27px 0; padding:5px; border:1px solid #e6e6e6; border-radius:4px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li:nth-child(3n) { margin-right:0;}
.prolist li a { display:block; width:100%;}
.prolist li .img { width:330px; height:245px; margin:0 auto; overflow:hidden;}
.prolist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .msg { padding:0 5px;}
.prolist li .msg h3 { line-height:45px; font-weight:500; font-size:16px; color:#333; 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/ls03h.png) no-repeat right center;}
.prolist li:hover { border-color:rgba(1,112,191,0.2); box-shadow:0 5px 15px rgba(1,112,191,0.15);}
.prolist li:hover .img img { transform:scale(0.95,0.95);}
.prolist li:hover .msg h3 { color:#0170bf;}
.prolist li:hover .msg p { background-image:url(../images/ls03l.png);}

/*招聘*/
.jobs { width:100%;}
.jobs .topmsg { width:100%; margin-bottom:40px;}
.jobs .topmsg .lft { float:left; width:265px; color:#fff; text-align:center; padding:20px 30px; background:#0170bf;}
.jobs .topmsg .lft h3 { font-size:40px; text-transform:Uppercase; letter-spacing:5px;}
.jobs .topmsg .lft p { font-size:24px; letter-spacing:7px;}
.jobs .topmsg .rgt { float:right; width:770px; line-height:30px; font-size:14px; color:#666; padding:16.5px 50px; background:#f8f8f8;}
.jobs .list { width:100%;}
.jobs .list li { margin-bottom:10px; border-radius:4px 4px 0 0; overflow:hidden; background:#fafafa;}
.jobs .list li .lst { padding:10px 20px; background:#0170bf; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.jobs .list li .lst h3 { line-height:40px; font-size:18px; color:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.jobs .list li .lst span { display:block; float:left; width:calc(100% / 4); line-height:22px; font-size:12px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.jobs .list li .lst a { display:block; width:25px; height:25px; position:absolute; top:35px; right:20px; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.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:block; padding:15px 20px;}
.jobs .list li .msg h3 { line-height:40px; font-size:18px; color:#333; margin-bottom:5px;}
.jobs .list li .msg .fl,.jobs .list li .msg .fr { width:48%;}
.jobs .list li .msg .lh { margin-bottom:15px;}
.jobs .list li .msg .lh p { line-height:30px; font-size:14px; color:#666;}

/*联系我们*/
.contact { width:100%;}
.contact .lft { float:left; width:calc(100% - 420px);}
.contact .lft h1 { line-height:40px; font-size:28px; color:#333; margin-bottom:25px;}
.contact .lft p { line-height:35px; font-size:18px; color:#666;}
.contact .lft p a { color:#666;}
.contact .rgt { float:right; width:300px; text-align:center; padding:10px; overflow:hidden; background:#0170bf;}
.contact .rgt img { display:block; float:left; width:120px; height:120px; border:5px solid #fff;}
.contact .rgt h3 { float:left; width:140px; 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;}

/*投诉建议*/
.advise { width:100%; background:url(../images/ls12.jpg) no-repeat right bottom;}
.advise h3 { line-height:40px; font-size:18px; color:#333;}
.advise li { width:45%; margin-top:15px;}
.advise li label { display:block; float:left; width:115px; height:45px; line-height:45px; font-size:14px; color:#333; text-align:center; border:1px solid #e5e7e8; background:#e5e7e8;}
.advise li input { display:block; float:right; width:calc(100% - 149px); height:45px; line-height:45px; font-size:14px; color:#333; outline:none; padding:0 15px; border:1px solid #e5e7e8;}
.advise li textarea { display:block; float:right; width:calc(100% - 149px); height:100px; line-height:25px; font-family:Microsoft YAHEI; font-size:14px; color:#333; outline:none; padding:10px 15px; border:1px solid #e5e7e8;}
.advise li .jy { height:120px; line-height:120px;}
.advise .yzm input { float:left; width:calc(100% - 300px);}
.advise .yzm img { display:block; float:right; width:135px; height:45px; border:1px solid #e5e7e8;}
.advise .btn { display:block; width:240px; height:50px; line-height:50px; font-size:18px; color:#fff; margin-top:15px; border:1px solid #0170bf; border-radius:2px; overflow:hidden; background:#0170bf; -webkit-transition:all .5s ease; transition:all .5s ease;}
.advise .btn:hover { border-radius:25px;}