@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl,li{list-style-type:none}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onfocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onfocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle;}
a img,img{-ms-interpolation-mode:bicubic;}
img{max-width: 100%;vertical-align:middle;}
a{text-decoration:none;cursor: pointer; color:#777; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: arial,"微软雅黑";font-size:13px;color:#777;}
select{appearance: none; -moz-appearance: none; /* firefox */ -webkit-appearance: none; /* safari 和 chrome */-o-appearance: none; cursor: pointer; }

.layout{width:1240px; margin:0 auto; padding: 0 20px;}
.layout2{width:1280px; margin:0 auto; }
.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;}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(/uploads/image/ecietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
/*初始化*/

input, button, hr {border: none; outline: none; }
body{min-width: 1280px;overflow: auto;}

.img {overflow: hidden; }
.img img{cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.img img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}

/* slider */
.slick-slider{
    /*position: relative;*/
    display: block;
    /*-moz-box-sizing: border-box;*/
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}
.slick-slider:focus,.slick-slider:active{outline:none;blr:expression(this.onfocus="this.blur"());cursor: pointer;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{cursor: pointer;outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide:focus{outline: none;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

/* header */

.header {height: 106px; }
.header .logo {line-height: 106px;}

.header .topd h3{font-size:20px; color: #0084cf; font-weight: bold;margin: 30px 0 3px;font-family: 'simhei';margin-right: 26px;}
.header .topd h3 i{font-weight: normal;margin-left: 8px;}
.header .topd p{font-size: 11px;font-family: arial;color: #888;font-style: italic;text-align: right;}

/* nav */
.nav{background: #3c3c3c}

.nav li{float: left;width: 12.5%;position: relative;}
.nav li>a {display: block; width: 100%; font-size: 18px; color: #fff; text-align: center; position: relative; padding: 20px 0; }
.nav li.last{position: relative;}
.nav li.last>a{text-align: left;text-indent: 30px;background: url(/uploads/image/eimages/dian.png) no-repeat 60% center;}
.nav li>a:hover{background: #067dc1}
.nav li.last>a:hover{background:#067dc1 url(/uploads/image/eimages/dian.png) no-repeat 60% center;}

.nav .lan{position: absolute;width: 100%;display: none;z-index: 100;}
.nav .lan li{width: 100%;height: 64px;line-height: 64px;text-align: center;background: #fff;color: #333;cursor: pointer;}
.nav .lan li:hover{background: #067dc1}

.snav{z-index: 99; display: none; position: absolute; /*padding: 45px 90px 40px 40px;*/ z-index: 100; width: auto; background:rgba(0, 132, 207, 0.7); filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#b20084cf,endcolorstr=#b20084cf);left: 50%; min-width: 100%;
 }

.snav li{width: 224px;height: 50px;line-height: 50px;float: none;}
.snav li a{padding: 0;font-size: 14px;color: #fff;text-align: left;text-indent: 30px;}
.snav li a:hover{color: #0084cf;background: #fff;}
.snav .snavr{margin-left: 80px;}
.snav .snavr p{font-size: 14px;color: #fff;margin-top: 20px;}

/* banner */
.banner{overflow:hidden;}
.banner img{max-width:100%;;overflow:hidden;}
.banner .slick-dots {position: absolute; bottom: 40px; left: 50%; margin-left: -27px; }
.banner .slick-dots li{width: 6px; height: 6px;line-height: 6px;background: #9ba7ae; float: left; margin-right: 8px;border-radius: 50%;box-shadow:2px 2px 5px -1px #000;}
.banner .slick-dots li.slick-active{width: 12px; height: 12px;line-height: 12px;margin-top: -3px;background: #fff;}

/* footer */
.footer{padding:80px 0 70px;border-top: 1px solid #e5e5e5;}
.footer dl{float: left;margin-left: 100px;}  
.footer dl:first-child{margin-left: 0}

.footer dt{font-size: 18px;color: #000;margin-bottom: 30px;}
.footer dd{margin-bottom: 15px;}
.footer dd a{font-size: 14px;color: #666}
.footer dd a.on,
.footer dd a:hover{color: #0084cf;border-bottom:1px solid #0084cf;}

.footer dd a.xl,
.footer dd a.wx{display: inline-block; width: 20px; height: 20px; }
.footer dd a.xl{background: url(/uploads/image/eimages/icon2.png) no-repeat center; background-size: 100%;margin-right: 15px;}
.footer dd a.xl:hover{background: url(/uploads/image/eimages/icon1.png) no-repeat center;border-bottom: 0;background-size: 100%;}
.footer dd a.wx{background: url(/uploads/image/eimages/icon3.png) no-repeat center;background-size: 100%; }
.footer dd a.wx:hover{background: url(/uploads/image/eimages/icon4.png) no-repeat center;border-bottom: 0;background-size: 100%;}
/* copyright */  
.copyright{background:#1e1e1e;padding: 30px 0;}
.copyright p{font-size: 14px; color: #575b5f; text-align: center; }

/* nav2 */
.nav2{border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;}
.nav2 li {float: left;}
.nav2 li a{display: block; font-size: 16px; color: #333333; padding:33px 0; margin-right: 60px; /*margin-right: 52px;*/ position: relative; z-index: 99; }
.nav2 li.last a{margin-right: 0}
.nav2 li a:after{content: ''; position: absolute; left: 50%; bottom: -1px; width:0; height: 1px; background: #067dc1; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.nav2 li a:hover,
.nav2 li a.on{color: #067dc1}
.nav2 li a:hover:after,
.nav2 li a.on:after{opacity: 1; left: 0; width: 100%}

/* page */
.page{text-align: center;padding: 40px 0}
.page a{display:inline-block;width:38px;height:38px;text-align:center;line-height:38px;font-size:18px;color:#999999;margin-left: -5px;}
.page a.on,
.page a:hover{color:#067dc1}


/* main */
.main h2{font-size: 30px; color: #067dc1; margin: 70px 0 50px; position: relative; }
.main h2:after{content: ''; position: absolute; top: 50%; width: 53px; height: 1px; background: #ccc; margin-left: 10px; }

/* 产品系列-光学测试解决方案 */
.main-pro{padding-bottom: 125px;}
.main-pro li{width: 390px; margin-left: 35px;float: left; }
.main-pro li.mal0{margin-left: 0}
.main-pro li .prodesc{font-size: 18px; color: #333; padding: 30px 0; background: #fff url(/uploads/image/eimages/i1.png) no-repeat 110% center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.main-pro li:hover .prodesc{color: #fff; background:#067dc1 url(/uploads/image/eimages/i1.png) no-repeat 90% center; padding-left: 20px; }

/* 产品系列-光学测试解决方案-正文 */
.main-pros{padding-bottom:90px;}
.prot .portl{width: 620px;}

.portl .slick-arrow{position:absolute;top:50%;margin-top: -29px;z-index:99;width:34px;height:58px;font-size:0;cursor:pointer}
.portl .slick-prev{left:0;background:url(/uploads/image/eimages/l1.png) no-repeat center}
.portl .slick-next{right:0;left:auto;background:url(/uploads/image/eimages/r1.png) no-repeat center}
.portl .slick-prev:hover{background:url(/uploads/image/eimages/l2.png) no-repeat center}
.portl .slick-next:hover{background:url(/uploads/image/eimages/r2.png) no-repeat center}

.portl .slider-nav{margin-top: 30px;}
.portl .slider-nav img{display:block;margin: 0 auto; }
.portl .slider-nav .slick-current img{border:1px solid #508bc3}

.portr {width: 390px;margin-left: 50px;}
.portr h1{font-size: 48px; color: #000000;margin-bottom: 30px;}
.portr p.os{color: #000}
.portr p{font-size: 14px;color: #666666;text-align: justify;line-height: 30px; }

.prob{margin-top: 60px;}
.prob .proli ul{border-bottom: 1px solid #cccccc; }
.prob .proli li{float: left; width: 124px; height: 42px; line-height: 42px; text-align: center; border:1px solid #cccccc; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-right: 3px; cursor: pointer;}
.porb .proli li a{display: block; width: 100%; height: 100%; font-size: 16px; color: #333333; }
.prob .proli li:hover,
.prob .proli li.on{background: #508bc3; border-color: #508bc3; }
.prob .proli li:hover a,
.prob .proli li.on a{color: #fff}
.prob .procom{margin-top: 30px;}
.prob .procom>ul{display: none}
.prob .procom li{font-size: 14px;color: #666666;text-align: justify;line-height: 30px; }

/* 联系我们-总部 */
.lx{padding-bottom: 100px;}
.lx .map{width: 620px; }
.lx .lxr{width: 620px; height: 464px; /*background: url(/uploads/image/eimages/ab-bg.jpg) no-repeat center;*/ }
.lx .lxr .lxdesc{padding: 110px 80px 0; }
.lx .lxr .lxdesc h1{font-size: 36px; color: #fff; font-weight: bold; padding-bottom: 40px; margin-bottom: 50px; border-bottom: 1px solid #429cd1;}
.lx .lxr .lxdesc p{font-size: 14px; color: #fff; margin-bottom: 20px; }
.lx .lxr .lxdesc p em{display: inline-block; width: 18px; height: 14px; margin-right: 10px; vertical-align: middle; }
.lx .lxr .lxdesc p em.i2{background: url(/uploads/image/eimages/i2.png) no-repeat center; }
.lx .lxr .lxdesc p em.i3{background: url(/uploads/image/eimages/i3.png) no-repeat center; }
.lx .lxr .lxdesc p em.i4{background: url(/uploads/image/eimages/i4.png) no-repeat center; }
.lx .lxr .lxdesc p em.i5{background: url(/uploads/image/eimages/i5.png) no-repeat center; }

/* 投资者关系 */
.main-tz{padding-bottom: 50px;}
.tz li.colors{background: #f8f8f8}
.tz li a{display: block; padding: 30px; }
.tz li p{font-size: 14px; color: #333333; }
.tz li p.time{color: #999; }
.tz li a:hover p{color: #067dc1}

/* 新闻中心-行业新闻 */
.main-new{padding-bottom: 10px;}
.new li{padding: 50px 0; border-bottom: 1px solid #e5e5e5; }

.new li .newr{width: 870px }
.new li .newr h3{font-size: 24px; color: #333333; margin-bottom:10px; }
.new li .newr p{font-size: 14px; color: #888888; line-height: 24px; }
.new li .newr p.time{color: #999; font-family: arial; margin-bottom: 15px; }
.new li .newr span{display: inline-block;margin-top: 15px;font-size: 14px;padding-right: 20px;background: url(/uploads/image/eimages/left.png) no-repeat right center;background-size: 11%;}


/* 新闻中心-行业新闻-正文 */
.news{padding-bottom: 80px;}
.news .title{text-align: center;padding-bottom: 30px;border-bottom: 1px solid #e5e5e5}
.news h3{font-size: 24px;color: #333333;margin-bottom: 10px;}
.news p.sp span{font-size: 14px;color: #888888;margin-right: 20px;}
.news .con img{display: block;margin:60px auto; }
.news .con p{font-size: 14px; color: #666666; line-height: 30px; text-align: justify; padding: 0 125px;}

/* bdsharebuttonbox */
.bdsharebuttonbox{margin: 52px 0;}
.bdsharebuttonbox span{font-size: 14px;color: #333;float: left;margin-top: 3px;}

.news .return{padding-top: 36px;border-top: 1px solid #e5e5e5}
.news .return .rl a{display: block; font-size: 14px; color: #666666; margin-bottom: 10px; border-bottom: 1px solid transparent; }
.news .return .rl a:hover{color: #067dc1; border-bottom: 1px solid #067dc1; }
.news .return .rr a{display: block; width: 115px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; background: #067dc1; }
.news .return .rr a:hover{background: #000}

/* 招募精英-员工风采 */
.main-zp{padding-bottom: 30px;}
.zp li{width: 380px; margin-left: 50px;float: left; margin-bottom: 50px;border-bottom: 2px solid #dfdfdf;}
.zp li.mal0{margin-left: 0}
.zp li .zpdesc{font-size: 14px; color: #333; padding: 25px 20px; background: #f8f8f8; }
.zp li:hover .zpdesc{color: #067dc1}

.main-zp .page{padding: 10px 0 40px;}

/* 招募精英-职位信息 */
.main-zp1{padding-bottom:50px; }
.main-zp1 .page{padding-top: 50px;}
.zp1 li{width: auto; padding: 0 30px; height: 50px;line-height: 50px;border-bottom: 1px solid #e5e5e5;font-size: 14px;color: #999 }
.zp1 li.first{font-size: 18px; color: #333; font-weight: bold; height: 60px;line-height: 60px;border-top:3px solid #067dc1;border-bottom: 1px solid #b2b2b2 }
.zp1 li span{float: left;display: block;font-size: 14px;color: #666;text-align: center;width: 196.666px;}

/* .zp1 li span.t1{width: 220px;}
.zp1 li span.t2{width: 220px;}

.zp1 li span.t3{width: 200px;}
.zp1 li span.t4{width: 200px;}

.zp1 li span.t5{width: 170px;}
.zp1 li span.t6{width: 170px;} */

.zp1 li a:hover{color: #067dc1;border-bottom: 1px solid #067dc1;}

/* 招募精英-职位信息-正文 */

.zp2{padding-bottom: 90px;}
.zp2 .titles{padding-bottom: 35px;border-bottom: 1px solid #e5e5e5; margin-bottom: 35px;}
.zp2 h1{font-size: 48px; color: #000000 }
.zp2 h1 a{display: block; width: 115px; height: 40px; line-height: 40px;text-align: center; font-size: 14px; color: #fff; background: #067dc1; }
.zp2 h1 a:hover{background: #000}
.zp2 p.sp{font-size: 14px; color: #666666; }
.zp2 .zpdesc h3{font-size: 24px;font-weight: bold;color:#067dc1;padding-left: 15px;position: relative; margin-bottom: 40px;}
.zp2 .zpdesc h3:before{content: '';position: absolute;left: 0;top:50%;margin-top: -11px;width: 4px;height: 22px;background: #067dc1;}
.zp2 .zpcos{padding-left: 20px;}
.zp2 .zpcos p.os{color: #333}
.zp2 .zpcos p{font-size: 14px; color: #666666; text-align: justify; line-height: 30px; }

/* 关于我们-公司简介 */
.main-ab{padding-bottom: 100px;}
.main-ab .layout{background: url(/uploads/image/eimages/bg1.png) no-repeat 240px 0; }
.ab .abl{width: 620px; }
.ab h6{font-size: 16px; font-weight: bold; color: #000000; line-height: 30px; }
.ab p{font-size: 16px; color: #666666; line-height: 30px; text-align: justify; }
.ab .adr{margin-top: 50px;}

/* 关于我们-公司荣誉 */
.main-honr{padding-bottom: 100px;}
.main-honr h2{position: relative;}
.main-honr h2 p{position: relative;}
.main-honr h2 p:after{content: ''; position: absolute; top: 50%; width: 53px; height: 1px; background: #ccc; margin-left: 10px; }
.main-honr h2 ul{width: 985px; margin-right: 90px; }
.main-honr h2 ul li{float: left;margin-left: 75px;}
.main-honr h2 ul li:first-child{margin-left:0;}
.main-honr h2 ul a{font-size: 14px; color: #666666; }
.main-honr h2 ul a.on,
.main-honr h2 ul a:hover{color: #067dc1 }

.honr{margin-top: 40px;}

.honr li{float: left; width: 380px; border:1px solid #dfdfdf; margin-left: 47px; margin-bottom: 50px; }
.honr li.mal0{margin-left: 0}
.honr li a{display: block; padding: 35px; }

.main-honr .page{padding: 0}

/* 关于我们-发展历程 */
.main-his{padding-bottom: 100px;}
.his{width: 100%;height: 348px;background: url(/uploads/image/eimages/his.jpg) no-repeat center;position: relative;}
.his .mtsdesc{padding-top: 60px; /* padding-bottom: 60px; padding-left: 130px;*//*width: 1080px;*/ width: 200px; margin: 0 auto;position: relative;}

.his .mtsdesc .slick-slide{/* padding-left: 130px; */padding-bottom: 60px;position: relative;/*text-align: center;*/ text-align: left; /*height:165px;*/}

/* .his .mtsdesc .lines{position: relative;height: 60px;} */

/* .his .mtsdesc:before{content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -1.5px;width: 1px; height: 60px; background: #fff; } */

/* .his .mtsdesc:after{content: ''; position: absolute; top: 163px; left: 100px; width: 20px; height: 1px; background: #fff; } */

/* .his .mtsdesc .slick-slide:before{content: ''; position: absolute; bottom: 0px; left: 100px; width: 1px; height: 87px; background: #fff; }

 */
.his .mtsdesc .slick-slide:before{content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -1.5px;width: 1px; height: 60px; background: #fff;}

.his .mtsdesc p{font-size: 14px; color:#ffffff; margin-bottom: 15px; }
.his .mtsdesc p b{font-size: 24px; font-weight: bold; margin-right: 20px; vertical-align: middle; }

.his .mtsline {position: relative; padding-top: 6px; z-index: 10; width: 1080px; margin: 0 auto; }
.his .mtsline:before {position: absolute; left: 0; z-index: 10; width: 100%; height: 1px; background: #3793cb; content: ''; }

.his .mtshis {position: relative; z-index: 18; margin: 0 auto; margin-top: -18px; width: 1048px }
.his .mtshis p {position: relative; z-index: 13; margin-top: 38px; color: #fff; font-weight: 700; font-size: 16px; font-family: arial; text-align: center; }
.his .mtshis p:before {content: ''; position: absolute; top: -26px; left: 50%; z-index: 13; margin-left: -9px; width: 7px; height: 7px; background: #fff; border:3px solid transparent; border-radius: 50%;}

.his .mtshis .slick-current p:before {background: #067dc1; border:3px solid #fff; }
.his .slick-arrow {position: absolute; font-size: 0; width: 20px; height: 20px; top: 50%; margin-top: -21px; z-index: 99; cursor: pointer; }
.his .slick-prev {left: -50px; background: url(/uploads/image/eimages/ls1.png) no-repeat center }
.his .slick-next {left: auto; right: -50px; background: url(/uploads/image/eimages/rs1.png) no-repeat center; }
.his .slick-prev:hover{background: url(/uploads/image/eimages/ls2.png) no-repeat center}
.his .slick-next:hover{background: url(/uploads/image/eimages/rs2.png) no-repeat center}

/* index */
.index h2{font-size:24px; color: #333333; text-align: center; margin-bottom:50px; }
.index h2 span{color: #666666}
.index h2 em{display: inline-block;width: 7px;height: 7px;background: #888;border-radius: 50%;margin: 0 20px;}
.index h2 b{/*font-size: 40px;*/ font-size: 32px;font-weight:700; position: relative; }
.index h2 b small{position: absolute; right: 0; top: -14px; font-size: 14px; color: #888; font-family: arial; }

/* index1 */
.index1{background: #f4f4f4;padding: 70px 0 100px;}
.index1 li{float: left;position: relative;overflow: hidden;cursor: pointer;}
.index1 li:before {content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: rgba(0,133,210,.5); background: #0085d2\9; filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#b20085d2,endcolorstr=#b20085d2); z-index: 99 }

.index1 li .imgs{overflow:hidden}
.index1 li .imgs img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.index1 li .incon{position:absolute;z-index:100;left:50px;right:50px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.index1 li .incon.tops{top:60px}
.index1 li .incon.bots{left:28px;right:28px;top:170px}
.index1 li .incon h3{font-size:24px;color:#fff;margin-top:15px}
.index1 li .incon p{font-size:14px;color:#fff;line-height:30px;text-align:center;margin-top:10px;-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.index1 li .incon a{display:block;width:20px;height:20px;background:url(/uploads/image/eimages/arrow.png) no-repeat center;margin:25px auto 0;-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.index1 li.last .incon a{margin-top:10px}
.index1 li:hover:before{top:0; pointer-events:none;}
.index1 li:hover .imgs img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.index1 li:hover .incon{text-align:center}
.index1 li:hover .incon.bots{top:50px}
.index1 li:hover .incon a,.index1 li:hover .incon p{opacity:1;-khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)"}


/* index2 */
.index2{padding: 100px 0;}

.index2b>.fl{margin-left: 70px;}
.index2b .index2r{width: 520px; }

.index2b .index2r li{cursor: pointer;margin-bottom: 60px;}
.index2b .index2r i{display: block; width: 52px; height: 45px; margin-right: 30px; }


.index2b .index2r .rdesc{width: 438px;}
.index2b .index2r h3{font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 15px}
.index2b .index2r p{font-size: 14px;color: #666666;line-height: 24px;text-align: justify;}
.index2b .index2r p a{font-size: 14px;color: #666;}

.index2b .index2r i.i1{background: url(/uploads/image/eimages/c7.png) no-repeat center}
.index2b .index2r li:hover i.i1{background: url(/uploads/image/eimages/cs7.png) no-repeat center}
.index2b .index2r i.i2{background: url(/uploads/image/eimages/c8.png) no-repeat center}
.index2b .index2r li:hover i.i2{background: url(/uploads/image/eimages/cs8.png) no-repeat center}
.index2b .index2r i.i3{background: url(/uploads/image/eimages/c9.png) no-repeat center}
.index2b .index2r li:hover i.i3{background: url(/uploads/image/eimages/cs9.png) no-repeat center}
.index2b .index2r i.i4{background: url(/uploads/image/eimages/c10.png) no-repeat center}
.index2b .index2r li:hover i.i4{background: url(/uploads/image/eimages/cs10.png) no-repeat center}

.index2b .index2r li:hover h3,
.index2b .index2r li:hover p a{color: #0084cf}

/* index3 */

.index3{background: #f6f6f6;padding: 97px 0 50px;}

.index3b{position: relative;}
.index3b .mp {position: absolute; cursor: pointer; }

.outer1 {position: absolute; width: 20px; height: 20px; left: -7.15px; top: -7.4px; border-radius: 50%; z-index: 1; opacity: 1; background:transparent; border:1px solid #8cc275; -webkit-animation: my2 2s ease-out infinite; -moz-animation: my2 2s ease-out infinite; -o-animation: my2 2s ease-out infinite; animation: my2 21 ease-out infinite; }
.circle {width: 7px; height: 7px; border-radius: 50%; background: #fcff00; position: relative;z-index: 98;-webkit-animation: my1 2s ease-out infinite; -moz-animation: my1 2s ease-out infinite; -0-animation: my1 2s ease-out infinite;animation: my1 21 ease-out infinite; }

.mp .zi {z-index: 101;;display: none; width: 265px; height: 68px; padding: 30px 40px;; text-align: center; line-height: 20px; font-size: 10px; color: #333; background: url(/uploads/image/eimages/bgs.png) no-repeat center; position: absolute; left: 0; top: -186px; margin-left: -158px; }
.mp .zi:before{content: ''; position: absolute; bottom: -58px; left: 161.5px; width: 1px; height: 58px; background: #333333; }
.mp .zi h4{font-size: 16px;color: #fff;font-weight:bold;margin-bottom: 15px;text-align: left;}
.mp .zi p{font-size: 12px;color: #fff;text-align: justify;line-height: 20px;}

.index3b .mp1{top:250px; left:125px; }

.index3b .mp2{top:295px; left:970px; }
.index3b .mp3{top:280px; left:1018px; }
.index3b .mp4{top:303px; left:1000px; }
.index3b .mp5{top:304px; left:1008px; }
.index3b .mp6{/*top:310px; left:1008px;*/ /*top:345px; left:993px;*/top:375px;left:981px; }

.index3b .mp7{top:385px; left:965px; }
.index3b .mp8{top:380px; left:975px; }
.index3b .mp9{top:390px; left:970px; }


@keyframes my1{
    0% {
        background: #fcff00;
    }

    33% {
        background: #ff0000;
    }

    66% {
        background: #fcff00;
    }

    100% {
        background: #ff0000;
    }
}

@-moz-keyframes my1{
    0% {
        background: #fcff00;
    }

    33% {
        background: #ff0000;
    }

    66% {
        background: #fcff00;
    }

    100% {
        background: #ff0000;
    }
}

@-webkit-keyframes my1{
    0% {
        background: #fcff00;
    }

    33% {
        background: #ff0000;
    }

    66% {
        background: #fcff00;
    }

    100% {
        background: #ff0000;
    }
}

@-o-keyframes my1{
    0% {
        background: #fcff00;
    }

    33% {
        background: #ff0000;
    }

    66% {
        background: #fcff00;
    }

    100% {
        background: #ff0000;
    }
} 

@keyframes my2{
    0% {
        border-color: #8cc275;
    }

    33% {
        border-color: #ff0000;
    }

    66% {
        border-color: #8cc275;
    }

    100% {
        border-color: #ff0000;
    }
}

@-moz-keyframes my2{
    0% {
        border-color: #8cc275;
    }

    33% {
        border-color: #ff0000;
    }

    66% {
        border-color: #8cc275;
    }

    100% {
        border-color: #ff0000;
    }
}

@-webkit-keyframes my2{
    0% {
        border-color: #8cc275;
    }

    33% {
        border-color: #ff0000;
    }

    66% {
        border-color: #8cc275;
    }

    100% {
        border-color: #ff0000;
    }
}

@-o-keyframes my2{
    0% {
        border-color: #8cc275;
    }

    33% {
        border-color: #ff0000;
    }

    66% {
        border-color: #8cc275;
    }

    100% {
        border-color: #ff0000;
    }
} 

.mp:hover .outer1 {
    background: #aad1ea;
    -webkit-animation: my3 2s ease-out infinite;
    -moz-animation: my3 2s ease-out infinite;
    animation: my3 21 ease-out infinite;
    border: none;
}
@keyframes my3{
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    25% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        opacity:.8;
    }
    50% {
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
        opacity: .5;
    }
    75% {
        transform: scale(1.6);
        -webkit-transform: scale(1.6);
        opacity: .3;
    }
    100% {
        transform: scale(1.8);
        -webkit-transform: scale(1.8);
        opacity: 0;
    }
}
@-moz-keyframes my3{
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    25% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        opacity:.8;
    }
    50% {
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
        opacity: .5;
    }
    75% {
        transform: scale(1.6);
        -webkit-transform: scale(1.6);
        opacity: .3;
    }
    100% {
        transform: scale(1.8);
        -webkit-transform: scale(1.8);
        opacity: 0;
    }
}
@-webkit-keyframes my3{
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    25% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        opacity:.8;
    }
    50% {
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
        opacity: .5;
    }
    75% {
        transform: scale(1.6);
        -webkit-transform: scale(1.6);
        opacity: .3;
    }
    100% {
        transform: scale(1.8);
        -webkit-transform: scale(1.8);
        opacity: 0;
    }
}
@-o-keyframes my3{
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    25% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        opacity:.8;
    }
    50% {
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
        opacity: .5;
    }
    75% {
        transform: scale(1.6);
        -webkit-transform: scale(1.6);
        opacity: .3;
    }
    100% {
        transform: scale(1.8);
        -webkit-transform: scale(1.8);
        opacity: 0;
    }
} 

/* index4 */
.index4{background: url(/uploads/image/eimages/index4.jpg) no-repeat center;padding: 107px 0;}

.index4l{width: 506px;padding-top: 50px}
.index4l h2{font-size: 40px; color: #fff; text-align: left; margin-bottom: 15px; }
.index4l h2 b{font-weight: bold;}
.index4l p.sp{font-size: 16px; color: #fff; font-family: arial; }

.index4c{padding-left: 89px;/*padding-right: 89px;*/padding-right: 35px;border-left: 1px solid #565d6e;border-right: 1px solid #565d6e}
.index4c p{font-size: 16px; color: #fff; text-align: left; margin-bottom: 15px; }
.index4c h1{font-size: 48px;color: #fff;padding-left: 60px;background: url(/uploads/image/eimages/c11.png) no-repeat left center;margin-bottom: 45px;}
.index4c a{display: block;width: 144px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;background: #0084cf;border-radius: 5px;}
.index4c a:hover{background: #000}

.index4r{/*padding-left: 89px;padding-top: 32px;*/padding-left: 60px;padding-top: 17px;}
.index4r p.sp{font-size: 12px; color: #fff; text-align: center; /*margin-top: 15px;*/margin-top: 4px; }


/*2017-06-16*/
.nav ul li.on{background: #067dc1;}
.page .cpb{color:#067dc1;display: inline-block; width: 38px; height: 38px; text-align: center; line-height: 38px; font-size: 18px; margin-left: -5px}
.copyright p a{color:#575b5f;}
.portl .slider-nav img{width:140px;}
.portl .slider-nav .slick-current img{width:140px;}
.footer dl dd .foot a{padding-left:0px; margin:-20px 6px 6px 0; }

/*2017-06-22*/
.snav{width: auto;}
.snav li{/*width:155px;*/width: 100%}

.snav li a{text-align:left; text-indent:initial; width: 100%; padding: 0 20px;  box-sizing:border-box;  white-space: pre;}
/*.index3b .mp6{top: 331px;left: 968px;}*/
.index3b .mp5{top:331px; left:968px;}
/*.snav li a{ padding-right:0px;}*/

/*2017-06-27*/
.portr .title{margin-top:112px;}
.index1 li .incon span{display:block;width:20px;height:20px;background:url(/uploads/image/eimages/arrow.png) no-repeat center;margin:25px auto 0;-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.index1 li:hover .incon span{opacity:1;-khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)"}

.zp1 li a{color:#067dc1;}
.zp1 li a:hover{color:none;border-bottom:none;}
.mp .zi{line-height:0px;}
.mp .zi h4{margin-top:-5px;}
.zp li .img img{height:285px;}

.index3b .mp5 .zi h4{font-size:12px;}

/*2017-07-04*/
/* tables */
/* 登录 */
.tables{height:auto;background:url(/uploads/image/eimages/table-bg.jpg) repeat-y top left}
.tables .tab{margin:0 auto;padding:160px 0;width:432px}
.tables .tab h3{margin-bottom:50px;color:#067dc1;text-align:center;font-size:30px}
.tables .tab p{margin-bottom:20px;padding:0 20px;width:392px;height:52px;background:#fff;line-height:52px}
.tables .tab p.short{display:inline-block;/*width:197px*/ width:227px;}
.tables .tab p span{color:#999;vertical-align:middle;font-size:14px}
.tables .tab p span sup{margin-right:5px;color:red;font-size:14px}
.tables .tab p input{/*width:300px*/ width:auto;}
.tables .tab p.short input{width:127px}
.tables .tab .tabimg{position:absolute;margin-left:10px;cursor:pointer}
.tables .tab li{margin-top:50px}
.tables .tab li.zhushi{margin-top:20px}
.tables .tab a.zhuce,
.tables .tab input[type=submit],
.tables .tab input[type=reset]{width:206px;height:52px;background:#0771ab;color:#fff;text-align:center;font-size:16px;line-height:52px}
.tables .tab a.zhuce{display:inline-block;margin-left:16px;background:#75b2e1;vertical-align:middle}
.tables .tab a.zhuce:hover,.tables .tab input[type=submit]:hover{background:#000}
.tables .tab li.zhushi span{color:#666;font-size:14px}
.tables .tab li.zhushi a,.tables .tab li.zhushi span font{color:red;font-size:14px}

/* 忘记密码 */
.tables .tab input[type=button]{width: 184px; height: 52px; line-height: 52px; text-align: center; font-size: 14px; color: #fff; background: #b9b9b9; vertical-align: top; margin-left: 7px; }
.tables .tab input[type=button]:hover{background: #000}

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

.snavl{ width: 100%; }
 

/*客服2*/
.rides-cs {  font-size: 12px; background:#0084cf; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00a0e9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatl { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatl a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatr { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatr .cn {background:#f7f7f7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titzx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #e6e4e4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnopen, .rides-cs .btnctn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(/uploads/image/eimages/kefu1.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnopen { background-position: 0 0;}
.rides-cs .btnctn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ace5f9 1px;}
.rides-cs ul li.bot { border-bottom: none;}
.rides-cs .wechatimg{padding:20px;text-align:center;}
.rides-cs .wechatimg img{max-width:100px;}


/* adds */
.adds {margin-top: 40px;margin-left: 40px;}
.adds a{
    font-size: 16px;
    color: #666666;
}
.adds a.on,
.adds a:hover{color: #086fb1}

    .adds em {
        font-size: 14px;
        color: #666;
        margin: 0 8px;
    }