@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 arial,"Microsoft YaHei",Simsun,sans-serif;}

.section{text-align: center;}


/* Menu */
.menuBox {position:fixed;top:0;left:0;height:76px;z-index:999;width:100%;padding:0;margin:0;}
.menu {width:auto;max-width:1200px;margin:0 auto;}
.menu .logo {float:left;margin:28px 0 0;}
.menu .menuRig {float:right;}
.menu .menuRig .phone {float:right;height:28px;line-height:28px;padding-left:33px;color:#fff;font-size:24px;font-weight:bold;font-style:italic;margin-top:25px;}
.menu .menuRig .phone i {width:28px;height:28px;display:inline-block;float:left;margin-left:-33px;background:url(../images/phone.png) no-repeat left center;}
.menu .menuRig ul {position:relative;height:80px;float:left;margin-right:20px;}
.menu .menuRig li {color:#fff;font-size:16px;float:left;line-height:76px;margin-right:44px;}
.menu .menuRig li.active {}
.menu .menuRig li a {text-decoration:none;color:#fff;display:inline-block;padding:0 2px;}
.menu .menuRig li.active a,.menu .menuRig li.active a:hover{color:#fff;}
.menu .menuRig li.active a {border-bottom:solid 4px #fff;}


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

.wrapDivBox {display:block;height:100%;height:100%;position:relative;}

.oneTxtBox {width:1200px;top:50%;left:50%;margin-left:-600px;margin-top:-144px;height:288px;position:absolute;z-index:2;text-align:center;}
.oneTxtBox h2 {color:#fff;font-size:54px;height:120px;line-height:120px;margin-bottom:12px;}
.oneTxtBox p {color:#fff;line-height:52px;font-size:26px;}


.twoScreenBox {width:1200px;position:absolute;height:202px;left:50%;margin-left:-600px;margin-top:-101px;top:50%;text-align:center;}
.twoScreenBox .twoTxtBox {}
.twoScreenBox .twoTxtBox h2 {height:78px;line-height:78px;font-size:54px;color:#fff;}
.twoScreenBox .twoTxtBox .txtTwo {font-size:26px;color:#fff;line-height:52px;padding-top:20px;}



.threeScreenTxt {width:1200px;position:absolute;text-align:center;left:50%;margin-left:-600px;height:394px;margin-top:-197px;top:50%;}
.threeScreenTxt h2 {font-size:54px;color:#fff;line-height:66px;height:66px;}
.threeScreenTxt .threeTxtCon {max-width:1200px;margin:0 auto;font-size:30px;padding-top:78px;line-height:42px;color:#fff;text-align:center;}
.threeScreenTxt .threeTxtCon ul {width:1266px;}
.threeScreenTxt .threeTxtCon ul li {width:248px;height:248px;float:left;border:solid 1px #fff;border-radius:50%;margin-right:66px; vertical-align:middle;}
.threeScreenTxt .threeTxtCon ul li p {height:248px;display:table-cell;width:248px;text-align:center;vertical-align:middle;}


/* slide */
.slide-main{height:100%;position:relative;}
.prev,.next{display:block;width:44px;height:86px;position:absolute;z-index:222;top:50%;overflow:hidden;cursor:pointer;margin-top:-43px;background-image:url(../images/lr.png);background-repeat:no-repeat;}
.prev{left:70px;background-position:0 0;}
.next{right:70px;background-position:-44px 0;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}

.slide-box,.slide{display:block;width:100%;height:100%;overflow:hidden;}
.slide-box{position:relative;}
.slide {display:none;height:100%;position:relative;position:absolute;z-index:8; vertical-align:top;}
#bgstylea,#bgstyleb,#bgstylec,#bgstyled,#bgstylee,#bgstylef {background-repeat:no-repeat;background-size:cover;background-position:center bottom;}
#bgstylea {background-image:url(../images/bgImg4-1.jpg);}
#bgstyleb {background-image:url(../images/bgImg4-2.jpg);}
#bgstylec {background-image:url(../images/bgImg4-3.jpg);}
#bgstyled {background-image:url(../images/bgImg4-4.jpg);}
#bgstylee {background-image:url(../images/bgImg4-5.jpg);}
#bgstylef {background-image:url(../images/bgImg4-6.jpg);}
.slide a {display:block;width:100%;height:100%;cursor:pointer;}


.slideConBox {width:618px;height:302px;margin-top:-151px;margin-left:-309px;position:absolute;left:50%;top:50%;}

.slideConBox .slideTxtBox {text-align:center;}
.slideConBox .slideTxtBox h2 {font-size:50px;color:#fff;margin-bottom:60px;}
.slideConBox .slideTxtBox .slideTxtCon {color:#fff;font-size:26px;line-height:42px;}
.fieldsetBox {border:solid 1px #fff;text-align:center;color:#fff;font-size:26px;line-height:42px;width:618px;margin:0 auto;}
.fieldsetBox legend {text-align:center;font-size:32px;padding:0 15px;color:#fff;}
.fieldsetDiv {margin:20px;line-height:42px;color:#fff;font-size:26px;}
.fieldsetDiv2 {padding-left:190px;text-align:left;}
.fieldsetDiv2 span {display:inline-block;width:190px;text-align:right;float:left;margin-left:-190px;}




.item{display:block;width:100%;height:18px;position:absolute;z-index:124;bottom:30px;left:0;text-align:center;z-index:999;}
.item a{display:inline-block;width:18px; border-radius:50%;height:18px;margin-right:10px;background:#333;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.item a.cur{background:#fff;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}


.fourScreenBox {width:1200px;position:absolute;bottom:0;left:50%;margin-left:-600px;height:612px;}
.fourScreenBox .fourTxtBox {float:left;padding-left:86px;text-align:left;}
.fourScreenBox .fourTxtBox h2 {height:64px;line-height:64px;font-size:45px;color:#fff;}
.fourScreenBox .fourTxtBox .fourTxtCon {font-size:28px;line-height:36px;color:#fff;margin-bottom:60px;}
.fourScreenBox .fourTxtBox .fourTxtCon2 {font-size:24px; letter-spacing:8px;color:#fff;}
.fourScreenBox .fourTxtBox .englishWords {margin-bottom:36px;color:#fff;}
.fourScreenImg {width:1200px;position:absolute;top:80px;left:50%;margin-left:-600px;}
.fourScreenImg .fourInImg {position:relative;}
.fourScreenImg .fourInImg img {position:absolute;left:609px;top:89px;}

.fivesScreenBox {width:1200px;position:absolute;bottom:0;left:50%;margin-left:-600px;height:612px;}
.fivesScreenBox .fivesTxtBox {float:left;padding-left:86px;text-align:left;}
.fivesScreenBox .fivesTxtBox h2 {height:64px;line-height:64px;font-size:45px;color:#fff;}
.fivesScreenBox .fivesTxtBox .fivesTxtCon {font-size:28px;line-height:36px;color:#fff;margin-bottom:60px;}
.fivesScreenBox .fivesTxtBox .fivesTxtCon2 {font-size:24px; letter-spacing:8px;color:#fff;}
.fivesScreenBox .fivesTxtBox .englishWords {margin-bottom:36px;color:#fff;}


.sixScreenBox {width:100%;position:absolute;top:0;}
.sixScreenBox .sixTopBox {max-width:1200px;margin:0 auto;padding-top:120px;text-align:center;}
.sixScreenBox .sixTopBox h2 {height:64px;line-height:64px;font-size:50px;color:#fff;margin-bottom:60px;}
.sixScreenBox .sixTopBox .sixListBox {max-width:1200px;overflow:hidden;margin:0 auto;height:288px;}
.sixScreenBox .sixTopBox .sixListBox .sixIcoBox {width:1238px;height:288px;}
.sixScreenBox .sixTopBox .sixListBox .sixIcoBox li {float:left;width:167px;margin-right:38px;text-align:center;font-size:20px;color:#fff;line-height:30px;}
.sixScreenBox .sixTopBox .sixListBox .sixIcoBox li div {width:167px;margin:0;padding:0;}
.sixScreenBox .sixTopBox .sixListBox .sixIcoBox li p {padding-top:22px;}



.sixQRCode {position:fixed;bottom:0;height:250px;width:100%;background-color:#323436;}
.sixQRCode ul {width:380px;margin:0 auto;padding-top:50px;}
.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;}


.imgbg1,.imgbg2,.imgbg3 {background-repeat:no-repeat;background-size:cover;background-position:center top;}
.imgbg1 {background-image:url(../images/bgImg1.jpg);}
.imgbg2 {background-image:url(../images/bgImg2.jpg);}
.imgbg3 {background-image:url(../images/bgImg3.jpg);}
.imgbg4 {background-image:url(../images/bgImg4.jpg);}
.imgbg5 {background-image:url(../images/bgImg5.jpg);}
.imgbg4,.imgbg5 {background-repeat:no-repeat;background-size:cover;background-position:center bottom;}


@media screen and (max-width:1210px) {
.menu .menuRig {margin-right:8px;}
.menu .logo {float:left;margin:28px 0 0 5px;}

.oneTxtBox h2 {color:#fff;font-size:54px;height:120px;line-height:120px;margin-bottom:12px;}
.oneTxtBox p {color:#fff;line-height:52px;}

.threeScreenTxt h2 {font-size:44px;}
.threeScreenTxt .threeTxtCon {max-width:1120px;font-size:30px;padding-top:78px;line-height:42px;}
.threeScreenTxt .threeTxtCon ul {width:1186px;}
.threeScreenTxt .threeTxtCon ul li {width:228px;height:228px;}
.threeScreenTxt .threeTxtCon ul li p {height:228px;width:228px;}

}

@media screen and (max-width:1190px) {
.sixScreenBox .sixTopBox .sixListBox {max-width:1048px;}
.sixScreenBox .sixTopBox .sixListBox .sixIcoBox {width:1076px;margin:0 auto;}
.sixScreenBox .sixTopBox .sixListBox .sixIcoBox li {width:150px;margin-right:28px;font-size:19px;line-height:28px;}
.sixScreenBox .sixTopBox .sixListBox .sixIcoBox li div {width:150px;}
.sixScreenBox .sixTopBox .sixListBox .sixIcoBox li div img {width:150px;}
	
}

@media screen and (max-width:1110px) {
.threeScreenTxt .threeTxtCon {max-width:1100px;font-size:30px;padding-top:78px;line-height:42px;}
.threeScreenTxt .threeTxtCon ul {width:1126px;}
.threeScreenTxt .threeTxtCon ul li {width:228px;height:228px;margin:0 23px;}
.threeScreenTxt .threeTxtCon ul li p {height:228px;width:228px;}

.threeScreenTxt {margin-top:-160px;}

}

@media screen and (max-width:1090px) {
.oneTxtBox h2 {font-size:44px;height:80px;line-height:80px;}
.oneTxtBox p {font-size:24px;line-height:46px;}


.twoScreenBox .twoTxtBox h2 {font-size:44px;}
.twoScreenBox .twoTxtBox .txtTwo {font-size:24px;line-height:46px;}

.prev{left:30px;}
.next{right:30px;}
.item a{width:15px;height:15px;margin-right:10px;}

}

@media screen and (max-width:1060px) {

.threeScreenTxt .threeTxtCon {max-width:1060px;font-size:30px;padding-top:78px;line-height:42px;}
.threeScreenTxt .threeTxtCon ul {width:1086px;}
.threeScreenTxt .threeTxtCon ul li {width:218px;height:218px;margin:0 23px;}
.threeScreenTxt .threeTxtCon ul li p {height:218px;width:218px;}

.sixScreenBox .sixTopBox h2 {height:56px;line-height:56px;font-size:44px;margin-bottom:30px;}
.sixScreenBox .sixTopBox .sixListBox {max-width:1008px;}
.sixScreenBox .sixTopBox .sixListBox .sixIcoBox {width:1028px;margin:0 auto;}
.sixScreenBox .sixTopBox .sixListBox .sixIcoBox li {width:150px;margin-right:20px;font-size:19px;line-height:28px;}
.sixScreenBox .sixTopBox .sixListBox .sixIcoBox li div {width:150px;}
.sixScreenBox .sixTopBox .sixListBox .sixIcoBox li div img {width:150px;}
}



@media screen and (max-height:820px) {
.sixScreenBox .sixTopBox {padding-top:100px;}
.sixScreenBox .sixTopBox h2 {height:56px;line-height:56px;font-size:44px;margin-bottom:30px;}

.sixQRCode {height:180px;}
.sixQRCode ul {width:380px;margin:0 auto;padding-top:30px;}
.sixQRCode ul li img {margin:0 auto 10px;width:96px;height:96px;}

}

@media screen and (max-height:750px) {

.sixScreenBox .sixTopBox .sixListBox .sixIcoBox li p {padding-top:10px;}
}


@media screen and (max-height:720px) {

}