﻿@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }

/* always display scrollbars */
body { margin: 0 auto; color: #989898; background-color: #fff; _background-attachment: fixed; _background-image: url(about:blank);

}
button,div,a{outline:none;}
html {
     font-family: arial, helvetica, sans-serif !important;
    font-size: 14px;
    color: #929292;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;

  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
h1, h2, h3, h4, h5, h6, em, i {font-weight: normal; font-style: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding: 0; }
img { border: 0;outline: none;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur());color: #545454; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
a,a:hover,a:active,a:visited,a:link,a:focus,img:active{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clear { clear: both;}
.fl{float: left;}
.fr{float: right;}

.text{text-align: center;}
.clearfix { *zoom: 1; }
.tabbox{vertical-align: middle;display: table-cell;}
.wrap{width:1200px;margin: 0 auto;}
.wrap2{width:90%;margin: 0 auto;}
.hide{display: none;}



.xxxx:hover  img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}

.xxx:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#83bc2b; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.xxx:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}


@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width:0.2px;
  -moz-osx-font-smoothing:grayscale;
}

/*commn*/
.swiper-pagination-bullet-active{background:#e00!important}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#999;opacity:1!important}
/*commn*/

.a:hover img{ -webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}



@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.div{transition:all 0.5s; animation-name:fadeInUp; animation-delay:0.2s;}





/*过渡*/
.aaa{
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}


figcaption {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 10;
}
figcaption::before,figcaption::after {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    content: '';
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
}
figcaption::before {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
figcaption::after {
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
div:hover figcaption::before,div:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/**手机菜单**/
header.scoll{ position:fixed; left:0; top:0; box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.5);width: 100%;z-index: 30;}
.navBtn{ background:#fff; width:55px; height:55px; position:absolute; right:0; top:9px; cursor:pointer; z-index:20; display:none; -webkit-transition: all ease 0.3s; transition: all ease 0.3s;}
.navBtn span { position:absolute; top:18px; display:block; width:34px; height:3px; left:13px; background-color:#009dff; -webkit-transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s; transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; }
.navBtn span:nth-of-type(2) { top: 28px; }
.navBtn span:nth-of-type(3) { top: 38px; bottom: 0; -webkit-transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s; transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s; transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s; transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s, -webkit-transform 0.2s; }
.navBtn.expanded:hover span { transform: scale(0.9); }
.navBtn.expanded span:nth-of-type(1) { top:28px; transform: rotate(45deg); transition: top 0.2s, transform 0.2s 0.2s, background 0.2s; -webkit-transform: rotate(45deg); -webkit-transition: top 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s; }
.navBtn.expanded span:nth-of-type(2) { opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
.navBtn.expanded span:nth-of-type(3) { top:28px; transform: rotate(-45deg); transition: bottom 0.2s, transform 0.2s 0.2s, background 0.2s; -webkit-transform: rotate(-45deg); -webkit-transition: bottom 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s; }

.navPup-ibox{ position:fixed; top:0; left:0; width:100%; height:100%; z-index: 20; background: #fff; transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s; -webkit-transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s;}
.navPup-ibox.cur { transform: translateY(0); -webkit-transform: translateY(0);}
.nav-list { background:#3e85bc; height:100%; }
.nav-list li { position:relative; line-height:40px; font-size:16px; text-align:center; border-bottom:1px solid #05528e; border-top:1px solid #599cd0;}
.nav-list li a.far{ display:block; color:#fff; width:100%; }
.nav-list li a.current, .nav-list li a.far:hover{ background-color:#05528e;}

.nav-list li .msubnav{ background:#f5f5f5; padding:5px 0; display:none;}
.nav-list li .msubnav a{ display:block; font-size:14px; color:#777; line-height:28px; }
.nav-list li .msubnav a:hover{ color:#05528e;}
@-moz-keyframes subnav-open { 0% {
-moz-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-moz-transform:scaleY(1);
transform:scaleY(1)
}
}
@-webkit-keyframes subnav-open { 0% {
-webkit-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes subnav-open { 0% {
-moz-transform:scaleY(0.85);
-ms-transform:scaleY(0.85);
-webkit-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-moz-transform:scaleY(1);
-ms-transform:scaleY(1);
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}


/*@font-face {
    font-family: 'Light';
    src: url('../css/fonts/SourceHanSansCN-Light.otf');
}*/





/*联系我们_留言板*/
footer{background:#6f6f6f;padding:65px 0 35px 0;}
.gcFooter .menu{ color:#939393; font-size:16px; line-height:40px;}
.gcFooter .menu a{ color:#fff; padding:0 5px;}


footer .b .ewm img{width: 110px;height: 110px;}
footer .b .ewm p{color:#c4c4c4;}

footer .b .copy p{color:#c4c4c4;line-height: 30px;}
footer .b .copy a{color:#c4c4c4;}
footer .c{margin:40px 0 15px 0;border-top:1px #838383 solid;border-bottom:1px #838383 solid;padding:20px 0;}
footer .c .item{float:left;color:#fff;line-height:35px;margin-right: 32px;}
footer .c .item img{margin-right: 18px;vertical-align: middle;}
footer .c .item a{color:#fff;}
footer .c .item.link{float:right;position: relative; margin-right:0;}
footer .c .item.link:before{content:'';position: absolute;right:1em;top:0;width: 10px;height: 100%;background:url(../images/02_55.png) no-repeat center;}
footer .c .item.link select{width: 262px;height: 35px;background:#4d4d4d;color:#a0a0a0;padding-left: 1em;border:none;}

.nybanner{}
.nybanner img{display:block;width: 100%;}

header.scoll{position: fixed;height: 65px;transition:400ms;}
header.scoll .nav li{line-height: 65px;}
header.scoll .nav li .subnav,header.scoll .R .search_box{top:65px;}
header.scoll .nav li.on a:before{top:95%;}

header{background:#fff;left:0;top:0;z-index: 25;height: 107px;position: relative;}
header .wrap2{height: 100%;}
header .logo{height: 100%;}
header .logo span{height: 100%;vertical-align: middle;display: inline-block;}
header .logo img{vertical-align: middle;max-width: 96%;}

header .nav{height: 100%;margin-left: 2em;}
header .nav li{float:left;position:relative;line-height: 107px;padding:0 25px;}
header .nav li a{color:#333333;font-size: 18px;display:block;position:relative;}
header .nav li .subnav {background:rgba(98,184,233,.8);display: none;left:0;position: absolute;text-align: center;top:107px;width:100%;z-index: 15;}
header .nav li .subnav a {background:none;color:#fff;font-size:14px;height:41px;line-height:41px;position: relative; font-weight:normal;}
header .nav li.on .subnav a{color:#fff;}
header .nav li .subnav a:before{display:none;}
header .nav li .subnav a:after{content:'';position: absolute;right:1.3em;top:0%;width: 5px;height:100%;background:url(../images/sj1.png) no-repeat center;transition:400ms;opacity:0;}
header .nav li .subnav a:hover:after{right:.8rem;opacity:1;}
header .nav li .subnav a:hover{background:rgba(236,158,8,1);}
header .nav li.on a{color:#0090e2;}
header .nav li.on a:before{content:'';position: absolute;left:0;top:71%;width: 100%;height:3px;background:#0090e2;}

header .R{height: 100%;width: 16%;position: absolute;right:0;top:0;}
header .R a{float:left;width: 33%;text-align: center;height: 100%;display:table;position: relative;}
header .R a:before{content:'';position: absolute;left:0;top:0;width: 1px;height: 100%;background:#e9e9e9;}
header .R a span{margin-bottom: 10px;height: 30px;line-height: 30px;}
header .R a span img{vertical-align: middle;}
header .R a span .img1{display:initial;}
header .R a span .img2{display:none;}
header .R a p{color:#736f6f;}
header .R a:hover .img1{display:none;}
header .R a:hover .img2{display:initial;}
header .R a:hover p{color:#0090e2;}
header .R a.search.cur .img1{display:none;}
header .R a.search.cur .img2{display:initial;}
header .R a.search.cur p{color:#0090e2;}
header .R .search_box{background:#fff;position:absolute;right:0;top:107px;margin:0;width:280px;display:none;z-index: 999;border-top: 1px #e9e9e9 solid;}
header .R .search_box .padd{padding:9px;}
header .R .search_box .inp_box{width:70%;border:none;padding:0 4%;margin:0;background:#eaeaea;height:44px;line-height:44px;color:#333; font-size: 14px;}
header .R .search_box .search_ico{width:22%;}
header .R .search_box .search_ico button{font-weight: bold;color: #fff;font-size: 16px;width: 100%;line-height: 31px;border:none;display: inline-block;text-align: center;cursor:pointer;background:#fff;z-index: 4;position:relative;height: 44px;background:#009dff;}
header .R .search_box .search_ico button img{vertical-align: middle;}



.submenu{height: 62px;background: #f3f3f3;text-align: center;}
.submenu .wrap{position: relative;height: 100%;}
.submenu .box{position: absolute;left:0;bottom:0;background:#0090e2;min-width: 249px;padding:20px;text-align: left;}
.submenu .box h4{color:#fff;font-size: 30px;font-weight: 800;}
.submenu .box p{color:#73ccff;font-weight: 800;font-size: 22px;text-transform:uppercase;}
.submenu .box b{display:block;width: 58px;height: 2px;background:#fff;margin:10px 0;}
.submenu .box:before{content:'';position: absolute;right:0;top:0;width: 27px;height: 27px;background:url(../images/02_19.png) no-repeat;}
.submenu a{padding:0 25px;font-size: 18px;color:#444444;line-height: 62px;position: relative;display:inline-block;}
.submenu a.on{background:#fff;}
.submenu a.on:before{content:'';position: absolute;right:0;bottom:0;width: 100%;height: 4px;background:#0090e2;}
.submenu .box2{display:inline-block;}
.submenu .box2.marign{margin-left:230px;}

.cont{padding:79px 0;}
.leave{height: 709px;}
.leave .L{width: 50%;height: 100%;position: relative;}
.leave .L img{display:block;width: 100%;height: 100%;}
.leave .L .txt{position: absolute;left:70px;top:60px;}
.leave .L .txt h4{font-size: 30px;color:#000;}
.leave .L .txt p{color:#000;}
.leave .R{width: 49.9%;height: 100%;border:1px #e9e9e9 solid;border-left: none;}
.leave .R .padd{padding:52px;}
.leave .R .item{margin-bottom: 28px;}
.leave .R .item .name{width:41px;line-height: 50px;}
.leave .R .item .name img{vertical-align: middle;}
.leave .R .item .mian{width:90%;}
.leave .R .item .mian input{height: 50px;border:1px #e9e9e9 solid;border-radius: 5px;padding-left: 3%;width: 97%;background:#fafafa;color:#333;}
.leave .R .item .mian textarea{height: 160px;border:1px #e9e9e9 solid;border-radius: 5px;padding:2% 0 2% 3%;width: 97%;background:#fafafa;color:#333;resize: none;}
.leave .R .item .mian .yzm{width: 147px;float:left;}
.leave .R .item .mian span{display:inline-block;float:left;margin-left: 15px;line-height: 50px;}
.leave .R .item .mian span img{vertical-align: middle;}
.leave .R .item .mian a{display:inline-block;float:left;margin-left: 22px;color:#0090e2;line-height: 50px;}
.leave .R .item .mian button{width: 100%;height: 62px;background:#0090e2;color:#fff;font-size: 24px;border-radius: 5px;border:none;cursor:pointer;}





/*联系我们*/
.map{border:1px #d8d8d8 solid;overflow:hidden;}
.map img{display:block;width: 100%;}
.addre2{background:#fafafa;padding:60px 0;}
.addre2 .wrap{display: flex;flex: 0 0 100%;justify-content: space-between;}
.addre2 .item{flex:none;padding-left:117px;position:relative;}
.addre2 .item img{position:absolute;left:0;top:0;}
.addre2 .item h4{font-size: 16px;color:#000000;font-weight: 800;margin-bottom: 5px;margin-top: 5px;}
.addre2 .item p{font-size: 14px;color:#000000;line-height: 30px;}




/*检测知识*/
.paging{text-align:center;}
.paging .box{border:1px #d8d8d8 solid;display:inline-block;}
.paging a{padding:0 22px;height: 43px;line-height: 43px;color:#555555;display:inline-block;}
.paging a:hover{background:#ff9600;color:#fff;font-weight: 600;}
.paging .nowpage {background:#ff9600;color:#fff;font-weight: 600;padding:0 22px;height: 43px;line-height: 43px;display:inline-block;}

.type_list{margin-right: -2%;margin-bottom: 35px;}
.type_list .item{float:left;border:1px #e2e2e2 solid;width: 47.8%;margin:0 2% 2% 0;position: relative;}
.type_list .item .padd{padding:13px;position:relative;z-index: 15;}
.type_list .item .pic{width: 35%;}
.type_list .item .pic img{display:block;width: 100%;}
.type_list .item .txt{width: 60%;}
.type_list .item .txt .t{color:#444444;line-height:24px;font-size: 18px;height: 48px;overflow:hidden;}
.type_list .item .txt .t a{color:#444444;}
.type_list .item .txt .c{color:#555555;line-height:24px;margin-top: 5px;height: 48px;overflow:hidden;}
.type_list .item .txt .b{margin-top: 18px;}
.type_list .item .txt .b span{color:#888888;font-size: 12px;line-height: 24px;margin-right: 25px;}
.type_list .item .txt .b span img{margin-right:5px;vertical-align: middle;}
.type_list .item .txt .b span a{color:#888888;}
.type_list .item:hover .t a{color:#73ccff;text-decoration: underline;}
.type_list .item:hover figcaption::before,.type_list .item:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.type_list .item figcaption::before {
    border-top: 2px solid #0090e2;
    border-bottom: 2px solid #0090e2;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.type_list .item figcaption::after {
    border-right: 2px solid #0090e2;
    border-left: 2px solid #0090e2;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.type_list .item figcaption::before,.type_list .item figcaption::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
}







/*客户服务_常见问题*/
.join_m{}
.join_m .list{margin-bottom: 60px;}
.join_m .list .item{background:#f3f3f3;cursor:pointer;font-size: 18px;color:#555555;height: 50px;line-height: 50px;padding:0 60px 0 23px;margin-bottom: 1px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.join_m .list .item:before{content:'';position: absolute;right:23px;top:0;width: 24px;background:url(../images/tb202.png) no-repeat center;height: 100%;}
.join_m .list .item.on{background:#0090e2;color:#fff;}
.join_m .list .item.on:before{background:url(../images/tb201.png) no-repeat center;}
.join_m .list .txt{padding:30px 23px;display:none;border:1px #0090e2 solid;margin-top: -1px;}
.join_m .list .txt p{font-size: 14px;color:#4f4f4f;line-height:30px;}


/*团队与设备*/
.sblist{margin-right: -2%;margin-bottom: 50px;}
.sblist li{float:left;border:1px #e4e4e4 solid;width: 31%;margin:0 2% 2% 0;transition:400ms;}
.sblist li p{height: 50px;line-height: 50px;background:#a7a7a7;text-align: center;color:#fff;font-size: 18px;padding:0 .5em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition:400ms;
}
.sblist li .pic{height: 261px;text-align: center;overflow:hidden;line-height: 261px;}
.sblist li .pic img{max-height: 100%;max-width: 100%;vertical-align: middle;}
.sblist li:hover p{background:#0090e2;color:#fff;}
.sblist li:hover{border-color: #0090e2;}





/*检测项目*/
.testing{}
.testing .t{text-align: center;color:#444444;font-size:24px;font-weight: 800;}
.testing .mian{position: relative;}
.test_swiper,.test_swiper .swiper-slide{width:100%;}
.test_swiper,.test_swiper .swiper-wrapper,.test_swiper .swiper-wrapper .swiper-slide{height: auto !important;}
.test_swiper{padding:130px 0 70px 0;}
.test_swiper .pagination {position: absolute;z-index: 20;left:0;bottom:0;width: 100%;text-align: center;  }
.test_swiper .swiper-pagination-switch:nth-child(2),.test_swiper .swiper-pagination-switch:nth-child(3),.test_swiper .swiper-pagination-switch:nth-child(4),.test_swiper .swiper-pagination-switch:nth-child(6),.test_swiper .swiper-pagination-switch:nth-child(7),.test_swiper .swiper-pagination-switch:nth-child(8){display:none;}


.test_swiper .swiper-pagination-switch {display: inline-block;width:11px;height:11px;margin:0 4px;cursor: pointer;background:#fff;border:1px #a2a2a2 solid;border-radius: 11px;}
.test_swiper .swiper-visible-switch {}
.test_swiper .swiper-active-switch {background: #ff9000;border-color: #ff9000;}
.testing .arrow-left,.testing .arrow-right{position: absolute;width:31px;height:55px;top: 49%;z-index: 10;cursor:pointer;transition:400ms;}
.testing .arrow-left {left:-63px;background: url(../images/left1.png) no-repeat;}
.testing .arrow-right{right: -63px;background: url(../images/right1.png) no-repeat;}
.testing .arrow-left:hover{background: url(../images/left10.png) no-repeat;}
.testing .arrow-right:hover{background: url(../images/right10.png) no-repeat;}


.test_swiper .box{border:1px #d8d8d8 solid;position: relative;width: 90%;}
.test_swiper .box .padd{padding:19px;}
.test_swiper .box b{height: 69px;display:block;}
.test_swiper .box .tb{background:url(../images/tb4_03.png) no-repeat;text-align: center;width: 114px;height: 132px;line-height: 132px;margin:0 auto;position: absolute;top:0;z-index: 10;transition:400ms;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.test_swiper .box .tb img{vertical-align: middle;max-width: 95%;max-height: 95%;}
.test_swiper .box .txt{}
.test_swiper .box .txt h4{color:#3d3d3d;font-size:24px;text-align: center;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.test_swiper .box .txt p{color:#3d3d3d;font-size: 14px;line-height: 30px;height: 120px;overflow:hidden;}
.test_swiper .box .btn{margin-top: 50px; overflow:hidden;}
.test_swiper .box .btn a{width: 112px; height: 37px;line-height: 37px; float:left; background:#0090e2;color:#fff;display:block;text-align: center; float:left; margin:0 2px; transition:400ms;}
.test_swiper .box .btn a:first-child{ background:#0abbd7;}
.test_swiper .swiper-slide:hover .btn a{background:#f5a11d;}
.test_swiper .swiper-slide:hover .btn a:first-child{ background:#0abbd7;}
.test_swiper .swiper-slide:hover .tb{background:url(../images/tb4_05.png) no-repeat;}




/*新闻资讯*/
.new_top{position: relative;padding-bottom: 39px;height: 418px;}
.new_swiper,.new_swiper .swiper-slide{width:100%;}
.new_swiper,.new_swiper .swiper-wrapper,.new_swiper .swiper-wrapper .swiper-slide{height: 100% !important;}
.new_swiper{padding:0 0 39px 0;}
.new_swiper .pagination {position: absolute;z-index: 20;left:0;bottom:0;width: 100%;text-align: center;}
.new_swiper .swiper-pagination-switch {display: inline-block;width:11px;height:11px;margin:0 4px;cursor: pointer;background:#fff;border:1px #a2a2a2 solid;border-radius: 11px;}
.new_swiper .swiper-visible-switch {}
.new_swiper .swiper-active-switch {background: #ff9000;border-color: #ff9000;}
.new_top .arrow-left,.new_top .arrow-right{position: absolute;width:44px;height:68px;top: 40%;z-index: 10;cursor:pointer;transition:400ms;background:rgba(0,0,0,.5);text-align: center;line-height: 68px;}
.new_top .arrow-left img,.new_top .arrow-right img{vertical-align: middle;}
.new_top .arrow-left {left:0;border-radius: 0 5px 5px 0;}
.new_top .arrow-right{right: 0;border-radius: 5px 0 0 5px;}
.new_top .arrow-left:hover,.new_top .arrow-right:hover{background: #2371c9;}

.new_swiper .L{width: 50%;height: 100%;overflow:hidden;}
.new_swiper .L img{width: 100%;height: 100%;display:block;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.new_swiper .R{width: 50%;height: 100%;background:#f2f2f2;position: relative;}
.new_swiper .R:before{content:'';position: absolute;right:0;top:0;background:url(../images/b1.png) no-repeat;width: 86px;height: 86px;}
.new_swiper .R .padd{padding:66px 40px;}
.new_swiper .R .t{color:#333333;font-size: 24px;font-weight: 800;height: 62px;overflow:hidden;}
.new_swiper .R .t a{color:#333333;}
.new_swiper .R .date{line-height: 24px;font-size: 12px;color:#888888;height: 24px;margin:18px 0;}
.new_swiper .R .date img{vertical-align: middle;margin-right:5px;}
.new_swiper .R .c{color:#000000;line-height:30px;max-height: 90px;overflow:hidden;}
.new_swiper .R .b{margin-top: 25px;}
.new_swiper .R .b span{margin-right: 20px;}
.new_swiper .R .b span,.new_swiper .R .b a{font-size: 12px;color:#888888;line-height: 37px;}
.new_swiper .R .b span img,.new_swiper .R .b a img{vertical-align: middle;margin-right: 6px;}
.new_swiper .R .b a.btn{width: 124px;height: 37px;line-height: 37px;border:1px #d0d0d0 solid;display:inline-block;text-align: center;border-radius: 5px;color:#444444;}
.new_swiper .R .b a.btn b{color:#9e9e9e;font-size: 14px;font-family: 宋体;margin-left: 12px;}
.new_swiper .swiper-slide:hover .t a{color:#2371c9;}
.new_swiper .swiper-slide a.btn:hover{color:#fff;background:#2371c9;border-color: #2371c9;}
.new_swiper .swiper-slide a.btn:hover b{color:#fff;}
.new_swiper .swiper-slide:hover .L img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}

.new_list{margin-bottom: 60px;}
.new_list .item{border-bottom: 1px #e5e5e5 solid;padding:50px 42px;transition:400ms;}
.new_list .item .L{position: relative;padding-right: 23px;}
.new_list .item .L:before{content:'';position:absolute;right:0;top:0;width: 1px;height: 100%;background:#d4d4d4;}
.new_list .item .L h2{color:#3c3835;font-size: 48px;}
.new_list .item .L p{color:#757575;font-size: 14px;}
.new_list .item .C{width: 66%;margin-left: 3%;}
.new_list .item .C .t{color:#333333;font-size: 24px;font-weight: 800;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font-family: MicrosoftYaHeiUI;}
.new_list .item .C .date{line-height: 24px;font-size: 12px;color:#888888;height: 24px;margin:18px 0;}
.new_list .item .C .date img{vertical-align: middle;margin-right:5px;}
.new_list .item .C .c{color:#000000;line-height:30px;max-height: 90px;overflow:hidden;}
.new_list .item .C .b{margin-top: 15px;}
.new_list .item .C .b span{margin-right: 20px;}
.new_list .item .C .b span,.new_swiper .R .b a{font-size: 12px;color:#888888;line-height: 37px;}
.new_list .item .C .b span img,.new_list .item .C .b a img{vertical-align: middle;margin-right: 6px;}
.new_list .item:hover .C .t a{color:#2371c9;}
.new_list .item .R{width: 20%;overflow:hidden;}
.new_list .item .R img{display:block;width: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}

.new_list .item .C2{width:88%;margin-left: 3%;}
.new_list .item .C2 .t{color:#333333;font-size: 24px;font-weight: 800;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font-family: MicrosoftYaHeiUI;}
.new_list .item .C2 .date{line-height: 24px;font-size: 12px;color:#888888;height: 24px;margin:18px 0;}
.new_list .item .C2 .date img{vertical-align: middle;margin-right:5px;}
.new_list .item .C2 .c{color:#000000;line-height:30px;max-height: 90px;overflow:hidden;}
.new_list .item .C2 .b{margin-top: 15px;}
.new_list .item .C2 .b span{margin-right: 20px;}
.new_list .item .C2 .b span,.new_swiper .R .b a{font-size: 12px;color:#888888;line-height: 37px;}
.new_list .item .C2 .b span img,.new_list .item .C2 .b a img{vertical-align: middle;margin-right: 6px;}
.new_list .item:hover .C2 .t a{color:#2371c9;}
.new_list .item:hover .R img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.new_list .item:hover{background:#f6f6f6;}


/*走进国测_发展历程*/
.course{height: 538px;}
.course .L{width: 50%;height: 100%;}
.course .L img{display:block;width: 100%;height: 100%;}
.course .R{width: 50%;height: 100%;background:#f2f2f2;}
.course .R .padd{padding:34px 24px;}
.course .R li{margin-bottom: 30px;}
.course .R li .year{height: 36px;line-height: 36px;padding:0 16px;font-weight: 800;color:#fff;font-size: 18px;background:#a9a9a9;position: relative;}
.course .R li .year:before{content:'';position:absolute;right:-15px;top:0;width: 15px;height: 16px;background:url(../images/tb5.png) no-repeat;}
.course .R li .txt{width: 390px;font-size: 16px;color:#555;line-height:24px;}
.course .R ul{height: 475px;overflow-y: auto;}
.course .R ul::-webkit-scrollbar{width:7px;height: 5px;}/*滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等*/
.course .R ul::-webkit-scrollbar-button{  background-color:#f2f2f2;}/*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
.course .R ul::-webkit-scrollbar-track{background:#dbdbdb;width: 2px;}/*外层轨道*/
.course .R ul::-webkit-scrollbar-track-piece {background:#f2f2f2;}/*内层轨道，滚动条中间部分（除去）*/
.course .R ul::-webkit-scrollbar-thumb{background:#0090e2;border-radius:7px;width: 7px;}/*滚动条里面可以拖动的那部分*/
.course .R ul::-webkit-scrollbar-corner {background:#f2f2f2;}/*边角*/
.course .R ul::-webkit-scrollbar-resizer  {background:#f2f2f2;}/* 定义右下角拖动块的样式*/
.course .R li:hover .year{background:#ff7800;}
.course .R li:hover .year:before{background:url(../images/tb50.png) no-repeat;}



/*走进国测_公司资质*/
.aptitude{margin-right: -2%;margin-bottom: 45px;}
.aptitude .item{width: 31%;margin:0 2% 2% 0;border:1px #dadada solid;position:relative;float:left;height: 298px;text-align: center;}
.aptitude .item img{display:inline-block;max-width: 100%;max-height: 100%;}
.aptitude .item p{position: absolute;left:0;bottom:0;background:rgba(0,0,0,.5);color:#fff;font-size: 16px;line-height: 48px;text-align: center;width: 96%;padding:0 2%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pswp__caption small{display:none;}
.aptitude .item:hover p{background:#0090e2;}




/*新闻详情页*/
.newmin{}
.newmin .top{text-align: center;font-weight: 800;font-size: 30px;color:#333333;}
.newmin .browse{font-size: 12px;color:#888;border-bottom: 1px #e5e5e5 solid;padding-bottom: 16px;margin-top: 20px;}
.newmin .browse span a{color:#888;}
.newmin .browse span{margin-right: 20px;}
.newmin .browse span img{margin-right: 5px;}
.newmin .browse .R a{margin-right: 13px;}
.newmin .about_txt{font-size:18px;}
.newmin .about_txt img{max-width: 100%;}
.newmin .about_txt p{line-height: 36px;font-size: 18px;color:#333333;}
.newmin .txt{margin-bottom: 100px;margin-top: 40px;}
.newmin .txt p{line-height: 36px;font-size: 18px;color:#333333;}
.newmin .paging2{border-top:1px #e5e5e5 solid;}
.newmin .paging2 a{font-size: 16px;color:#666666;height: 59px;line-height: 59px;padding-right: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom:1px #e5e5e5 solid;display:block;position: relative;padding:0 15px;}
.newmin .paging2 a .date{position: absolute;right:15px;top:0;font-size: 14px;color:#666666;}
.newmin .paging2 a:hover{background-color: #f8f8f8;}



/*走进国测_人才招聘*/
.zplist{margin-right: -2%;}
.zplist .item{float:left;width: 31%;margin:0 2% 2% 0;border:1px #e0e0e0 solid;}
.zplist .item .t{height: 194px;}
.zplist .item .t .padd{padding:20px 23px;}
.zplist .item .t h4{font-size:24px;color:#333333;margin-bottom:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zplist .item .t p{font-size:14px;color:#333333;line-height: 30px;}
.zplist .item .b{height:45px;line-height: 45px;text-align: left;background:#f7f7f7;position:relative;transition:400ms;padding-left: 16px;}
.zplist .item .b a{font-size:14px;color:#888888;display:block;}
.zplist .item .b:before{content:'';position:absolute;right:4%;top:0;width: 11px;height: 100%;background:url(../images/sj4.png) no-repeat center;}
.zplist .item:hover{border-color: #0090e2;}
.zplist .item:hover .b{background:#0090e2;border-color: #0090e2;}
.zplist .item:hover .b a{color:#fff;}
.zplist .item:hover .b:before{background:url(../images/sj5.png) no-repeat center;}

.mask{position: fixed;left:0;top:0;background:rgba(0,0,0,.8);width: 100%;height: 100%;z-index:30;display: none;}
.zppupo{background: #fff;width: 1035px;height: 702px;display: none;position: fixed;left: 50%;top: 50%;z-index: 32;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.zppupo .close{position: absolute;right:15px;top:15px;width: 24px;height: 24px;background:url(../images/close.png) no-repeat;cursor:pointer;}
.zppupo .padd{padding:0 53px;}
.zppupo .foot{background:#f3f3f3;position: absolute;left:0;bottom:0;padding:40px 4%;width: 92%;}
.zppupo h2{color:#2d2d2d;font-size: 30px;margin-top: 1em;}
.zppupo .top{background:#f9f9f9;margin-top: 20px;padding:15px 2%;border:1px #e7e7e7 solid;margin-right: -2%;width: 96%;}
.zppupo .top .item{line-height: 30px;color:#2d2d2d;font-size:16px;float:left;width: 31.33%;margin:0 2% 0 0;}
.zppupo .list{margin-top: 32px;max-height: 382px;overflow-y: auto;line-height: 26px;color:#333;}
.zppupo .list p{color:#2d2d2d;font-size:16px;line-height: 30px;}
.zppupo .list h4{color:#2d2d2d;font-size:16px;font-weight: 800;}
.zppupo .foot{background:#0090e2;line-height:30px;padding:20px 0;text-align: center;color:#fff;font-size:16px;width: 100%;}
.zppupo .list::-webkit-scrollbar{width:5px;height: 5px;}
.zppupo .list::-webkit-scrollbar-button{  background-color:#fff;}
.zppupo .list::-webkit-scrollbar-track{background:#fff;}
.zppupo .list::-webkit-scrollbar-track-piece {background:#fff);}
.zppupo .list::-webkit-scrollbar-thumb{background:#0090e2;border-radius:4px;}/*滚动条里面可以拖动的那部分*/
.zppupo .list::-webkit-scrollbar-corner {background:#fff;}
.zppupo .list::-webkit-scrollbar-resizer  {background:#fff;}
.zwscreen{background:#f2f2f2;padding:30px 40px;margin:58px 0 44px;}
.zwscreen h4{color:#444444;font-size:24px;font-weight: 800;text-align: center;}
.zwscreen .mian{margin-top: 27px;margin-right: -2%;}
.zwscreen .mian .date{background:url(../images/02_55.png) no-repeat 95% center #f2f2f2 !important;border:1px #cbcbcb solid !important;border-radius: 5px !important;height: 41px !important;line-height: 41px !important;}


.zwscreen .mian .item{height: 43px;background: #f2f2f2;border-radius: 5px;margin-right:2%;width:22.8%;position: relative;float:left;}
.zwscreen .mian .item.select:before{content: '';position: absolute;right: 4%;top:0;width: 11px;height: 100%;background: url(../images/02_55.png) no-repeat center;}
.zwscreen .mian .item input{border:none;height: 41px;line-height:41px;background: #ffff;padding:0 4%;width:92%;border-radius: 5px;font-size:16px;color: #333;}
.zwscreen .mian .item button{width: 100%;height: 100%;background:#0090e2;border:none;border-radius: 5px;font-size: 18px;color:#ffffff;cursor:pointer;}

.select01{width:100%;height: 41px;position: relative;border:1px #cbcbcb solid;border-radius: 5px;cursor: pointer;}
.select01_td{position: absolute;left: 0;top:0;width:94%;height: 100%;font-size:16px;color: #333;line-height: 45px;padding:0 3%;}
.select01_list{z-index: 90;}
.select01 ol{position: absolute;left: 0;top:42px;width:100%;display: none;max-height: 200px;overflow-y: auto;}
.select01 ol::-webkit-scrollbar{width:5px;height: 5px;}/*滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等*/
.select01 ol::-webkit-scrollbar-button{  background-color:#f5f5f5;}/*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
.select01 ol::-webkit-scrollbar-track{background:#eee;}/*外层轨道*/
.select01 ol::-webkit-scrollbar-track-piece {background:#0090e2);}/*内层轨道，滚动条中间部分（除去）*/
.select01 ol::-webkit-scrollbar-thumb{background:#0090e2;border-radius:4px;}/*滚动条里面可以拖动的那部分*/
.select01 ol::-webkit-scrollbar-corner {background:#82AFFF;}/*边角*/
.select01 ol::-webkit-scrollbar-resizer  {background:#e1e1e1;}/* 定义右下角拖动块的样式*/
.select01 ol li{line-height:41px;height: 41px;color: #fff;font-size:16px;border-bottom: 1px #7d7d7d solid;cursor: pointer;margin-right:0;background: rgba(0,0,0,.7);margin-bottom:0;position: relative;padding:0 3%;}
.select01 ol li:hover{background: #0090e2;}


.rcslogan{height: 418px;}
.rcslogan .L{width: 50%;height: 100%;overflow:hidden;}
.rcslogan .L img{display:block;width: 100%;height: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.rcslogan .R{width: 50%;height: 100%;background: #f2f2f2;display:table;}
.rcslogan .R .tabbox{padding:0 30px;}
.rcslogan .R h4{font-size:24px;color: #444444;font-weight: 800;margin-bottom: 25px;}
.rcslogan .R p{font-size:16px;color: #000000;line-height: 36px;}
.rcslogan:hover .L img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}




/*走进国测_公司简介*/
.info{}
.info li{float:left;width: 50%;overflow:hidden;}
.info img{max-width: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.info img:hover,.info li:hover img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.info p{font-size:18px;color: #000000;line-height: 36px;}
.info_t{padding-top: 45px;background:#f9f9f9;}
.info_t h4{text-align: center;font-size:30px;color: #444444;font-weight: 800;}
.info_t .b{margin-top: 36px;border-top:1px #eaeaea solid;border-bottom:1px #eaeaea solid;}
.info_t .b table{width: 100%;}
.info_t .b td{width: 14.6%;height: 172px;padding-left: 2%;border-right:1px #eaeaea solid;transition:400ms;position: relative;z-index: 4;overflow:hidden;}
.info_t .b td h4{font-size:24px;color: #555555;font-weight: 800;text-align:left;margin-bottom: 13px;}
.info_t .b td p{font-size:14px;color: #555555;}
.info_t .b td:hover{background:#fff;}
.info_t .b td:before{ content:""; width:100%; height:4px; position:absolute; left:0; bottom:0; z-index: -1; background-color:#0090e2; transform-origin:center; -webkit-transform-origin:center; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.info_t .b td:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}
.info_t .b td:hover *{color:#0090e2;}




/*index*/
.banner{}
.banner_swiper,.banner_swiper .swiper-slide{width:100%;}
.banner_swiper,.banner_swiper .swiper-wrapper,.banner_swiper .swiper-wrapper .swiper-slide{height: auto !important;}
.banner_swiper .pagination {position: absolute;z-index: 20;left:0;bottom:52px;width: 100%;text-align: center;}
.banner_swiper .swiper-slide img{display:block;width: 100%;}
.banner_swiper .swiper-pagination-switch {display: inline-block;width:13px;height:13px;margin:0 8px;cursor: pointer;background:rgba(0,0,0,.5);border-radius: 13px;}
.banner_swiper .swiper-visible-switch {}
.banner_swiper .swiper-active-switch {background: #f1790e;width: 25px;}


.facility{}
.facility .t{background:#f9f9f9;}
.facility .t .padd{padding:45px 50px;}
.facility .t h4{font-size:36px;color: #444444;font-weight: 800;}
.facility .t p{font-size:18px;color: #444444;}
.facility .t p strong{color:#ec9e08;font-size: 24px;text-transform: uppercase;}
.facility .b{border-top:1px #f0f0f0 solid;border-bottom:1px #f0f0f0 solid;height: 518px;}
.device_swiper{overflow:visible !important;}
.device_swiper,.device_swiper .swiper-slide{width:100%;}
.device_swiper,.device_swiper .swiper-wrapper,.device_swiper .swiper-wrapper .swiper-slide{height: 100% !important;}
.device_swiper .pagination {position: absolute;z-index:10;right:3%;top:-72px;width:auto;}
.device_swiper .swiper-pagination-switch {display: inline-block;width:11px;height:11px;margin:0 9px;cursor: pointer;background:#c7c7c7;border-radius: 11px;}
.device_swiper .swiper-visible-switch {}
.device_swiper .swiper-active-switch {background: #0090e2;}
.device_swiper .pic{height: 370px;line-height: 370px;text-align: center;margin-top: 30px;}
.device_swiper .pic img{vertical-align: middle;max-width: 100%;max-height: 100%;}
.device_swiper .txt{font-size: 24px;color:#444444;text-align: center;height: 47px;line-height: 47px;position: relative;margin-top: 30px;}
.device_swiper .txt a{display:block;padding:0 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.device_swiper .txt b{width: 47px;height: 47px;background:url(../images/tb6.png) no-repeat;position:absolute;right:50px;top:0;display:inline-block;}
.device_swiper .swiper-slide{border-right:1px #f0f0f0 solid;}
.device_swiper .swiper-slide:hover .txt b{background:url(../images/tb601.png) no-repeat;}
.device_swiper .swiper-slide:hover .txt a{color:#0090e2;}
.device_swiper .swiper-wrapper{overflow:hidden;}



.device_swiper .swiper-slide{position: relative;}
.device_swiper .swiper-slide .box{position: relative;z-index: 15;}
.device_swiper .swiper-slide:hover figcaption::before,.device_swiper .swiper-slide:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.device_swiper .swiper-slide figcaption::before {
    border-top: 2px solid #0090e2;
    border-bottom: 2px solid #0090e2;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.device_swiper .swiper-slide figcaption::after {
    border-right: 2px solid #0090e2;
    border-left: 2px solid #0090e2;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.device_swiper .swiper-slide figcaption::before,.device_swiper .swiper-slide figcaption::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
}

.facility .b{position:relative;}
.facility .b .arrow-left,.facility .b .arrow-right{position: absolute;width:31px;height:55px;top: 49%;z-index: 10;cursor:pointer;transition:400ms;display:none;}
.facility .b .arrow-left {left:5px;background: url(../images/left1.png) no-repeat;}
.facility .b .arrow-right{right: 5px;background: url(../images/right1.png) no-repeat;}
.facility .b .arrow-left:hover{background: url(../images/left10.png) no-repeat;}
.facility .b .arrow-right:hover{background: url(../images/right10.png) no-repeat;}


.perfoA{margin:51px 0 84px 0;position: relative;height: 518px;}
.perfoA .L{width: 70%;height: 100%;position: relative;}

.perfoA .L .bd ul,.perfoA .L .bd{width: 100%;height: 100%;overflow:hidden;}
.perfoA .L .bd li{ width:50%; height:100%; float:left; overflow:hidden; position:relative; }

.perfoA .L .btn{position: absolute;right:-176px;top:57%;width: 100px;height: 17px;}
.perfoA .L .mr_frBtnL{display:inline;left:0;}
.perfoA .L .mr_frBtnR{right:0;}
.perfoA .L .mr_frBtnL,.perfoA .L .mr_frBtnR{position: absolute;bottom:0;width:16px;height:17px;cursor:pointer;z-index: 15;}
.perfoA .L .pageState{position: absolute;bottom:0;color:#5f5f5f;right:37px;z-index: 15;}
.perfoA .L .pageState span{color:#0090e2;font-weight: 600;}


.perfoA .L li{}
.perfoA .L li a{display:block;}
.perfoA .L li .pic{height: 373px;overflow:hidden;}
.perfoA .L li .pic img{width:100%; height:100%; display:block;object-fit: cover;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.perfoA .L li .txt{position: relative;background:#fff;border-bottom: 1px #f0f0f0 solid;}
.perfoA .L li .txt:after{content:'';position:absolute;right:40px;bottom:33px;width: 47px;height: 47px;background:url(../images/tb6.png) no-repeat;z-index: 5;}
.perfoA .L li .txt .padd{padding:33px 90px 30px 40px;}
.perfoA .L li .txt h4{font-size: 24px;color:#444444;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.perfoA .L li .txt p{font-size: 14px;color:#444444;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.perfoA .L li .txt:before{content:'';position: absolute;right:0;width: 1px;height: 100%;background:#f0f0f0;}
.perfoA .L li:hover .txt:after{background:url(../images/tb601.png) no-repeat;}

.perfoA .L li:hover .pic img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}



.perfoA .R{background:#f9f9f9;width:30%;height: 100%;display:table;table-layout: fixed;}
.perfoA .R .tabbox{padding:0 75px;}
.perfoA .R .btn{margin-top: 70px;}
.perfoA .R .btn a{width: 208px;height: 51px;line-height: 51px;text-align: center;border-radius: 5px;background:#0090e2;font-size: 18px;color:#ffffff;display:block;}
.perfoA .R .txt{font-size: 18px;color:#444;line-height: 30px;margin-bottom: 26px;max-height: 60px;overflow:hidden;}
.perfoA .R .t{margin-bottom: 30px;}
.perfoA .R .t h4{font-size: 36px;color:#444444;font-weight: 800;}
.perfoA .R .t p{text-transform:uppercase;color:#ec9e08;font-size: 24px;font-weight: 800;}




.project{}
.project .t{text-align: center;margin:80px 0 39px 0;}
.project .t h4{font-size: 36px;color:#444444;font-weight: 800;}
.project .t p{text-transform:uppercase;color:#ec9e08;font-size: 24px;font-weight: 800;}
.project .b{height: 752px;}
.project .b .L,.project .b .R{width: 50%;height: 100%;position: relative;overflow:hidden;background-position: center !important;background-size: cover !important;}


.project .b .box1{background:url(../images/tb9.png) no-repeat;width: 270px;height: 312px;text-align: center;display:table;table-layout: fixed;margin-bottom: 5px; transition:400ms;
    position: absolute;left: 50%;top: 50%;z-index: 10;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.project .b .box1 h4{color:#555555;font-size: 24px;font-weight: 800;}
.project .b .box1 b{display:block;margin:10px auto;height: 3px;width: 39px;background:#868686;}
.project .b .box1 span{height: 113px;line-height: 113px;display:block;}
.project .b .box1 span img{max-height: 100%;vertical-align: middle;}
.project .b .box1 p{color:#a4a4a4;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.project .list{position: absolute;left:0;top:-120%;width: 100%;height: 100%;background:rgba(0,144,226,.7);transition:400ms;}
.project .list .padd{padding:0 35px;}
.project .list .top{margin-top: 86px;}
.project .list .top h4{font-size:24px;color: #ffffff;font-weight: 800;margin-bottom: 5px;}
.project .list .top p{font-size:18px;color: #ffffff;}
.project .list .top p strong{color:#ec9e08;font-size: 24px;text-transform: uppercase;margin-right: 1em;}
.project .list .bom{margin-right: -2%;margin-top: 60px;}
.project .list .bom .item{float:left;width: 23%;margin:0 2% 2% 0;height: 214px;transition:400ms;}
.project .list .bom .item a{display:table;table-layout: fixed;width: 100%;height: 100%;text-align: center;}
.project .list .bom .item span{height: 88px;line-height: 88px;display:block;margin-bottom: 5px;}
.project .list .bom .item span img{vertical-align: middle;}
.project .list .bom .item p{color:#fff;font-size: 16px;}
.project .list .bom .item:hover{background:rgba(77,178,235,.8);}
.project .b .L:hover .box1,.project .b .R:hover .box1{top:150%;}
.project .b .L:hover .list,.project .b .R:hover .list{top:0;}
.project .list .bom .item2{float:left;width: 31.33%;margin:0 2% 2% 0;height: 214px;transition:400ms;}

/*走进国测_宣传画册*/
.publicity{padding: 43px 0;}
.publicity_list{margin-bottom: 20px;}
.publicity_list ul li{float: left;width: 17.5%;margin:0 2% 2% 0;height: 22rem;position: relative;overflow: hidden;border:1px #d5d5d5 solid;}
.publicity_list ul li img{width: 100%;height: 100%;}
.publicity_list ul li p{position: absolute;left: 0;width: 100%;bottom: 0;background: url(/images/bg4.png) repeat;height: 37px;line-height: 37px;text-align: center;color: #fff;}
.publicity_list ul li:hover p{background:#0090e2;color: #fff;}


.phone-results{ width:100%; overflow:hidden; position:relative; float:left; display:none;}
.phone-results .swiper-wrapper{ height:auto !important;}
.phone-results .swiper-slide{ height:auto !important;}
.phone-results li .m-pic{ overflow:hidden;}
.phone-results li .m-pic img{ width:100%; vertical-align:top;}
.phone-results li .m-txt{ padding:12px; border:1px #f0f0f0 solid;}
.phone-results li .m-txt h4{ font-size:16px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.phone-results li .m-txt p{ margin-top:5px; line-height:24px; text-align:justify; max-height:48px; overflow:hidden;}


/*浮窗*/
.position{position: fixed;right:10px;top:60%;width: 62px;z-index: 999999999;}
.position ul li{background:#0d366b;width: 100%;height: 62px;text-align: center;margin:0 0 1px 0;position: relative;z-index: 999;}
.position ul li dl{height: 30px;line-height: 25px;display:list-item;list-style: none;padding: 7px 0 0 0;}
.position ul li p{color:#fff;font-size: 12px;}
.ewm2{position: absolute;right:62px;top:-34px;background:#2a363e;height:113px;z-index: 999999999;width:0;border-radius: 5px 0 0 5px;}
.ewm2 img{width: 100%;height: 100%;}
.position ul li:hover{background:#2994d2;}




/**2019-01-07**/
.c-oragne{ color:#ec5308;}
.c-blue{ color:#0090e2;}
.c-green{ color:#07994f;}
.align-vertical { display:table-cell; vertical-align:middle;}

.wxLoginPop{ background:rgba(0,0,0,.5); width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; z-index:9999; display:none; text-align:center;}
.wxLoginPop-box{ background:#fff; width:610px; max-height:90%; overflow:auto; display:inline-block; position:relative; padding-top:50px; color:#333;}
.wxLoginPop-box .close{ font-size:24px; line-height:1; position:absolute; top:15px; right:15px; color:#333;}

.wxLoginPop-title{ font-size:28px; line-height:44px; padding-bottom:25px;}
.wxLoginPop-title .iconfont{ font-size:44px; color:#09ba07; vertical-align:top; display:inline-block; margin-right:10px;}

.wxLoginPop-figure{ font-size:18px; padding-bottom:50px;}
.wxLoginPop-figure img{ padding:10px; margin-bottom:20px; border:1px #dcdcdc solid;}

.wxLoginPop-filed{ padding:0 50px;}
.wxLoginPop-filed li{ margin-bottom:38px; line-height:48px; position:relative; text-align:left; font-size:18px; color:#888; padding-left:50px; overflow:hidden; border:1px #d4d4d4 solid; border-radius:5px;}
.wxLoginPop-filed li .icon{ width:50px; height:48px; text-align:center; color:#d7d7d7; font-size:26px; position:absolute; left:0; top:0;}
.wxLoginPop-filed li label{ float:left;}
.wxLoginPop-filed li .radio{ float:left; padding-left:25px; cursor:pointer;}
.wxLoginPop-filed li .radio .ra-icon{ width:24px; height:24px; float:left; margin-top:11px; display:inline-block; margin-right:10px; position:relative; border:1px #bbb solid; border-radius:50%;}
.wxLoginPop-filed li .radio.check .ra-icon{ border-color:#199ae3;}
.wxLoginPop-filed li .radio.check .ra-icon:before{ content:''; background:#199ae3; width:12px; height:12px; position:absolute; left:6px; top:6px; border-radius:50%;}
.wxLoginPop-filed li .inpt{ width:100%; height:48px; line-height:48px; float:left; font-size:18px; color:#888; border:0;}

.wxLoginPop-button .btn{ background:#199ae3; width:100%; line-height:68px; margin-top:30px; font-size:24px; color:#fff; border:0; cursor:pointer;}


/**订单追溯**/
.porder-main{ background:#f2f2f2; padding-bottom:74px;}
.porder-title{ background:rgba(255,255,255,.8);  line-height:88px; margin-top:-88px;  position:relative; z-index:2;}
.porder-title .cn{ background:#0090e2; width:204px; text-align:center; float:left; font-size:28px; color:#fff;}
.porder-title .add{ color:#666; padding-right:30px; }
.porder-title .tit{ font-size:24px; font-weight:bold; float:left; padding:0 50px; color:#333;}
.porder-title .xiad{ background:#00b7d3; height:45px; line-height:45px; color:#fff; margin-right:55px; margin-top:22px; font-size:16px; float:right; padding:0 25px; border-radius:5px;}
.porder-title .xiad .iconfont{ font-size:20px; display:inline-block; vertical-align:top; margin-right:5px;}

.porder-cont{ background:#fff; padding:40px 25px;}
.myorder-head{ line-height:31px; font-size:12px;}
.myorder-head .cn{ font-size:18px;}
.myorder-head .inpt{ width:153px; height:31px; line-height:29px; float:left; padding-left:10px; margin:0 6px; font-size:12px; color:#777; box-sizing:border-box; -moz-box-sizing:border-box; border:1px #dcdcdc solid; border-radius:5px;}
.myorder-head .laydate-icon{ width:113px;}
.myorder-head .btn{ background:#0090e2; width:83px; height:31px; line-height:31px; float:left; margin-left:8px; color:#fff; border-radius:5px; border:0; cursor:pointer;}

.myorder-table{ margin-top:17px; color:#333; border:1px #e6e6e6 solid; border-right:0;}
.myorder-table .myorder_taul{display: none;}
.myorder-table .myorder_taul li{padding: 5px;}
.myorder-table .myorder_taul li dd,dt{display: inline-block;}
.myorder-table .myorder_taul li dl{display: inline-block;width: 100%;}
.myorder-table .myorder_taul li dd{    /*width: 74%;*/
    vertical-align: top;}

.myorder-table thead th{ background:#f6f6f6; line-height:50px; text-align:center; font-size:16px; font-weight:normal; border-right:1px #e6e6e6 solid;}
.myorder-table thead th:first-child{ padding-left:15px; text-align:left;}
.myorder-table tbody td{ padding:12px 0 12px 10px; line-height:25px; border-top:1px #e6e6e6 solid; border-right:1px #e6e6e6 solid;}
.myorder-table tbody td .iconfont{ font-size:25px; display:inline-block; vertical-align:top; margin-left:8px;}
.myorder-table tbody td .c-oragne .iconfont{ color:#9e9e9e;}
.myorder-table tbody td .c-green .iconfont{ color:#f11c1c;}
.myorder-table tbody td:last-child{ text-align:center;}
.myorder-table tbody tr:nth-child(even){ background:#f3fbff;}

.porder-page{ text-align:right; padding-top:30px; line-height:31px; color:#333;}
.porder-page a{ line-height:29px; display:inline-block; padding:0 13px; vertical-align:top; border:1px #dbdbdb solid; border-radius:3px;}
.porder-page .nowpage{ background:#0d93d8; color:#fff; line-height:29px; display:inline-block; padding:0 13px; vertical-align:top; border:1px #0d93d8 solid; border-radius:3px;}
.porder-page a:hover{  background:#0d93d8; color:#fff;}


.myorder-detaTitle { padding-bottom:16px; position:relative; border-bottom:1px #e0e0e0 solid;}
.myorder-detaTitle .cn{ font-size:18px; font-weight:bold; color:#333; line-height:1;}
.myorder-detaTitle .en{ margin-top:15px; color:#777;}
.myorder-detaTitle .return{ width:120px; line-height:33px; text-align:center; display:inline-block; color:#666; position:absolute; right:0; bottom:16px; border:1px #dcdcdc solid; border-radius:5px;}
.myorder-detaTitle .return .iconfont{ font-size:19px; margin-right:6px; display:inline-block; vertical-align:top;}

.myorder-detaProce{ margin-top:65px; text-align:center; font-size:0;}
.myorder-detaProce li{ width:200px; display:inline-block; position:relative; vertical-align:top; text-align:left;}
.myorder-detaProce li:before{ content:''; background:#e5e5e5; width:100%; height:2px; position:absolute; left:0; top:13px;}
.myorder-detaProce li:last-child{ width:auto;}
.myorder-detaProce li:last-child:before{ display:none;}
.myorder-detaProce li .dot{ background:#fff; width:24px; height:24px; display:inline-block; position:relative; border:2px #2fcb5f solid; border-radius:50%;}
.myorder-detaProce li .dot:before{ content:''; background:#2fcb5f; width:18px; height:18px; position:absolute; left:3px; top:3px; border-radius:50%;}
.myorder-detaProce li .tit{ font-size:16px; margin-top:14px; color:#333;}
.myorder-detaProce li .date{ font-size:14px; color:#777; margin-top:10px;}


.vip-cont{ background:#fff; padding-bottom:70px;}
.vip-left{ width:204px;}
.vip-left a{ display:block; line-height:88px; text-align:center; font-size:18px; color:#444; position:relative; border:1px #e7e7e7 solid; border-top:0; }
.vip-left a .iconfont{ font-size:24px; margin-right:10px; display:inline-block; vertical-align:top;}
.vip-left a.active, .vip-left a:hover{ background:#fff6f1;}
.vip-left a.active:before, .vip-left a:hover:before{ content:''; background:#ff8610; width:5px; height:100%; position:absolute; left:0; top:0;}

.vip-right{ width:996px; padding:40px 55px 0 55px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.myIntegral-title{ padding:23px 35px; border:1px #e7e7e7 solid;}
.myIntegral-title .pic img{ width:93px; height:93px; vertical-align:top; border-radius:50%;}
.myIntegral-title .txt{ padding:12px 0 0 20px;}
.myIntegral-title .txt .t{ font-size:24px; color:#444;}
.myIntegral-title .txt .c{ line-height:25px; margin-top:10px;}
.myIntegral-title .txt .c img{ vertical-align:middle;}
.myIntegral-title .btn{ line-height:31px; color:#0090e2; padding:0 15px; margin-top:24px; border:1px #0090e2 solid; border-radius:5px;}
.myIntegral-title .orange-btn{ background:#fff6f1; color:#ff5a00; border-color:#ff5a00;}

.myIntegral-head { padding:25px 0 10px 0; }
.myIntegral-head .cn{ font-size:18px; font-weight:bold; color:#474747;}
.myIntegral-head .tab a{ font-size:18px; float:left; margin:0 20px; position:relative;}
.myIntegral-head .tab a.on, .myIntegral-head a:hover{ color:#ff5a00;}
.myIntegral-head .tab a.on:before, .myIntegral-head a:hover:before{ content:''; background:#ff5a00; width:39px; height:3px; position:absolute; left:0; bottom:-4px;}

.myIntegral-list{ border:1px #e7e7e7 solid;  border-bottom:0;}
.myIntegral-list li{ padding:20px; line-height:30px; overflow:hidden; color:#777; border-bottom:1px #e7e7e7 solid;}
.myIntegral-list li .tit{ font-size:18px; color:#444;}
.myIntegral-list li .price{ text-align:right; font-size:18px; font-weight:bold; color:#ff5a00;}


.myData-title{ width:665px; padding-left:155px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.myData-title .cn{ font-size:18px; font-weight:bold; color:#333;}
.myData-title .xiug{ font-size:16px; color:#0090e2;}
.myData-title .xiug .iconfont{ font-size:21px; display:inline-block; vertical-align:middle; margin-right:5px;}

.myData-filed li:first-child{ margin-top:20px;}
.myData-filed li{ overflow:hidden; margin-top:40px; vertical-align:middle;}
.myData-filed li label{ width:155px; line-height:52px; font-size:18px; float:left; text-align:right; color:#333;}
.myData-filed li .aside{ width:505px; float:left; position:relative; border:1px #d4d4d4 solid; border-radius:5px;}
.myData-filed li .aside .inpt{ background:none; width:100%; height:50px; line-height:50px; padding-left:50px; vertical-align:top; border:0; font-size:18px; color:#666; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.myData-filed li .aside .icon{ width:50px; text-align:center; line-height:50px; font-size:26px; position:absolute; left:0; top:0; color:#d7d7d7;}
.myData-filed li .aside .btn{ background:#0090e2; width:100%; height:55px; line-height:55px; font-size:24px; color:#fff; vertical-align:top; cursor:pointer; border:0; border-radius:5px;}


.Place-pop{ background:rgba(0,0,0,.5); width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; right:0; text-align:center; display:table; z-index:9999;}
.Place-pop-box{ background:#fff; width:750px; max-height:90%; overflow:auto; position:relative; display:inline-block;}
.Place-pop-box .close{ font-size:24px; line-height:1; position:absolute; right:15px; top:15px; color:#333;}
.Place-pop-title{ font-size:28px; color:#333; line-height:35px; padding-top:40px;}
.Place-pop-title .iconfont{ font-size:35px; color:#199ae3; margin-right:8px; display:inline-block; vertical-align:top;}

.Place-pop-filed{ padding:0 115px;}
.Place-pop-filed li{ position:relative; margin-top:28px; text-align:left; vertical-align:middle;}
.Place-pop-filed li .aside{ overflow:hidden; position:relative; padding:8px 17px; border:1px #d4d4d4 solid; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.Place-pop-filed li .aside label{ line-height:34px; font-size:18px; color:#888; float:left;}
.Place-pop-filed li .aside .select{ width:calc(100% - 90px); float:left; height:34px; line-height:34px; border:0; color:#444; font-size:18px; }
.Place-pop-filed li:nth-child(2) .aside label{ width:100%;}
.Place-pop-filed li .aside .tion{ float:left;}
.Place-pop-filed li .aside .tion dd{ width:33.3%; float:left; font-size:16px; color:#444; padding:8px 0; cursor:pointer;}
.Place-pop-filed li .aside .tion dd .icon{ width:23px; height:23px; float:left; position:relative; margin-right:10px; border:1px #d4d4d4 solid; border-radius:3px;}
.Place-pop-filed li .aside .tion dd.check .icon{ background:#0090e2 url(../images/dui.png) no-repeat center; border-color:#0090e2;}
.Place-pop-filed li .tips{ color:#333; line-height:32px; position:relative; padding-bottom:90px;}
.Place-pop-filed li .tips .fl{ font-size:18px;}
.Place-pop-filed li .tips .price{ font-size:24px; font-weight:bold; color:#ff6000;}

.Place-pop-filed li .radio{ padding-left:25px; cursor:pointer;}
.Place-pop-filed li .radio .ra-icon{ width:22px; height:22px; display:inline-block; vertical-align:top; margin-top:4px; display:inline-block; margin-right:10px; position:relative; border:1px #bbb solid; border-radius:50%;}
.Place-pop-filed li .radio.check .ra-icon{ border-color:#199ae3;}
.Place-pop-filed li .radio.check .ra-icon:before{ content:''; background:#199ae3; width:12px; height:12px; position:absolute; left:5px; top:5px; border-radius:50%;}

.Place-pop-filed li .area{ width:100%;  position:absolute; left:0; top:15px; padding-top:30px; display:none;}
.Place-pop-filed li .area:before{ content:''; background:url(../images/arrow.jpg) no-repeat; width:28px; height:14px; position:absolute; top:17px; right:340px;}
.Place-pop-filed li .area textarea{ width:100%; height:80px; padding:10px; font-size:18px; color:#888; line-height:26px; font-family:"Microsoft Yahei"; border:1px #d4d4d4 solid; resize:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:5px;}
.Place-pop-filed li .radio.check .area{ display:block;}

.pscore-area textarea{display: inline-block;line-height: 20px;margin-top: 10px;    background: #fcfcfc;
    width:100%;height: 70px;}
.pscore-button input{background: #0090e2;
    display: inline-block;
    line-height: 30px;
    padding: 0 10px;
    width: 89px;
    color: #fff;
    border: none;
    border-radius: 10px;
    margin-top: 10px;
    text-align: center;
    box-shadow: 0 1px 6px #ccc;}
.login_a{display: inline-block;width: 100%;}
.login_a .login_top{     height: 224px;display: inline-block;width: 100%;background: url("../images/login.png")no-repeat;
    background-size: 100% 100%;padding-top:16%;text-align: center;    font-size: 23px;color: #fff;}
.login_a .login_top img{width: 33%;}
.login_a .from{padding: 50px 30px;display: inline-block;width: 100%;    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.login_a .from .input{    -moz-box-sizing: border-box;
    box-sizing: border-box;width: 100%;height:50px;margin-bottom:20px;padding-left:20px;line-height:50px;color:#6c6c6c;display: inline-block;border-radius: 4px; border: 1px solid #cdcdcd;}
.login_a .from .input input{height:48px;width: 79%; border: none;vertical-align: top;padding-left:20px;line-height:50px;display: inline-block;}
.login_a .from .input img{    max-height: 65%;
    vertical-align: middle;}
.login_a .from .login{width: 100%;display: inline-block;margin-top:40px;background: #ffb629;color: #151515;font-size: 26px;line-height: 60px;text-align: center;border-radius:10px; }



