@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
a{text-decoration:none;}
table {border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}
strong {font-weight: bold;}
ol,ul {list-style: none;margin:0;padding:0;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;margin:0;padding:0;color:#f2f2f2;}
q:before,q:after {content:'';}
abbr,acronym { border: 0;}

/* Custom CSS */
body{font:500 12px/1.5 tahoma,arial,"Microsoft YaHei",Simsun,sans-serif;}
.section{text-align: center;}


/* Menu */
.menuBoxBg {z-index:998;width:100%;padding:0;margin:0;position:fixed;top:0;left:0;height:71px;background-color:#fff;border-bottom:solid 1px #ebebeb;box-shadow:0 0px 6px rgba(60, 60, 60, .1);opacity:0.95;}
.menuBox {position:fixed;top:0;left:0;height:71px;z-index:999;width:100%;padding:0;margin:0;}
.menu {width:auto;max-width:1200px;margin:0 auto;}
.menu .logo {float:left;margin:19px 0 0 2px;height:34px;line-height:34px;color:#6f6f6f;font-size:20px;}
.menu .logo img {float:left;margin-right:12px;}
.menu .menuRig {float:right;}
.menu .menuRig ul {position:relative;height:71px;float:left;margin-right:20px;}
.menu .menuRig li {color:#4f5055;font-size:14px;float:left;line-height:70px;margin-right:20px;}
.menu .menuRig li.active {}
.menu .menuRig li a {text-decoration:none;color:#4f5055;display:inline-block;padding:0 2px;}
.menu .menuRig li.active a,.menu .menuRig li.active a:hover{color:#0094e4;}
.menu .menuRig li.active a {border-bottom:solid 2px #0094e4;}
.menu .menuRig .experienceBox {float:right;margin-top:18px;}
.menu .menuRig .experienceBox dd {position:relative;}
.menu .menuRig .experienceBox dd .menuLink {height:30px;width:94px;color:#f9a739;background-color:#fff;display:inline-block;border:solid 1px #f9a739;border-radius:15px;line-height:30px;text-align:center;font-size:14px;}
.menu .menuRig .experienceBox dd .subnavBox {position:absolute;top:30px;left:50%;margin-left:-90px;width:180px;padding-top:18px;}
.menu .menuRig .experienceBox dd .subnavBox .subnavInBox {position:relative;}
.menu .menuRig .experienceBox dd .subnavBox .subnavInBox .eNavBox {border:solid 1px #d1d1d1;background-color:#fff;width:180px;font-size:13px;}
.menu .menuRig .experienceBox dd .subnavBox .subnavInBox .eNavBox p {height:32px;line-height:32px;padding:10px;}
.menu .menuRig .experienceBox dd .subnavBox .subnavInBox .eNavBox p a {display:inline-block;height:32px;padding-left:44px;color:#444a50;}
.menu .menuRig .experienceBox dd .subnavBox .subnavInBox .eNavBox p a i {display:inline-block;width:32px;height:32px;background-image:url(../images/experienceIco.png);background-repeat:no-repeat;background-position:0 -32px;float:left;margin-left:-44px;}
.menu .menuRig .experienceBox dd .subnavBox .subnavInBox .eNavBox p:first-child {border-bottom:solid 1px #d1d1d1;}
.menu .menuRig .experienceBox dd .subnavBox .subnavInBox .eNavBox p:first-child a i {background-position:0 0;}
.menu .menuRig .experienceBox dd .subnavBox .subnavInBox b {position:absolute;left:50%;top:-7px;margin-left:-8px;z-index:2;width: 0;height: 0;border-left:8px solid transparent;border-bottom:8px solid #fff;border-right:8px solid transparent;}
.menu .menuRig .experienceBox dd .subnavBox .subnavInBox b:first-child {border-bottom:8px solid #d1d1d1;top:-8px;z-index:1;}


.intro p{width: 50%;margin: 0 auto;font-size: 1.5em;}
.twitter-share-button{position: fixed;z-index: 99;right: 149px;top: 9px;}


.oneTxtBox {width:1200px;top:100px;left:50%;margin-left:-600px;position:absolute;z-index:8;font-size:18px;text-align:center;}
.oneTxtBox h2 {color:#333;font-size:48px;height:100px;line-height:100px;}
.oneTxtBox p {color:#454545;line-height:30px;}
.oneImgBox {width:948px;height:589px;position:absolute;bottom:18px;left:50%;margin-left:-474px;}
.oneImgBox .oneImgIn {position:relative;height:589px;}
.oneImgBox .oneImgIn img {-webkit-transition: .2s 0s width linear;position:absolute;bottom:0;left:0;}

.twoScreenBox {width:1200px;position:absolute;left:50%;margin-left:-600px;top:0;z-index:8;}
.twoScreenBox .twoTxtBox {margin-top:120px;text-align:center;vertical-align:top;}
.twoScreenBox .twoTxtBox h2 {height:78px;line-height:78px;font-size:48px;color:#fff;margin-bottom:20px;}
.twoScreenBox .twoTxtBox .txtTwo {font-size:18px;color:#fff;line-height:40px;}
.twoScreenImg {width:854px;position:absolute;left:50%;margin-left:-427px;bottom:0;}
.twoScreenImg .twoImgBox {width:854px;height:530px;position:relative;}
.twoScreenImg .twoImgBox img {position:absolute;left:0;bottom:0;}


.threeScreenTxt {max-width:1200px;margin:0 auto;text-align:left;z-index:8;position:relative;}
.threeTxtIn {float:left;margin:-140px 0 0 15px;}
.threeTxtIn h2 {font-size:48px;color:#333;line-height:72px;margin-bottom:30px;}
.threeTxtIn .threeTxtCon {font-size:18px;line-height:40px;color:#454545;}
.threeScreenImg {width:1200px;position:absolute;left:50%;margin-left:-600px;top:0;z-index:1;}
.threeScreenImg .threeImgBox {position:relative;}
.threeScreenImg .threeImgBox img {position:absolute;right:0;top:160px;}


.fourScreenBox {width:1200px;position:absolute;top:120px;left:50%;margin-left:-600px;z-index:8;}
.fourScreenBox .fourTxtBox {text-align:center;}
.fourScreenBox .fourTxtBox h2 {height:76px;line-height:76px;font-size:48px;color:#333;margin-bottom:18px;}
.fourScreenBox .fourTxtBox .fourTxtCon {font-size:18px;line-height:40px;color:#454545;}
.fourScreenImg {width:1108px;position:absolute;bottom:0;left:50%;margin-left:-554px;}
.fourScreenImg .fourInImg {position:relative;}
.fourScreenImg .fourInImg img {position:absolute;left:0;bottom:0;}

.fivesScreenBox {width:1200px;position:absolute;top:120px;left:50%;margin-left:-600px;z-index:8;}
.fivesScreenBox .fivesTxtBox {text-align:center;}
.fivesScreenBox .fivesTxtBox h2 {height:76px;line-height:76px;font-size:48px;color:#333;margin-bottom:18px;}
.fivesScreenBox .fivesTxtBox .fivesTxtCon {font-size:18px;line-height:40px;color:#454545;}
.fivesScreenImg {width:856px;position:absolute;bottom:0;left:50%;margin-left:-428px;}
.fivesScreenImg .fivesInImg {position:relative;}
.fivesScreenImg .fivesInImg img {position:absolute;left:0;bottom:0;}


.sixScreenBox {max-width:1200px;vertical-align:top;margin:0 auto;}
.sixScreenBox .sixTxtBox {float:left;margin:220px 0 0 15px;text-align:left; vertical-align:top;}
.sixScreenBox .sixTxtBox h2 {height:68px;line-height:68px;font-size:48px;color:#333;margin-bottom:20px;}
.sixScreenBox .sixTxtBox .sixTxtCon {color:#454545;font-size:18px;line-height:40px;}


.sevenScreenBox {width:1200px;position:absolute;top:120px;left:50%;margin-left:-600px;z-index:8;}
.sevenScreenBox .sevenTxtBox {text-align:center;}
.sevenScreenBox .sevenTxtBox h2 {height:76px;line-height:76px;font-size:48px;color:#333;margin-bottom:18px;}
.sevenScreenBox .sevenTxtBox .sevenTxtCon {font-size:18px;line-height:40px;color:#454545;}
.sevenScreenImg {width:1064px;position:absolute;bottom:0;left:50%;margin-left:-532px;}
.sevenScreenImg .sevenInImg {position:relative;}
.sevenScreenImg .sevenInImg img {position:absolute;left:0;bottom:0;}

.eightScreenBox {width:1200px;position:absolute;top:160px;left:50%;margin-left:-600px;z-index:8;}
.eightScreenBox h2 {text-align:center;font-size:48px;color:#333;}
.eightScreenIco {width:872px;height:266px;position:absolute;left:50%;margin:-70px 0 0 -436px;}
.eightScreenIco ul {width:100%;}
.eightScreenIco ul li {width:198px;float:left;margin:0 10px;text-align:center;}
.eightScreenIco ul li .eightIcoBox {background-color:#f2f2f2;width:198px;height:198px;border-radius:12px;position:relative;box-shadow:0px 0px 8px rgba(0, 0, 0, .1);}
.eightScreenIco ul li .eightIcoBox img {position:absolute;left:50%;top:50%;display:inline-block;margin:-57px 0 0 -57px;}
.eightScreenIco ul li p {padding-top:18px;color:#333;font-size:40px;}


.nineScreenBox {height:560px;width:820px;position:absolute;left:50%;margin:-220px 0 0 -410px;z-index:8;}
.nineScreenBox ul {height:426px;}
.nineScreenBox li {float:left;margin:0 15px;height:426px;width:380px;background-color:#fff;border-radius:5px;box-shadow:0px 0px 5px rgba(0, 0, 0, .1);color:#333;font-size:18px;text-align:center;}
.nineScreenBox li .nineInBox {padding-top:70px;}
.nineScreenBox li .nineInBox p {padding-top:36px;}
.phoneBox p {padding-top:80px;text-align:center;}



p.sixIco5,p.sixIco6,p.sixIco7,p.sixIco8 {padding-top:28px;}
.sixQRCode {width:570px;position:absolute;top:600px;left:50%;margin-left:-285px;}
.sixQRCode ul {padding-top:48px;}
.sixQRCode ul li {float:left;width:190px;font-size:15px;color:#fff;text-align:center;}
.sixQRCode ul li img {display:block;margin:0 auto 15px;}


.imgbg5,.imgbg6,.imgbg8,.imgbg9 {background-repeat:no-repeat;background-size:cover;background-position:center top;}
.imgbg5 {background-image:url(../images/bgImg1.jpg);}
.imgbg6 {background-image:url(../images/bgImg2.jpg);}
.imgbg8 {background-image:url(../images/bgImg3.jpg);}
.imgbg9 {background-image:url(../images/bgImg4.jpg);}



@media screen and (max-width:1130px) {
.menu .menuRig ul {margin-right:10px;}
.menu .menuRig li {margin-right:12px;}
}


@media screen and (max-width:1198px) {
.menu .menuRig {margin-right:5px;}
.threeScreenImg {width:1100px;margin-left:-550px;}
}

@media screen and (max-width:1100px) {
.threeScreenImg {width:1024px;margin-left:-512px;}
.menu .menuRig li {margin-right:10px;}
}


@media screen and (max-height:820px) {
.oneTxtBox {font-size:17px;}
.oneTxtBox h2 {color:#333;font-size:38px;height:80px;line-height:80px;}
.oneImgBox {bottom:0px;}
.oneImgBox .oneImgIn img {width:800px;left:50%;margin-left:-400px;}

.twoScreenBox .twoTxtBox {margin-top:100px;}
.twoScreenBox .twoTxtBox h2 {height:70px;line-height:70px;font-size:38px;margin-bottom:6px;}
.twoScreenBox .twoTxtBox .txtTwo {font-size:17px;line-height:36px;}
.twoScreenImg .twoImgBox img {bottom:-40px;width:800px;}


.threeTxtIn h2 {font-size:38px;line-height:60px;margin-bottom:20px;}
.threeTxtIn .threeTxtCon {font-size:17px;}
.threeScreenImg .threeImgBox img {height:620px;top:120px;}

.fourScreenBox {top:100px;}
.fourScreenBox .fourTxtBox h2 {height:68px;line-height:68px;font-size:38px;margin-bottom:8px;}
.fourScreenBox .fourTxtBox .fourTxtCon {font-size:17px;line-height:32px;}
.fourScreenImg .fourInImg img {width:1000px;left:50%;margin-left:-500px;bottom:-30px;}


.fivesScreenBox {top:100px;}
.fivesScreenBox .fivesTxtBox h2 {height:68px;line-height:68px;font-size:38px;margin-bottom:8px;}
.fivesScreenBox .fivesTxtBox .fivesTxtCon {font-size:17px;line-height:32px;}
.fivesScreenImg .fivesInImg img {left:50%;width:780px;margin-left:-390px;}

.sixScreenBox .sixTxtBox h2 {font-size:42px;margin-bottom:18px;}
.sixScreenBox .sixTxtBox .sixTxtCon {font-size:18px;line-height:40px;}

.sevenScreenBox {top:100px;}
.sevenScreenBox .sevenTxtBox h2 {height:68px;line-height:68px;font-size:38px;margin-bottom:8px;}
.sevenScreenBox .sevenTxtBox .sevenTxtCon {font-size:17px;line-height:32px;}
.sevenScreenImg .sevenInImg img {left:50%;width:980px;margin-left:-490px;}

.nineScreenBox {height:520px;margin:-190px 0 0 -410px;}
.phoneBox p {padding-top:50px;}
}


@media screen and (max-height:750px) {
.oneTxtBox {top:90px;}
.oneImgBox .oneImgIn img {width:740px;left:50%;margin-left:-370px;}

.twoScreenBox .twoTxtBox {margin-top:90px;}
.twoScreenImg .twoImgBox img {bottom:-60px;width:790px;}

.threeScreenTxt {padding-top:100px;}
.threeScreenImg {bottom:0px;}
.threeScreenImg .threeImgBox img {height:560px;top:90px;}

.fourScreenBox {top:90px;}
.fourScreenImg .fourInImg img {width:920px;margin-left:-460px;}

.fivesScreenBox {top:90px;}
.fivesScreenImg .fivesInImg img {width:680px;margin-left:-340px;}

.sevenScreenBox {top:90px;}
.sevenScreenImg .sevenInImg img {width:900px;margin-left:-450px;}

.eightScreenBox {top:100px;}


.nineScreenBox {height:490px;margin:-210px 0 0 -410px;}
.phoneBox p {padding-top:30px;}

}