@charset "utf-8";
html{-webkit-font-smoothing:antialiased}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;/*font-weight:400*/}
dl,ol,ul,li{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle;max-width: 100%;}
button,input[type=submit],input[type=text],input[type=button],select{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
/*body{color:#000;line-height:1.3;font-size:.28rem;opacity: 0;overflow-x: hidden;background:#fff;max-width: 840px;margin: 0 auto;overflow-x: hidden;}*/
body {
    color: #000;
    line-height: 1.3;
    font-size: .28rem;
    opacity: 0;
    overflow-x: hidden;
    background: #fff;
    max-width: 840px;
    margin: 0 auto;
    overflow-x: hidden;
    font-family: '微软雅黑';
}

.fl{float:left}
.fr{float:right}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.fix{*zoom:1;}

.layout{padding:0 .4rem; /*position: relative; */}
.layout2{padding:0 .4rem; /*position: relative; */}
.animated {animation-duration: 2s; animation-fill-mode: both; }
/* header */
.header{width:100%;height:1.2rem;line-height:1.2rem;background:#fff;position:relative;z-index: 999;}
.header .toggle {position: absolute; top: 50%; margin-top: -.2rem; right: .4rem; z-index: 999; padding: .1rem .2rem; border: 0; width: .45rem; height: .4rem; cursor: pointer; background: url(../img/toggle.png) no-repeat center; background-size: 50%; }

.header .logo{position:absolute;left:.4rem;width: 60%;}
.header .nav {display: none; position: absolute; right: .1rem; top: 1.1rem; width: 3.6rem; background: #fff; height:auto; z-index: 102; border-radius: 5px; box-shadow:0 -4px 11px 1px #ccc; }
.header .nav:before{content: ''; position: absolute; top: -.24rem; right: .5rem; border:.12rem solid; border-color: transparent transparent #fff transparent; }

.header .nav li {line-height: 1; padding: .4rem 0; text-align: center; }

.header .nav li a {font-size: .30rem; color: #888888; display: block;}
.header .nav li a:active{color: #0084cf}

.header .nav .lang{line-height: 1; padding: .2rem 0 .3rem; background: #f8f8f8; text-align: center; border-radius: 5px; }
.header .nav .lang a{display: inline-block; width: .98rem; height: .54rem; line-height: .54rem; text-align: center; background: #fff; font-size:.26rem; color: #fb5f01; border-radius: 25px; margin-right: .25rem; border:1px solid #dfdfdf;}
.header .nav .lang a.on,
.header .nav .lang a:active{border-color: #508bc3; background: #508bc3; color: #fff; }


@media (max-width:420px){
	.header .toggle span{width: 26px;margin-bottom: 6px; -webkit-transform-origin: 26px; transform-origin: 26px;}
}

/* banner */
.banner{position: relative;overflow: hidden;} 
.banner .swiper-pagination-bullet{opacity: .75;background: #9aa0a9}
.banner .swiper-pagination-bullet-active{background: #fff}

/* footer */
.footer{background: #1e1e1e;padding: .3rem 0;}
.footer p{font-size: .26rem; color: #575b5f;}
.footer p span{margin: 0 .1rem;}

/* mbx */

.mbx{position: relative;/* border-bottom: 1px solid #e5e5e5; */}
.mbx:before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e5e5e5; z-index: 1; }
.mbx li{float: left; }
.mbx li a{position: relative; display: block; font-size: .3rem; color: #333333; padding: .3rem 0; margin-right: 1rem; z-index: 2; }
.mbx li.last a{margin: 0}
.mbx li a:active,
.mbx li.on a{border-bottom: 1px solid #067dc1;color: #067dc1;}

#mbx{padding: 0 .4rem;overflow: hidden;}
#mbx li a{margin: 0}

/* page */
.page{text-align: center;padding: .4rem 0}
.page a {display: inline-block; width: .4rem; height: .4rem; text-align: center; line-height: .4rem; font-size: .26rem; color: #999999; }
.page a.on,
.page a:hover {color: #067dc1 }


/* 招募精英-职位信息-正文 */
.main-ab1{padding: .5rem 0;}

.ab1t{padding-bottom:.45rem;border-bottom:1px solid #ccc}
.ab1t h1{font-size:.6rem;color:#000;margin-bottom:.15rem}
.ab1t h1 a{display:block;width:1.8rem;height:.65rem;text-align:center;line-height:.65rem;font-size:.22rem;color:#fff;background:#067dc1;margin-top: 3px;}
.ab1t h1 a:active{background:#000}
.ab1t p.sp span{font-size:.26rem;color:#666;margin-right:.22rem}

.ab1b{padding-bottom: .4rem}
.ab1b h3{margin-top:.5rem;margin-bottom:.4rem;font-size:.36rem;color:#067dc1;font-weight:700;padding-left:.25rem;position:relative}
.ab1b h3:before{content:'';position:absolute;left:0;top:50%;margin-top:-.16rem;width:3px;height:.32rem;background:#067dc1}
.ab1b p{font-size:.26rem;color:#666;text-align:justify;line-height:.36rem}
.ab1b p.p1{color:#000}

/* 招募精英-职位信息 */
.main-ab2{padding: .6rem 0;}

.ab2 li{padding:.5rem .4rem;background:#f5f5f5;margin-bottom:.2rem}
.ab2 li:last-child{margin-bottom:0}
.ab2 li h3{font-size:.36rem;color:#000;margin-bottom:.15rem}
.ab2 li h3 a{font-size:.26rem;color:#666;position:relative;padding-right:.3rem}
.ab2 li h3 a:after{content:'>';position:absolute;right:0;font-size:.26rem;color:#666}
.ab2 li h3 a:active,.ab2 li h3 a:active:after{color:#067dc1}
.ab2 li p.sp span{font-size:.26rem;color:#666;margin-right:.22rem}

/* 招募精英-员工风采 */
.main-ab3{padding: .6rem 0;}

.ab3 li{width: 47.4%;margin-bottom: .4rem;border-bottom: 2px solid #dfdfdf}
.ab3 li .abdesc{padding: .3rem;background: #f8f8f8;}
.ab3 li .abdesc p{font-size: .26rem;color: #333}

/* 新闻中心-行业新闻 */
.main-new{padding-bottom: .3rem;}
.new li{padding: .6rem 0;border-bottom: 1px solid #e5e5e5}
.new li .newl{width: 42.4%}
.new li .newr{width: 50.6%}
.new li .newr h3{font-size: .3rem;color: #333333;text-align: justify;}
.new li .newr span.time{display: block;font-size: .26rem;color: #999;font-family: Arial;margin: .05rem 0;}
.new li .newr p{font-size: .26rem;color: #888;text-align: justify;line-height: .36rem;}

/* 新闻中心-行业新闻-正文 */
.main-news{padding: .6rem 0;}

.news h2{font-size: .36rem;color: #333333;text-align: center;line-height: .48rem;margin-bottom: .15rem;}
.news p.sp{text-align: center; padding-bottom:0.3rem; border-bottom:1px solid #e5e5e5;}
.news p.sp span{font-size: .26rem;color: #888888;margin-right: .2rem;}

.news p{font-size: .26rem;color: #888888; line-height: .36rem; text-align: justify; }
.news img{display: block;margin: 0 auto;}

/* 联系我们 */
.main-lx{padding: .6rem 0 1rem;}

.main-lx .lxb{width:auto;height:auto;background:url(../img/lx.jpg) no-repeat center;background-size: cover;padding:.1rem}
.main-lx .lxb .lxdesc{border:1px solid #16b3de;padding:.3rem 1rem .3rem .7rem}
.main-lx .lxb .lxdesc h2{font-size:.44rem;color:#fff;padding-bottom:.4rem;border-bottom:1px solid #3897cd;margin-bottom:.4rem}
.main-lx .lxb .lxdesc p{font-size:.26rem;color:#fff;padding-left:.5rem;margin-bottom:.22rem}

.main-lx .lxb .lxdesc p.i1{background: url(../img/i1.png) no-repeat left center;background-size: 4%}
.main-lx .lxb .lxdesc p.i2{background: url(../img/i2.png) no-repeat left center;background-size: 4%}
.main-lx .lxb .lxdesc p.i3{background: url(../img/i3.png) no-repeat left center;background-size: 4%}
.main-lx .lxb .lxdesc p.i4{background: url(../img/i4.png) no-repeat left center;background-size: 4%}

/* 投资者关系 */
.main-tzz{padding: .5rem 0;}
.tzz li{padding: .35rem .3rem;}
.tzz li.bgf8{background: #f8f8f8;}

.tzz li p{font-size: .26rem;color: #333333;}
.tzz li span{font-size: .26rem;color: #999999}

/* 关于我们-公司简介 */

.main-ab4{padding: .6rem 0;}
.ab4 h4{font-size: .3rem;color: #000;font-weight: bold;text-align: justify;line-height: .36rem;}
.ab4 p{font-size: .3rem;color: #666;text-align: justify;line-height: .48rem; padding:0 0.3rem;}
.ab4 ul li{ list-style-type: disc; }
.ab4 ol li{ list-style-type: decimal; }

/* 关于我们-公司荣誉 */
.main-ab5{padding: .6rem 0 .3rem;}

.ab5 .return{margin-bottom: .15rem;}
.ab5 .return a{display: inline-block; font-size: .26rem; color: #666; /*margin-right: .65rem;*/margin-bottom: .25rem;}
.ab5 .return a:active,
.ab5 .return a.on{color: #067dc1}

.ab5 li{width: 47.5%; margin-bottom: .2rem; border:1px solid #dfdfdf; }
.ab5 li a{display: block; padding: .3rem; }
.ab5 li img{display: block;margin: 0 auto; height:200px;}

.fancybox-skin{border-radius: 0}
.fancybox-close{background: #fff!important; width: 1.2rem; height: .6rem; line-height: .6rem; text-align: center; font-size: .26rem; color: #067dc1; right: 0; top: -.6rem; }
.fancybox-close:before{content: '关闭'; font-size: .3rem; color: #067dc1; position: absolute; width: 1.2rem; height: .6rem; line-height: .6rem; text-align: center; left:50%; top: 50%; margin-left: -.6rem; margin-top: -.3rem; }


/* 产品系列-光学测试解决方案 */

.main-pro{padding:.6rem 0}
.pro li{width:47.5%}
.pro li .pdesc{width:100%;height:1.3rem;background:#fff;text-align:center;}
.pro li .pdesc h3{font-size:.26rem;color:#333;padding-top:.2rem}
.pro li:active .pdesc{background:#067dc1 url(../img/arrow.png) no-repeat .3rem 1rem;background-size: 6%}
.pro li:active .pdesc h3{padding-left:.3rem;color:#fff}


/* 产品系列-光学测试解决方案-正文 */
.main-pros{padding:.6rem 0}

.prost .gallery-top{width: 73% }
.prost .gallery-thumbs{width: 18%;height: auto;}

/* .prost .swiper-slide{opacity: .75;}
.prost .swiper-slide.swiper-slide-active{opacity: 1;}
.prost .swiper-button-next{right: auto; left: 50%; bottom: .2rem; top: auto; width: .35rem; height: .2rem; margin-left: -.175rem; background: url(../img/bot1.png) no-repeat center; background-size: 100%; }
.prost .swiper-button-prev{right: auto; left: 50%; bottom: auto; top: .5rem; width: .35rem;height: .2rem; margin-left: -.175rem; background: url(../img/top1.png) no-repeat center; background-size: 100%; }
.prost .swiper-button-next:hover{background: url(../img/bot2.png) no-repeat center;background-size: 100%;}
.prost .swiper-button-prev:hover{background: url(../img/top2.png) no-repeat center;background-size: 100%;}
*/

.prost .slick-arrow {position: absolute; font-size: 0; width: .35rem; height:.2rem; top: 50%; margin-left: -.175rem; z-index: 99; cursor: pointer; border:0}
.prost .slick-prev {right: auto; left: 50%; bottom: auto; top: .2rem;background: url(../img/top1.png) no-repeat center;background-size: 100%;}
.prost .slick-next {right: auto; left: 50%; bottom: .2rem; top: auto;background: url(../img/bot1.png) no-repeat center;background-size: 100%; }
.prost .slick-prev:hover{background: url(../img/to22.png) no-repeat center;background-size: 100%;}
.prost .slick-next:hover{background: url(../img/bot2.png) no-repeat center;background-size: 100%;}
.prost .gallery-thumbs .slick-slide{opacity: .75;}
.prost .gallery-thumbs .slick-current{opacity: 1;}

.prosc{margin-top: .35rem;margin-bottom: .6rem;}
.prosc h2{font-size: .48rem; color: #000000; font-weight: bold; margin-bottom: .2rem; }
.prosc p{font-size: .26rem; color: #666; text-align: justify; line-height: .36rem; }

.prosb .prosli li{float: left; margin-right: .26rem; }
.prosb .prosli li a{display: block; width: 2.7rem; height: .7rem; line-height: .7rem; text-align: center; font-size: .26rem; color: #303030; background: #e6e6e6; }
.prosb .prosli li:active a,
.prosb .prosli li.on a{background: #067dc1;color: #fff}
 
.prosb .proscon{margin-top: .3rem;}
.prosb .proscon>ul{display: none;}
.prosb .proscon li{font-size: .26rem; color: #666; text-align: justify; line-height: .36rem; padding-left: .25rem; position: relative; }
.prosb .proscon li:before{/*content: '·';*/ position: absolute; left: 0; top: 0; font-size: .26rem; color: #666; }


/* 关于我们-发展历程 */
.main-his{padding:.6rem 0}

.hisl {width: 2.5rem!important; height: 6rem; overflow: hidden; width: 2rem; padding-right: .5rem; position: relative; z-index: 2 }
.hisl:after {content: ''; position: absolute; width: 1px; height: 100%; background: #e5e5e5; right: .1rem; top: .2rem }

.hisl .slick-list,
.hisl .slick-track {height: auto!important; overflow: visible!important; z-index: 3 }
.hisl .slick-slide {margin-bottom: .7rem }

.hisl p {font-size: .26rem; color: #5e5e5e; font-family: arial; text-align: right; position: relative; z-index: 3 }
.hisl p:after {content: ''; position: absolute; right: -.48rem; top: 50%; margin-top: -.35px; width: 7px; height: 7px; background: url(../img/d1.png) no-repeat center; background-size: 80% }

.slick-current {outline: 0 }
.hisl .slick-current p {color: #067dc1 }
.hisl .slick-current p:after {width: 13px; height: 13px; margin-top: -6.5px; background: url(../img/d2.png) no-repeat center; background-size: 80%; right: -.5rem }

.hisr{overflow:hidden;width:4rem}
.hisr li{width:auto;background:#067dc1;padding:.25rem .4rem;margin-bottom:.2rem}
.hisr li p{font-size:.26rem;color:#fff}
.hisr li p.os{font-weight:700;margin-bottom:.15rem}
.hisr .slick-slide{position:relative;padding-top:.6rem;padding-left:.8rem}
.hisr .slick-slide:before{content:'';position:absolute;top:.18rem;left:0;width:1.38rem;height:1px;background:#067dc1}
.hisr .slick-slide:after{content:'';position:absolute;top:.18rem;left:1.38rem;width:1px;height:.4rem;background:#067dc1}


/* index */
.bgf4{background: #f4f4f4}

.index .title{text-align: center;padding: .75rem .4rem .6rem;}
.index h3{font-size: .3rem;color: #333;}
.index h2{font-size: .5rem;color: #333;margin-bottom: .3rem;}
.index h4{font-size: .26rem;color: #888;font-family: Arial;}

/* index1 */
.index1b li{float: left;width: 33.333%} 
.index1b li a{position: relative;display: block;}
/*.index1b li .incos{position:absolute;top:.5rem;left:.6rem;text-align:center}*/
.index1b li .incos{position:absolute;top:50%;left:50%;text-align:center; transform:translate(-50%,-50%);}
.index1b li .incos i{display:block;width:.62rem;height:.62rem;margin:0 auto;margin-bottom:.3rem}
.index1b li .incos p{font-size:.3rem;color:#fff;text-align:center;margin-bottom:.1rem}
.index1b li .incos i.c1{background:url(../img/c1.png) no-repeat center;background-size:100%}
.index1b li .incos i.c2{background:url(../img/c2.png) no-repeat center;background-size:100%}
.index1b li .incos i.c3{background:url(../img/c3.png) no-repeat center;background-size:100%}
.index1b li .incos i.c4{background:url(../img/c4.png) no-repeat center;background-size:100%}
.index1b li .incos i.c5{background:url(../img/c5.png) no-repeat center;background-size:100%}
.index1b li .incos i.c6{background:url(../img/c6.png) no-repeat center;background-size:100%}

/* index2 */
.index2b{padding: 0 .75rem .4rem;}
.index2b li{width: 45%;text-align: center;margin-bottom: .6rem;} 

.index2b li i{display:block;width:1.37rem;height:1.37rem;border:1px solid #d0d0d0;border-radius:50%;margin:0 auto;margin-bottom:.5rem}
.index2b li i.c7{background:#0084cf url(../img/cs7.png) no-repeat center;background-size:50%}
.index2b li i.c8{background:#0084cf url(../img/cs8.png) no-repeat center;background-size:50%}
.index2b li i.c9{background:#0084cf url(../img/cs9.png) no-repeat center;background-size:50%}
.index2b li i.c10{background:#0084cf url(../img/cs10.png) no-repeat center;background-size:50%}
.index2b li .in2cos h3{font-size:.34rem;color:#333;font-weight:700;margin-bottom:.3rem}
.index2b li .in2cos p{font-size:.26rem;color:#666;line-height:.36rem;text-align:center}
.index2b li:active h3{color:#0084cf}
.index2b li:active i.c7{border-color:#d0d0d0;background:#fff url(../img/c7.png) no-repeat center;background-size:50%}
.index2b li:active i.c8{border-color:#d0d0d0;background:#fff url(../img/c8.png) no-repeat center;background-size:50%}
.index2b li:active i.c9{border-color:#d0d0d0;background:#fff url(../img/c9.png) no-repeat center;background-size:50%}
.index2b li:active i.c10{border-color:#d0d0d0;background:#fff url(../img/c10.png) no-repeat center;background-size:50%}


/* index3 */
.index3 h2{margin-bottom: .1rem;}
.index3 h4.bts{margin-bottom: .3rem;}

.index3b {padding: .7rem 0 1rem}
.index3b img{display: block;margin: 0 auto;}

/* index4 */
.index4{background: url(../img/index4.jpg) no-repeat top center;background-size: cover;}
.index4 h2,
.index4 h4{color: #fff;}

.index4 .index4t{padding-bottom: .4rem;border-bottom: 1px solid #565d6e;}

.index4 .index4c{padding: .45rem 0;border-bottom: 1px solid #565d6e;text-align: center;}
.index4 .index4c em{display: inline-block;width:.54rem;height: .46rem;background: url(../img/tel.png) no-repeat center;background-size: 100%;margin-right: .2rem}
.index4 .index4c a.tel{display: block;margin: 0 auto;width: 2.1rem;height: .65rem;line-height: .65rem;text-align: center;font-size: .26rem;color: #fff;border-radius: 5px;background: #0084cf}
.index4 .index4c a.tel:active{background: #000}

.index4 .index4b{padding: .4rem;}
.index4 .index4b img{display: block;margin: 0 auto;width: 50%}
.index4 .index4b p{margin-top: .2rem;font-size: .26rem;color: #fff;text-align: center;}


/*2017-06-19*/
.page .cpb{color:#067dc1;display: inline-block; width: .4rem;height: .4rem; text-align: center;line-height: .4rem; font-size: .26rem;}
.layout .Investment{font-size: .26rem; color: #888888; line-height: .36rem; text-align: justify;}

/*2017-06-29*/
.index2b li{margin-bottom:1rem; height:4rem;}



/* 登录 */
.tables input{border: 0}
.tables{height:auto;background:#eee}

.tables .tab{margin:0 auto;padding:.8rem 0 1.4rem;}
.tables .tab h3{margin-bottom:.7rem;color:#067dc1;text-align:center;font-size:.48rem;}
.tables .tab p{margin-bottom:.4rem;padding:0 .3rem;width:auto;height:.8rem;background:#fff;line-height:.8rem}
.tables .tab p.short{display:inline-block;width:3.79rem;}
.tables .tab p span{color:#999;vertical-align:middle;font-size:.26rem;}
.tables .tab p span sup{margin-right:5px;color:red;font-size:.26rem;vertical-align: baseline;}
.tables .tab p input{width:5rem;font-size: .26rem;}
.tables .tab p.short input{width:2.29rem}
.tables .tab .tabimg{position:absolute;margin-left:.1rem;cursor:pointer;width: 3.29rem;}
.tables .tab li{margin-top:.9rem}
.tables .tab li.zhushi{margin-top:.3rem;}
.tables .tab a.zhuce,
.tables .tab input[type=submit],
.tables .tab input[type=reset] {width: 3.7rem; height: .8rem; background: #0771ab; color: #fff; text-align: center; font-size: .3rem; line-height: .8rem }
.tables .tab a.zhuce {display: inline-block; background: #75b2e1; vertical-align: middle }
.tables .tab a.zhuce:active,
.tables .tab input[type=submit]:active {background: #000 }
.tables .tab li.zhushi span {color: #666; font-size: .26rem }
.tables .tab li.zhushi a,
.tables .tab li.zhushi span font {color: red; font-size: .26rem }

/* 忘记密码 */
.tables .tab input[type=button] {width: 3.2rem; height: .8rem; line-height: .8rem; text-align: center; font-size: .26rem; color: #fff; background: #b9b9b9; vertical-align: top; margin-left: .1rem; }
.tables .tab input[type=button]:active {background: #000 }

/* 注册 */
.tables .tab input[type=reset]{background:#75b2e1;vertical-align:middle;margin-left: 16px;cursor: pointer; }
.tables .tab input[type=reset]:active{background: #000}