@charset "utf-8";
html,body {overflow-x:hidden;-webkit-tap-highlight-color:transparent;}
body {font-family:PingFangSC,helvetica neue,hiragino sans gb,arial,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important;color:#333;}
body,div,ul,li,dl,h1,h2,h3,h4,p,i,em {margin:0;padding:0;outline:0;font-style:normal}
li,ul,dl {list-style:none;vertical-align:middle}
a {color:#666;text-decoration:none;}
img {display:block;border:none;}
a:hover {border:none;blr:expression(this.onFocus=this.blur());outline:none;}
.none {display:none}
.clear {clear:both}
.youshi {padding:60px 0 40px 0;text-align:center;}
.youshi h2 {font-size:35px;color:#000;font-weight:normal;}
.youshi h2 i {color:#000;}
.youshi p {padding:10px 0;font-size:15px;color:#666}
.head {height:60px;line-height:60px;background:#999;}
.head div {margin:0 auto;width:100%;}
.head a.back {display:none}
.head ul.logo {float:left;width:300px;height:60px;overflow:hidden;margin-left: 50px;}
.head ul.nav {float:right;margin-right: 50px;}
.head ul.nav li {float:left;}
.head ul.nav li.left {}
.head ul.nav li.right {}
.head ul.nav li span {font-size:16px;display:block;color:#fff;cursor:pointer}
.head ul.nav li span a {color:#fff;display:block;padding:0 30px;}
.head ul.nav li span a:hover {background:#ccc}
.notice {height:35px;line-height:35px;font-size:25px;color:#ff0000;text-align:center;padding:30px 0;background:#f5f8ff;}
.notice i:before {content:"\e6c8";padding-right:15px;color:#5297fa;}
.notice strong {font-size:28px}
.banner {background:#07122e; margin-top: 20px;}
.banner ul {width:100%;height:auto;margin:0 auto;}
.banner ul img {width:100%;height:auto;margin:0 auto;vertical-align:middle}


/*产品中心栏目*/
/*.product_block1{ background:#4e4e4e; margin:49px 0 0;}   下面是2016.06.15修改*/
.product_block1{ background:#4e4e4e; margin:20px 0 0;}
/*.product_block1{ background:#313131; margin:49px 0 0;}*/
.product_block1 ul .txt{ background:#ccc; padding:30px 60px; text-align:center; color:#fff; font-weight:normal; font-size:30px;}
.product_block1 ul .txt h1{ font-size:28px; color:#FFFFFF; font-weight:normal;text-align:center; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.product_block1 ul .txt h1 em{display:block;font-family:Arial; text-transform:uppercase; line-height:32px; padding-bottom:10px;}
.product_block1 ul .txt h1 a{display:block; color:#333; width:330px;margin:0 auto;}
.product_block1 ul .txt h1 a:hover{color:#00CE66;}

.product_block1 ul .txt p{ font-size:20px; text-align:center; color:#C8C8C8; height:35px;}
.product_block1 li{ float:left; width:25%; *+width:24.9%;}
.product_block1 li .img{ display:block; position:relative;}
.product_block1 li .img img{ width:100%; height:auto;}
.product_block1 li .img span{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:Alpha(opacity=30);-moz-opacity:0;opacity:0;*+filter:Alpha(opacity=10);filter:Alpha(opacity=10)\0;}
.product_block1 li.hover .img span{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:Alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;*+filter:Alpha(opacity=10);filter:Alpha(opacity=10)\0;}

.product_block1 li .txt{ background:#ccc; padding:5px 60px; border-left:1px solid #6F6F6F; border-bottom:1px solid #6F6F6F;}
.product_block1 li .txt h2{ font-size:18px; color:#FFFFFF; font-weight:normal;text-align:center; margin:8px 0 7px;word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.product_block1 li .txt h2 a{ color:#333; }
.product_block1 li .txt h2 a:hover{color:#333}
.product_block1 li .txt p{ font-size:12px; text-align:center; color:#333; height:60px;}
.product_block1 li .mbon{ display:block; border-left:1px solid #6F6F6F; border-bottom:1px solid #6F6F6F; height:24px; line-height:24px; padding:15px 0;}
.product_block1 li .mbon a.more1{ width:90px; margin:0 auto; display:block; font-size:12px;}
/*.product_block1 li:nth-child(4n+1) .txt,.product_block1 li:nth-child(4n+1) .mbon{ border-left:none;}*/
.product_block1 li.an .txt,.product_block1 li.an .mbon{ border-left:none;}
.product_block1 li:hover h2,.product_block1 li:hover h2 a,.product_block1 li:hover p,.product_block1 li:hover a.more1{color:#000}
.product_block1 li:hover a.more1{color:#000;}
 



.project .nav {width:1200px;margin:0 auto;padding-top:20px;}
.project .nav ul {position:relative}
.project .nav ul li {width:380px;height:365px;border-radius:3px;border:solid 1px #e9e9e9;background:#fff}
.project .nav ul li.left {margin:28px 0 0 0;float:left;}
.project .nav ul li.mid {position:absolute;z-index:1;left:400px;_left:17px;top:0;width:400px;height:420px;border-color:#1c86d1;box-shadow:0 0 4px 2px rgba(0,0,0,.1);overflow:hidden;}
.project .nav ul li.mid h3 {color:#fff;border:#5297fa;background:#5297fa;}
.project .nav ul li.right {margin:28px 0 0 0;float:right}
.project .nav ul li h3 {height:80px;line-height:80px;font-size:28px;text-align:center;color:#666;border-bottom:solid 1px #ebebeb;background:#f9f9f9;margin-bottom:15px;}
.project .nav ul li dl {padding:10px 30px 0 30px;font-size:12px;color:#666;line-height:22px;}
.project .nav ul li dl span {color:#ccc;text-align:center;display:block;}
.pinpai {background:#f6f6f6;margin:100px 0 0 0;padding-bottom:20px;}
.pinpai ul {width:90%;height:auto;margin:0 auto;overflow:hidden}
.pinpai ul li {float:left;width:33%;height:150px;text-align:center}
.pinpai ul li span {color:#5297fa;display:block;font-size:60px;}
.pinpai ul li i {font-size:18px;line-height:30px;color:#383838;padding:0 50px 10px 50px;display:block}
.pinpai ul li p {font-size:12px;line-height:20px;color:#a0a0a0;text-align:left;padding:0 50px;}
.case {margin:10px 0 90px 0}
.case ul {width:90%;height:160px;margin:0 auto;padding-top:30px;}
.case li {font-size:18px;position:relative;color:#383838;display:inline-block;width:240px;text-align:center;float:left;}
.case li+li:after {position:absolute;top:41px;width:22px;height:30px;left:-11px;font-size:25px;color:#bfbfbf;}
.case li i {color:#fff;font-size:60px;width:112px;height:112px;line-height:112px;border-radius:56px;background:#5297fa;margin:0 auto 20px;display:block;}
.case li i.a {before:'\25A3'}
.case li i.a:before {content:"\25A3";}
.case li i.b {before:'\260E'}
.case li i.b:before {content:"\260E";}
.case li i.c {before:'\271A'}
.case li i.c:before {content:"\271A";}
.case li i.d {before:'\2655'}
.case li i.d:before {content:"\2655";}
.case li i.e {before:'\2708'}
.case li i.e:before {content:"\2708";}
.case li i.f {before:'\3A3'}
.case li i.f:before {content:"\3A3";}
.case li p {font-size:18px;}
.service {background:#f6f6f6;overflow:hidden;_height:510px;}
.service ul { width:90%; margin:0 auto; height:auto;margin:0 auto;overflow:hidden;}
.service ul li {font-size:15px;line-height:22px;color:#666;margin-bottom:20px;}
.service ul li span {display:block;_line-height:29px; font-weight: bolder; color:#5297fa;}
.service ul li span i {before:'\e6c8';color:#5297fa;padding-right:5px;_padding-right:0;float:left;}
.service ul li span i:before {content:"\e6c8";}
.service ul li p {text-indent:20px;font-size:14px;color:#999}
.service .entrust {width:220px;overflow:hidden;margin:0 auto;padding:20px 0 60px 0;_padding:40px 0 40px 0;}
.service .entrust a {float:left;color:#219363;border:1px solid #219363;border-radius:4px;width:166px;text-align:center;height:40px;line-height:40px;display:block;font-size:16px;margin:0 40px;_margin:0 30px;}
.service .entrust a:hover,.service .entrust a.hover {color:#fff;background:#219363;border-color:#4e8bdd;}
.about .company { width:90%; margin: 0 auto; font-size:16px;color:#666;padding:0 0 70px 0;text-align:left;line-height:30px;}
.link {padding:30px 0;background:#f5f8ff;}
.link ul { width:90%; margin:0 auto;overflow:hidden;}
.link ul li {float:left;text-align:left;color:#999;width:100%;line-height:25px;font-size:12px;}
.link ul li a {color:#999;font-size:12px;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:25px;line-height:25px;}
.link ul li.name {font-weight:700;color:#666;width:60px;}
.link ul li.nav {margin-left:21px;width:100%;}
.link ul li.nav a {margin-right:12px;width:100px;}
.footer {height:60px;line-height:60px;color:#FFF;background:#999;font-size:12px;}
.footer ul {width:90%;margin:0 auto;}
.footer .fl {float:left}
.footer .fr {float:right}
.sideonlie {font-family:微软雅黑,microsoft yahei,Arial,Helvetica,sans-serif,宋体;z-index:16777271;position:fixed!important;position:absolute;bottom:100px;right:30px;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:100px;width:50px}
.sideonlie a,.sideonlie img {border:0;text-decoration:none}
.sideonlie ul,.sideonlie li,.sideonlie p,.sideonlie i {margin:0;padding:0;font-style:normal;list-style:none}
.sideonlie .family {font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;font-size:24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:24px}
.sideonlie .family_shopping {before:'\e638'}
.sideonlie .family_shopping:before {content:"\e638"}
.sideonlie .family_qq {before:'\e633'}
.sideonlie .family_qq:before {content:"\e633"}
.sideonlie .family_wx {before:'\e628'}
.sideonlie .family_wx:before {content:"\e628"}
.sideonlie .family_phone {before:'\e65b'}
.sideonlie .family_phone:before {content:"\e65b"}
.sideonlie .family_top {before:'\e74a'}
.sideonlie .family_top:before {content:"\e74a"}
.sideonlie .both {clear:both;font-size:0;line-height:0;height:0}
.sideonlie .showbox {width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background:#fff;color:#2780e3;cursor:pointer}
.sideonlie .showbox span {font-size:26px;line-height:48px}
.sideonlie .showbox sup {display:block;width:20px;height:20px;text-align:center;line-height:20px;color:#fff;border-radius:50%;background:#2780e3;position:absolute;left:-10px;top:-10px;font-size:12px}
.sideonlie .hidebox {display:none;position:absolute;right:48px;padding-right:25px;top:-10px}
.sideonlie .hidebox .border {border:1px solid #ccc;border-top:4px solid #2780e3;padding:20px;background:#fff;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.15);-moz-box-shadow:0 3px 8px rgba(0,0,0,.15);box-shadow:0 3px 8px rgba(0,0,0,.15);position:relative}
.sideonlie .hidebox .border .title span {font-size:42px;float:left;display:inline;line-height:56px;color:#9c9c9c;margin-right:20px!important;margin-right:10px}
.sideonlie .hidebox .border .title p {float:left;color:#9c9c9c;font-size:24px;line-height:28px}
.sideonlie .hidebox .border .title p i {display:block;font-size:14px;color:#9c9c9c}
.sideonlie .hidebox .border .list {padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4;overflow:hidden;}
.sideonlie .hidebox .border .list h4 {color:#ccc;font-size:13px;font-weight:normal;padding-bottom:15px}
.sideonlie .hidebox .border .list ul {padding:10px 0 15px 0}
.sideonlie .hidebox .border .list li {float:left;width:50%}
.sideonlie .hidebox .border .list li a {display:inline-block;color:#999;font-size:16px;before:'\e633  '}
.sideonlie .hidebox .border .list li a:before {before:'\e633';content:"\e633";padding-right:10px;font-size:18px;line-height:22px;color:#2780e3}
.sideonlie .hidebox .border .list li a:hover {color:#2780e3}
.sideonlie .hidebox .border .list img {width:130px;margin:0 10px;float:left;}
.sideonlie .hidebox .border .arrow {display:block;width:13px;height:16px;background:url(../img/sideonlie_arrow.png) no-repeat;position:absolute;right:-13px;top:25px}
.sideonlie .hidebox .w300 {width:300px}
.sideonlie ul {position:relative}
.sideonlie ul .hover {background:#2780e3;color:#fff;border:1px solid #2780e3}
.sideonlie ul.shopping {margin-bottom:20px;display:none}
.sideonlie ul.wx .hidebox {top:-120px}
.sideonlie ul.wx .hidebox .border .arrow {top:134px}
.sideonlie ul.phone {display:none}
.sideonlie ul.phone .hidebox .border {width:230px}
.sideonlie ul.phone .hidebox {top:0}
.sideonlie ul.phone .hidebox .border .arrow {top:15px}
.sideonlie ul.top {height:50px;}
.sideonlie_m {display:none}
@media screen and (max-width:1200px) {html,body {font-size:20px;}
img {max-width:100%;width:100%;}
.youshi {padding:1.5rem 0.5rem 1.2rem 0.5rem;}
.youshi h2 {font-size:0.9rem;}
.youshi p {padding:0.3rem 0;line-height:1rem;font-size:0.6rem;}
.head {height:2.2rem;line-height:2.2rem;position:fixed;z-index:1984001;width:100%;top:0rem;}
.head div {width:100%;text-align:center;}
.head a.back {display:none;width:1.25rem;height:2.2rem;overflow:hidden;position:absolute;left:0.15rem;z-index:100001;}
.head a.back:before {content:"\e635";color:#fff;font-size:0.8rem;}
.head ul.logo {width:100%;height:2.2rem;overflow:hidden;position:absolute;margin:0 auto;z-index:100000;}
.head ul.logo img {height:2.2em;width:auto;margin:0 auto;}
.head ul.nav {display:none}
.banner ul {width:100%;height:auto;margin-top:2.2rem;}
.notice {line-height:1.2rem;font-size:0.7rem;padding:0.8rem 0.5rem;height:auto}
.notice i {display:none}
.notice strong {font-size:0.7rem;}
.project .nav {width:auto;padding:0 0.5rem;}
.project .nav ul li {width:100%;height:auto;margin-bottom:0.75rem;padding-bottom:0.5rem;}
.project .nav ul li h3 {height:2.1rem;line-height:2.1rem;font-size:1rem;font-weight:normal;margin-bottom:0.4rem;}
.project .nav ul li.left,.project .nav ul li.right {margin:0 0 0.75rem 0;float:none;}
.project .nav ul li.mid {position:relative;left:0;width:100%;height:auto;}
.project .nav ul li dl {padding:0.5rem 0.75rem 0 0.75rem;font-size:0.6rem;line-height:1.1rem;}
.pinpai {margin:1rem 0 0 0;padding-bottom:0;}
.pinpai ul {width:auto;margin:0 0.5rem;}
.pinpai ul li {width:50%;height:auto;margin-bottom:0.8rem;}
.pinpai ul li span {font-size:1.5rem;}
.pinpai ul li i {font-size:0.75rem;line-height:1rem;padding:0.3rem 0;}
.pinpai ul li p {font-size:0.6rem;line-height:1rem;padding:0 0.5rem;}
.case {margin:0.5rem 0 3.5rem 0;}
.case .youshi {padding:1.5rem 0.5rem 0.5rem 0.5rem;}
.case ul {width:auto;margin:0 0.5rem;}
.case li {font-size:0.6rem;width:33.33%;margin-bottom:1.5rem;}
.case li+li:after {content:'';}
.case li i {font-size:1.5rem;width:2.5rem;height:2.5rem;line-height:2.5rem;border-radius:2.5rem;margin:0 auto 0.5rem;}
.case li p {font-size:0.6rem;}
.service {height:auto;}
.service ul {width:auto;margin:0 0.5rem;}
.service ul li {font-size:0.65rem;line-height:1.1rem;margin-bottom:0.75rem;}
.service ul li span {padding-bottom:0.25rem;}
.service .entrust {width:100%;padding:1.5rem 0 1.5rem 0;}
.service .entrust .hover {display:none}
.service .entrust #semore {width:5rem;height:1.7rem;line-height:1.7rem;font-size:0.6rem;margin:0 auto;float:none}
.about .company {font-size:0.8rem;line-height:1.1rem;padding:0 0.5rem 1rem 0.5rem;}
.about .company .m_none {display:none}
.link {padding:1rem 0.5rem 0.5rem 0.5rem;}
.link ul {width:auto;padding-bottom:0.5rem;}
.link ul li {width:auto;line-height:1.2rem;font-size:0.6rem;}
.link ul li a {font-size:0.6rem;height:1.2rem;line-height:1.2rem;}
.link ul li.name {width:2.7rem;}
.link ul li.nav {margin-left:0.7rem;width:auto;height:2.2rem;overflow:hidden;}
.link ul li.nav a {margin-right:0.5rem;width:3rem;}
.footer {height:2.25rem;line-height:2.25rem;margin-bottom:2.5rem;}
.footer ul {width:100%;}
.footer .fl {display:none}
.footer .fr {text-align:center;float:none;}
}