html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,code,form,fieldset,legend,button,input,textarea,p,blockquote,table,th, td,span,img,a,label,em,i,font,header,section,footer,figcaption,figure,label{margin:0; padding:0;}

html,body {min-width:1300px;font:normal 100% PingFang SC,"Microsoft YaHei","SimSun",Arial, Tahoma, Helvetica, sans-serif;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

h1,h2,h3,h4,h5,h6{font-size:100%;}

button,input,textarea,select{font-family:inherit; font-size:inherit; *font-size:100%; font-weight:inherit; border:0; outline:0; resize:none}

address, caption, cite, code, dfn, em, var, b{font-style:normal; font-weight:normal;}

input, textarea{outline-style:none}

* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* 输入框内文字样式 */

input::-webkit-input-placeholder{color:#ddd; font-size:14px}

input::-moz-placeholder{color:#ddd; font-size:14px   /* Mozilla Firefox 19+ */}

input:-moz-placeholder{color:#ddd; font-size:14px    /* Mozilla Firefox 4 to 18 */}

input:-ms-input-placeholder{color:#ddd; font-size:14px  /* Internet Explorer 10-11 */}

input:focus{background:#f2f2f2;outline:0;}

/*滚动条样式*/

::-webkit-scrollbar{/*滚动条整体样式*/width:8px; /*高宽分别对应横竖滚动条的尺寸*/height:8px;}

::-webkit-scrollbar-thumb{/*滚动条里面小方块*/border-radius:5px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:rgba(0,0,0,0.4);}

::-webkit-scrollbar-track{/*滚动条里面轨道*/-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:rgba(0,0,0,0.1);}

/* 复制选中样式 */

::selection{background:#108fbe; color:#fff;}

::-moz-selection{background:#108fbe; color:#fff;}

::-webkit-selection{background:#108fbe; color:#fff;}

/* 内容居中 */

.center{display:flex; justify-content:center; align-items:center;}      /* 水平垂直居中 */

.pa_center{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}    /* 绝对定位水平居中 */

.cz_center{display:flex; align-items:center;}      /* 垂直居中 */

.sp_center{display:flex; justify-content:center;}      /* 水平居中 */



em, i, b{font-style:normal;}

a{text-decoration:none; color:#333}

ul, ol, li{list-style:none;}

fieldset, img{border:0;}

.fl{float:left}

.fr{float:right}

.clear{clear:both}

.w1300{width:1300px; margin:0 auto;}

.h100{height:100%}

.pd20{padding:20px 0 0 20px; overflow:hidden}

/* header */

#header{width:100%;background:#d4e6ed80;min-width:1300px;}



/*index*/

.index_top.top {height:36px;background:#262627;border-bottom:0}

.hd-main{height:36px;width:1300px;}

.has-pulldown{cursor:pointer;position:relative;*z-index:10000}

.pulldown{position:absolute;cursor:default;display:none;top:30px;left:0}

.pulldown .indarrow{*margin-bottom:-1px;_margin-bottom:0;height:0;width:0;font-size:0;line-height:0;border-width:7px;border-style:solid;border-color:transparent transparent #f6f6f9 transparent;_filter:chroma(color=tomato);_border-color:tomato tomato #f6f6f9 tomato;position:relative;display:block;left:30px;z-index:2}

.info {margin-right:10px;position:relative}

.info .info-i {padding:0 10px;margin:10px 0;display:inline-block;*display:inline;*zoom:1;height:16px;border-right:#e1e1e1 1px solid;color:#8b8b8b;font-size:12px;}

.hd-main .info .info-i {border-right:#999 1px solid;color:#8b8b8b;}

.info .has-pulldown{padding-right:20px}

.info .user-name {position:relative;}

.identity {padding-right:20px;color:#8b8b8b;font-size:12px;line-height:36px;}

.identity .xi {background:#ff6900;width:6px;height:6px;border-radius:100%;position:absolute;top:0;display:inline-block;left:20px;top:10px;} 

.info .user-info {top:16px;left:auto;right:-24px;width:116px}

.pulldown .content {background:#fff;color:#333;text-align:left;border-radius:3px;border:#afafaf 1px solid;border-width:0 1px 1px;box-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:99}

.info .user-info .content {height:186px;width:300px;padding:10px 20px;}

.tarrow {background:url(/data/templates/mytemplate/images/licon.png) no-repeat;width:16px;height:16px;display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:6px;}

.info .user-info .content a {display:block;}

.index_top .top_icon li:first-child{border-left:0;}

.info .user-info .flex-text-wrap .pre {display:none;height:0}

.index_top .top_icon li {border-right:0}

.index_top .sep {color:#999}

.user-info .content dl {padding:10px 0 20px;margin-bottom:20px;border-bottom:1px solid #ededed;overflow:hidden}

.user-info .content dt {width:50px;height:50px;margin-right:20px;}

.user-info .content dt img {width:100%;height:100%;border-radius:100%;border:1px solid #ddd;}

.user-info .content dd h3 {font-size:18px;color:#333;font-weight:500;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.user-info .content dd a {padding-right:20px;color:#666}

.user-info .content dd a:hover {color:#ff6900}

.user-info .content dd a.signout {border-left:1px solid #ededed;padding-left:20px;}

.user-info .content .inde_btn li {width:86px;text-align:center;border-right:1px solid #ededed;float:left;}

.user-info .content .inde_btn li:last-child {border-right:0}

.user-info .content .inde_btn li p {line-height:0;padding:16px 0 10px;}

.user-info a .wind1 {background-position:-52px -50px;width:30px;height:30px;margin-right:0;margin-left:2px;}

.user-info a:hover .wind1 {background-position:-92px -50px;width:30px;height:30px;}

.user-info a .wind2 {background-position:-193px -19px;width:30px;height:30px;margin-right:0}

.user-info a:hover .wind2 {background-position:0 -50px;width:30px;height:30px;}

.user-info a .wind3 {background-position:-140px -50px;width:30px;height:30px;margin-right:0}

.user-info a:hover .wind3 {background-position:-190px -50px;width:30px;height:30px;}

/* banner动画*/

.indebanner {width:100%;height:850px;

  background:url(../images/indexbanner.jpg) top no-repeat;

  /*background:url(../images/indexbanner.png) top no-repeat #9acee3;*/

  min-width:1300px;position:relative}

/* section1 */

.op0 {opacity:0;filter:alpha(opacity=0);}

.indebanner .section {position:relative;overflow:hidden;width:1300px;}

/* section1 */

/*.index_one_chrome {padding:44px 0 0 0;display:block;background: rgb(0 0 0 / 50%);border-radius: 10px;border:1px solid rgb(169 169 169 / 50%);transition-duration: 750ms;}*/

.section1_in {width:1300px; position:absolute;top:328px;}

.a1_7 {height:0;width:170px;overflow:hidden;position:absolute;left:70px;top:-63px;display:block;opacity:0;animation:aniTextShow 1s forwards;}

.a1_8 {height:0;width:240px;overflow:hidden;position:absolute;left:270px;top:-50px;display:block;opacity:0;animation:aniTextShow 1s .4s forwards;}

.a1_9{height:0;width:240px;overflow:hidden;position:absolute;left:800px;top:-50px;display:block;filter:FlipH;opacity:0;animation:aniTextShow 1s 1.2s forwards;-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);}

.a1_10{height:0;width:240px;overflow:hidden;position:absolute;left:526px;top:-280px;display:block;opacity:0;animation:aniTextShow 1s .8s forwards;}

.a1_11{height:0;width:184px;overflow:hidden;position:absolute;left:1060px;top:-46px;display:block;opacity:0;color:#ffffcc;opacity:0;animation:aniTextShow 1s 1.6s forwards;}

.bfb-a1_13-t1 {font-size:14px;text-align:center;position:absolute;color:#feb23a;left:28%;top:8%;width:104px;}

.bfb-a1_7-t1 {text-align:center;font-size:12px;float:left;width:78px;}

.bfb-a1_7-t1 li {width:78px;height:28px;line-height:28px;border-radius:0px;border:solid 1px #1192c080;margin-bottom:6px;color:#ffffcc;}

.bfb-a1_7-t1:last-child {margin-left:12px;}

.a1_8 .img_banner5,.a1_9 .img_banner5 {margin-top:30px;}

.a1_9 .idimg {-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);}

.bfb-a1_11-t1 {font-size:13px;text-align:center;position:absolute;left:36%;top:38%;animation: bgOpcity 5s ease-in infinite;}

.bfb-a1_11-t2 {font-size:12px;text-align:center;position:absolute;left:9%;top:5%;animation: bgOpcity 6s ease-in infinite;}

.bfb-a1_11-t3 {font-size:12px;text-align:center;position:absolute;left:66%;top:5%;animation: bgOpcity 7s ease-in infinite;}

.bfb-a1_11-t4 {font-size:12px;text-align:center;position:absolute;left:3%;top:63%;animation: bgOpcity 8s ease-in infinite;}

.bfb-a1_11-t5 {font-size:12px;text-align:center;position:absolute;left:76%;top:63%;animation: bgOpcity 9s ease-in infinite;}

.bfb-a1_11-t6 {font-size:12px;text-align:center;position:absolute;left:43%;top:86%;animation: bgOpcity 10s ease-in infinite;}

/*圆圈动画*/

@media (max-width:767px) {

	.footer .text-left,.footer .text-right {text-align:left}

	.footer .text {margin-top: 10px}

	.footer .icon {float: left}}



@-webkit-keyframes rotateLoop {100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

@keyframes rotateLoop {100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

@keyframes boxshadow {100%{box-shadow:0 0 9px white;}}

@-webkit-keyframes bgOpcity {25% {opacity:.6}75% {opacity:.3}}

@keyframes bgOpcity {25% {opacity:.9}75% {opacity:.3}}

@-webkit-keyframes colorsScale {75% {-webkit-transform: scale(.9);transform: scale(.9)}}

@keyframes colorsScale {75% {-webkit-transform:scale(.9);transform:scale(.9)}}

@keyframes bgcolor {100% {background:#1192c0b3;color:brown;}}

@keyframes fontcolor {100% {color:white;}}

@keyframes bgc {0% {background:#1192c0b3;}100% {#f6ed87b3}}

@keyframes aniTextShow {

0% {

      opacity: 0;

      transform: translateY(50px);

    }

    100% {

      opacity: 1;

      transform: translateY(0);

    }

  }

  @-webkit-keyframes aniTextShow {

    0% {

      opacity: 0;

      transform: translateY(50px);

    }

    100% {

      opacity: 1;

      transform: translateY(0);

    }

  }

.block-colors{ position:absolute;}

.banner-container {position:relative;height:220px;overflow:hidden;opacity:0;animation:aniTextShow 1s 2s forwards;}

.banner-container-1 .block-1 {left: 0;top: 45px;width: 100%;color: #ff5c01;font-size: 41px;font-weight: 700;text-align: center;position: absolute;line-height: 1}

.banner-container-1 .block-2 {position: absolute;left: 0;top: 210px}

.banner-container-1 .block-3 {position: absolute;left: 80px;top: 224px}

.banner-container-1 .block-colors .colors {width:150px;height:150px;z-index:3;position:absolute;top:0}

.banner-container-1 .block-colors .colors:before {content:"";width:100%;height:100%;left:0;top:0;position:absolute;border-radius:50%;opacity:.16;-webkit-animation:bgOpcity 5s ease-in infinite;animation: bgOpcity 5s ease-in infinite}

.banner-container-1 .block-colors .colors .hsdbf {content:"";width:100%;height:100%;position:absolute;left:0;top:0;-webkit-animation:rotateLoop 8s linear infinite;animation:rotateLoop 8s linear infinite; z-index:113;}

.banner-container-1 .block-colors .colors-2 .hsdbf{-webkit-animation:rotateLoop 8s linear infinite;animation:rotateLoop 8s linear infinite;animation-direction:reverse;}

.banner-container-1 .block-colors .colors-4 .hsdbf{-webkit-animation:rotateLoop 8s linear infinite;animation:rotateLoop 8s linear infinite;animation-direction:reverse;}

.banner-container-1 .block-colors .colors-6 .hsdbf{-webkit-animation:rotateLoop 8s linear infinite;animation:rotateLoop 8s linear infinite;animation-direction:reverse;}

.banner-container-1 .block-colors .banner-title {position:absolute;left:0;top:105px;font-size:14px;color:#fff;z-index:199;width:150px;text-align: center;}

.hsdbf_img1{background: url(../images/banner_chat1.png) no-repeat center;}

.hsdbf_img2{background: url(../images/banner_chat2.png) no-repeat center;}

.hsdbf_img3{background: url(../images/banner_chat3.png) no-repeat center;}

.hsdbf_img4{background: url(../images/banner_chat4.png) no-repeat center;}

.hsdbf_img5{background: url(../images/banner_chat5.png) no-repeat center;}

.hsdbf_img6{background: url(../images/banner_chat6.png) no-repeat center;}

.smart{position:absolute;top:182px;left:4px;background:url(../images/banner_middle1.png) no-repeat center;width:232px;height:232px;-webkit-animation:rotateLoop 8s linear infinite;animation:rotateLoop 8s linear infinite;animation-direction:reverse;}

.smart_bottom{position:absolute;top:201px;left:24px;background:url(../images/banner_middle2.png) no-repeat center;width:192px;height:192px;-webkit-animation:rotateLoop 8s linear infinite;animation: rotateLoop 8s linear infinite;}	

.work{color:#fff;font-size:28px;position:absolute;left:0;bottom:0;top:63%;right:0;margin:auto;text-align:center;}

.work span{font-size:32px;font-weight:bold;color:#fff;}

/*中间文字动画*/

@media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { 

.work{background-image:-webkit-linear-gradient(left, #fff, #0e84ff 25%, #fff 50%, #0e84ff 75%, #fff); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%;-webkit-animation:masked-animation 0.8s infinite linear;}

.work a p {font-size:15px;padding-bottom:10px;}

.work{background-image:-webkit-linear-gradient(left, #fff, #f3e762 50%, #fff 50%, #f3e762 100%, #fff);     -webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200% 100%;-webkit-animation:masked-animation 3s infinite linear;}



}

@-webkit-keyframes masked-animation {

    0%  { background-position: 0 0;}

    100% { background-position: -100% 0;}

}

@-moz-keyframes rotate{

            100%{-moz-transform:rotate(0deg);}

             100%{ -moz-transform:rotate(360deg);}

          }

 @-webkit-keyframes rotate{

            100%{-webkit-transform:rotate(0deg);}

             100%{-webkit-transform:rotate(360deg);}

          }

 @keyframes rotate{

            100%{transform:rotate(0deg);}

             100%{transform:rotate(360deg);}

          }		  

/*中间文字动画结束*/

.banner-container-1 .block-colors .colors .ico {-webkit-animation:colorsScale 3s ease infinite;animation:colorsScale 3s ease infinite;width:72px;height:72px;display:block;max-width:100%;max-height: 100%;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;z-index:112}

.banner-container-1 .block-colors .colors-1 {left:8px;}

/*background-color:#3e9fe6;*/

.banner-container-1 .block-colors .colors-1:before {background-color:#4cfefe;-webkit-animation-duration:6s;animation-duration:6s;}

.banner-container-1 .block-colors .colors-1 .ico {width:100%;height:auto;-webkit-animation-duration:2s;animation-duration:2s}

.banner-container-1 .block-colors .colors-2 {left:189px}

.banner-container-1 .block-colors .colors-2:before {background-color:#f3e762;-webkit-animation-duration:7s;animation-duration:7s}

.banner-container-1 .block-colors .colors-2 .ico {-webkit-animation-duration: 3s;animation-duration:3s}

.banner-container-1 .block-colors .colors-3 {left:378px}

.banner-container-1 .block-colors .colors-3:before {background-color:#1192c080;-webkit-animation-duration:8s;animation-duration:8s}

.banner-container-1 .block-colors .colors-3 .ico {-webkit-animation-duration:3s;animation-duration:3s}

.banner-container-1 .block-colors .colors-4 {left:756px}

.banner-container-1 .block-colors .colors-4:before {background-color:#1192c080;-webkit-animation-duration:9s;animation-duration:9s}

.banner-container-1 .block-colors .colors-4 .ico {-webkit-animation-duration:4s;animation-duration:4s}

.banner-container-1 .block-colors .colors-5 {z-index:2;left:942px}

.banner-container-1 .block-colors .colors-5:before {background-color: #f3e762;-webkit-animation-duration:9s;animation-duration:10s}

.banner-container-1 .block-colors .colors-5 .ico {-webkit-animation-duration:4s;animation-duration:4s}

.banner-container-1 .block-colors .colors-6 {left:1142px}

.banner-container-1 .block-colors .colors-6:before {background-color:#4cfefe;-webkit-animation-duration:9s;animation-duration:11s}

.banner-container-1 .block-colors .colors-6 .ico {-webkit-animation-duration:4s;animation-duration:4s}

.section1_in .a1_10:before {content:"";width:220px;height:220px;left:10px;top:188px;position:absolute;border-radius:50%;opacity:.16;-webkit-animation:bgOpcity 5s ease-in infinite;animation: bgOpcity 5s ease-in infinite}

.section1_in .a1_10:before {background-color:#f6ed87b3;-webkit-animation-duration:6s;animation-duration:6s;}

.block-colors .colors:hover{ z-index:11; opacity:1}

.banner-container-1 .block-colors .colors .colors_noen{ width:150px;height:150px;position:absolute;z-index:111;top:0;left:0;opacity:0;border-radius:50%;-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear;-o-transition:all 0.4s linear;-ms-transition:all 0.4s linear;transition:all 0.4s linear;}

.banner-container-1 .block-colors .colors:hover .colors_noen{z-index:11;display:block;opacity:.85;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.top_wechat{bottom:-220px;opacity:0;}

/*圆圈动画结束*/

.banner_txt {width:1300px;color:#8b8b8b;font-size:14px;padding-top:40px;opacity:0;animation:aniTextShow 1s 2.4s forwards;}

.banner_txt li {float:left;width:433px;text-align:center}

.banner_txt li h3 {font-size:18px;padding-bottom:10px;color:#fff;font-family:PingFangSC-Semibold,sans-serif;font-weight:normal}

.banner_bottom {width:100%;overflow:hidden;position:absolute;left:0;bottom:0px;display:block;min-width:1300px;background:rgba(0,25,104,.3);height:20px;}

.banner_bottom ul {width:1300px;margin:0 auto}

.banner_bottom ul li {float:left;width:325px;color:#f5f7fa;font-size:14px;line-height:70px;}

.banner_bottom ul li em {font-size:20px;color:#f5f7fa;padding:0 10px;font-weight:normal}

.banner_bottom ul li:last-child {text-align:right}

.banner_bottom ul li:nth-child(3) {text-align:center}

/* banner动画结束*/

/* top */

.top{height:36px; border-bottom:1px solid #e7e7e7}

.top p{font-size:12px; color:#999;}

.top p, .top dt a{line-height:36px}

.top dt, .top dd a{float:left}

.top dt a{font-size:12px; color:#8b8b8b; margin:0 10px}

.top dt a:hover{color:#ffad48}

.sep{color:#e1e1e1; font-size:13px; margin:0 10px}

.top_icon {display:block; width:18px; height:15px;background:url(../images/top_icon.png) no-repeat 0 -30px;filter:grayscale(1);-webkit-filter:grayscale(1);-moz-filter:grayscale(1); -o-filter:grayscale(1);-ms-filter:grayscale(1);margin:10px 0;}

.top_icon:hover {background:url(../images/top_icon.png) no-repeat 0 -30px;filter:grayscale(0);-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-o-filter:grayscale(0);-ms-filter:grayscale(0);}

.wwechat {text-align:center;float:left;position:relative}

.wwechat .user {cursor:auto;}

.wwechat .user .msg {display:none;background-color:rgba(0,0,0,.2);z-index:100;position:absolute;margin-left:-65px;width:140px;padding:20px 0 10px}

.wwechat .user .msg img {width:100px;height:100px;}

.wwechat .user .msg a:hover{cursor:pointer;}

.wwechat .clearfix:after{content:"0";display:block;clear:both;visibility:hidden;height:0;}

.wwechat .user:hover .msg{display:block;}

.wwechat .user .msg p {font-size:12px;color:#fff;}

.site-header{position:relative;padding:7px 0;width:1300px;overflow:hidden}

.logo{height:90px}

.logo .logtxt {border-left:1px solid rgba(225,227,231,.5);padding:0 0 0 20px;}

.logo .logtxt p {font-size:12px;color:rgb(255 255 255);font-weight: 600;}

.logo .elogtxt {border-left:1px solid #ddd;padding:0 20px 0;margin-left:20px;}

.logo .elogtxt p {font-size:12px;color:#999}

/* 发布需求框 */

.serach_input.hfrbk {color:#333}

.search{position:absolute;top:35px;right:0}

.serach_input{border-bottom-left-radius:5px;border-top-left-radius:5px;width:328px;height:35px;font-size:13px;border:2px solid #0679ac; box-sizing:border-box;padding-left:10px;background:none;color:#fff;}

.serach_input:focus {background:none;}

.btn_serach{font-weight:600;border-bottom-right-radius:5px;border-top-right-radius:5px;width:70px;height:35px;background:#0072ff;font-size:16px;color:#FFF;cursor:pointer;}

.btn_serach:focus {background:#217da3;color:#fff}

.popBox_centent .idform_f {width:400px;float:left;padding-left:20px;}

.popBox_centent .idform_f .itemselect {width:400px;height:40px;float:left;margin-bottom:20px;font-size:12px;}

.popBox_centent .idform_f .itemselect .tsel {height:40px;border:1px solid #ddd;width:280px;text-indent:6px;}

.popBox_centent .idform_r {float:left;width:360px;} 

#popLayer{position:fixed;top:0;right:0;bottom:0;left:0;display:none;background:rgba(0,0,0,.65);z-index:11;}

#popBox {display:none;width:890px;height:430px;background:#FFF;z-index:11;position:fixed;top:0;right:0;left:0;bottom:0;margin:auto;border-radius:6px;}

#popBox .close{position:absolute; top:32px; right:20px;}

#popBox .close a{display:block; width:18px; height:18px; cursor:pointer; background:url(../images/close_b.png) no-repeat 0 0}

.pc_tit{padding-left:22px; border-left:5px solid #ff5c00;color:#333;font-size:18px;font-weight:bold;height:22px;line-height:22px;margin:30px 0 30px 30px}

.pc_tit span{margin-left:20px; font-size:16px; color:#666; font-weight:normal}

.popBox_centent form{width:860px;margin:20px auto;position:relative}

.itemInput{overflow:hidden;width:400px;float:left;margin-bottom:12px;}

.rc-label{width:85px;line-height:30px;}

.rc-label p{font-size:12px;color:#666;line-height:40px;margin-right:10px;}

.rc-label i{font-family:"Arial";font-size:18px;color:#e32525;margin-left:5px;padding-top:6px;float:left;}

.popBox_xq_input{width:280px;height:140px;padding:5px 10px;box-sizing:border-box; border:1px solid #ddd;font-size:12px;line-height:22px}

.popBox_tel_input {width:280px;box-sizing:border-box; border:1px solid #ddd;font-size:12px;height:40px;text-indent:10px;}

.tips{font-size:12px; color:#e32525; margin-left:86px; margin-top:5px}

.popBox_btn{width:30%; font-size:14px; color:#FFF; line-height:35px; height:35px; text-align:center; background:#ff5c00; position:absolute; bottom:0; left:50%; transform:translate(-50%,0); cursor:pointer}

.popBox_centent .btxt {width:890px;float:left;margin-top:40px;}

.popBox_centent .btxt span {font-size:12px;}

.popBox_centent .btxt span em {font-size:12px;}

.search .btn{display:block;width:40%;outline:0;overflow:hidden;position:relative;transition:.3s;cursor:pointer;user-select:none;height:35px;text-align:center;line-height:35px;font-size:14px; background:#ff5c00;color:#fff; border-radius:3px;margin:40px 0 0 86px}

.btn>span:after{content:''; position:absolute; background:transparent; border-radius:50%; width:100%; padding-top:100%; left:50%; top:50%; transform:translate(-50%,-50%) scale(1);}

.btn:active{background:orangered;}

.btn>input[type=checkbox]{display:none}

.btn>input[type=checkbox]+span:after{animation:ripple-in 1s;}

.btn>input[type=checkbox]:checked+span:after{animation:ripple-out 1s;}

@keyframes ripple-in{

    from {

        transform:translate(-50%,-50%) scale(0);

        background:rgba(0,0,0,.25);

   }

    to {

        transform:translate(-50%,-50%) scale(1);

        background:transparent;

   }

}

@keyframes ripple-out{

	from {

		transform:translate(-50%,-50%) scale(0);

		background:rgba(0,0,0,.25);

	}

	to {

		transform:translate(-50%,-50%) scale(1);

		background:transparent;

	}

}



/*首页导航*/

.head-v3 {position:absolute;right:0;width:196px;top:0;}

.navigation-up {height:60px;background:url(../images/bnav.png) no-repeat;width:51px;height:235px;position:absolute;right:0;top:250px;text-align:center;overflow:hidden}

.navigation-up h2 a {color:#fff;font-size:16px;font-weight:580;display:inline-block;padding:70px 20px;width:16px;line-height:30px;}

.navigation-down {position:absolute;top:60px;left:0;width:100%}

.navigation-down .nav-down-menu a {width:100px;height:40px;background:rgba(245,247,250,.02);display:inline-block;text-align:center;line-height:38px;border-radius:20px;color:#c3c3ab;font-size:14px;}

.navigation-down .nav-down-menu a:hover {width:100px;height:40px;background:rgba(0,25,104,1);display:inline-block;text-align:center;line-height:38px;border-radius:20px;color:#fff;font-size:14px;}

.wpartner1 {position:absolute;top:130px;left:50px}

.wpartner2 {position:absolute;top:194px;left:20px}

.wpartner3 {position:absolute;top:258px;left:0px}

.wpartner4 {position:absolute;top:322px;left:0px}

.wpartner5 {position:absolute;top:386px;left:20px}

.wpartner6 {position:absolute;top:450px;left:50px}

.wpartner1:before {content:"";background:#d5d5b9;width:2px;height:2px;display:inline-block;vertical-align:middle;margin-right:6px;}

.wpartner2:before {content:"";background:#a85d60;width:2px;height:2px;display:inline-block;vertical-align:middle;margin-right:6px;}

.wpartner3:before {content:"";background:#5897a5;width:2px;height:2px;display:inline-block;vertical-align:middle;margin-right:6px;}

.wpartner4:before {content:"";background:#5d8aa1;width:2px;height:2px;display:inline-block;vertical-align:middle;margin-right:6px;}

.wpartner5:before {content:"";background:#997155;width:2px;height:2px;display:inline-block;vertical-align:middle;margin-right:6px;}

.wpartner6:before {content:"";background:#4a658d;width:2px;height:2px;display:inline-block;vertical-align:middle;margin-right:6px;}

/* nav */

.nav_box{position:absolute; top:80px; right:0;}

.nav li{float:left; position:relative; margin:0 10px}

.nav li a{width:100%; float:left;display:block; text-align:center;}

.nav li a span{display:block; text-align:center; font-size:15px; color:#333; line-height:35px}

.nav li a.selected span{border-bottom:2px solid #ff6900}

.nav li a.selected2 span{border-bottom:2px solid #ff6900;color:#ff6900}

.nav li.selected .submenu{display:block;}

.nav li .submenu{display:none; position:absolute;top:100%;left:50%;transform:translate(-50%,0);width:100px;background:#FFF;box-shadow:2px 1px 6px rgba(0,0,0,0.4)}

.nav li .submenu{z-index:9999;}

.nav li .submenu li{width:100%; height:36px; float:none; padding:0; margin:0; border-bottom:1px dotted #CCC; border-right:none!important}

.nav li .submenu li a{float:none; padding:0; border:none; text-align:center; white-space:nowrap; background:none; line-height:36px; font-size:13px; color:#666;}

.nav li .submenu li a:hover{background:rgba(0,0,0,.1); font-weight:normal; color:#666; text-decoration:none;}

/* 网页底部 */

.footer {background:#262627;overflow:hidden;}

.footer .fo1 {padding:50px 0 0}

.footer .fo1 li {width:200px;border-left:1px solid rgba(245,247,250,.1);float:left;height:220px;font-size:14px;}

.footer .fo1 li a {color:#f5f7fa;line-height:32px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}

.footer .fo1 li a:hover {color:rgba(245,247,250,.5);margin-left:5px;}

.footer .fo1 li h3 {font-size:18px;color:#f5f7fa;font-weight:normal;padding-bottom:16px;}

.footer .fo1 li h3:before {content:"";width:4px;height:20px;background:rgba(245,247,250,.5);display:inline-block;vertical-align:middle;margin-top:-6px;margin-right:20px;}

.footer .fo1 li p {margin-left:24px;}

.footer .fo2 {padding:50px 0 0 50px}

.footer .fo2 p {text-align:center;font-size:14px;color:#f5f7fa;padding-top:6px;}

.footer .fo3 {width:320px;background:rgba(245,247,250,.02);padding:0 20px;text-align:right;font-size:14px;color:#f5f7fa;height:270px;}

.footer .fo3 h2 {font-size:24px;padding:50px 0 10px}

.footer .fo3 p {line-height:32px;}

.links {text-align:center;float:left;border-top:1px solid rgba(245,247,250,.1);width:100%;padding:20px 0}

.links h3 {display:inline-block;font-size:14px;color:#f5f7fa;font-weight:normal}

.links a {font-size:14px;color:#f5f7fa}

.links a:after {content:"";width:1px;height:14px;background:rgba(245,247,250,.1);display:inline-block;vertical-align:middle;margin:0 16px;}

.links a:last-child:after {background:none}

.copyright {background:#35374b;text-align:center;font-size:14px;color:#999;padding:10px 0}

/*弹窗*/

.release .iconfont,.wsign .iconfont {background:url(../images/elements.png) no-repeat -52px 0;width:16px;height:16px;display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:10px;}

.md-modal{position:fixed;top:50%;left:50%;width:50%;max-width:700px;min-width:700px;height:auto;z-index:999;visibility:hidden;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}

.md-show{visibility:visible;}

.md-overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:995;opacity:0;background:rgba(0,0,0,.5);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}

.md-show~.md-overlay{opacity:1;visibility:visible}

.md-content{background:#fff;position:relative;border-radius:0;margin:0 auto;border-radius:6px;}

.md-close {width:700px;display:inline-block;position:relative}

.md-close .btn-sm {width:30px;height:30px;border:1px solid #e1e3e7;border-radius:100%;display:inline-block;text-align:center;font-size:30px;color:#e1e3e7;line-height:22px;cursor:pointer;position:absolute;right:10px;top:10px}

.release .toast,.wsign .toast {background:#fff4e4;height:40px;width:350px;line-height:40px;border:1px solid #ff9900;padding:0 10px;font-size:14px;color:#fc703e;margin:0 auto}

#modal-5 .h3f {color:#001968;text-align:center;font-size:24px;font-weight:normal;display:block;padding-top:30px;}

#modal-5 p {color:#666;font-size:14px;text-align:center;font-weight:normal;position:relative;border-bottom:1px solid #ededed;padding-bottom:20px;}

#modal-5 .md-content .h3f {padding-top:30px;padding-bottom:0}

#modal-5 p:before {height:5px;width:80px;position:absolute;left:50%;bottom:-2px;margin-left:-40px;content:"";display:inline-block;background:#63b0ff}

.wsign {width:700px;margin:0 auto;padding:50px 0 60px}

.wsign .int_pwd {width:500px;border:1px solid #e1e3e7;text-indent:10px;margin:0 100px 20px;padding:16px 0}

.wsign .int_pwd:focus {border:1px solid #63b0ff;background:none;box-shadow:0 0 0 3px rgba(99,176,255,.2);-webkit-box-shadow:0 0 0 3px rgba(99,176,255,.2);-moz-box-shadow:0 0 0 3px rgba(99,176,255,.2)}

.wsign .btn_wrap {width:500px;height:50px;background:#77a6fd;font-size:18px;text-align:center;line-height:50px;display:inline-block;color:#fff;margin:20px 100px 0;}

.wsign .toast {margin-bottom:20px;width:500px;}



/*提醒语句*/

.cpt-toast {position:fixed;left:50%;top:50%;text-align:center;animation-duration:.3s;max-width:300px;line-height:20px;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;transform:translate(-50%,-50%);transform:translate3d(-50%,-50%,0);font-family:微软雅黑,microsoft yahei;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;word-wrap:break-word}

.bounceIn-hastrans:before {background:url(../../images/err.png) no-repeat;width:16px;height:16px;display:inline-block;vertical-align:middle;content:"";margin-top:-2px;margin-right:6px;}

.bounceInUp-hastrans:before {background:url(../../images/ok.png) no-repeat;width:16px;height:16px;display:inline-block;vertical-align:middle;content:"";margin-top:-2px;margin-right:6px}

.animated{animation-duration:.5s;animation-fill-mode:both}

.animated.infinite{animation-iteration-count:infinite}

.animated.hinge-hastrans{animation-duration:2s}

.animated.flipOutX-hastrans,.animated.flipOutY-hastrans,.animated.bounceIn-hastrans,.animated.bounceOut-hastrans.animated.bounceInUp-hastrans {animation-duration:.75s}

@keyframes bounceIn-hastrans {from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3) translate3d(-50%,-50%,0)}20%{transform:scale3d(1.1,1.1,1.1) translate3d(-50%,-50%,0)}40%{transform:scale3d(.9,.9,.9) translate3d(-50%,-50%,0)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03) translate3d(-50%,-50%,0)}80%{transform:scale3d(.97,.97,.97) translate3d(-50%,-50%,0)}to{opacity:1;transform:scale3d(1,1,1) translate3d(-50%,-50%,0)}}

@keyframes bounceInUp-hastrans {from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3) translate3d(-50%,-50%,0)}20%{transform:scale3d(1.1,1.1,1.1) translate3d(-50%,-50%,0)}40%{transform:scale3d(.9,.9,.9) translate3d(-50%,-50%,0)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03) translate3d(-50%,-50%,0)}80%{transform:scale3d(.97,.97,.97) translate3d(-50%,-50%,0)}to{opacity:1;transform:scale3d(1,1,1) translate3d(-50%,-50%,0)}}

.bounceIn-hastrans,.bounceInUp-hastrans {animation-name:bounceIn-hastrans;transform-origin:0 0}

@keyframes bounceOut-hastrans{20%{transform:scale3d(.9,.9,.9) translate3d(-50%,-50%,0)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1) translate3d(-50%,-50%,0)}to{opacity:0;transform:scale3d(.3,.3,.3) translate3d(-50%,-50%,0)}}

.bounceOut-hastrans{animation-name:bounceOut-hastrans;transform-origin:0 0}