*{margin: 0; padding: 0;}
html{min-width:1200px;}
body{font-size: 14px; color: #333; background: #fff; font-family: Arial, "Microsoft Yahei"; padding-top: 130px;}
a{color: #333; text-decoration: none;}
img{vertical-align: top;}
li{list-style: none;} 
.clear{clear: both;} 
.content{width: 1200px; margin: 0 auto;}
.red{color: #e73a2f;}

.top{width: 100%; min-width: 1200px; height: 130px; background: #fff; position: fixed; top: 0; z-index: 999999;box-shadow: 0 0 8px #bbb;}
.header{height: 39px; border-bottom: solid #f2f2f2 1px; line-height: 39px;}
.header .welcome{float: left;}
.header .tel{float: right; background: url(../images/tel.png) left center no-repeat; padding-left: 20px; font-size: 14px; color: #333;}
.header .tel span{font-size: 16px; color: #e32531; font-weight: bold;}

.logo{height: 90px; float: left;}
.logo a img{height:80px; margin: 0 5px;}
.menu{float: right; height: 90px;}
.menu ul{padding-top: 40px; margin-right: -20px;}
.menu ul li{float: left; font-size: 18px; position: relative; padding: 0 10px;}
.menu ul li a:hover{padding-bottom: 20px; color: #e73a2f; border-bottom: solid #e73a2f 3px;}
.menu ul li .current{padding-bottom: 20px;color: #e73a2f; border-bottom: solid #e73a2f 3px;}

.swiper-container{width: 100%; height: 510px;}
.swiper-container .swiper-wrapper{height: 510px;}
.swiper-container .swiper-wrapper .swiper-slide{height: 510px;}
.swiper-container .swiper-pagination{height: 50px; bottom: 0;}
.swiper-container .swiper-pagination .swiper-pagination-bullet{width: 28px; height: 4px; margin: 23px 15px; display: inline-block; border-radius: 0; background: #f6f6fa;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{background: #e32531;}

.aboutUs{width: 1200px; margin: 0 auto;}
.aboutUs .title{font-size: 24px; text-align: center; font-weight: bold; color: #e32531; padding: 40px 0 30px;}
.aboutUs .aboutContent{font-size: 16px; line-height: 30px; padding: 0 100px; color: #333;}
.aboutUs ul{text-align: center; padding: 50px 0;}
.aboutUs ul li{display: inline-block; margin: 0 50px;}
.aboutUs ul li h3{font-size: 60px; color: #d13934;}
.aboutUs ul li h3 sup{font-size: 36px;}
.aboutUs ul li p{font-size: 24px; color: #888;}
.aboutUs .aboutImg{padding-bottom: 40px;}

.service{background: #f5f5f5;}
.service .title{font-size: 24px; text-align: center; font-weight: bold; color: #e32531; padding: 40px 0 30px;}
.service ul{margin: 0 -15px; padding-bottom: 25px;}
.service ul li{float: left; margin: 15px; text-align: center; background: #fafafa; box-shadow: 0 0 5px #eee; border-radius: 5px; overflow: hidden;}
.service ul li:hover{background: #e73a2f; color: #fff;}
.service ul li a:hover{color: #fff;}
.service ul li img{width: 380px; height: 280px;}
.service ul li h4{font-size: 18px; font-weight: normal; line-height: 26px; padding-top: 5px;}
.service ul li p{font-size: 15px; line-height: 26px; padding-bottom: 10px;}

.centerBanner{min-width: 1200px; height: 480px; background: url(../images/centerbanner.jpg) center no-repeat; box-sizing: border-box; padding-top: 100px;}
.centerBanner .bannerText_01{font-size: 48px; line-height: 80px;}
.centerBanner .bannerText_02{width: 660px; text-align: center; line-height: 80px; font-size: 40px; font-weight: bold; background: #000; color: #fff;}
.centerBanner .bannerText_03{font-size: 24px; padding-top: 50px; line-height: 36px;}
.centerBanner .bannerText_04{font-size: 40px; font-weight: bold;}

.superiority{background: #f5f5f5;}
.superiority .title{font-size: 24px; text-align: center; font-weight: bold; color: #e32531; padding: 40px 0 30px;}
.superiority ul{margin: 0 -20px;}
.superiority ul li{width: 520px; height: 100px; float: left; background: #fff; margin: 20px; padding: 30px; border-radius: 5px; position: relative;}
.superiority ul li img{float: left; margin-right: 30px;}
.superiority ul li h3{font-size: 24px; font-weight: normal; line-height: 50px;}
.superiority ul li p{font-size: 18px; line-height: 50px; color: #888;}
.superiority ul li span{width: 108px; height: 40px; display: block; background: #ea643e; font-size: 24px; color: #fff; border-radius: 0 5px 0 40px; text-align: right; padding-right: 12px; line-height: 40px; position: absolute; top: 0; right: 0;}

.cooperation{background: #f5f5f5;}
.cooperation .title{font-size: 24px; text-align: center; font-weight: bold; color: #e32531; padding: 40px 0 30px;}
.cooperation ul{margin: 0 -5px;}
.cooperation ul li{width: 228px; height: 100px; float: left; background: #fff; text-align: center; margin: 10px 7px;}

.elegantDemeanor{background: #f5f5f5; padding-bottom: 40px;}
.elegantDemeanor .title{font-size: 24px; text-align: center; font-weight: bold; color: #e32531; padding: 40px 0 30px;}

.banAbout{min-width: 1200px; height: 500px;}
.conAbout{width: 1200px; margin: 0 auto; padding-top: 5px; font-size: 16px; line-height: 48px;}
.conAbout .title{width: 370px; margin: 0 auto; text-align: center; color: #e32531;}
.conAbout .title h3{font-size: 30px; line-height: 50px; background: url(../images/line1.png) center no-repeat;}

.banService{min-width: 1200px; height: 480px;}

.navService{height: 80px; background:#f5f5f5; border-bottom: #f0f0f0;}
.navService ul{width: 1200px; margin: 0 auto;}
.navService ul li{float: left; font-size: 18px; line-height: 55px; padding: 20px 20px 0; overflow: hidden;}
.navService ul li a{color: #333;}
.navService ul li.current a{color: #e32531;}
.navService ul li.current i{width: 24px; height: 5px; display: block; margin: 0 auto; background: #e32531; border-radius: 5px;}

.conService{width: 1200px; min-height: 600px; margin: 0 auto; padding: 30px 0 60px;}
.conService .serviceIntroduction{padding: 30px 0;}
.conService .serviceIntroduction p{font-size: 16px; color: #888; line-height: 36px; padding: 10px 0;}
.conService .serviceTitle{font-size: 30px; text-align: center; line-height: 60px;}
.conService .serviceImg{margin: 30px 0;}
.conService .serviceList{padding: 30px 0;}
.conService .serviceList .listTitle{font-size: 18px; color: #e23434;}
.conService .dispatchMode{padding: 50px 0;}
.conService .dispatchMode ul{margin: 20px -12px 0;}
.conService .dispatchMode ul li{width: 220px; height: 80px; float: left; line-height: 80px; margin: 0 12px; font-size: 18px; color: #888; background: #f5f5f5; border-radius: 10px;}
.conService .dispatchMode ul li i{width: 40px; height: 40px; float: left; margin: 20px; background: #ff592d; color: #fff; font-size: 28px; font-style: normal; text-align: center; line-height: 40px; border-radius: 10px;}
.conService .dispatchFeatures{padding: 50px 0;}
.conService .dispatchFeatures ul{margin-top: 20px;}
.conService .dispatchFeatures ul li{width: 240px; float: left; text-align: center;}
.conService .dispatchFeatures ul li p{padding-top: 20px; font-size: 16px; color: #888;}
.conService .serviceContent{padding: 50px 0;}
.conService .serviceContent ul{background: #f5f5f5; margin-top: 20px; padding: 25px 0; border-radius: 10px;}
.conService .serviceContent ul li{width: 300px; float: left; font-size: 18px; margin: 15px 0; color: #888;}
.conService .serviceContent ul li i{width: 12px; height: 12px; display: inline-block; margin: -2px 20px 0 26px; vertical-align: middle; background: #ff592d; border-radius: 5px;}
.conService .serviceAdvantage{padding: 50px 0;}
.conService .serviceAdvantage ul{margin-top: 20px;}
.conService .serviceAdvantage ul li{width: 200px; float: left; text-align: center;}
.conService .serviceAdvantage ul li p{padding-top: 20px; font-size: 18px; color: #888;}
.conService .serviceProxy{padding: 50px 0;}
.conService .serviceProxy ul{background: #f5f5f5; margin-top: 20px; padding: 25px 30px; border-radius: 10px;}
.conService .serviceProxy ul li{width: 380px; float: left; font-size: 24px; margin: 15px 0; color: #888;}
.conService .serviceProxy ul li i{width: 12px; height: 12px; display: inline-block; margin: -2px 20px 0 26px; vertical-align: middle; background: #ff592d; border-radius: 5px;}
.conService .proxyObject{padding: 50px 0;}
.conService .proxyObject ul{margin-top: 20px;}
.conService .proxyObject ul li{width: 240px; float: left; text-align: center;}
.conService .proxyObject ul li p{padding-top: 20px; font-size: 18px; color: #888;}

.conService .serviceList ul{margin: 20px -7px 0; display: flex;}
.conService .serviceList ul li{height: 350px; flex: 1; background: #fafafa; margin: 0 7px; padding: 10px 16px;}
.conService .serviceList ul li:hover{background: #e73a2f; color: #fff;}
.conService .serviceList ul li h3{font-size: 18px; text-align: center; line-height: 50px;}
.conService .serviceList ul li p{line-height: 40px;}

.handicapped{padding: 30px 0;}
.handicapped .handicappedText{font-size: 16px; line-height: 36px; color: #888;}

.banNews{min-width: 1200px; height: 560px;}
.conNews{width: 1200px; min-height: 600px; margin: 0 auto; padding-top: 30px;}
.conNews .newsList{padding: 30px 0; border-bottom: solid #f2f2f2 1px;}
.conNews .newsList .newsImg{float: left;}
.conNews .newsList .newsImg img{width: 156px; height: 110px;}
.conNews .newsList .newsContent{width: 720px; float: left; margin-left: 20px; line-height: 28px;}
.conNews .newsList .newsContent .caption{font-size: 18px;}
.conNews .newsList .newsContent .summary{font-size: 16px; color: #999;}
.conNews .newsList .newsContent .date{color: #999;}
.conNews .newsList .newsMore{float: right; padding-top: 30px;}
.conNews .newsList .newsMore a{display: block; font-size: 16px; line-height: 36px; color: #e73a2f; padding: 0 35px; border: solid #e73a2f 1px; border-radius: 18px;}
.conNews .page{padding: 50px 0; text-align: center;}
.conNews .page a{line-height: 28px; display: inline-block; border: solid #ddd 1px; padding: 0 10px; color: #999;}
.conNews .page a:hover{background: #eee;}
.conNews .page a.on{background: #e73a2f; border-color: #e73a2f; color: #fff;}
.conNews .detailsTitle{font-size: 24px; text-align: center; line-height: 50px;}
.conNews .detailsContent{line-height: 48px; font-size: 16px; padding-bottom: 50px;}
.conNews .related{padding: 50px 0; font-size: 16px; font-weight: bold; color: #999;}
.conNews .related a{color: #999;}
.conNews .related span{float: right;}

.banContact{min-width: 1200px; height: 560px;}
.conContact{width: 1200px; min-height: 600px; margin: 50px auto; font-size: 16px; line-height: 48px;}
.footer{padding: 28px 0; border-top: solid #f0f0f0 1px;}
.footer h3{color: #555; line-height: 36px; font-size: 20px; font-weight: normal; padding-bottom: 10px;}
.footer li{font-size: 16px; line-height: 36px; color: #888;}
.footer a{color: #888;}
.footer .footAbout{width: 240px; float: left;}
.footer .footMenu{width: 260px; float: left;}
.footer .footMenu li{width: 130px; float: left;}
.footer .footContact{float: left; margin-left: 150px;}
.footer .footCode{width: 180px; float: right;}
.footer .footCode .codeImg{width: 120px; padding: 13px; margin-top: 10px; border: solid #f0f0f0 2px; border-radius: 8px;}
.footer .footCode .codeImg img{width: 120px;}
.copyright{line-height: 80px; font-size: 16px; text-align: center; border-top: solid #f0f0f0 1px; color: #888;}
.copyright a{color: #888;}

.side-pannel{position:fixed; right:0;z-index:99}
.side-bar{border:1px solid #E7E7E7;border-bottom:none;bottom:10%;background:#fff}
.side-bar a{display:block;cursor:pointer;width:70px;height:48px;border-bottom:1px solid #E7E7E7;position:relative;color:#676767;text-align:center}
.side-bar a s{display:block;margin-left:auto;margin-right:auto}
.side-bar a span{line-height:20px}
.side-bar a:hover{background:#DFFFED}
.side-bar a.gotop s{position:absolute;top:50%;left:17px}
.side-bar a.text{padding-top:25px}
.side-bar a.qr s{position:absolute;top:50%;left:18px}
.side-bar a.qr i{width:200px;height:200px;position:absolute;left:-200px;top:50%;margin-top:-120px;display:none;background-position:0 0}
.side-bar a.qr i{background-image:url(../images/sprite2.jpg);background-size: 200px;}
.side-bar a.qr:hover i{display:block}

.g-icon-top{height:20px;width:35px;margin-top:-10px;background-position:0 -33px}
.g-icon-survey1{height:23px;width:26px;margin-top:-11px;background-position:0 -53px}
.side-bar a.survey:hover s{height:23px;width:26px;margin-top:-11px;background-position:-26px -53px}
.g-icon-qq1{height:20px;width:22px;margin-top:-10px;background-position:-35px -33px}
.g-icon-weibo1{height:25px;width:27px;margin-top:-12px;background-position:-72px 0}
.g-icon-weibo2, .side-bar a.weibo:hover s{height:25px;width:27px;margin-top:-12px;background-position:-72px -25px}
.g-icon-qr1{height:33px;width:36px;margin-top:-16px;background-position:-36px 0}
.g-icon-qr2, .side-bar a.qr:hover s{height:33px;width:36px;margin-top:-16px;background-position:0 0}
.g-icon-qq1, .g-icon-qr1, .g-icon-qr2, .g-icon-survey1, .g-icon-survey2, .g-icon-top, .g-icon-weibo1, .g-icon-weibo2,.side-bar a.qr:hover s, .side-bar a.survey:hover s, .side-bar a.weibo:hover s{background-image:url(../images/sprite1.png)}
.onlineService{width: 48px; background: #fff; border-radius: 4px; box-shadow: 0 0 5px #ddd; position: fixed; top: 200px; right: 36px; z-index: 999999;}
.onlineService .onlineList{position: relative;}
.onlineService .onlineList a{width: 48px; height: 48px; display: block; background: center no-repeat; cursor: pointer;}
.onlineService .onlineList a.tel{background-image: url(../images/tel2.png);}
.onlineService .onlineList a.wx{background-image: url(../images/wx.png);}
.onlineService .onlineList a.qq{background-image: url(../images/qq.png);}
.onlineService .onlineList a.tao{background-image: url(../images/tao.png);}
.onlineService .onlineList a.gotop{background-image: url(../images/gotop.png);}
.onlineService .onlineList .showBox{background: #fff; border-radius: 4px; box-shadow: 0 0 5px #ddd; position: absolute; right: 68px; display: none;}
.onlineService .onlineList .telContent{width: 180px; padding: 8px 15px; line-height: 26px; top: 0;}
.onlineService .onlineList .taoContent{width: 130px; padding: 20px 0; text-align: center; top: 0;}
.onlineService .onlineList .taoContent p{color: #e32531; padding-top: 15px;}
.onlineService .onlineList .wxContent{width: 130px; padding: 20px 0; text-align: center; top: 0;}
.onlineService .onlineList .wxContent img{width: 94px;}
.onlineService .onlineList .wxContent p{color: #00b80c; padding-top: 15px;}

.ap {  text-align: center;}

.aq { display: inline-block;    vertical-align: top;    width: 180px;    height: 134px;    position: relative;    padding-top: 30px;    padding-left: 50px;}
.ar { font-size: 0;    margin-bottom: 20px;}
.as { font-size: 15px;   margin-bottom: 11px;}
.av { font-size: 15px;}
.ay { color:#e94d43;font-weight:bolder;font-size:22px;}

.i-about { padding-top: .95rem;    padding-bottom: .75rem;   background-image: url(../images/service_bg.jpg);  background-size: cover;  background-repeat: no-repeat;   background-position: center;   height: 20rem;}
.i-about .title{width: 370px; margin: 0 auto; text-align: center;}
.i-about .title h3{font-size: 30px; color:#fff;line-height: 50px; background: url(../images/line1.png) center no-repeat;}
.i-about .title p{font-size: 18px; color: #fff; text-transform: uppercase;}

@media (max-width:1200px)
.mauto{max-width:92%;}
.in-about .mauto{max-width:92%!important; color:#fff;padding:8px;0;}
.i-about .dtm {  line-height: 52px;  color:#fff;   text-align: center;    padding:65px;     font-style: normal;}
.i-about .dtm .db {   display: block;    font-size: 47px;  text-align: center;    color:#fff;     font-style: normal;   }
.i-about .dtm em{padding: 45px;}

.rightFloat{width: 130px; padding: 5px; text-align: center; background: #fff; border: solid #ddd 1px; box-shadow: 0 0 5px #eee; position: fixed; top: 160px;  right: 30px;z-index: 9999999;}
.rightFloat img{width: 130px;}
.rightFloat p{font-size: 16px; padding-bottom: 5px;color:#fc4540;}

.kpgg_box {width: 100%; min-width: 1200px;   height: auto; overflow: hidden;}
.kpgg_youshi {overflow: hidden; margin-top: 50px; padding-bottom: 50px;}
.kpgg_w1200 {  width: 1200px; min-height: 200px;  padding-top: 30px;  margin: auto;  font-family: '寰蒋闆呴粦';   overflow: hidden;}
.kpgg_youshi .title {width: 380px; margin: 0 auto; text-align: center; }
.kpgg_youshi .title h3{font-size: 30px; line-height: 50px;color: #e32531; background: url(../images/line2.png) center no-repeat;}
.kpgg_youshi .title p{font-size: 18px; text-transform: uppercase;}
.kpgg_youshi .youshi_list {width: 1180px;  overflow: hidden;   padding: 10px;}
.kpgg_youshi .yosuhi_con:nth-child(1) { margin-left: 0px !important;}
.kpgg_youshi .yosuhi_con {width: 250px; height: 330px; float: left;    padding: 10px 10px 0px;    margin-left: 30px;    border: 1px solid #E5E7EA;    box-shadow: -3px 0 4px #D4D7DA, 0 -3px 4px #D4D7DA, 0 3px 4px #D4D7DA, 3px 0 4px #D4D7DA;}
.kpgg_youshi .yosuhi_con dt {  height: 140px;   background-color: #F4F4F4;}
.kpgg_youshi .yosuhi_con dt .youshi_img {   width: 100%;    height: 105px;}
.kpgg_youshi .yosuhi_con dt .p1{background:url(../images/kpgg_youshi01.png) no-repeat bottom center;}
.kpgg_youshi .yosuhi_con dt .p2{background:url(../images/kpgg_youshi02.png) no-repeat bottom center;}
.kpgg_youshi .yosuhi_con dt .p3{background:url(../images/kpgg_youshi03.png) no-repeat bottom center;}
.kpgg_youshi .yosuhi_con dt .p4{background:url(../images/kpgg_youshi04.png) no-repeat bottom center;}
.kpgg_youshi .yosuhi_con dt p {height: 35px; line-height: 2em; font-size: 16px; text-align: center;  color: #e73a2f;}
.kpgg_youshi .yosuhi_con dd p {height: 128px; overflow: hidden;  text-align: center;   margin-top: 38px;  font-size: 14px;  line-height: 2em;}
.kpgg_youshi .yosuhi_con .youshi_tb { height: 65px; line-height: 65px;  font-size: 20px;  text-align: center;  position: relative; color: #e32531;}