/* CSS Document */


@font-face {
    font-family: 'myriadsetpro-thinthin';
    src: url('../css/font/myriadsetpro-thin-webfont.eot');
    src: url('../css/font/myriadsetpro-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/font/myriadsetpro-thin-webfont.woff2') format('woff2'),
         url('../css/font/myriadsetpro-thin-webfont.woff') format('woff'),
         url('../css/font/myriadsetpro-thin-webfont.ttf') format('truetype'),
         url('../css/font/myriadsetpro-thin-webfont.svg#myriadsetpro-thinthin') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{font-family: 'myriadsetpro-thinthin';}

/*.fp-tableCell{vertical-align:baseline}*/
.main{ width:1200px; height:auto; margin:0 auto;}

/*top*/
.topbg{ background:#fff; width:100%; height:100px; z-index:999; position:relative;}
.logo{width:auto; height:65px; float:left; display:block; margin-top:18px;}
.nav{ float:right;}
.nav li{ float:left; margin-left:50px;}
.nav li a{color:#4f4f4f; font-size:18px;}
.nav li a.cur{color:#02bee7;}
.nav li a:hover{color:#02bee7;}
/*foot*/
.footerbg{background:#4f4f4f; width:100%; height:300px;}
.footer-t{ width:100%; height:160px; padding:45px 0; background:url(../images/b01.jpg) repeat-x; background-position:100% bottom;}

.foot-nl{ width:282px; height:auto; float:left;}
.foot-nl h3,.foot-cu h3{color:#b3b3b3;font-size:24px;}
.foot-nl span{color:#b3b3b3;font-size:16px; line-height:24px; display:block; margin:25px auto;}

.f-quickdelete{ width:225px; height:45px; padding:0 15px; background:#636363; border-radius:45px;}
.fq-tex{ width:176px; padding:10px; border:none; height:25px; background:none;}
.fq-btn{ width:25px; height:45px; background:url(../images/icon02.png) no-repeat; background-position:center; text-indent:-9999px; border:none;}

.foot-cu{ width:210px; height:auto; float:left; margin-left:100px;}
.foot-cu>div{color:#b3b3b3;line-height:32px; height:24px; padding-left:32px; font-size:16px;}
.foot-cu .fc-ad{background:url(../images/icon03.png) no-repeat; background-position:left top; margin-top:25px;font-size:14px;text-transform:uppercase;}
.foot-cu .fc-tel{ background:url(../images/icon04.png) no-repeat; background-position:left center; margin-top:5px;font-size:14px;text-transform:uppercase;}
.foot-cu .fc-fq{ background:url(../images/icon05.png) no-repeat; background-position:left center; margin-top:5px;font-size:14px;text-transform:uppercase;}
.foot-cu .fc-eml{ background:url(../images/icon06.png) no-repeat; background-position:left center; margin-top:5px;font-size:14px;text-transform:uppercase;}

.foot-ab{ width:520px; float:right;}
.foot-ab span{ margin-bottom:10px;}
.f-share{ width:auto; height:32px;}
.f-share a{ display:inline-block; width:32px; height:32px; margin-right:10px;}

.foot-container{ font-size:16px; color:#b3b3b3; padding-top:15px;}

/*index*/

.idx-section1{ background:url(../images/bg01.jpg) no-repeat 50%; }
.idx-tit{ font-size:48px;color:#3f3f3f; height:48px; line-height:58px; position:relative; top:-200px;opacity:0;filter:alpha(opacity=0);}
.idx-tit span{/*color:#02bee7;*/}
.idx-img{ position:relative; right:500px;opacity:0;filter:alpha(opacity=0);}
.idx-btn{width:326px; height:86px; border-radius:86px;position:relative; display:block;opacity:0;filter:alpha(opacity=0); text-align:center; margin:0 auto; overflow:hidden;}
.idx-btn span{ position:absolute;color:#fff;font-size:36px; line-height:96px; width:100%; text-align:center; display:block;}
.idx-btn i{background:#000; opacity:0.5;filter:alpha(opacity=50);width:326px; height:86px; border-radius:86px;display:block; position:absolute;left:0;top:0; border-radius:86px;}
.idx-btn:hover i{opacity:0.8;filter:alpha(opacity=80);}

/*about*/
.ab-section1{ background:url(../images/bg02.jpg) no-repeat 50%;}
.ab-tit{ font-size:48px;color:#3f3f3f; height:48px; line-height:58px; position:relative; top:-100px;opacity:0;filter:alpha(opacity=0);}
/*.ab-tit span{color:#02bee7;}*/
.ab-tips{width:1050px; height:auto; margin:30px auto 0 auto; display:block; color:#3f3f3f; font-size:24px; text-align:left; position:relative;top:-50px; opacity:0;filter:alpha(opacity=0);}


/*services*/
.se-section1{background:url(../images/bg03.jpg) no-repeat 50%;}
.s-tips{ width:100%;/* height:153px; margin-top:80px;*/margin-top:50px;opacity:0;}

.s-tips a{ width:133px; height:153px; margin:0 15px; display:inline-block; background:url(../images/icon18.png) no-repeat; position:relative;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;background-position:0 0;}
.s-tips a:hover{background-position:0 -153px}

.s-tips a i{ display:block; width:133px; height:153px; position:absolute; top:0; left:0;}
.s-tips a:hover i{display:none;}
.s-tips a .sf-i{ background:url(../images/icon19.png) no-repeat; background-position:center;}
.s-tips a .st-i{ background:url(../images/icon20.png) no-repeat; background-position:center;}
.s-tips a .sth-i{ background:url(../images/icon21.png) no-repeat; background-position:center;}
.s-tips a .sfo-i{ background:url(../images/icon22.png) no-repeat; background-position:center;}
.s-tips a .sfi-i{ background:url(../images/icon23.png) no-repeat; background-position:center;}
.s-tips a .ss-i{ background:url(../images/icon24.png) no-repeat; background-position:center;}
.s-tips a .seig-i{ background:url(../images/icon30.png) no-repeat; background-position:center;}

.s-tips a span{ display:none; line-height:153px; width:133px; height:153px; position:absolute; top:0; left:0; font-size:18px; color:#fff;}
.s-tips a:hover span{ display:block;}


.se-t{ width:100%; height:auto; overflow:hidden;}
.se-t-left,.se-t-right{ width:50%; min-height:500px; float:left; position:relative;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-right:15px;}
.se-t-left img{ width:90%; position:absolute; left:-100%;opacity:0;filter:alpha(opacity=0);}
.se-t-right h3{ /*font-size:48px;*/font-size:3vw; position:absolute; top:-150px;opacity:0;filter:alpha(opacity=0);}
.se-t-right span{/*font-size:24px;*/font-size: 1.5vw; display:block;opacity:0;filter:alpha(opacity=0);}
.str-tips{ margin-top:80px;/* width:680px;*/ width:85%;}

.se-section3{background:url(../images/bg04.jpg) no-repeat 50%;}
.se-section5{background:url(../images/bg05.jpg) no-repeat 50%;}
.se-section7{background:url(../images/bg09.jpg) no-repeat 50%;}
.se-section8{background:#f6f6f6;}

.se-th-left,.se-th-right{width:50%; min-height:500px; float:left; position:relative;}
.se-th-left h3{ /*font-size:48px;width:680px;*/ width:85%;font-size:3vw; position:absolute; right:0; top:-150px;opacity:0;filter:alpha(opacity=0);}
.se-th-left .str-tips{ float:right;}
.se-th-left span{/*font-size:24px;*/font-size:1.5vw; display:block;opacity:0;filter:alpha(opacity=0);}
.se-th-right img{width:90%; position:absolute; left:100%;/* right:-100%;*/opacity:0;filter:alpha(opacity=0);}
.se-th-right.se-fi-img img{ left:inherit; right:-100%;}

.se-fo-left,.se-fo-right{ width:50%; min-height:500px; float:left; position:relative;}
.se-fo-left img{ width:80%; position:absolute; right:100%;opacity:0;filter:alpha(opacity=0);}
.se-fo-right h3{padding-left:50px; /*font-size:48px;*/font-size:3vw; position:absolute; top:-150px;opacity:0;filter:alpha(opacity=0);}
.se-fo-right span{padding-left:50px;/*font-size:24px;*/font-size:1.5vw; display:block;opacity:0;filter:alpha(opacity=0);}


.se-fi-left,.se-fi-right{width:50%; min-height:500px; float:left; position:relative;}
.se-fi-left h3{ /*font-size:48px;width:680px;*/ width:85%;font-size:3vw; position:absolute; right:0; top:-150px;opacity:0;filter:alpha(opacity=0);}
.se-fi-left .str-tips{ float:right;}
.se-fi-left span{/*font-size:24px;*/font-size:1.5vw; display:block;opacity:0;filter:alpha(opacity=0);}
.se-fi-right img{width:90%; position:absolute; right:-100%;opacity:0;filter:alpha(opacity=0);}

.se-s-left,.se-s-right{ width:50%; min-height:500px; float:left; position:relative;}
.se-s-left img{ width:80%; position:absolute; right:100%;opacity:0;filter:alpha(opacity=0);}
.se-s-right h3{padding-left:50px; /*font-size:48px;*/font-size:3vw; position:absolute; top:-150px;opacity:0;filter:alpha(opacity=0);}
.se-s-right span{padding-left:50px;/*font-size:24px;*/font-size:1.5vw; display:block;opacity:0;filter:alpha(opacity=0);}


.se-sv-main{ position:relative;}
.se-sv-main h3{ width:100%; text-align:center;font-size:48px; position:absolute; top:-150px;opacity:0;filter:alpha(opacity=0);}
.se-sv-main>div{ width:95%; height:45px; line-height:50px; border:1px solid #ededed; border-radius:5px; background:#fff url(../images/icon16.gif) no-repeat; background-position:12px center; padding:0 10px; padding-left:30px; margin-top:10px; font-size:18px;opacity:0;filter:alpha(opacity=0); margin:10px auto 0 auto;}
.se-sv-main>div:first-of-type{ margin-top:80px;}

.se-sev-left,.se-sev-right{width:50%; min-height:500px; float:left; position:relative;}
.se-sev-left h3{ /*font-size:48px;width:680px;*/ width:85%;font-size:3vw; position:absolute; right:0; top:-150px;opacity:0;filter:alpha(opacity=0);}
.se-sev-left .str-tips{ float:right;}
.se-sev-left span{/*font-size:24px;*/font-size:1.5vw; display:block;opacity:0;filter:alpha(opacity=0);}
.se-sev-right img{width:90%; position:absolute; right:-100%;opacity:0;filter:alpha(opacity=0);}


/*inf*/
.inf-tips a span{ display: table-cell; vertical-align:50%;line-height:normal;  margin-top: 52px;}
.inf-tips a span.i{line-height: 52px;}

.inf-section1{background:url(../images/bg06.jpg) no-repeat 50%;}
.inf-section3{background:url(../images/bg07.jpg) no-repeat 50%;}
.inf-section5{ background:#f6f6f6;}

.in-main{ position:relative;}
.in-main h3{font-size:48px; width:100%; color:#4f4f4f; text-align:center; position:absolute; top:-200px;opacity:0;filter:alpha(opacity=0);}
.in-t-img{ margin-top:150px;opacity:0;filter:alpha(opacity=0);}

.in-t{}
.in-th h3{color:#fff;}

/*contact*/
.bannerbg{ background:url(../images/bg08.jpg) 50% 0%  no-repeat; width:100%; height:480px;}
.co-banner h3{ color:#fff; font-size:48px; padding-top:100px;}
.co-banner>div{ width:1000px; height:auto; margin:0 auto; color:#fff;font-size:24px; text-align:left; padding-top:30px;}

.mainbg{ background:#fcfcfc; padding:100px 0;}
.co-box{ height:560px;}
.co-left{ width:685px; height:560px; border-right:1px solid #ededed; float:left;}
.co-left h3{ font-size:24px; margin-bottom:20px;}
.co-left input[type="text"]{display:block;width:625px; height:45px; padding:0 10px; border:1px solid #ededed; background:#fff; margin-bottom:20px;}
.co-btn{ display:block;background:#02bee7; width:205px; height:50px; line-height:55px; color:#fff; text-align:center; border-radius:50px;}

.co-right{ width:474px; height:560px; float:left; padding-left:40px;}
.co-right h3{ font-size:24px; margin-bottom:20px;}
.co-right img{ margin-bottom:25px;}
.co-cu{ width:100%; height:auto; border-top:1px solid #ededed;}
.co-cu>div{color:#b3b3b3;line-height:32px; height:24px; padding-left:32px; font-size:16px;}
.co-cu .fc-ad{background:url(../images/icon03.png) no-repeat; background-position:left center; margin-top:25px;}
.co-cu .fc-tel{ background:url(../images/icon04.png) no-repeat; background-position:left center; margin-top:5px;}
.co-cu .fc-fq{ background:url(../images/icon05.png) no-repeat; background-position:left center; margin-top:5px;}
.co-cu .fc-eml{ background:url(../images/icon06.png) no-repeat; background-position:left center; margin-top:5px;}
.foot-cu>div.fc-long{line-height:20px; height:35px;}