@charset "utf-8";
/* CSS Document */
/*----------定义全局------------*/
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p,table,tr,td{
margin:0;border:0;padding:0;font-style:normal; list-style:none;  }
body{ font-size:18px; line-height:34px;font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
table{width:100%; border-collapse:collapse; border-spacing:0;  }
table td{word-break: break-all; word-wrap:break-word;}
h1,h2,h3,h4,h5,h6,strong,b{ font-weight:bold; }
a{ -webkit-tap-highlight-color:rgba(255,0,0,0);}
a {text-decoration: none;color: #3f3b3b;cursor: pointer;}




.top{ background:#f7f7f7; border-bottom:1px solid #CCC;}
.top .topMenu{ height:30px; overflow:hidden;}
.top .topMenu li{ float:left; font-size:12px;  font-family:"Microsoft YaHei"; margin:5px 0; line-height:20px;  }
.top .topMenu li a{color:#666; border-right:1px solid #ddd;padding:0 8px; text-decoration:none;} 
.common{ width:1200px; margin:0 auto;}

.banner{height:600px; background:linear-gradient(225deg, #5185FF 0%, #194FCF 100%); }
.bannerBox{ background:url(https://c3.gasgoo.com/topic/app/images/bg11@2x.png) no-repeat top center; background-size:auto 600px; height:600px;}
.bannerInfo{ width:1400px; margin:0 auto; background:url(https://c3.gasgoo.com/topic/app/images/app_img_phone_1@2x.png) no-repeat top right;background-size:auto 600px; height:600px; padding-left:200px;}
.bannerInfo em{ display:block; width:127px; height:42px; padding-top:24px;}
.bannerInfo em img{ display:block; width:100%;}
.bannerInfo b{ display:block;font-size: 38px;color: #FFFFFF;line-height: 52px; font-weight:bold; margin-top:80px;}
.bannerInfo span{ display:block; font-size:12px; line-height:24px; color:#ffffff; margin-top:23px; width:590px;}

.bannerInfo p{ display:block; margin-top:60px; text-align:center; width:130px;}
.bannerInfo p i{ display:block; background:#ffffff; padding:3px; width:124px; height:124px; border-radius:4px; overflow:hidden; }
.bannerInfo p i img{ display:block; width:100%;}
.bannerInfo p s{ text-decoration:none; font-size:12px; margin-top:6px; color:#ffffff; display:block; line-height:17px;}



.guide{ background: linear-gradient(225deg, #6090FF 0%, #5787F6 100%); height:801px;  overflow:hidden;}
.guideBg{ background:url(https://c3.gasgoo.com/topic/app/images/bg22@2x.png) no-repeat top center; height:801px; background-size:auto 801px;}
.guideBg:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }

.guideLeft{ float:left; width:380px; text-align:right;}
.guideMiddle{ float:left; width:360px; margin:0 40px; padding-top:59px;}
.guideRight{ float:left; width:380px; text-align:left;}

.guideMiddle img{ display:block; width:100%;}
.guideLeft ul ,.guideRight ul{ padding-top:200px;}
.guideLeft ul li ,.guideRight ul li{ margin-bottom:60px;}
.guideLeft ul li em ,.guideRight ul li em{ display:inline-block; width:16px; height:16px; border-radius:16px; font-size:10px; text-align:center; line-height:16px; color:#3F76F6; background:#ffffff;}
.guideLeft ul li b ,.guideRight ul li b{ display:block; font-size:16px; color:#ffffff; line-height:22px; font-weight:600; margin-top:15px;}
.guideLeft ul li span ,.guideRight ul li span{ display:block; font-size:13px; line-height:18px; color:#ffffff; margin-top:14px;}



.news{height:724px; background:linear-gradient(270deg, #4076F3 0%, #5085FF 100%);}
.newsBg{ background:url(https://c3.gasgoo.com/topic/app/images/bg33@2x.png) no-repeat left center; height:724px; background-size:auto 724px;}

a.leftArrow{ float:left; background:url(https://c3.gasgoo.com/topic/app/images/app_btn_left_unsel@2x.png) no-repeat; background-size:68px 68px; width:68px; height:68px; margin:327px 137px 0 0; display:block;}
a.rightArrow{ float:right; background:url(https://c3.gasgoo.com/topic/app/images/app_btn_right_unsel@2x.png) no-repeat;background-size:68px 68px;  width:68px;display:block; height:68px; margin:327px 0 0;}
a.leftArrow:hover{background:url(https://c3.gasgoo.com/topic/app/images/app_btn_left_sel@2x.png) no-repeat; background-size:68px 68px;}
a.rightArrow:hover{background:url(https://c3.gasgoo.com/topic/app/images/app_btn_right_sel@2x.png) no-repeat; background-size:68px 68px;}


.newsBox{ float:left; width:920px;  }
.newsBox dl:before{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.newsBox dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.newsBox dl dt{ float:right; width:545px; padding-top:135px;}
.newsBox dl dd{ float:left; width:337px;  margin-right:38px; padding-top:34px;}
.newsBox dl dd img{ display:block; width:100%;}

.newsBox dl dt b{ display:block; font-size:40px;  font-weight:600px; color:#ffffff; line-height:56px;}
.newsBox dl dt em{ display:block; width:40px; height:4px; background:#FFFFFF; margin-top:22px;}
.newsBox dl dt p{ display:block; font-size:18px; color:#ffffff; margin-top:24px; line-height:25px;}
.cat{ margin-top:30px; width:408px;}
.cat ol li{ float:left; width:88px;  height:37px; background:#FFFFFF; border-radius:19px; font-size:13px; line-height:37px; text-align:center; margin-right:14px; margin-bottom:14px;}

.map{ width:450px; height:294px; margin-top:22px;}
.map img{ display:block; width:100%;}


.shop{ margin-top:28px;}
.shop ol:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.shop ol li{ float:left; width:114px; margin-right:19px; margin-bottom:20px;}
.shop ol li img{ display:block; width:100%;}

.active{ margin-top:40px;}
.active ol:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.active ol li{ float:left; width:160px; margin-right:18px; margin-bottom:18px;}
.active ol li img{ display:block; width:100%;}

.gold{ margin-top:40px;}
.gold ol:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.gold ol li{ float:left; width:250px; margin-right:18px; margin-bottom:18px;}
.gold ol li img{ display:block; width:100%;}

.dot{ pading-top:5px; font-size:0; text-align:center;}
.dot:before{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.dot a{ background:rgba(255, 255, 255, 0.3); width:10px; height:10px; border-radius:10px; display:inline-block; margin:0 3px;}
.dot a.dotCur{ background:rgba(255, 255, 255, 1);}



.service{height:617px; background: linear-gradient(270deg, #5185FF 0%, #194FCF 100%); overflow:hidden;}
.service:before{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.service p{ width:860px; text-align:center; font-size:18px; line-height:36px; color:#ffffff; display:block; padding-top:154px; margin:0 auto;}
.service ul{ margin-top:70px;}
.service ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.service ul li{ width:300px; text-align:center; float:left;}
.service ul li em{ width:130px; margin:0 auto; display:block;}
.service ul li em img{ display:block; width:100%;} 
.service ul li span{ display:block; font-size:18px; color:#ffffff; line-height:25px; margin-top:20px; }
.bannercontent{width:100%}
.bannercontent p img{ width:100%;display:block }
.part {padding-bottom: 37px !important;background: #2c62ed; padding: 40px 0px 60px;}
.parcontact {width: 1170px;margin: 0 auto;color: #fff;overflow: hidden; padding:0;list-style:none;}
.parcontact li {font-size: 14px;line-height: 28px;width: 272px;float: left; margin:0;padding:0px;list-style:none;}
.parcontact li.foot01 {width: 212px;margin-right: 130px;}
.parcontact h2 {font-weight: bold;font-size: 16px;color: #e6eef4;margin:0;padding:0}
.parcontact h2 span {border-bottom: 1px solid #1a679a;padding-bottom: 10px;}
.parcontact li p {margin-top: 10px;font-size: 13px;line-height: 34px;color: #e6eef4;margin:0;padding:0}
.parcontact li p a {float: left;width: 109px;margin-right: 10px;}
.parcontact li p a {color: #e6eef4;}
.parcontact h2 a:hover span {color: #ffffff;}
.parcontact h2 a span {color: #e6eef4;}
.parcontact h2 span {border-bottom: 1px solid #1a679a;padding-bottom: 10px;}
.copyRight {border-top: 1px solid rgba(255, 255, 255, 0.16);padding-top: 22px;font-size: 12px;color: #FFFFFF;width: 1170px;margin: 28px auto 0;}
.copyRight span {float: right;}
.parcontact li h2 a {color: #e6eef4;}
.parcontact h2 a span {color: #e6eef4;}
.parcontact h2 span {border-bottom: 1px solid #2b73ff;padding-bottom: 10px;}
.parcontact li.foot02 {width: 194px;margin-right: 130px;}
.parcontact li.foot03 {width: 238px;margin-right: 106px;}
.parcontact li.foot04 {width: 160px}
.parcontact li.foot04 p {width: 100px;margin-top: 16px;}
.parcontact li.foot04 p img {display: block;width: 100%;}
.parcontact li.foot04 b {display: block;font-size: 16px;color: #E6EEF4;height: 25px;line-height: 25px;border-bottom: 1px solid #2b73ff;margin-top: 16px;}

@media screen and ( max-width:600px){

	
	
	}