@charset "utf-8";
/* by Sean Lu 20200421 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:arial,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #0064b2; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #0064b2; color: #fff; }
::-moz-selection { background: #0064b2; color: #fff; }

.wrapper { width: 1200px; margin: 0 auto; }


.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 260px; }
.bannerslide .swiper-slide a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; text-decoration: none; text-align: center; color: #fff; }
.bannerslide .swiper-slide .content { padding: 80px 0 0 50px; color: #fff; width: 100px; }
.bannerslide .swiper-slide .content .tip { font-size: 12px; margin-bottom: 5px; }
.bannerslide .swiper-slide .content .txt { font-size: 14px; font-weight: bold; }
.bannerslide .swiper-slide a .con { margin-top: 52px; }
.bannerslide .swiper-slide a .con .tit { line-height: 48px; font-size: 40px; font-weight: 400; margin-bottom: 20px; }
.bannerslide .swiper-slide a .con .txt { line-height: 24px; font-size: 14px; font-weight: 400px; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #4fb4e8; }


.homebox01 { background: url(../images/main/companybg.jpg) no-repeat center; background-size: cover; color: #fff; padding: 20px; }
.homebox01 .hd { text-align: center; padding: 20px 0 20px; }
.homebox01 .hd .en { font-size: 12px; display: none; }
.homebox01 .hd .cn { font-size: 24px; margin: 4px 0 6px; }
.homebox01 .hd .xn { font-size: 12px; line-height: 1.6; display: none; }
.homebox01 .list {  }
.homebox01 .list .item { margin-bottom: 4px; position: relative; }
.homebox01 .list .item .img { width: 100%; }
.homebox01 .list .item .img img { display: block; width: 100%; }
.homebox01 .list .item .con { position: absolute; bottom: 20px; right: 20px; left: 20px; }
.homebox01 .list .item .con .en { font-size: 12px; font-family: "Titillium Web"; display: none; }
.homebox01 .list .item .con .cn { font-size: 18px; margin-top: 2px; }


.homebox02 { background: url(../images/main/productbg.jpg) no-repeat center; background-size: cover; color: #fff; padding: 20px; }
.homebox02 .hd { text-align: center; padding: 20px 0 20px; }
.homebox02 .hd .en { font-size: 12px; display: none; }
.homebox02 .hd .cn { font-size: 24px; margin: 4px 0 6px; }
.homebox02 .hd .xn { font-size: 12px; line-height: 1.6; display: none; }
.homebox02 .hproshow { text-align: center; }
.homebox02 .hproshow .img { width: 100%; margin-bottom: 10px; }
.homebox02 .hproshow .img img { width: 100%; display: block; }
.homebox02 .hproshow .nam { font-size: 12px; }


.homebox03 { background: url(../images/main/maps.jpg) no-repeat center; background-size: cover; color: #fff; padding: 20px; }
.homebox03 .hd { text-align: center; padding: 20px 0 20px; }
.homebox03 .hd .en { font-size: 12px; display: none; }
.homebox03 .hd .cn { font-size: 24px; margin: 4px 0 6px; }
.homebox03 .hd .xn { font-size: 12px; line-height: 1.6; display: none; }
.homebox03 .list {  }
.homebox03 .list .item { width: 49%; float: left; margin: 0 2% 10px 0; overflow: hidden; position: relative; }
.homebox03 .list .item:nth-child(2n) { margin-right: 0; }
.homebox03 .list .item .img { width: 100%; }
.homebox03 .list .item .img img { display: block; width: 100%; }
.homebox03 .list .item .tip { position: absolute; left: 20px; top: 20px; font-size: 12px; }
.homebox03 .list .item .tip .en { display: none; }
.homebox03 .list .item .tip .ico { width: 30px; margin-top: 4px; }
.homebox03 .list .item .tip .ico img { width: 100%; display: block; }
.homebox03 .list .item .con { position: absolute; left: 20px; bottom: 20px; font-size: 12px; }

.homebox04 { background: url(../images/main/newsbg.jpg) no-repeat center; background-size: cover; color: #fff; padding: 20px; }
.homebox04 .hd { text-align: center; padding: 20px 0 20px; }
.homebox04 .hd .en { font-size: 12px; display: none; }
.homebox04 .hd .cn { font-size: 24px; margin: 4px 0 6px; }
.homebox04 .hd .xn { font-size: 12px; line-height: 1.6; display: none; }
.homebox04 .list { background-color: #fff; color: #333; padding: 20px; }
.homebox04 .list .item { margin-bottom: 10px; border-bottom: 1px dashed #dedede; padding-bottom: 10px; }
.homebox04 .list .item:last-child { margin-bottom: 0; border: 0; padding-bottom: 0; }
.homebox04 .list .item .img { margin-bottom: 10px; }
.homebox04 .list .item .img img { display: block; width: 100%; }
.homebox04 .list .item .inf {  }
.homebox04 .list .item .inf .nam { font-size: 14px; margin-bottom: 10px; }
.homebox04 .list .item .inf .nam a { color: #b87b0b; }
.homebox04 .list .item .inf .txt { color: #666; font-size: 12px; line-height: 1.6; }

.mfooter { background: #fff; color: #999; font-size: 12px; text-align: center; padding: 20px 0 20px; border-top: 1px solid #dedede; }

.mheaderblock { height: 60px; background: #000; }
.mheader { height: 60px; background: rgba(0,0,0,.8); border-top: 0 solid #006ebc; position: fixed; top: 0; left: 0; right: 0; padding: 0 20px; z-index: 2; }
.mheader .logo { float: left; padding: 15px 0; }
.mheader .logo img { height: 30px; display: block; }
.mheader .links { float: right; height: 36px; margin-top: 12px; }
.mheader .links a { float: left; display: block; margin-left: 10px; line-height: 34px; width: 36px; height: 36px; background: url(../images/common/btn_allmenu.png) no-repeat center; background-size: 100%; text-indent: -9999px; }
.mheader .links a.btnSearchOpen { background-image: url(../images/common/btn_topsearch.png); }
.mheader .links a.on { background-image: url(../img/btn_allmenus.png); -webkit-transition: all .2s; transition: all .2s; }

.shuainav { position: fixed; top: 60px; left: 0; right: 0; bottom: 0; overflow-y: auto; z-index: 2; background: rgba(0,0,0,.9); padding: 10px; visibility: hidden; opacity: 0; -webkit-transform: translateY(-20px); }
.shuainav.navon { visibility: visible; opacity: 1; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(0); }

.shuainav dl { width: 100%; padding: 0 10px; box-sizing: border-box; }
.shuainav dl dt { text-align: center; line-height: 36px; border-bottom: 1px solid rgba(255,255,255,.1); margin-bottom: 10px; margin-top: 10px; }
.shuainav dl dt a { color: #fff; font-weight: bold; font-size: 14px; }
.shuainav dl dd { line-height: 22px; }
.shuainav dl dd a { font-size: 12px; color: #666; }

.shuaisou { position: fixed; top: 60px; left: 0; right: 0; z-index: 3; background: #f2f3f4; padding: 10px 20px; line-height: 40px; visibility: hidden; opacity: 0; -webkit-transform: translateY(-20px); }
.shuaisou.souon { visibility: visible; opacity: 1; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(0); }
.shuaisou .ss { border: 0; line-height: 40px; width: 100%; height: 40px; background: #f2f3f4 url(../images/common/btn_search.png) no-repeat right bottom; background-size: auto 30px; text-align: center; border-bottom: 1px solid #dedede; }


.xxcql { display: block;  }
.sscql { display: none; }

.topMenuArea .left > li { font-size: 12px; line-height: 12px; }
.topMenuArea .left > li > a { font-size: 12px; }
.topMenuArea .left > li > a:hover { text-decoration: underline; }
.topMenuArea .right { line-height: 12px; height: 12px; font-size: 12px; }
.topMenuArea .right a { font-size: 12px; }
.topMenuArea .right a:hover { text-decoration: underline; }
.footerWrap .footerArea .leftCon .footerMenu a:hover { text-decoration: underline; }
.footerWrap .footerArea .leftCon address { font-size: 12px; }
.footerWrap .footerArea .leftCon .copyright { font-size: 12px; }
.footerWrap .footerArea .rightCon .customer a { color: #666; }
.footerWrap .footerArea .rightCon .customer a:hover { text-decoration: underline; }
.gnbArea .gnb .dep2Wrap > .dep2 .dep2Img .txt { font-size: 12px; }
.gnbArea .gnb .btnArea a { color: #666; }
.gnbArea .gnb .btnArea a:hover { text-decoration: underline; }
.dim_bg { position: fixed; }

.topMenuWrap { -webkit-transition: all .4s; transition: all .4s; }
.topMenuWrap.fnon { height: 0; -webkit-transition: all .4s; transition: all .4s; }

.footerWrap .footerArea .rightCon .familysite { font-size: 12px; }

.inpage { background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; padding-top: 104px; padding-bottom: 40px; position: relative; }
.inpage .coverbg { background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }


.comtitle { padding: 60px 0 40px; text-align: center; color: #fff; }
.comtitle .en { font-size: 12px; font-family: arial; display: none; }
.comtitle .cn { font-size: 30px; margin: 6px 0 16px; }
.comtitle .xn { font-size: 12px; line-height: 1.6; display: none; }

.inbox { background: #fff; border-radius: 10px; overflow: hidden; padding: 40px 5%; box-shadow: 0 0 20px rgba(0,0,0,.1); }
.inbox .content { font-size: 16px; line-height: 2; color: #333; }
.inbox .content p { margin-bottom: 20px; }
.inbox .content h3 { background: url(../images/main/section01_img_04.jpg) no-repeat center bottom; background-size: 100% auto; color: #fff; line-height: 30px; padding: 8px 20px; border-radius: 20px 0 20px 0; overflow: hidden; margin-bottom: 20px; }
.inbox .content img { display: inline-block; max-width: 100%; }

.aboutcon { width: 90%; margin: 0 auto; }

.innav { height: 40px; }
.innav .inul { text-align: center; }
.innav .inul li { display: inline-block; margin-right: 5px; }
.innav .inul li a { display: block; line-height: 20px; padding: 10px 20px; color: #fff; font-size: 14px; text-decoration: none; background: rgba(255,255,255,.2); text-shadow: 1px 1px 0 rgba(0,0,0,.3); }
.innav .inul li a:hover { background: rgba(255,255,255,.4); }
.innav .inul li.on a { background: #fff; color: #333; font-weight: bold; text-shadow: none; }


.newslist { }
.newslist .item { width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; background: #fff; padding: 30px; }
.newslist .item:nth-child(2n) { margin-right: 0; }
.newslist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.newslist .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; }
.newslist .item .time .split { margin: 0 10px; color: #ccc; }
.newslist .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }
.newslist .item .name a { color: #111; font-weight: bold; }
.newslist .item .name a:hover { color: #0064b2; }
.newslist .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }
.newslist .item .link { overflow: hidden; margin-bottom: -12px; }
.newslist .item .link a { width: 24px; height: 24px; display: block; background: url(../img/hb01img01s.png) no-repeat center; float: left; }
.newslist .item .link a.l02 { float: right; background-image: url(../img/hb01img02s.png); }


.newstitle { font-size: 26px; text-align: center; line-height: 30px; font-family: microsoft yahei; font-weight: bold; margin-bottom: 5px; }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999; font-family: microsoft yahei; margin-bottom: 20px; }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }


.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 0px; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }
.newsbackline ul li a:hover { border-color: #323e4a; color: #323e4a; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; }

.servicelist { }
.servicelist .item { width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; }
.servicelist .item:nth-child(2n) { margin-right: 0; }
.servicelist .item .hd { padding: 20px; background-color: #3f5972; color: #fff; background-image: url(../images/server4.jpg); background-repeat: no-repeat; background-position: right center; background-size: auto 100%; }
.servicelist .item:nth-child(2) .hd { background-image: url(../images/server1.jpg); }
.servicelist .item:nth-child(3) .hd { background-image: url(../images/server2.jpg); }
.servicelist .item:nth-child(4) .hd { background-image: url(../images/server3.jpg); }
.servicelist .item .hd .ico {  }
.servicelist .item .hd .ico img { display: block; }
.servicelist .item .hd .cn { font-size: 16px; font-weight: bold; margin: 10px 0 5px; }
.servicelist .item .hd .en { display: none; font-size: 12px; font-family: arial; }
.servicelist .item .con { font-size: 16px; line-height: 2; padding: 20px; border: 1px solid #dedede; border-top: 0; min-height: 130px; }





@media (max-width: 1200px) {

  .wrapper {
      width: 100%;
      padding: 0 20px;
      box-sizing: border-box;
  }

  .xxcql { display: none; }
	.sscql { display: block; }

  .inpage { padding-top: 20px; }
  .comtitle { padding: 20px 0; }
  .comtitle .xn br { display: none; }
  .comtitle .cn { font-size: 24px; }

  .innav { height: auto; }
  .innav .inul { overflow: hidden; margin-bottom: 0; }
  .innav .inul li { margin: 0 .5% 5px; width: 49%; float: left; }
  .innav .inul li a { font-size: 12px; }

  .inbox { padding: 20px 20px; }
  .inbox .content { width: 100%; }

  .newslist .item { width: 100%; margin: 0 0 10px; padding: 20px; }

  .newsbackline ul li a { width: 100%; }

  .servicelist .item { width: 100%; margin: 0 0 20px; }



}

@media (max-width: 720px) {






}
