﻿html,body{font-size:14px; }
body,div,p,ul,ul li{margin:0;padding:0;}
.head{position: fixed !important;top: 0;width: 100%;height: 80px;left: 0;border-bottom: 1px solid #E0E0E0;font-size: 16px;background: #fff;z-index: 999;}
.container{width:1000px;margin:0 auto;}.clear{clear:both;}
.banner{width:100%;margin-top:80px;}
ul li{list-style:none;}
a{text-decoration:none;color:inherit;}.f{float:left;}.fr{float:right;}.c{text-align:center;}.r{text-align:right;}
.anchor{display: block;position: relative;}
.tar{text-align:right;}.tal{text-align:left;}
.navbar{height:80px;float:right; overflow:visible;}
.w1{width:250px; }.pw1{width:10%;}
.w2{width:300px; }.pw2{width:20%;}.pw3{width:30%;}.pw4{width:40%;}.pw5{width:50%;}.pw6{width:60%;}.pw8{width:80%;}

.ml{margin-left:10px;}.mt{margin-top:5px;}
.xxcx button{margin-left:10px;}
/*--背景色--*/
.bg_white{background:#fff;}.bg_blue0{background:#439ae1;}.bg_dgreen{background:#089ca3;} .bg_blue{ background:#3baeda;}.bg_blue2{background:#a4d0f4;}.bg_blue3{background:#dbeefd;}
.bg_yellow{background:#f6dd7b;}.bg_pink{background:#f4b5aa;}.bg_green{background:#cde5ad;}.bg_green2{background:#ddf0c5;}
.bg_yellow2{background:#faf0c8;}
.cx_blue{background:#3baeda;color:#fff;height:60px;font-size:16px;}.cx_pink{background:#f4b5aa;color:#fff;height:60px;font-size:16px;}

.ad{ text-align:center; height:100px;margin-top:10px; }
.safe{padding:10px;}.chk{vertical-align:middle;}
.ewm{width:100px;}
.kaoshi li{float:left; width:216px; height:150px; }
.block{display:inline-block;*display:inline;*zoom:1;  margin-top:10px; vertical-align:top;}
.logo{float:left;width:250px;font-size:25px;color:#474545;line-height: 80px;text-transform: uppercase;}

/*
.ltitle{font-size: 35px;color:#fefefe;text-shadow: 0px 1px 0px #c0c0c0, 0px 2px 0px #b0b0b0, 0px 3px 0px #a0a0a0,0px 4px 0px #909090,0px 5px 10px rgba(0, 0, 0, 0.6);text-align: center;line-height: 80px;text-transform: uppercase;}
*/

.title2{line-height:80px;text-align:center; font-size:18px;font-weight:500;color:#333;}
.ftop{font-size:13px;text-align:right;}
.nav{position:relative;}
.nav li{float:left;line-height:80px; font-size:15px;font-weight:500;color:#333;}
.nav li a{padding:15px;}
.nav li a.on,.nav li a.on:hover{background:#178ec7;color:#fff;}.nav li a:hover{color:#178ec7;}

.full-slider{}

.dcnt{border-radius:20px; color:#fff;background:#1ca9df;padding:3px 15px; display:inline-block;width:400px;line-height:30px;text-align:left; vertical-align:top;margin-top:20px;}
.blk{display:inline-block;vertical-align:middle;}
.box{ display:inline-block;vertical-align:top;height:280px;padding:10px; color:#4b4949;}
.box ul li{padding:5px 0;}
.box .pitem li{padding:5px 0;border-bottom:1px solid #dedede;}
.box .pitem li h3{font-size:16px; line-height:28px;}
.func{padding:10px 0;}
.clst li{float:left;width:150px;padding:8px; height:150px;overflow:hidden; text-align:center;}
.clst:after{display:block;clear:both;content:''}
.lklst li{float:left;width:230px;padding:0 10px; line-height:28px;font-size:13px;}

.ptitle{font-size:16px;line-height:35px; font-weight:500;}
.pitem .on{color:#fa4917;}
/*按钮*/
.btn{border:none; cursor:pointer;border-radius:4px;padding:5px 10px;}
.wrapwall{}
.bottom{ padding:10px 0;background:#439ae1;color:#fff;line-height:28px;font-size:15px;}
.container .fleft {vertical-align: top;float: left;line-height: 28px;width:55%;}
.container .fright {float: right;width: 40%;}
.container::after{clear:both;content:'';display:block;visibility:hidden;}
.red,.error{color:#fa2828;}
.chanpinul{margin-bottom:20px;}.cpdbt{font-size:18px;color:#178ec7;font-weight:500;}
.chanpbx{margin-top:10px;padding:10px;border:1px solid #ccc;}
.cpicon{width: 120px;cursor:pointer; vertical-align:middle; height: 120px;border-radius:60px; display:inline-block;background:#a4d0f4;transition : all 0.5s ease;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.cpicon:hover{background:#4d90c8;}
.cpnr{display:inline-block;vertical-align:middle; width:600px;line-height:28px;margin-left:15px;}
.gengduo{padding:5px 15px;background:#f85215;font-size:16px;color:#fff;}
.more{float:right;color:#3baeda; margin-top:10px;}
.divider{padding:8px; margin-top:10px; border-top:1px solid #eee;}
.grayboy{background:#fff;background:-moz-linear-gradient(to bottom,#dbdbdb,#fff); background:linear-gradient(to bottom,#dbdbdb,#fff);}

.cnt{width:1000px;margin:80px auto auto;padding:20px 0;min-height:100%;}
.cnt:after{content:"";clear:both;display:block;}
.cnt-left{width:20%;min-width:80px; margin:10px 0;float:left;}
.ren{width:100%;}
.cnt-right{width:78%; float:left;margin:0 0 20px 20px;}
.cnt-body{width:55%;min-width:150px;padding:0 20px; float:left;vertical-align:top;}
.cnt-rbody{width:20%;float:right;margin-top:10px;}
.tit{font-size:18px;font-weight:600;color:#000;padding:15px 0;border-bottom:1px solid #fff;}
.tit1{font-size:16px;font-weight:600;color:#fff;padding:10px 0;}
.tit2{color:#fff;font-size:15px; padding:10px 7px; margin-top:10px;}
.hline{line-height:28px;}

/*background:-moz-linear-gradient(to bottom,#dbdbdb,#fff); background:linear-gradient(to bottom,#dbdbdb,#fff);*/
.g-cnt{width:100%;position:relative;margin-top:100px;  background:#fff;padding-bottom:90px;}
.g-body{}
.rclogo{width:150px;}
.g-sidebar{position:fixed !important;background:#fff; width:150px;top:80px;left:50%;margin-left:-500px; z-index:250;}
.g-sidebar li{border-bottom:1px solid #eee;}
.g-sidebar li a {position: relative;height: 26px;width: 82px;line-height: 26px;padding: 7px 24px 7px 12px;display: block;color: #666;font-size: 16px;}
.g-sidebar:after{clear:both;display:block;content:"";}
.g-sidebar li a:hover,.g-sidebar li a.on{color:#178ec7;font-weight:600;}
/*.g-sidebar li a.on:after{content: '';display: block;position: absolute;width: 0;height: 0;top:10px; left:100%;border-width: 10px 28px;border-style: solid;border-color: transparent transparent transparent #178ec7;}*/
.g-wrap{width:1000px;margin:0 auto;}
.g-main{padding:20px 0 10px 165px;}
.g-main img{max-width:850px;}
.iblk{display:inline-block;vertical-align:top;}.w1{width:100px;}.w2{width:180px;}.w6{width:600px;}.w3{width:300px;}.w4{width:50%;}
.txtbox{position:relative;border:2px solid #178ec7;border-radius:12px;margin-bottom:50px; background:#fff;background:linear-gradient(to bottom,#e8e6e6,#fff);}
.txtbox::before{content:attr(title);position:absolute;left:175px;top:-25px;width:120px;line-height:45px;text-align:center;font-size:22px; background:#178ec7;color:#fff;border-radius:25px;}
/*.txtbox::before{content:attr(title);position:absolute;left:175px;transform:translateX(-50%);-webkit-transform:translate(-50%,-50%);width:120px;line-height:45px;text-align:center;font-size:22px; background:#178ec7;color:#fff;border-radius:25px;}*/
.txtbox-body{padding:40px 15px 15px 15px;line-height:28px;}
.txtcnt{float:left;width:600px;}.zpimg{float:left;width:200px;}.zpimg .zp{width:200px;}
.txtcnt p{text-indent:25px;padding-right:20px;font-size:16px;}
.txtbox-body:after{clear:both;display:block;content:"";}
.xbox{position:relative;margin-bottom:50px; background:#fff;background:linear-gradient(to bottom,#a4d0f4,#fff);}
.xbox .titX{line-height:40px;color:#fff;padding:15px;font-size:25px;font-weight:600; margin-bottom:10px; border-bottom:1px solid #dbdbdb;}
.xtzcimg{width:100%; margin-top:28%;height:300px;}
.tagbox{border:2px solid #178ec7;border-radius:10px;height:120px;}
.tagbox .stit{float:left; background:#178ec7;color:#fff;line-height:110px;text-align:center;height:100%; width:110px;font-size:16px;font-weight:600;}
.tagbox .stxt{line-height:27px;color:#178ec7;margin-left:120px;}
.sjcnt{background:url(/Content/res/ptsj.png)no-repeat;background-size:100%;width:100%;}
.sjcnt .ptname{display:inline-block;width:20%;height:500px;}
.ptxt{line-height:25px;color:#fff;padding:22px 10px 13px 38px; width:420px;height:116px;}
.tsig{float:left;width:95px;margin-top:28px;}
.tsik{float:left;width:250px;}
.xtzcrbox{display:inline-block;width:78%;}
/*箭头*/
.arrow-bar{background:url(/Content/res/jtt.png)no-repeat;background-size:100%;margin:0 10px; width:94%;padding:0 15px;}
.arrow-right { width: 0;height: 0;border-left: 10px solid #217AFF;border-right: 10px solid transparent;border-bottom: 10px solid transparent;font-size: 0;  line-height: 0;}
/*圆环*/

.hole {width:75px;height:75px;text-align:center;margin-top:-10px;text-align:center; position: relative;display:inline-block; border: 2px solid #cbc4c4;border-radius: 50%;}
.hole:before {position: absolute;height:68px;width: 68px;line-height:68px;color:#fff; left: 4px;top: 4px;content:attr(title);border-radius: 50%;background:#3baeda; }
.xbox-ms{position:relative; background:url(/Content/res/dline2.png)no-repeat;background-position:bottom;vertical-align:bottom; display:inline-block;width:17%;background-size:contain; margin:10px 0 10px 20px;padding:35px 0;}
.xbox-ms:first-child{margin-left:22px;}
.xbox-sm{background:url(/Content/res/dline3.png)no-repeat;background-position:0 0px; padding-top:35px; vertical-align:bottom; display:inline-block;width:16%;background-size:contain; margin:0px 0 10px 20px;}
.ml2{margin-left:95px;}
/*六边形*/
.hexagon {position: relative;font-size:25px;font-weight:600;line-height:50px;text-align:center; width: 60px;height: 104px;margin: 180px auto;background-color:#18c482;color:#fff;}
.hexagon:before {content: '';display: block;position: absolute;width: 0;height: 0;right:60px;border-width: 52px 30px;border-style: solid;border-color: transparent #18c482 transparent transparent;}
.hexagon:after {content: '';display: block;position: absolute;width: 0;height: 0;left:60px;border-width: 52px 30px;border-style: solid;border-color: transparent transparent transparent #18c482;top:0;}
.poire{position:relative;}
.hexagon_s {position: absolute;font-size:25px;font-weight:600;line-height:74px;text-align:center; width: 40px;height:74px;margin: 40px auto;background-color:#3baeda;color:#fff;}
.hexagon_s:before {content: '';display: block;position: absolute;width: 0;height: 0;right:40px;border-width: 37px 22px;border-style: solid;border-color: transparent #3baeda transparent transparent;}
.hexagon_s:after {content: '';display: block;position: absolute;width: 0;height: 0;left:40px;border-width: 37px 22px;border-style: solid;border-color: transparent transparent transparent #3baeda;top:0;}

.poitxt{position:absolute;display:inline-block;width:25%;}
.btit{color:#178ec7;font-weight:600; text-align:right;font-size:16px;}
.btit2{color:#178ec7;font-size:16px;font-weight:600;}
/*进度条*/
.svnt{display:inline-block; width:35%;padding:10px 10px 10px 30px;}
.lbar {position: relative;font-size:25px;font-weight:600;line-height:34px;text-align:right; width:60%;height: 34px;margin:10px 0px auto auto; background-color:#18c482;color:#fff;}
.lbar:before {content: '';display: block;position: absolute;width: 0;height: 0;right:100%;border-width: 17px 34px;border-style: solid;border-color: transparent #18c482 transparent transparent;}

.rbar {position: relative;font-size:25px;font-weight:600;line-height:34px;text-align:left; width:60%;height: 34px;margin:10px auto auto 0px ; background-color:#18c482;color:#fff;}
.rbar:after {content: '';display: block;position: absolute;width: 0;height: 0;top:0; left:100%;border-width: 17px 34px;border-style: solid;border-color: transparent transparent transparent #18c482;}
.midt{display:inline-block;width:15%;padding-top:165px;}
.midt div{line-height:44px;font-size:16px;font-weight:600;color:#178ec7;}
.svnt:after{clear:both;display:block;content:"";}
.vdb{margin:0 auto;width:100%;text-align:center;}
.ysbox{width:180px;display:inline-block;margin-right:10px;}

.ysbox2{width:220px;display:inline-block;}
.ystop{background:#439ae1;color:#fff;line-height:30px;border-radius:10px;border-radius:5px;}
.yscnt{padding:15px; line-height:28px;text-align:left;border:2px solid #439ae1;margin-top:10px;border-radius:5px;}
.ysbtn{width:80%;margin:0 auto;line-height:30px;border-radius:5px; background:#439ae1;color:#fff;font-size:18px;}
.cdown{background:url(/Content/res/off.png)no-repeat; background-position:center;height:30px;background-size:60px 28px;margin:10px 0;}

.sjkg{position:absolute; display:inline-block;vertical-align:top; background:url(/Content/res/sjkg.png)no-repeat;background-size:250px; margin-right:20px;width:250px;}
.sjkg:before{content:attr(title);float:right;width:56px;line-height:50px;text-align:center;font-size:20px;color:#178ec7; font-weight:600;}
.sjkg-1{text-align:center;color:#fff;font-size:16px;font-weight:600;padding-top:30px;height:30px;}
.sjkg-2{text-align:left;line-height:18px;font-size:12px;width:210px;height:100px;padding:0 10px;}
.hjt{margin:150px auto; background:url(/Content/res/hjt.png)no-repeat;background-position:center;background-size:contain;height:75px;width:98%;}
.qfg{background:url(/Content/res/qfg.png)no-repeat;background-position:center;background-size:120px 35px;height:40px;margin-top:10px;}
/*手机模型*/
.mobox{border-radius:15px; width:160px;border:8px solid #333;display:inline-block; height:300px;}
.mobox-tit{line-height:35px;background:#333;color:#fff;font-size:18px;font-weight:600;}
.moimg{width:100%;}
.mobox-txt{line-height:20px;font-size:14px;text-align:left;padding:0 5px 10px 5px;}

.fwbox{display:inline-block;width:350px;}
.fwbox img{width:120px;}
.fwbox-t{display:inline-block;width:225px;vertical-align:top;text-align:left;}
.fwbox-tr{line-height:28px; text-align:right;font-size:16px;font-weight:600;color:#178ec7;}
.fwbox-tl{line-height:28px;text-align:left;font-size:16px;font-weight:600;color:#178ec7;}
.numrec{display:inline-block;width:35px;height:35px;line-height:35px; background:#3baeda;color:#fff;border-radius:17px;}
.fwdo{line-height:25px;margin-bottom:30px;}

.lxcnt{padding:10px;}
/*--字体颜色---*/
.white{color:#fff;}.blue{color:#075896;}.green{color:#759517;}.yellow{color:#ad8122;}.pink{color:#c04f3b;}
.loading{background: url(/Content/images/load.gif)no-repeat center 50%;background-color: rgba(0, 0, 0, 0);background-color: #fff;min-height: 100px;}
.hide{display:none;}

.xtzcbg{display:inline-block;width:20%;vertical-align:top;}

@media only screen and (min-width: 501px) {
       .g-sidebar li a.on:after{content: '';display: block;position: absolute;width: 0;height: 0;top:10px; left:100%;border-width: 10px 28px;border-style: solid;border-color: transparent transparent transparent #178ec7;}
}

@media only screen and (max-width: 500px) {
    .container{width:100%;}
    .logo{width:40%;font-size:15px;text-align:center;font-weight:600;}
    .nav li a{padding:5px;}
    .rclogo{width:30%;vertical-align:top;}
    .g-sidebar{padding:15px; width:100%; height:100px;left:0;margin-left:0;}
    #sidebar{display:inline-block;width:65%; line-height:40px;}
    .g-sidebar li{float:left;}
    .g-sidebar li a{width:auto;padding:0 5px;}
   .txtcnt{display:block;width:100%;}
   .zpimg{width:100%;}.zpimg .zp{width:49%;}
   .g-cnt{margin:240px 0 10px 0;}
   .g-main{padding:10px 0;}
   .g-wrap{width:100%;}
   /*圆环*/

    .hole {width:32px;height:32px;font-size:12px;border:none;}
    .hole:before {height:32px;width:32px;line-height:32px; }
    .svnt .hole{width:50px;height:50px;}
    .svnt .hole:before {height:50px;width:50px;line-height:50px; }
   .txtbox:before{left:20px;font-size:15px;line-height:30px;width:100px;top:-15px;}
   .xtzcimg{ margin-top:30px;height:200px;}
   .tagbox{height:80px;}
   .tagbox .stit{width:18px;line-height:18px;font-size:13px;}
   .tagbox .stxt{margin-left:20px;line-height:20px;font-size:13px;}
   .xbox-ms:first-child{margin-left:5px;}
   .xbox-ms{margin:10px 0;padding:15px 2px;font-size:13px;}
  
   .xbox-sm{margin:5px 0;padding:15px 3px;font-size:13px;vertical-align:top;}
   .ml2{margin-left:40px;}
   .arrow-bar{width:98%;margin:0;padding:0;}
   /*六边形*/
   .hexagon {font-size:13px;line-height:22px; width: 30px;height: 50px;margin: 180px auto;background-color:#18c482;color:#fff;}
.hexagon:before {width: 0;height: 0;right:30px;border-width: 26px 15px;}
.hexagon:after {width: 0;height: 0;left:30px;border-width: 26px 15px;}

.hexagon_s {font-size:13px;font-weight:600;line-height:30px;text-align:center; width: 16px;height:30px;margin: 20px auto;}
.hexagon_s:before {width: 0;height: 0;right:16px;border-width: 15px 8px;border-style: solid;}
.hexagon_s:after {width: 0;height: 0;left:16px;border-width: 15px 8px;border-style: solid;}
.svnt{padding:5px 0 0 5px;}
.lbar {font-size:13px;font-weight:600;line-height:20px;text-align:right; width:60%;height: 20px;margin:10px 0px auto auto; background-color:#18c482;color:#fff;}
.lbar:before {position: absolute;width: 0;height: 0;right:100%;border-width: 10px 10px;border-style: solid;border-color: transparent #18c482 transparent transparent;}
.ptxt{height:auto; line-height:20px;color:#fff;padding:5px;margin-bottom:5px;background:#178ec7;width:100%;}
.tsig{float:none;margin-top:0;}.tsik{float:none;}


.rbar {font-size:13px;font-weight:600;line-height:20px;text-align:left; width:60%;height: 20px;margin:10px auto auto 0px ; background-color:#18c482;color:#fff;}
.rbar:after {width: 0;height: 0;top:0; left:100%;border-width: 10px 10px;border-style: solid;border-color: transparent transparent transparent #18c482;}
.midt div{font-size:13px;line-height:30px;}
.cnt-body{padding:0 5px;}
body{font-size:13px;}

.sjkg-tel{display:inline-block;position:relative;width:35%}
.sjkg{display:block;}
.hjt{display:inline-block;position:relative;width:30%;background:url(/Content/res/hjt2.png)no-repeat;background-size:cover;}
}


