@charset "utf-8";/*Copyright (C) 山东卓博信息科技有限公司 All rights reserved版权声明：以下代码均属于山东卓博信息科技有限公司（以下简称卓博科技）原创设计，版权归卓博科技所有，拷贝、抄袭、盗用者将追究其法律责任。 */body {background:#fff;font-size:14px}
a {color:#000;text-decoration:none;-webkit-transition:all .1s linear 10ms;-moz-transition:all .1s linear 10ms;-o-transition:all .1s linear 10ms;transition:all .1s linear 10ms;-ms-transition:all .1s linear 10ms}
a:hover {color:#003171;text-decoration:none}
ul {margin:0;padding:0;list-style:none}
img,li {-webkit-transition:all .2s linear 10ms;-moz-transition:all .2s linear 10ms;-o-transition:all .2s linear 10ms;transition:all .2s linear 10ms;-ms-transition:all .2s linear 10ms}
em {font-style:normal}
@keyframes promove {from {transform:translateX(0)}
to {transform:translateX(5px)}
}
h1,h2,h3,h4,h5,h6 {margin:0 auto}
i{font-style:normal;}
.clear{ clear: both}
.open>.dropdown-menu {display:block}
.open>a {outline:0}
.dropdown-menu {width:65px;}
.dropdown-menu li {font-size:14px;line-height:20px;text-align:center;}
.dropdown-menu li a {padding:8px 16px;color:#6f6f6f;text-decoration:none;display:block;clear:both;font-weight:300;line-height:18px;white-space:nowrap;}
.fl {float:left}
.fr {float:right}
.container {position:relative;padding:0;width:1200px!important;max-width:1200px}


.t_h2{margin: 40px auto 40px; width: 1200px;position: relative; line-height: 48px; font-weight: bold;font-size: 32px;  height: 105px; text-align: center;  background:url(tic.png) no-repeat center bottom; color: #303030;}
.t_h2 b{color: #da251c;}
.t_h2 strong{color: #da251c;}
.t_h2 em{display: block;text-align: center; letter-spacing: 3px; color: #666; line-height: 26px; font-size:18px; font-weight: normal;}
.t_h2 h1{display: block;text-align: center; letter-spacing: 3px; color: #666; line-height: 26px; font-size:18px; font-weight: normal;}
.t_h2 a,.t_h2 a:hover{text-decoration: none; color: #303030;}

.head{height:164px;background:#fff}
.head .hea-top{margin:0 auto;width:75.3%;height:104px}
.head .hea-top .logo{float:left;box-sizing:border-box;padding-top:26px;width:65%;height:104px}
.head .hea-top .logo .t_logo{float:left;overflow:hidden;margin-right:25px;padding-top:5px;width:241px;line-height:0}
.head .hea-top .logo .t_logo img{width:100%}
.head .hea-top .logo h2{float:left;padding-left:100px;background:url(../images/hea-xt.png) no-repeat 0;    margin-top: 14px;}
.head .hea-top .logo h2 span{font-weight:400;font-size:34px;font-weight:700;}
.head .hea-top .logo h2 em,.head .hea-top .logo h2 span{display:block;height:29px;color:#4e4e4e;line-height:29px}
.head .hea-top .logo h2 em{font-size:16px}
.head .hea-top .hea-tel{float:right;padding-top:26px}
.head .hea-top .hea-tel span{display:inline-block;padding-left:37px;height:55px;color:#333;font-weight:700;font-size:27px;font-family:Arial;line-height:55px}
.head .hea-top .hea-tel span.tel1{margin-right:70px;background:url(../images/hea-tel1.png) no-repeat 0}
.head .hea-top .hea-tel span.tel2{background:url(../images/hea-tel2.png) no-repeat 0}
.head .menu{height:60px;background:url(../images/hea-navbj.jpg) no-repeat 50%}
.head .menu .nav{margin:0 auto;height:60px}
.head .menu .nav li{position:relative;float:left;width:14%;height:60px;text-align:center;line-height:0}
.head .menu .nav li:first-child{width:13%}
.head .menu .nav li a{position:relative;display:block;height:60px;color:#333;font-size:16px;line-height:60px}
.head .menu .nav li a:before{position:absolute;top:27px;right:0;width:1px;height:10px;background:#dedede;content:""}
.head .menu .nav li:last-child a:before{display:none}
.head .menu .nav li i{display:inline-block;margin:-1px auto 0;width:0;height:1px;background:#e60012;vertical-align:bottom;transition:.5s}
.head .menu .nav li.cur a,.head .menu .nav li:hover a{color:#e60012;font-weight:700;font-size:16px;}
.head .menu .nav li.cur i,.head .menu .nav li:hover i{width:36px}
@media screen and (min-width:760px) and (max-width:1680px){.head .hea-top,.head .menu .nav{width:93.3%}
}   


.banner {position:relative;overflow:hidden;width:100%}
.banner .hd {position:absolute;bottom:10px;left:46%;z-index:1;overflow:hidden;height:20px}
.banner .hd ul {float:left;overflow:hidden;zoom:1}
.banner .hd ul li {float:left;margin:0 2px;margin-right:2px;width:10px;height:10px;border-radius:100px;background:rgba(255,255,255,.4);text-align:center;line-height:14px;cursor:pointer}
.banner .hd ul li.on {width:40px;background:#003171;color:#003171}
.banner .bd {position:relative;overflow:hidden;margin:0 auto;width:100%;text-align:center}
.banner .bd ul {top:0;left:0;width:100%}
.banner .bd li {float:left;width:100%}
.banner .bd li span {display:block;width:100%}
.banner .bd li img {width:100%}
.banner .next,.banner .prev {position:absolute;top:45%;display:block;margin-top:-25px;padding:0 5px;height:75px;background:#fff;color:#000;font-size:50px;line-height:75px;opacity:.5}
.banner .next {right:0;left:auto;background-position:8px 5px}
.banner .next:hover,.banner .prev:hover {opacity:1}
.banner .prevStop {display:none}
.banner .nextStop {display:none}

.index-product {margin-bottom:40px;}
.index-product .cont {overflow:hidden}
.index-product .list {width:281px;border:2px solid #003171;border-top:6px solid #003171;overflow:hidden;margin-top:30px;}
.index-product .list h3 {background:#003171;height:80px;font-size:26px;text-align:center;overflow:hidden;line-height:34px;padding-top:14px;}
.index-product .list h3 a {color:#fff;}
.index-product .list img {width:100%}
.index-product .list h3 i {display:block;font-size:14px;color:#b8bfcd;font-weight:normal;text-transform:uppercase;line-height:30px;}
.index-product .list ul li {border-bottom:1px solid #ebebeb;overflow:hidden;font-size:16px;font-weight:normal;}
.index-product .list ul li a {color:#333333;background:url(list_ico01.gif) no-repeat 203px center;display:block;padding-left:47px;line-height:60px;}
.index-product .list ul li a:hover,.list h4.cur a {background:url(list_ico01.gif) no-repeat 203px center;color:#cd1017;}
.index-product .phone {clear:both;padding-top:10px;background:#fff;}
.index-product .phone i {font-size:18px;margin-right:10px;margin-left:30px;color:#e60012;}
.index-product .phone strong {font-size:16px;font-weight:500;}
.index-product .phone li {height:50px;line-height:50px;color:#111;border:0;margin-left:0;margin-right:0;}
.index-product .cont .right ul li {position:relative;margin-top:30px;line-height:70px;}
.index-product .cont .right {float:right;width:910px}
.index-product .cont .right ul li {float:left;margin-bottom:10px;margin-left:10px;width:293px;border:solid 1px #d4d4d4;background:#f6f6f6;text-align:center}
.index-product .cont .right ul li img {width:100%}
.index-product .cont .right ul li span {display:block;}
.index-product .cont .right ul li .pro_show {position:absolute;top:0;left:0;z-index:60;display:none;width:100%;height:100%;background:url(pro_Lyy.png) repeat}
.index-product .cont .right ul li .pro_show a {display:block;width:100%;height:100%;text-align:center}
.index-product .cont .right ul li .pro_show a span {display:block;cursor:pointer;line-height:28px;}
.index-product .cont .right ul li .pro_show a b {display:inline-block;cursor:pointer;margin-left:17%;line-height:34px;}
.index-product .cont .right ul li .pro_shname {display:block;overflow:hidden;margin-top:30px;margin-bottom:14px;height:24px;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.index-product .cont .right ul li .pro_shintro {padding:20px;color:#fff;font-size:14px}
.index-product .cont .right ul li .pro_shMore {display:block;margin:0 auto;width:93pt;height:36px;border:1px solid #fff;color:#fff;text-align:center;font-size:14px;line-height:36px}
.index-product .cont .right ul li .pro_shMore b {padding-right:26px;background:url(pro_Lmicon.png) no-repeat right;font-weight:400}
.index-product .cont .right ul li:hover .pro_show {display:block}



.index-about .right{overflow:hidden; position:relative; }
.index-about .right .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.index-about .right .hd ul{ overflow:hidden; zoom:1; float:left;  }
.index-about .right .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.index-about .right .hd ul li.on{ background:#f00; color:#fff; }
.index-about .right .bd{ position:relative; z-index:0;   }
.index-about .right .bd li{ zoom:1; vertical-align:middle; }
.index-about .right .bd img{ display:block;  }

.pro-top{height:775px;background:url(../images/product.jpg) no-repeat center top;padding-top:80px; box-sizing: border-box; overflow: hidden; /*margin-bottom: 30px;*/}
.pro-top h2{text-align: center; margin-bottom: 64px;}
.pro-top h2 span{display: inline-block; height:70px; line-height: 70px;font-size: 35px; color:#FFF;padding:0 21px;position: relative; font-weight: normal;}
.pro-top h2 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.pro-top h2 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.pro-top h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#e0e0e0;font-weight: normal;}
.pro-top .pro-con{width: 75.3%; height:513px;margin:0 auto; position: relative;padding-top:31px; box-sizing: border-box;}
.pro-top .pro-con ul li{width:575px; height:85px; margin-bottom: 89px;}
.pro-top .pro-con ul li i{display: block; width:74px; height:84px;overflow: hidden;}
.pro-top .pro-con ul li i img{width:100%; transition: .5s;}
.pro-top .pro-con ul li h4{padding-top:3px;}
.pro-top .pro-con ul li h4 span{display: block; height:41px; line-height: 41px;font-size: 28px; color:#ffffff;font-weight: bold; font-family: "思源黑体 CN";}
.pro-top .pro-con ul li h4 p{height:33PX;line-height: 33px;font-size: 16px; color:rgba(255,255,255,0.66); font-weight: normal;}
.pro-top .pro-con ul li.odd{float:left;}
.pro-top .pro-con ul li.even{float:right;}
.pro-top .pro-con ul li.odd i{float:left; margin-right: 21px;}
.pro-top .pro-con ul li.even i{float:right; margin-left: 21px;}
.pro-top .pro-con ul li.odd h4{float:left;}
.pro-top .pro-con ul li.even h4{float:right; text-align: right;}
.pro-top .pro-con ul li:hover i img{margin-top:-84px;}
.pro-top .pro-con .pro-cen{width:700px; position: absolute; left:380px; top:0;}
.pro-top .pro-con .pro-cen i{display: block; width:275px; height:432px; margin:0 auto; line-height: 0; overflow: hidden;}
.pro-top .pro-con .pro-cen i img{width:100%;}
.pro-top .pro-con .pro-cen p em{display: block;float:left; height:20px; line-height: 20px; font-size: 14px; color:#FFF; font-weight: bold; padding-left:28px;background:url(../images/pro-dd.png) no-repeat left; margin-left: 38px;}
.pro-top .pro-con .pro-cen p em:first-child{margin-left: 0;}

.index-news h2{text-align: center; margin-bottom: 20px;}
.index-news h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 35px; color:#333333;padding:0 21px;position: relative; font-weight: bold;}
.index-news h2 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.index-news h2 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.index-news h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#666666;font-weight: normal;}
.index-news .cont {overflow:hidden}
.index-news .left {float:left;width:700px}
.index-news .left .title {overflow:hidden}
.index-news .left .title span {float:left;display:block;width:100px;height:35px;background:#003171;color:#fff;text-align:center;font-size:16px;line-height:35px}
.index-news .left .title span a {color:#fff}
.index-news .left .title .hr {float:left;margin-top:18px;margin-left:20px;width:500px;height:1px;background:#ccc}
.index-news .left ul {margin-top:25px;padding-right:20px;border-right:1px dashed #ccc}
.index-news .left ul li {overflow:hidden;margin-bottom:15px}
.index-news .left ul li img {float:left;width:265px;height:198px}
.index-news .left ul li .text {float:right;width:390px}
.index-news .left ul li .text span {color:#003171;font-size:18px}
.index-news .left ul li .text p {margin-top:20px;color:#666}
.index-news .left ul li .text a {display:block;margin-top:20px;width:70px;height:20px;border-radius:100px;background:#003171;color:#fff;text-align:center;line-height:20px}
.index-news .right {float:right;width:460px}
.index-news .right .hd {overflow:hidden}
.index-news .right .hd ul li {float:left;display:block;margin-right:10px;width:100px;height:35px;background:#acacac;color:#333;text-align:center;font-size:16px;line-height:35px}
.index-news .right .hd ul li.on {background:#003171}
.index-news .right .hd ul li a {color:#fff}
.index-news .right .bd {margin-top:15px}
.index-news .right .bd ul li a {display:block;height:50px;border-bottom:1px dashed #eee;color:#666;line-height:50px}
.index-news .right .bd ul li i {margin-right:10px;font-size:16px;flaot:left}
.index-news .right .bd ul li small {float:right}
.index-news .right .bd ul li a:hover {color:#003171}




.index-about{height:620px;background:url("index-about-bg.jpg")center center;}
.index-about .left{width:550px; margin-left: 120px; padding-top:87px;float:left;}
.index-about .left .title{font-size:26px;color:#da251c;font-weight:bold;margin-bottom:15px;}
.index-about .left h1{color:#666;font-size:16px;margin-bottom:40px;display: block;}
.index-about .left p{font-size:16px;color:#666;}
.index-about .left a{display: block;background:#da251c;color:#fff;width:150px;height:40px;line-height:40px;text-align:center;font-size:16px;border-radius:100px;margin-top:30px;}
.index-about .right{float:right;padding-top:120px;margin-right:19px;}
.index-about .right img{width:450px;height:275px;background:#000;}


.zcbj{padding-top:56px;box-sizing: border-box;}
.zcbj h2{text-align: center; margin-bottom: 20px;}
.zcbj h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 35px; color:#333333;padding:0 21px;position: relative; font-weight: bold;}
.zcbj h2 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.zcbj h2 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.zcbj h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#666666;font-weight: normal;}
.zcbj .zc-con{height:509px;background:url(../images/zcbj.jpg) no-repeat center;}
.zcbj .zc-con .zc{padding-top:80px;}
.zcbj .zc-con .zc h3{height:80px; line-height: 80px;font-size: 30px; color:#333333;font-weight: bold; position: relative;margin-bottom: 24px;}
.zcbj .zc-con .zc h3 i{font-size: 40px; color:#e60012; font-weight: bold;}
.zcbj .zc-con .zc h3:before{width:56px; height:1px; background:#E60012; content:""; position: absolute; left:0;bottom:0;}
.zcbj .zc-con .zc ul li{height:62px; line-height: 62px;padding-left:36px; background:url(../images/zc-ico.png) no-repeat left;font-size: 16px; color:#333333; position: relative;}
.zcbj .zc-con .zc ul li:before{width:1px; height:46px; background:#e60012;content:""; position: absolute; left:8px;top:39px;}
.zcbj .zc-con .zc ul li:last-child:before{display: none;}
.flow_path{height:379px; background:url(../images/flow_path.jpg) no-repeat center;}
.flow{padding-top:30px;}
.flow h2{text-align: center;}
.flow h2 span{display: inline-block; height:146px; line-height: 146px;font-size: 35px; color:#FFF;padding:0 21px;position: relative; font-weight: bold;}
.flow h2 span:before{width:15px; height:15px; background:url(../images/tit-left1.png) no-repeat center; content:""; position: absolute; left:0;top:67px;}
.flow h2 span:after{width:15px; height:15px; background:url(../images/tit-rig1.png) no-repeat center; content:""; position: absolute; right:0;top:67px;}
.flow .lc-con .lc{width:114px; float:left;}
.flow .lc-con .lc em{display: block; width:74px;height:74px;margin:0 auto 20px; position: relative; overflow: hidden;}
.flow .lc-con .lc em i{display: block; width:74px; height:74px; line-height: 0; overflow: hidden;}
.flow .lc-con .lc em i img{width:100%;}
.flow .lc-con .lc em i.default{position: absolute;left:0;top:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.flow .lc-con .lc em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;}
.flow .lc-con .lc span{display:block; text-align: center; line-height: 18px;font-size: 16px; color:#FFF;}
.flow .lc-con b{display: block; width:20px; height:16px;  background:url(../images/flo-jt.png) no-repeat center; float:left; margin-top: 58px;}
.flow .lc-con .lc.cur i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.flow .lc-con .lc.cur i.hover{opacity: 1; transform: scale(1);}
.flow .lc-con .lc.cur span{color:#E60012; font-weight: bold;}


.fl-partner {height: 450px; margin-bottom:40px;}
.fl-partner .index-title {margin-bottom:30px;}
.fl-partner .partner-img ul li {float:left;width:220px;border:1px solid #e9e9e9;margin:10px;position:relative;z-index:1;overflow:hidden;}
.fl-partner .partner-img ul li img {display:block;width:100%;transition:all 0.5s;}
.fl-partner .partner-img ul li:hover {border-color:#2c488c;z-index:2;}
.fl-partner .partner-img ul li:hover img {transform:scale(1.1);}
/*ys*/

.index-ys{height: 1688px;padding-top:25px;background:url(ys_bg.jpg) no-repeat center 0;}
.index-ys .t_h2 h2{}
.index-ys .t_h2 h2 b{ color: #da251c;}
.index-ys h2{}
.index-ys h2:after{display:none;}
.index-ys h2 b,.ys h2 i{color: #fff;}
.index-ys h2 em{display:inline-block;font-size: 90px;color: #e70012;font-family: Arial;vertical-align: top;position: relative;top: -15px;}
.team{height: 450px;background:url(ys1.jpg) no-repeat; padding: 0 !important;}
.team h3{float: left;width: 195px;padding-top: 103px;background:url(one.jpg) no-repeat;font-size: 28px;color: #fff;text-align: center;line-height: 68px;}
.team ul{float: right;width: 570px;margin-top: 64px;}
.team li{float: left;width: 285px;margin-bottom: 35px;}
.team li b{display:block;font-size: 20px;color: #333;line-height: 20px;margin-bottom: 14px;}
.team li p{font-size: 14px;color: #333;line-height: 24px;position: relative;}
.team li p:after{position: absolute;content: "-";left: -10px;top: 0;}
.pz{height: 525px;padding:0 50px;margin:15px 0 13px;background: #fff;}
.pz h3{padding:15px 0 0;height: 98px;font-size: 0;}
.pz h3 b{display:block;font-size: 28px;color: #333;line-height: 36px;}
.pz_con{height: 144px;}
.pz_con li{float: left;width: 320px;}
.pz_con li b{display:block;font-size: 18px;color: #333;line-height: 18px;margin-bottom: 22px;}
.pz_con li p{font-size: 15px;color: #333;line-height: 24px;height: 65px;position: relative;}
.pz_con li p:after{position: absolute;width: 68px;height: 2px;background: #e70012;content: "";left: 0;bottom: 0;}
.pz_list li{float: left;width: 265px;margin-right: 13px;}
.pz_list li:last-child{margin-right: 0;}
.pz_list li i{display:block;height: 199px;overflow:hidden;}
.pz_list li img{width: 265px;height: 199px;transition:all 0.5s;}
.pz_list li i:hover img{transform:scale(1.05);}
.pz_list li span{display:block;font-size: 14px;color: #333;text-align: center;line-height: 24px;padding-top: 18px;height:24px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pz_list li:hover span{color: #e70012;}
.bz{height: 439px;padding:0 50px;background: #fff;border-bottom:1px solid #efefef;}
.bz h3{padding:45px 0 0;font-size: 0;}
.bz h3 b{display:block;font-size: 28px;color: #333;line-height: 36px;}
.bz li{float: left;width: 220px;height: 269px;border:6px solid transparent;position: relative;}
.bz li img{display:block;margin:25px auto 0;}
.bz li b{display:block;font-size: 24px;color: #333;text-align: center;line-height: 24px;padding:18px 0 14px;}
.bz li p{font-size: 14px;color: #333;line-height: 24px;padding:0 20px;}
.bz li:hover,.bz li.cur{border-color: #e60000;}
.bz li:hover:after,.bz li.cur:after{position: absolute;width: 6px;height: 6px;background:#e60000;border:15px solid #333;border-top: 0;border-bottom: 0;content: "";left: -21px;top: 58px;}
.zs{overflow:hidden;background:url(zsb.jpg) no-repeat center 0}
.zs h3{padding-top:103px;height:80px;background:url(../images/zs_03.jpg) no-repeat center 162px;color:#000;text-align:center;font-weight:400;font-size:40px}
.zs h3 span{color:#bd2327}
.zs .zsk{height:390px}
.zs .zsk ul{overflow:hidden;height:250px}
.zs .zsk li{float:left;margin:0 0 10px 10px;width:316px;height:120px;background:#f1f1f1;color:#666;text-align:center;font-size:18px}
.zs .zsk li i{ font-size: 30px; display: block;margin:0 auto;padding:20px 0 10px}
.zs .zsk li img{}
.zs .zsk li:first-child{margin:0;width:446px;height:250px}
.zs .zsk li:first-child{margin:0;width:446px;height:250px}
.zs .zsk li:first-child i{padding:87px 0 12px; font-size: 40px;}
.zs .zsk p{margin-top:20px;color:#666;text-align:center;font-size:18px}
	


.yqlj .container {height:130px;background:url(yqlj.png)}
.yqlj ul {padding-top:75px;padding-left:130px}
.yqlj li {float:left;margin-right:10px;font-size:12px}
.yqlj li a {color:#aaa}

.footer{overflow:hidden;height:354px;background:url(../images/foot_bg.jpg) no-repeat center 0}
.f_nav{height:74px;border-bottom:1px solid hsla(0,0%,100%,.15);font-size:0;line-height:74px}
.f_nav a{color:#fff;font-size:14px}
.f_nav i{display:inline-block;margin:29px 52px 0;width:1px;height:16px;background:#fff;vertical-align:top;opacity:.15}
.f_nav i:last-child{display:none}
.f_con{height:279px}
.f_lg{float:left;margin-top:66px;width:350px}
.f_lg h2 img{display:block}
.f_lg p{margin-top:40px;color:#fff;font-size:18px;line-height:18px}
.gsxx{float:left;margin-top:48px;width:480px}
.gsxx p{padding-left:27px;font-size:14px;line-height:30px}
.gsxx p,.gsxx p a{color:#fff}
.gsxx p:first-child{background:url(../images/foot1.png) no-repeat 0}
.gsxx p:nth-child(2){background:url(../images/foot2.png) no-repeat 0}
.gsxx p:nth-child(3){background:url(../images/foot3.png) no-repeat 0}
.gsxx p:nth-child(4){background:url(../images/foot4.png) no-repeat 0}
.sao{float:right;margin-top:63px;width:290px}
.sao p img{display:block;width:125px}
.sao p span{display:block;color:#fff;text-align:center;font-size:14px;line-height:46px;opacity:.6}
.client-2{position:fixed;top:50%;right:-170px;z-index:900}
.client-2 li a{text-decoration:none}
.client-2 li{position:relative;clear:both;margin-top:1px;height:62px}
.client-2 li i{display:block;margin:0 auto;width:30px;height:27px;background:url(../images/fx.png) no-repeat;text-align:center}
.client-2 li p{overflow:hidden;height:20px;color:#fff;text-align:center;font-size:12px;line-height:20px}
.client-2 .my-kefu-qq i{background-position:4px 5px}
.client-2 .my-kefu-tel i{background-position:0 -21px}
.client-2 .my-kefu-liuyan i{background-position:4px -53px}
.client-2 .my-kefu-weixin i{background-position:-34px 4px}
.client-2 .my-kefu-weibo i{background-position:-30px -22px}
.client-2 .my-kefu-ftop{display:none}
.client-2 .my-kefu-ftop i{width:33px;height:31px;background-position:-23px -47px;background-size:52px 82px}
.client-2 .my-kefu-ftop .my-kefu-main{padding-top:6px}
.client-2 .my-kefu-left{position:relative;float:left;width:62px;height:47px}
.client-2 .my-kefu-tel-right{float:left;margin-top:14px;padding:0 15px;height:24px;border-left:1px solid #fff;color:#fff;font-size:16px;line-height:22px}
.client-2 .my-kefu-right{width:20px}
.client-2 .my-kefu-tel-main{width:230px;color:#fff}
.client-2 .my-kefu-main,.client-2 .my-kefu-tel-main{float:left;padding:9px 0 0;height:53px;background:#29479d}
.client-2 .my-kefu-main{position:relative;width:97px}
.client-2 .my-kefu-weixin-pic{position:absolute;top:-24px;left:-130px;z-index:333;display:none}
.my-kefu-weixin-pic img{width:115px;height:115px}

.banner-about {height:300px;background:url(banner-about.jpg) top center}
.banner-image {height:300px;background:url(banner-image.jpg) top center}
.banner-news {height:300px;background:url(banner-news.jpg) top center}
.banner-join {height:300px;background:url(banner-join.jpg) top center}
.banner-contact {height:300px;background:url(banner-contact.jpg) top center}


.inner-place {overflow:hidden;margin-top:0;padding:0 20px;height:40px;border-bottom:1px solid #e8e8e8;background:#fafafa;line-height:40px}
.inner-place span {color:#333;font-size:14px}
.inner-place a {margin-right:10px;color:#333}
.inner-place .inner-position {float:left;color:#333}
.inner .inner-nav {margin-top:20px;margin-bottom:20px}
.inner .inner-nav ul {text-align:center}
.inner .inner-nav ul li {display:inline-block;width:196px;height:50px;background:#969696;line-height:50px; margin-bottom: 20px;}
.inner .inner-nav ul li a {color:#fff}
.inner .inner-nav ul .hover {background:#003171}
.inner .side-nav ul {text-align:center}
.inner .side-nav ul li {height:40px;border-bottom:1px dashed #ccc;background:#eee;line-height:40px}
.inner .side-nav ul li a {display:block;color:#333}
.inner .side-nav ul .hover {background:#003171;color:#fff}
.inner .inner-title {text-align:center}
.inner .inner-title .t-1 {color:#333;font-weight:700;font-size:24px}
.inner .inner-title .t-2 {margin:10px auto;width:100px;height:2px;background:#003171}

.page-join .block-1 {height:750px;background:url(page-join-1-bg.jpg) center center}
.page-join .block-1 .title {float:left;margin-top:190px;margin-left:17px;width:260px;height:110px}
.page-join .block-1 .title small {display:block;color:#fff;font-size:24px}
.page-join .block-1 .title span {display:block;margin-top:10px;color:#fff;font-size:40px}
.page-join .block-1 .cont {position:relative;float:right;margin-top:200px;width:906px;height:550px}
.page-join .block-1 .cont span {color:#003171;font-size:20px}
.page-join .block-1 .cont small {color:#ccc;font-size:14px}
.page-join .block-1 .cont p {margin-top:20px;color:#666;font-size:16px}
.page-join .block-1 .cont .box-1 {position:absolute;top:12px;left:24px;width:260px;height:140px}
.page-join .block-1 .cont .box-2 {position:absolute;top:12px;left:330px;width:260px;height:140px}
.page-join .block-1 .cont .box-3 {position:absolute;top:12px;left:630px;width:260px;height:140px}
.page-join .block-1 .cont .box-4 {position:absolute;top:300px;left:24px;width:260px;height:140px}
.page-join .block-1 .cont .box-5 {position:absolute;top:300px;left:330px;width:260px;height:140px}
.page-join .block-1 .cont .box-6 {position:absolute;top:300px;left:630px;width:260px;height:140px}
.page-join .block-2 {padding-top:30px}
.page-join .block-2 .cont {position:relative;height:642px;background:url(page-join-2-bg.jpg) center center;font-size:18px}
.page-join .block-2 .cont .box-1 {position:absolute;top:210px;left:80px}
.page-join .block-2 .cont .box-2 {position:absolute;top:210px;left:386px}
.page-join .block-2 .cont .box-3 {position:absolute;top:210px;left:692px}
.page-join .block-2 .cont .box-4 {position:absolute;top:210px;right:135px}
.page-join .block-2 .cont .box-5 {position:absolute;top:510px;right:135px}
.page-join .block-2 .cont .box-6 {position:absolute;top:510px;left:690px}
.page-join .block-2 .cont .box-7 {position:absolute;top:510px;left:382px}
.page-join .block-2 .cont .box-8 {position:absolute;top:510px;left:80px}
.page-join .block-3 {height:540px;background:url(page-join-3-bg.jpg) center center}
.page-join .block-3 .inner-title {padding-top:20px;color:#fff}
.page-join .block-3 .inner-title .t-1 {color:#fff}
.page-join .block-3 .inner-title .t-2 {background:#eee}
.page-join .block-3 .cont {position:relative;height:422px}
.page-join .block-3 .cont em {display:block;color:#ccc;font-weight:700;font-size:40px}
.page-join .block-3 .cont span {display:block;color:#fff;font-weight:700;font-size:24px}
.page-join .block-3 .cont p {display:block;color:#eee}
.page-join .block-3 .cont .text-1 {position:absolute;top:30px;left:0;width:310px}
.page-join .block-3 .cont .text-2 {position:absolute;top:30px;right:0;width:310px}
.page-join .block-3 .cont .text-3 {position:absolute;bottom:10px;left:0;width:310px}
.page-join .block-3 .cont .text-4 {position:absolute;right:0;bottom:10px;width:310px}
.page-join .block-4 {padding-top:20px}
.page-join .block-4 .cont {position:relative;height:800px;background:url(page-join-4-bg.jpg) center center;font-size:18px}
.page-contact { overflow:hidden; }
.page-contact .inner-title {margin:30px auto}
.page-contact .block .cont {margin-bottom:100px;padding:80px;border-radius:20px;background:#fff}
.page-contact .block .cont .map {position:relative;overflow:hidden;height:300px;border:1px solid #ccc;border-radius:10px}
.page-contact .block .cont .make {position:absolute;top:0;z-index:10;width:100%;height:300px;}
.page-contact .block .cont .text {margin-top:40px;text-align:center}
.page-contact .block .cont .text span {display:block;margin-bottom:30px;text-align:center;font-size:27px}
.page-contact .block .cont .text span strong {color:#003171}
.page-contact .block .cont .text small {color:#999;font-size:18px}
.page-contact .block .cont ul {overflow:hidden;margin:0 auto;margin-top:46px;width:1100px}
.page-contact .block .cont ul li {float:left;margin:0 40px;width:470px;height:90px;font-size:20px}
.page-contact .block .cont ul li i {float:left;display:block;margin-right:20px;height:80px;color:#003171;font-size:50px}
.page-contact .block .cont ul li span {float:left;display:block;width:380px}
.relevant-product {float:left;margin-top:20px;padding:30px 10px;width:100%;background:#fff}
.relevant-product .rel-title {width:98%;background:#003171;color:#fff;text-align:center;font-size:16px;line-height:40px}
.relevant-product ul li {float:left;overflow:hidden;margin:0 10px;margin:3px;padding:10px 0;width:23%;width:24%;border-bottom:1px dashed #ccc;text-align:center}
.relevant-product ul li img {width:100%}
.relevant-product ul li span {display:block;margin:5px auto}
.list-image .zb-list .cont {float:left;padding-top:10px;background:#fff}
.list-image .zb-list .cont ul {overflow:hidden}
.list-image .zb-list .cont ul li {float:left;margin:10px;padding:10px;width:380px;height:370px;border:1px solid #ccc;background:#fafafa;text-align:center}
.list-image .zb-list .cont ul li:hover {border:1px solid #c4c4c4;box-shadow:1px 1px 10px rgba(0,0,0,.5);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.list-image .zb-list .cont ul li img {width:100%}
.list-image .zb-list .cont ul li h5 {overflow:hidden;padding:10px 0;color:#353535;font-size:16px}
.list-image .zb-list .cont ul li p {margin-top:10px;color:#555;font-size:12px}
.show-image {background:#fafafa}
.show-image .shop {overflow:hidden;box-sizing:border-box;margin:0 auto;padding:20px;width:1200px;height:460px;min-width:900px;border:1px solid #e8e8e8;background:#fff}
.show-image .shop .left {float:left;width:430px;height:auto}
.show-image .shop .left .show {position:relative;overflow:hidden;margin-bottom:10px;width:430px;height:323px;border:1px solid #e8e8e8;cursor:move}
.show-image .shop .left .show img {width:100%;height:auto}
.show-image .shop .left .mask {position:absolute;top:0;left:0;display:none;width:215px;height:215px;background:#000;opacity:.5;filter:Alpha(opacity=50)}
.show-image .shop .left .smallshow {position:relative;width:100%;height:70px}
.show-image .shop .left .smallshow>.middle-box {overflow:hidden;height:70px}
.show-image .shop .left .smallshow .middle {overflow:hidden;height:70px;transition:all .5s}
.show-image .shop .left .smallshow .middle>li {float:left;padding:0 2px;width:86px;height:60px;cursor:pointer}
.show-image .shop .left .smallshow img {box-sizing:border-box;width:100%;border:2px solid #e8e8e8;transition:all .5s}
.show-image .shop .right {float:left}
.show-image .shop .right .bigshow {position:absolute;display:none;overflow:hidden;margin-left:10px;width:430px;height:400px;border:1px solid #e8e8e8}
.show-image .shop .right .bigshow img {margin-right:10px;width:800px;height:600px}
.show-image .shop .right .text {margin-left:20px;width:390px}
.show-image .shop .right .text-1 {color:#003171;font-size:24px}
.show-image .shop .right .text-2 {margin-top:15px;padding:10px;border:1px dashed #ccc;background:#eee}
.show-image .shop .right .text-3 {overflow:hidden;margin-top:20px}
.show-image .shop .right .text-3 ul li {float:left;margin-bottom:20px;height:35px;line-height:35px;margin-left:10px;}
.show-image .shop .right .text-3 ul li span {float:left;margin-right:10px;padding:0 20px;background:#003171;color:#fff;font-size:16px}
.show-image .shop .right .text-4 {margin-top:15px}
.show-image .shop .contact {position:relative;float:right;padding:0;width:288px;border:1px solid #f3f3f3;border-radius:4px;background:#fff;text-align:center}
.show-image .shop .contact .box-1 {background-image:linear-gradient(-180deg,#fff5e0 0,#fff 100%);color:#ddc37a;line-height:40px}
.show-image .shop .contact .box-2 {margin:10px 0;font-size:18px}
.show-image .shop .contact .box-3 {border-bottom:1px solid #eee;font-size:18px;line-height:30px}
.show-image .shop .contact .box-4 {padding-bottom:10px}
.show-image .shop .contact .box-4 img {display:block;margin:10px auto;width:120px;border:1px solid #ccc}
.show-image .shop .contact .box-5 {clear:both;overflow:hidden;height:40px;border-top:1px solid #eee;background:#fbfbfb;line-height:40px}
.show-image .cont .cat-title {margin-bottom:10px;padding-left:10px;border-left:3px solid #003171;background:#ececec;font-size:16px;line-height:35px}
.show-image .cont .inner-left .details p { margin-top: 0  !important; margin-bottom: 0 !important;}
.show-image .cont .inner-left {float:left;margin-top:20px;padding:10px;width:870px;background:#fff}
.show-image .cont .inner-left .video video {width:800px}
.show-image .cont .inner-left .details {margin-top:20px}
.show-image .cont .inner-left .adv .dzys {margin-bottom:20px;}
.show-image .cont .inner-left .adv .dzys li {float:left;width:405px;border:1px solid #eee;margin-bottom:20px;}
.show-image .cont .inner-left .adv .dzys li img {width:405px;height:225px;}
.show-image .cont .inner-left .adv .dzys .ysbt {font-size:20px;color:#333333;font-weight:bold;display:block;padding:20px 15px 0;}
.show-image .cont .inner-left .adv .dzys .ysnr {padding:0px 15px 20px;display:block;font-size:15px;}
.show-image .cont .inner-left .adv .dzlin {width:80px;height:5px;display:block;margin-left:15px;margin-top:-7px;margin-bottom:10px;}
.show-image .cont .inner-left .adv .dzys .dzysr {float:right}
.show-image .cont .inner-left .adv .gs {width:930px;height:276px;margin-top:40px;}
.show-image .cont .inner-left .adv .gs_left {float:left;width:196px;height:230px;padding:10px 9px;background:#f4f4f4;border:2px solid #f4f4f4;margin-right:21px;border-radius:20px 20px;}
.show-image .cont .inner-left .adv .gs h3 {font-size:20px;color:#003171;text-align:center;margin-bottom:5px;padding:34px 0 12px;border-bottom:1px solid #e9e9e9;}
.show-image .cont .inner-left .adv .gs img {margin-bottom:10px;border-radius:5px;}
.show-image .cont .inner-left .adv .gs_left:hover,.gs_right:hover {border:2px solid #003171;}
.show-image .cont .inner-left .adv .gs p {margin:0;padding-top:30px;}

.show-image .cont .inner-left .adv .cptd {height: 500px; background:#f9f9f9;margin-top:25px;padding:20px 0;}
.show-image .cont .inner-left .adv .cptd ul {padding:10px 25px;}
.show-image .cont .inner-left .adv .cptd ul li {width:250px;float:left;background:#fff;text-align:center;color:#666;margin-right:25px;padding:25px 0 20px;height:180px;border-radius:20px;box-shadow:-1px -2px 20px 2px #ebebeb;transition:0.3s; margin-bottom: 40px;}
.show-image .cont .inner-left .adv .cptd ul li:hover {-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}
.show-image .cont .inner-left .adv .cptd ul li i { font-size: 40px; color: #003171; margin:0 auto;}
.show-image .cont .inner-left .adv .cptd .cptdr {margin-right:0;}
.show-image .cont .inner-left .adv .cptd ul li span {display:block;font-size:18px;font-weight:bold;margin:5px 0;color:#003171;}
.show-image .cont .inner-left .adv .cptd ul li em {font-style:normal;display:block;padding:5px 10px;font-size:14px;}
.show-image .cont .inner-left .adv .cpzsl {width:49%;float:left;border:1px solid #eee;}
.show-image .cont .inner-left .adv .cpzs {margin-bottom:20px;}
.show-image .cont .inner-left .adv .cpzs .cpzsr {float:right}

.show-image .cont .inner-right {float:right;margin-top:20px;padding:10px;width:310px;background:#fff}
.show-image .cont .inner-right ul li {width:100%}
.show-image .cont .inner-right ul li img {width:100%}
.show-image .cont .inner-right ul li span {display:block;text-align:center;font-size:16px}
.show-image .cont .inner-right ul li .badge {float:left}
.inner .inner-right .list-article .news-list {overflow:hidden;margin-bottom:20px;padding:20px;background:#fff}
.inner .inner-right .list-article .news-list li {margin-bottom:10px;padding-top:10px;height:165px;border-bottom:1px dashed #ccc;transition:all .6s}
.inner .inner-right .list-article .news-list li:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05)}
.inner .inner-right .list-article .news-list li img {float:left;display:block;margin-right:20px;padding:5px;width:200px;height:144px;border:1px solid #ccc}
.inner .inner-right .list-article .news-list li .text {float:left;margin-left:0;padding-top:10px;width:540px}
.inner .inner-right .list-article .news-list li .li-title {font-size:18px}
.inner .inner-right .list-article .news-list li .li-title a {color:#003171}
.inner .inner-right .list-article .news-list li .li-title h6 {padding-left:10px;color:#003171;font-weight:500;font-size:18px}
.inner .inner-right .list-article .news-list li .li-title h6 a {color:#003171}
.inner .inner-right .list-article .news-list li p {margin-top:10px;padding-left:10px;color:#666;font-size:14px}
.inner .inner-right .list-article .news-list li span {margin-left:10px;color:#999;font-size:12px}
.inner .news-show {float:left;margin-top:6px;padding:30px;width:910px;background:#fff}
.inner .news-show h1 {text-align:center;font-size:24px}
.inner .news-show .attr {overflow:hidden;margin-top:20px;padding-bottom:10px;border-bottom:1px dashed #ccc;text-align:center}
.inner .news-show .attr span {margin-right:10px}
.inner .news-show .attr i {margin-right:10px;color:#003171}
.inner .news-show .cont {margin-top:20px}
.inner .news-show .statement a {color:#003171}
.inner .news-show .news-tag {overflow:hidden;margin-top:10px}
.inner .news-show .news-tag .fa-tags {float:left;margin-top:3px;margin-right:10px;font-size:22px}
.inner .news-show .news-tag ul li a {float:left;display:block;margin-right:10px;padding:5px 10px;border:1px solid #ccc;border-radius:5px}
.inner .list-page {clear:both;overflow:hidden;margin-top:10px}
.inner .list-page ul {margin-top:10px}
.inner .list-page ul li {margin-bottom:10px;padding:10px;background:#eee}
.inner .list-page ul li a {color:#333;font-size:14px}
.inner .inner-page {clear:both;text-align:center}
.inner .inner-page ul {display:block;overflow:hidden;margin:10px auto;text-align:center}
.inner .inner-page li {display:inline-block;margin-right:-1px;border:1px solid #ccc}
.inner .inner-page li a {display:inline-block;padding:10px;color:#003171}
.inner .inner-page .active a {border-color:#003171;background-color:#003171;color:#fff}
.inner .inner-left {float:left;margin-top:20px;width:260px}
.inner .inner-left .left-title {background:#003171;color:#fff;text-align:center;font-weight:700;font-size:20px;line-height:55px}
.inner .inner-left .left-image {margin-top:10px;border:1px solid #003171;text-align:center}
.inner .inner-left .left-image ul li {margin:0 auto;width:250px}
.inner .inner-left .left-image ul li a {display:block;padding:10px 10px;border-bottom:1px dashed #ccc;font-size:14px}
.inner .inner-left .left-image ul li img {width:100%}
.inner .inner-left .left-contact {margin-top:10px}
.inner .inner-left .left-contact .cont {padding:10px;border:1px solid #003171}
.inner .inner-left .left-contact .cont span {display:block;margin:5px auto;text-align:center;font-weight:700;font-size:16px}
.inner .inner-left .left-contact .cont img {display:block;margin:10px auto;width:200px;box-shadow:0 0 5px #ccc}
.inner .inner-left .left-contact .cont p {margin-bottom:10px;color:#666}
.inner .inner-left .left-contact .cont p i {margin-right:10px;width:15px}
.inner .inner-right {float:right;overflow:hidden;margin-top:20px;width:910px}
.rec-news {margin:0 auto;margin-bottom:20px;background:#fff}
.rec-news .title {clear:both;overflow:hidden;padding:0 20px;height:40px;border-top:1px solid #ccc;background:#003171;color:#fff;line-height:40px}
.rec-news .title span {color:#fff;font-weight:700;font-size:16px}
.rec-news .rec-news-img {overflow:hidden;padding:10px}
.rec-news .rec-news-img li {overflow:hidden;padding-bottom:10px;border-bottom:1px dashed #94896b}
.rec-news .rec-news-img li img {float:left;margin-right:10px;padding:2px;width:180px;height:126px;border:1px solid #003171}
.rec-news .rec-news-img li a {padding-top:20px;color:#003171;font-size:16px}
.rec-news .rec-news-img li p {margin-top:10px;color:#666}
.rec-news .rec-news-img li span {color:#999}
.rec-news .rec-news-list {overflow:hidden;padding:10px}
.rec-news .rec-news-list li {float:left;margin:0 10px;width:46%;height:40px;border-bottom:1px dashed #ccc;line-height:40px}
.rec-news .rec-news-list li span {margin-right:20px;color:#003171}
.rec-news .rec-news-list li a {COLOR:#666}
.rec-news .rec-news-list li small {float:right}
.inner-search {background:#eee}
.inner-search .block-1 {margin-top:30px}
.inner-search .block-2 {margin-top:10px;text-align:center}
.inner-search .block-3 {margin:20px auto}
.inner-search .block-3 ul li {display:inline-block;overflow:hidden;margin:10px;width:377px;background:#fff}
.inner-search .block-3 ul li a {display:block}
.inner-search .block-3 ul li img {width:100%;border:1px solid #ccc}
.inner-search .block-3 ul li h2 {margin-top:10px;padding:10px 20px;color:#333;font-weight:700;font-size:16px}
.inner-search .block-3 ul li p {padding:10px 20px;height:80px;color:#666}
.inner-search .block-3 ul li .info {overflow:hidden;padding:10px 20px;height:50px;background:#f5f5f5;color:#666}
.inner-search .block-3 ul li .info .left {float:left}
.inner-search .block-3 ul li .info .right {float:right}
.inner-search .block-3 ul li .info i {margin-right:10px}
.inner-search .block-3 ul li .info font {color:#777}
.inner-search .block-3 ul li .info .fa-eye {margin-left:10px}
.inner-search .block-3 ul li .right {overflow:hidden}
.inner-search .block-3 ul li .right i {float:left;margin-right:10px}
.inner-search .block-3 ul li .right .tag-name {float:left;color:#666;font-size:12px}
.inner-search .block-3 ul li:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05)}
.tag-home {margin-top:10px}
.tag-home .tag-title {margin:10px 0;height:50px;background:#f6f6f6;line-height:50px}
.tag-home .tag-title span {float:left;display:block;padding:0 10px;background:#003171;color:#fff;font-size:16px}
.tag-home .tag-about .tag-cont {padding:10px;border:1px solid #eee}
.tag-home .tag-block-1 {overflow:hidden;margin-top:10px}
.tag-home .tag-block-1 ul {float:left;margin:10px;padding:10px;width:380px;border:1px solid #eee}
.tag-home .tag-block-1 ul li {height:30px;border-bottom:1px dashed #ccc;font-size:14px;line-height:30px}
.tag-home .tag-block-1 ul li span {float:right}
.tag-home .tag-block-2 {overflow:hidden;margin-top:10px}
.tag-home .tag-block-2 .tag-cont {overflow:hidden;padding:10px;border:1px solid #eee}
.tag-home .tag-block-2 .left {float:left;width:530px}
.tag-home .tag-block-2 .right {float:right;width:530px}
.tag-home .tag-block-2 ul li img {width:100%;height:340px}
.tag-home .tag-block-2 ul li h6 {height:37px;border-bottom:1px dashed #ccc;font-size:14px;line-height:37px}
.tag-home .tag-block-2 ul li span {float:right}
.tag-home .tag-block-3 {overflow:hidden;margin-top:10px}
.tag-home .tag-block-3 .tag-cont {overflow:hidden;padding:10px;border:1px solid #eee}
.tag-home .tag-block-3 ul li {float:left;margin:10px;padding:10px;width:316px;border:1px solid #ccc}
.tag-home .tag-block-3 ul li img {width:100%}
.tag-home .tag-block-3 ul li span {display:block;height:30px;text-align:center;line-height:30px}
.tag-home .tag-block-4 {overflow:hidden;margin-top:10px}
.tag-home .tag-block-4 .tag-cont {overflow:hidden}
.tag-home .tag-block-4 ul li {float:left;margin:10px;width:380px;height:80px;border:1px solid #eee}
.tag-home .tag-block-4 ul li i {float:left;margin-right:10px;width:100px;height:80px;color:#fff;text-align:center;font-size:30px;line-height:80px}
.tag-home .tag-block-4 ul li .fa-phone {background:#a7d82e}
.tag-home .tag-block-4 ul li .fa-internet-explorer {background:#5593ef}
.tag-home .tag-block-4 ul li .fa-map-marker {background:#efa900}
.tag-home .tag-block-4 ul li span {float:left;display:block;font-size:18px;line-height:80px}
.tag-home .tag-block-5 {overflow:hidden;margin-top:10px}
.tag-home .tag-block-5 .tag-cont {overflow:hidden;padding:10px;border:1px solid #eee}
.tag-home .tag-block-5 .tag-cont a {float:left;display:block;margin:10px;padding:5px 8px;background:#eee}
blockquote {clear:both;overflow:hidden;padding:0;border-bottom:1px solid #003171;border-left:0;font-size:18px}
blockquote p {float:left;clear:both;margin:0;padding:10px 20px;background:#003171;color:#fff}

.contact {padding:55px 0px;padding-bottom:20px;}
.contact .contact_content {margin-top:40px;}
.contact .contact_content .contact_content_list {width:48%;margin-right:4%;background:#f5f5f5;text-align:center;padding:35px 0px;margin-bottom:2.5%;border-radius:10px;}
.contact .contact_content .contact_content_list:nth-child(2n) {margin-right:0px;}
.contact .contact_content .contact_content_list dd {background:url("../images/bn40.png")  no-repeat 50% 50%;}
.contact .contact_content .contact_content_list dt {font-size:22px;color:#333333;margin-top:25px;}
.contact .contact_content .contact_content_list p {font-size:14px;color:#444444;margin-top:10px;}
.IndexProduct{ width: 80%; margin: 0 auto}
.IndexProduct_title{ display: block;}
.IndexProduct_title dd {color:#0262b3;font-size:30px;position:relative;padding-left:18px;font-weight:bolder;}
.IndexProduct_title dd:before {content:"";position:absolute;display:inline-block;width:5px;height:28px;background:#0262b3;left:0;top:20%;}
.IndexProduct_title dd span {color:#888888;font-size:16px;margin-left:13px;font-weight:normal;}
.IndexProduct_title dt {color:#d2d2d2;font-size:30px;text-transform:uppercase;}
.page-about{padding-top: 90px;}
.about {background:url("../images/bg35.jpg") no-repeat 50% 100%;padding-bottom:90px; }
.about .about_top .about_top_left {width:41%;font-size:14px;color:#444444;line-height:26px;text-indent:2em;text-align:justify;position:relative;margin-top:35px;}
.about .about_top .about_top_left dd {position:absolute;width:106%;left:0;top:0%;height:320px;background:#f3f3f3;padding:35px 45px;line-height:28px;border-radius:10px;z-index:2;}
.about .about_top .about_top_img {width:59%;height:410px;position:relative;top:-80px;}
.about .about_top .about_top_img img {position:absolute;width:100%;right:0;top:0;height:500px;object-fit:cover;}
.about .about_bottom {height: 400px; padding-top:120px; }
.about .about_bottom .about_bottom_list {width:30%;background:#e8f5fe;border-radius:10px;text-align:center;padding-bottom:45px;position:relative;padding-top:75px;}
.about .about_bottom .about_bottom_list:last-child {margin-left:4%;}
.about .about_bottom .about_bottom_list:nth-child(2) {margin-left:4%;}
.about .about_bottom .about_bottom_list .bottom_list_icon {position:absolute;left:0;right:0;width:100%;text-align:center;top:-68px;}
.about .about_bottom .about_bottom_list .bottom_list_title {background:url("../images/bn40.png")/*tpa=http://www.sonnett.cn/skin/images/bn40.png*/ no-repeat 50% 50%;margin:25px 0px;}
.about .about_bottom .about_bottom_list .bottom_list_title dd {font-size:26px;color:#333333;margin-bottom:3px;}
.about .about_bottom .about_bottom_list .bottom_list_title dt {font-size:16px;color:#888888;text-transform:uppercase;}
.about .about_bottom .about_bottom_list .bottom_list_txt {font-size:14px;color:#555555;line-height:24px;text-align:left;text-indent:2em;padding:0px 45px;height:72px;}