.topbanner{ background: url(../images/space.jpg) no-repeat center #000; color:#0F1C24;    padding:100px 0; text-align:center; background-size:100% auto;  margin-top: 135px; } 
.topbanner h1{ font-size:50px; color:#FF6A00}
.topbanner h2{ padding-bottom:30px; font-size:30px;}
.topbanner p{ padding-bottom:15px; font-size:24px; font-weight:bold;}
.topbanner p i{ padding:0 5px;}

.box2{ padding:100px 0; background:url(../images/web2.png) no-repeat center; background-size:auto 80%;}
.box2 h1{ font-size:40px; text-align:center;  font-weight:normal; padding-bottom:20px;}
.box2 h2{   text-align:center; font-weight:normal;  font-size:16px;  }
.w1200{ width:1200px; margin:0 auto;}
.box2 ul{ padding-top:50px;}
.box2 ul li{ float:left; width:381px; text-align:center; height:100px; line-height:100px; font-size:18px; border:1px solid #ececec; margin:0 25px 25px 0; border-radius:8px; background-color:rgba(255,255,255,0.7);  background-repeat:no-repeat; background-position:10px 10px;  }
.box2 ul li:nth-child(1){ background-image:url(../images/gq1.png); background-size:20px auto;}
.box2 ul li:nth-child(2){ background-image:url(../images/gq2.png); background-size:20px auto;}
.box2 ul li:nth-child(3){ background-image:url(../images/gq3.png); background-size:20px auto;}
.box2 ul li:nth-child(4){ background-image:url(../images/gq4.png); background-size:20px auto;}
.box2 ul li:nth-child(5){ background-image:url(../images/gq5.png); background-size:20px auto;}
.box2 ul li:nth-child(6){ background-image:url(../images/gq6.png); background-size:20px auto;}
.box2 ul li:nth-child(3n){ margin:0 0px 25px 0;}
.box3{ background:#fbfbfb;  padding:100px 0;}
.box3 h1{ font-size:40px; text-align:center;  font-weight:normal; padding-bottom:20px;}
.box3 p{ text-align:center;}
.box3 p i{ padding:0 10px; color:#ccc;}

.box3 ul{ padding-top:40px;}
.box3 ul li{ float:left; width:285px; margin:0 20px  20px 0; text-align:center; padding-bottom:30px; height:210px; background:#fff;}
.box3 ul li:nth-child(4n){ margin:0 0px  20px 0;}
.box3 ul li span{ display:block; background:#fff; padding:25px 0 10px 0; width:80%; margin:0 auto}
.box3 h2{ padding-top:0px; font-size:18px;}
.box3 h3{ padding-top:10px; font-weight:normal;}
.box3 ul li span img{ height:60px; width:auto;}
.box3 ul li i{ display:block; padding:10px 20px 0 20px;   font-size:12px; line-height:24px; color:#999; }

.seobanner{ padding:100px 0; background: url(../images/sbanner.jpg) no-repeat center #3860F4; background-size:100% auto; color:#fff; font-size:30px; text-align:center;     margin-top: 135px;}
.seobanner h2{ font-size:50px; padding-bottom:15px;}
.seobanner p{ font-size:18px;}
.seobox1{ padding:100px 0;}
.h1title{ font-size:40px; font-weight:normal; text-align:center; padding-bottom:25px; }
.pbox{ text-align:center}
.seoul1{ display:block; padding-top:30px;}
.seoul1 li{ float:left; width:20%; text-align:center; font-weight:bold; }
.seoul1 li span{ display:block; height:80px; width:80px; border-radius:50%; background-color:#3860F4; background-position:center; background-repeat:no-repeat; margin:0 auto; margin-bottom:20px;}
.seoul1 li:nth-child(1) span{ background-image:url(../images/yhicon1.png)}
.seoul1 li:nth-child(2) span{ background-image:url(../images/yhicon2.png)}
.seoul1 li:nth-child(3) span{ background-image:url(../images/yhicon3.png)}
.seoul1 li:nth-child(4) span{ background-image:url(../images/yhicon4.png)}
.seoul1 li:nth-child(5) span{ background-image:url(../images/yhicon5.png)}
.pbox { margin-top:-20px; padding-bottom:25px; color:#666;}
.pbox i{ padding:0 15px; color:#ccc; }
.seoul2{display:block; padding-top:30px;}
.seoul2 li{ float:left; width:25%; text-align:center}
.seoul2 li p{ padding:0 15px ; color:#666; font-size:12px;}
.seoul2 li h2{ font-size:18px; padding-bottom:10px;}
.seoul2 img{ height:50px; width:auto; display:block; margin:0 auto; margin-bottom:15px;}

.seobox2{ background:#FAFAFC;}

.yybox{ display:block; padding:30px 0; border-bottom:1px solid #ececec;}
.yybox li{ float:left; width:20%; text-align:center}
.yybox li img{ display:block; height:50px; width:auto; margin:0 auto; margin-bottom:15px;}
.yybox li h5{ font-size:16px;}
.yybox li p{ font-size:12px; padding-top:10px; padding:10px 15px 0 15px; color:#666;}

.wxbox{ display:block; text-align:center; padding-top:30px; }
.wxbox li{ display:inline-block; padding:0 25px; text-align:center; color:#666;}
.wxbox  li img{ display:block; height:50px; width:auto; margin:0 auto; margin-bottom:15px;}
.h2title{ font-size:30px; text-align:center; padding:50px 0 20px 0; font-weight:normal;}

.contactbox{ background:url(../images/contactbg.png) no-repeat center; padding:100px}
.contactbox h2{ font-size:18px; }