/*===================CSS Reset============================*/
html{ -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:scroll; overflow-x:auto;}
*,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border:medium none; margin:0; padding:0;}
body,button,input,select,textarea{ color: #666; font: 14px "微软雅黑";}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
em,i{ font-style:normal;}
ul,ol{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
input:focus,button:focus,textarea:focus,select:focus{ outline: none;}
img{ border: 0; max-width: 100%;}

/*===================Link Style============================*/
a,a:hover,a:active,a:visited,a:link,a:focus{ outline:none; text-decoration: none;}

/*===================Common Style============================*/
.fl{ float:left;}
.fr{ float:right;}
.wrap1{ width: 1440px; margin: 0 auto;}
.wrap2{ width: 1200px; margin: 0 auto;}
.ovh{ overflow: hidden;}
.textH{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bold{ font-weight: bold;}
.imgH img{ -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; transition: all 1s;}
.imgH:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.row{ margin-left: 0; margin-right: 0;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right: 0; padding-left: 0;}

/*============================ Header ============================*/
.header{ width: 100%; padding: 10px 210px; position: fixed; top: 40px; left: 0; z-index: 99;}
.header .logo{ display: block; width: 242px;}
.header .logo img{ width: 80%;}
.navBar{ position: relative; display: block; margin-top: 20px;}
.navBar li{ float: left; color: #fff; font-size: 14px; padding: 0 0 10px 0; margin-right: 30px; cursor: pointer;}
.navBar li.current{ border-bottom: 2px solid #00aae4;}
.is-fixed.header{ top: 0; background: rgba(0,0,0,.7); box-shadow: 0 0 5px rgba(0,0,0,.2);}

/*============================ Index ============================*/
.ixSlide .img{ position: relative;}
.ixSlide .txt{ width: 100%; height: 100%; color: #fff; font-size: 48px; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 99;}
.ixSlide .txt img{ display: inline-block; width: 272px; margin: 50px 0;}
.ixSlide .bg{ width: 100%; animation: scale 15s linear infinite;}
.ixSlide .img:hover .bg{ animation-play-state: paused;}
@keyframes scale{
	from{ transition: scale(1);}
	to{ transform:scale(1.2);}
}

.ixTit1{ font-size: 36px; color: #333;}
.ixTit1 span,.ixTit1 i{ display: block;}
.ixTit1 i{ width: 14px; height: 4px; /*background: #d2d2d2;*/ margin: 15px 0;}

.ixTit2 b,.ixTit2 span{ display: block; color: #3b3f4b;}
.ixTit2 b{ font-size: 36px;}
.ixTit2 p{ font-size: 24px; color: #898c8f; margin-top: 60px;}

.ixPart1,.ixPart2,.ixPart3,.ixPart7,.ixPart9{ background: #fff;}
.ixPart1 .part1 .txtL{ background: #eee; font-size: 24px; padding: 50px 45px;}
.ixPart1 .part1 .txtR{ margin-left: 35px;}
.ixPart1 .part1 .txtR .t{ font-size: 24px; border-bottom: 1px solid #d2d2d2; padding: 60px 0 35px 0; margin-bottom: 20px;}
.ixPart1 .part1 .txtR .t a{ display: inline-block; width: 50px; margin-right: 35px;}
/*.ixPart1 .part2 .txt{ font-size: 16px; color: #999; line-height: 36px; margin: 150px 50px 0 360px;}*/
.ixPart1 .part2 .txt{ font-size: 16px; color: #999; line-height: 36px; }
.ixPart1 .part2 .txt .aboutinfo{width: 60%; margin: 10% 0 0 30%}

.ixPart2{ background: linear-gradient(#4cf2d0, #4ca2e9);}
.ixPart2 .txt{ font-size: 16px; color: #fff; line-height: 36px; margin: 180px 250px 0 30px;}
.ixPart2 .txt .t{ margin: 0 0 140px 60px;}
.ixPart2 .ixTit1{ color: #fff;}
.ixPart2 .ixTit1 i{ background: #fff;}

.ixPart3 .ixTit2{ padding: 110px 0;}
.ixPart3 .part{ color: #fff; font-size: 16px; background: #32353a;}
.ixPart3  p{ margin: 15px 0; line-height: 36px;}
/*.ixPart3 .t{ padding: 100px 120px 80px 260px; background: linear-gradient(#00ebbc, #007cdf);}*/
.ixPart3 .t{  padding: 100px 0px 80px 0px;background: linear-gradient(#00ebbc, #007cdf);}
.ixPart3 .b{ padding: 90px 0px 0 0px;}

.ixPart4{ background: url(../images/bg1.jpg) center left no-repeat; background-size: cover; background-attachment: fixed; padding: 100px 0;}
.ixPart4 .box{ margin: 160px 7px 0 7px; position: relative;}
.ixPart4 .box .txt{ display: flex; justify-content: center; align-items: center; opacity: 0; width: 100%; height: 100%; font-size: 18px; color: #fff; background: rgba(0,0,0,.6); position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; transition: all 1s;}
.ixPart4 .box .txt i{ display: block; width: 130px; height: 90px; background-position: center; background-repeat: no-repeat; margin-bottom: 15px;}
.ixPart4 .box .txt i.icon1{ background-image: url(../images/icon5_1.png);}
.ixPart4 .box .txt i.icon2{ background-image: url(../images/icon5_2.png);}
.ixPart4 .box .txt i.icon3{ background-image: url(../images/icon5_3.png);}
.ixPart4 .box .txt i.icon4{ background-image: url(../images/icon5_4.png);}
.ixPart4 .box:hover .txt{ opacity: 1;}

.ixPart5{ background: url(../images/bg2.jpg) center no-repeat; background-size: cover; background-attachment: fixed; padding: 210px 0 410px;}
.ixPart5 .ixTit2 b,.ixPart5 .ixTit2 span,.ixPart5 .ixTit2 p,.ixPart8 .ixTit2 b,.ixPart8 .ixTit2 span,.ixPart10 .ixTit2 b,.ixPart10 .ixTit2 span{ color: #fff;}

.ixPart6{ background: url(../images/bg3.jpg) center right no-repeat; background-size: cover; background-attachment: fixed; padding: 100px 0;}
.ixPart6 .ixTit2{ margin-bottom: 60px;}
.ixPart6 .box{ color: #3b3f4a; padding: 40px 80px 60px 120px; background: #fff;}
.ixPart6 .box.box1,.ixPart6 .box.box2{ background: #fcfcfc; box-shadow:inset -15px 0px  20px -15px rgba(0,0,0,.1);}
.ixPart6 .box.box2{ box-shadow:inset 0px 15px 20px -15px rgba(0,0,0,.1);}
.ixPart6 .box b{ display: block; font-size: 20px; margin: 30px 0 40px 0;}
.ixPart6 .box p{ height: 40px; line-height: 20px; /*overflow: hidden;*/}

.ixPart7{ padding: 110px 0 150px 0;}
.ixPart7 .bg1{background: linear-gradient(-45deg, #007adf, #00ecbc);}
.ixPart7 .bg1 .top{ background: #00a2e8; box-shadow: 0 4px 10px rgba(14,129,178,.5);}
.ixPart7 .bg2{background: linear-gradient(-45deg, #f6d365, #fda085);}
.ixPart7 .bg2 .top{ background: #f39800; box-shadow: 0 4px 10px rgba(243,152,0,.5);}
.ixPart7 .box{ color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.1); margin: 110px 8px 0 8px; cursor: pointer;}
.ixPart7 .box .top{ padding: 20px 0;}
.ixPart7 .box .top b{ display: block; font-size: 24px; margin: 10px 0 0;}
.ixPart7 .box .bottom a{ display: inline-flex; justify-content: center; align-items: center; width: 120px; height: 34px; font-size: 16px; color: #fff; border: 1px solid #fff; border-radius: 20px; margin-bottom: 40px;}
.ixPart7 .box .txt{ display: flex; justify-content: center; align-items:center; font-size: 18px; height: 200px; padding: 10px 0; overflow: hidden; position: relative;}
.ixPart7 .box .txt .code{ opacity: 0; width: 100%; height: 100%; position: absolute; top: 10px; left: 0; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; transition: all 1s;}
.ixPart7 .box .txt div{ width: 100%; opacity: 1; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; transition: all 1s;}
.ixPart7 .box .txt p{ margin: 10px 0;}
.ixPart7 .box .txt p span,.ixPart7 .box .txt p em{ display: block; float: left; width: 60%;}
.ixPart7 .box .txt p em{ font-size: 24px; width: 40%; text-align: left;}
.ixPart7 .box:hover .txt div{ opacity: 0;}
.ixPart7 .box:hover .txt .code{ opacity: 1;}
.ixPart7 .box:hover .bottom a{ color: #00a2e8; background: #fff;}

.ixPart8{ color: #fff; font-size: 16px; background: url(../images/bg4.jpg) center no-repeat; background-size: cover; background-attachment: fixed; padding: 140px 0 120px 0;}
.ixPart8 .fwTit{ padding: 160px 0 40px 0;}
.ixPart8 .fwTit span{ display: inline-block; cursor: pointer;}
.ixPart8 .fwTit .a{ font-weight: bold;}
.ixPart8 .fwCon{ display: none;}
.ixPart8 .box{ position: relative; margin: 10px 10px 0 10px;}
.ixPart8 .box .bg{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; opacity: 0; background: rgba(0,0,0,.6); position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; transition: all 1s;}
.ixPart8 .box img{ width: 100%;}
.ixPart8 .box:hover .bg{ opacity: 1;}

.ixPart9{ padding: 130px 0 140px 0;}
.ixPart9 .box{ color: #3b3f4a; font-size: 18px; margin: 180px 5px 0 5px; padding: 40px 0; background: #fcfcfc;}
.ixPart9 .box p{ height: 48px; line-height: 24px; overflow: hidden; margin-top: 20px;}
.ixPart9 .box:hover{ background: #f1f1f1;}

.ixPart10{ background: url(../images/bg5.jpg) center no-repeat; background-size: cover; background-attachment: fixed; padding-top: 80px;}
.ixPart10 .part1{ padding: 120px 50px;}
.ixPart10 .part1 .t1,.ixPart10 .part1 .t2{ color: #fff; font-size: 18px; margin: 15px 35px;}
.ixPart10 .part1 .t1{ border-bottom: 1px solid #fff; padding-bottom: 10px;}
.ixPart10 .part1 em{ width: 15%; display: block; float: left;}
.ixPart10 .part1 input,.ixPart10 .part1 textarea{ width: 85%; color: #fff; float: left; line-height: 50px; background: none;}
.ixPart10 .part1 textarea{ height: 130px; line-height: 24px; border: 1px solid #fff; resize: none;}
.ixPart10 .part1 button{ width: 430px; height: 54px; font-size: 16px; color: #fff; background: #f8b551; border-radius: 5px; display: inline-flex; justify-content: center; align-items: center; margin-top: 60px;}
.ixPart10 .part1 button img{ margin-right: 5px;}
.ixPart10 .part2{ color: #fff; font-size: 18px; padding: 10px;}
.ixPart10 .part2 p{ margin-top: 10px;}
.ixPart10 .part2 a{ display: inline-block; width: 47px; height: 47px; margin: 40px 30px;}
.ixPart10 .part2 a img{ width: 100%;}
.ixPart10 .copy{ background: #1b1b1b; color: #585858; padding: 20px 0 30px 0;}
.ixPart10 .copy em{ font-size: 18px;}

/*============================ 媒体查询 ============================*/
.mobHide{ display: block;}
.mobShow{ display: none;}

@media (max-width: 1440px) {
	.wrap1{ width: 100%;}
	.header{ padding: 10px 20px; top: 20px;}
	.ixPart1 .part2 .txt{ margin: 50px 50px 0 50px;}
	.ixPart2 .txt{ margin: 50px 50px 0 30px;}
	.ixPart2 .txt .t{ margin:  0 0 50px 40px;}
	.ixPart3 .t,.ixPart3 .b{ padding: 80px 20px 80px 90px;}
	.ixPart3 .b{ padding-bottom: 0;}
	.ixPart1 .part2 .txt .aboutinfo{width: 100%;margin: 10% 0 0 2%;}
}

@media (max-width: 1366px) {
	.ixPart2 .txt img{ width: 84%;}
}

@media (max-width: 1200px) {
	.wrap2{ width: 100%;}
	.ixPart1 .part2 .txt .aboutinfo{width: 100%;margin: 10% 0 0 2%;}
}

@media (max-width: 1024px) {
	.navBar li{ margin-right: 25px;}
	.ixPart1 .part2 .txt,.ixPart2 .txt,.ixPart3 .part{ font-size: 16px; line-height: 24px;}
	.ixPart3 .t,.ixPart3 .b{ padding: 70px 20px 40px 90px;}
	.ixPart3 .b{ padding-top: 40px; padding-bottom: 0;}
	.ixPart1 .part2 .txt .aboutinfo{width: 100%;margin: 10% 0 0 2%;}
}

@media (max-width:834px) {
	.mobHide{ display: none;}
	.mobShow{ display: block;}
	.ixSlide .txt{ font-size: 24px;}
	.ixSlide .txt img{ width: 140px; margin: 0 0 10px 0;}
	.ixSlide .slick-dots{ bottom: 30px;}
	.ixPart1 .part1 .txtL{ padding: 60px 30px;}
	.ixPart1 .part1 .txtR .t{ font-size: 16px; padding: 30px 0 15px 0; margin-bottom: 10px;}
	.ixPart1 .part1 .txtR .t a{ margin-right: 10px;}
	.ixPart1 .part2 .txt,.ixPart2 .txt{ margin: 15px 15px 0 15px;}
	.ixPart1 .part2 .txt,.ixPart2 .txt, .ixPart3 .part{ font-size: 14px; line-height: 22px;}
	.ixPart2 .txt .t{ margin: 0 0 20px 20px;}
	.ixPart3 .t,.ixPart3 .b{ padding: 50px 15px 50px 15px;}
	.ixPart3 p{ margin: 0; line-height: 24px;}
	.ixPart4 .box{ margin: 40px 5px 0 5px;}
	.ixPart7,.ixPart8,.ixPart9{ padding: 80px 0;}
	.ixPart7 .box .txt p em{ font-size: 16px;}
	.ixPart7 .box .bottom a{ margin-bottom: 20px;}
	.ixPart8 .fwTit{ padding: 60px 0 30px 0;}
	.ixPart9 .box{ margin: 60px 5px 0 5px;}
	.ixPart10 .part1{ padding: 60px 10px;}
	.ixPart10 .part1 button{ margin-top: 20px;}
	.ixPart10 .part2 a{ margin: 30px 10px;}
	.ixPart1 .part2 .txt .aboutinfo{width: 100%;margin: 10% 0 0 2%;}
	
}

@media (max-width:767px) {
	.ixSlide .txt{ font-size: 18px;}
	.ixSlide .txt img{ width: 100px;}
	.ixSlide .slick-dots li{ width: 23px; margin: 0 3px;}
	.ixTit1{ font-size: 26px;}
	.ixTit1 i{ height: 2px; margin: 10px 0;}
	.ixTit2{ font-size: 12px;}
	.ixTit2 b{ font-size: 26px;}
	.ixTit2 p{ font-size: 14px; margin-top: 20px;}
	.ixPart1 .part1 .txtL{ padding: 10px 20px; font-size: 18px;}
	.ixPart1 .part1 .txtR{ margin: 0 15px 30px 0; text-align: right;}
	.ixPart1 .part1 .txtR .t{ padding: 20px 0;}
	.ixPart1 .part1 .txtR .t a{ width: 40px;}
	.ixPart1 .part2 .txt,.ixPart2 .txt{ margin: 15px;}
	.ixPart2 .txt{ text-align: center;}
	.ixPart2 .txt .t{ margin: 0; padding: 15px 0;}
	.ixPart2 .ixTit1 i{ margin: 10px auto;}
	.ixPart3 .ixTit2{ padding: 40px 0;}
	.ixPart3 .t, .ixPart3 .b{ padding: 30px 15px;}
	.ixPart4{ padding: 50px 10px;}
	.ixPart4 .box{ margin: 10px 5px 0 5px;}
	.ixPart5{ padding: 70px 0;}
	.ixPart6,.ixPart9{ padding: 60px 15px;}
	.ixPart6 .ixTit2{ margin-bottom: 40px;}
	.ixPart6 .box,.ixPart6 .box.box1{ padding: 20px; box-shadow: inset 0px 15px 20px -15px rgba(0,0,0,.1);}
	.ixPart6 .box b{ font-size: 16px; margin: 10px 0;}
	.ixPart7,.ixPart8{ padding: 40px 10px;}
	.ixPart7 .ixTit2,.ixPart9 .ixTit2{ margin-bottom: 20px;}
	.ixPart7 .box{ margin: 10px 5px 0 5px;}
	.ixPart7 .box .top{ padding: 10px 0; font-size: 12px;}
	.ixPart7 .box .top img{ width: 80px;}
	.ixPart7 .box .top b{ font-size: 18px;}
	.ixPart7 .box .txt{ height: 130px; font-size: 14px; padding: 5px;}
	.ixPart7 .box .txt p em{ font-size: 14px;}
	.ixPart7 .box .txt .code{ top: 5px;}
	.ixPart7 .box .txt .code img{ width: 60%;}
	.ixPart7 .box .bottom a{ font-size: 14px; margin-bottom: 10px; line-height: 30px;}
	.ixPart8 .fwTit{ padding: 30px 0 10px 0;}
	.ixPart8 .box{ margin: 10px 5px 0 5px;}
	.ixPart9 .box{ font-size: 14px; margin: 10px 0 0; padding: 20px;}
	.ixPart9 .box p{ height: auto; line-height: 24px; margin-top: 10px;}
	.ixPart10{ padding: 60px 0 0;}
	.ixPart10 .part1{ padding: 40px 20px;}
	.ixPart10 .part1 .t1,.ixPart10 .part1 .t2{ margin: 10px; font-size: 16px;}
	.ixPart10 .part1 input{ line-height: 30px;}
	.ixPart10 .part1 button{ width: 50%; height: 40px;}
	.ixPart10 .part2{ font-size: 14px; padding: 0 40px;}
	.ixPart10 .part2 a{ width: 40px; height: 40px; margin: 10px 5px 20px 5px;}
	.ixPart10 .copy{ color: #999; padding: 10px 0 15px 0; font-size: 12px;}
	.ixPart10 .copy em{ font-size: 12px; display: block;}
	
}


.tooltip {
	display: none;
	/*background:url(images/tooltip_bg_up.png) no-repeat;*/
	width:200px;
	height:200px;
	padding:0;
	z-index:200}

.tooltip.bottom {
	/*background:url(images/tooltip_bg_bot.png) no-repeat;*/
	padding:23px 12px 10px 10px;}