@charset "utf-8";
@font-face {font-family: 'SourceHanSansCN-Bold';src:url(../fonts/SourceHanSansCN-Bold.otf) format('opentype');}
@font-face {font-family: 'SourceHanSansCN-Light';src:url(../fonts/SourceHanSansCN-Light.otf) format('opentype');}
@font-face {font-family: 'SourceHanSansCN-Medium';src:url(../fonts/SourceHanSansCN-Medium.otf) format('opentype');}
@font-face {font-family: 'SourceHanSansCN-Normal';src:url(../fonts/SourceHanSansCN-Normal.otf) format('opentype');}
@font-face {font-family: 'SourceHanSansCN-Regular';src:url(../fonts/SourceHanSansCN-Regular.otf) format('opentype');}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, table, tbody, p, th, td {
	-webkit-text-size-adjust: none;
	margin: 0;
	padding: 0;
	border: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-size: 16px;
	font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti;
	color: #4c4948;
}
html, body {
	height: 100%;
}
img, input, button, a, select, textarea {
	margin: 0;
	padding: 0;
	resize: none;
	border: none;
	outline: none;
}
ol, ul {
	list-style: none;
}
h1, h2, h3, h4, h5, h6, p, em {
	font-size: 100%;
	word-wrap: break-word;
	font-weight: normal;
	font-style: normal;
}
a:active, a:focus {
	outline: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0;
}
*html {
	background-image: url(about:blank);
	background-attachment: fixed;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear {clear: both;margin: 0;padding: 0;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.clearfix {
	zoom: 1;
}
a {
	color: #4c4948;
	text-decoration: none;
}
body {
	background: url(../images/bg.png) no-repeat top center;
	overflow-x: hidden;
}

/*banner*/
.banner { width:1200px; height: 730px; margin: 0 auto; padding: 270px 0 100px;;}
.banner h1 {display: block;}
.banner h2 {display: block; margin: 30px 0 0 -1px;}
.banner h3 {display: block; margin: 60px 0 0 275px; }

/*layer1*/
.layer1 {width: 1200px; margin: 50px auto 100px;}
.layer1 h1 {font-family: "SourceHanSansCN-Bold"; font-size: 50px; text-align: center;}
.layer1 h2 {font-family: "SourceHanSansCN-Light"; font-size: 25px; text-align: center;}
.layer1 h3 {font-family: "SourceHanSansCN-Normal"; font-size: 26px; text-align: center; margin-top: 40px; line-height: 36px;}
.layer1 .content {margin-top: 70px;}
.layer1 .content .sider {float: left; width: 340px;}
.layer1 .content .sider .title { width: 200px; height: 200px; border-radius: 100px; background-color: #fff; border: 1px #00ecdb solid; font-family: "SourceHanSansCN-Bold"; font-size: 22px; text-align: center; line-height: 200px; margin: 0 auto;}
.layer1 .content .sider .intro {font-family: "SourceHanSansCN-Normal"; font-size: 18px; margin-top: 20px; line-height: 48px; text-align:justify; letter-spacing: -0.5px; }
.layer1 .content .p1 {font-family: "SourceHanSansCN-Medium"; font-size: 36px; color: #2cd4c9; line-height: 60px;}
.layer1 .content .p2 {font-family: "SourceHanSansCN-Normal"; font-size: 20px; line-height: 36px;}
.layer1 .content .top { width: 940px; margin-left: 20px; }
.layer1 .content .top .left {position:relative; float: left;  z-index: 9999;}
.layer1 .content .top .right { float: right; width: 350px; height: 150px; border: 2px #2cd4c9 solid; margin-top: -180px; padding: 40px 20px 40px 70px; }
.layer1 .content .middle { width: 940px; margin-left: 160px;}
.layer1 .content .middle .left {float: left; width: 350px; height: 150px; border: 2px #2cd4c9 solid;  padding: 40px 70px 40px 20px; margin-top: 50px;}
.layer1 .content .middle .right {float: right;  z-index: 9999; margin-top: -180px; }
.layer1 .content .bottom { width: 940px; margin-left: 20px; margin-top: 80px; }
.layer1 .content .bottom .left {position:relative; float: left; z-index: 9999; }
.layer1 .content .bottom .right { float: right; width: 350px; height: 150px; border: 2px #2cd4c9 solid; margin-top: -310px; padding: 40px 20px 40px 70px; }
.layer1 .blocks {margin-top: 160px;}
.layer1 .blocks .left { float: left;margin-left: -20px;}
.layer1 .blocks .right {position: relative;float: right; background-color: #000;background-color:rgba(0,0,0,0.5);  width: 520px; height: 240px; margin-top: -440px;filter:alpha(opacity=75);   -moz-opacity:0.75;  -khtml-opacity: 0.75;   opacity: 0.75; padding: 40px 70px; margin-right: -20px; }
.layer1 .blocks .right p {font-family: "SourceHanSansCN-Medium"; font-size: 32px;margin-left: 58px; color: #2cd4c9; line-height: 80px;}
.layer2 { margin-top: 30px;}
.layer2 .left{float: left; width: 33%; height: 480px; background: url(../images/img1.png) no-repeat bottom;}
.layer2 .middle {float: left; width: 34%; height: 330px; margin-top: 75PX; background-color: #000;background-color:rgba(0,0,0,0.5); -webkit-transform: skewY(175.4deg);-moz-transform: skewY(175.4deg);-o-transform: skewY(175.4deg);transform: skewY(175.4deg);filter:alpha(opacity=75);   -moz-opacity:0.75;  -khtml-opacity: 0.75;   opacity: 0.75;overflow：hidden; }
.layer2 .middle .nr {position:relative; padding: 40px  0px 40px 120px; -webkit-transform: skewY(3.5deg);-moz-transform: skewY(3.5deg);-o-transform: skewY(3.5deg);transform: skewY(3.5deg);}
.layer2 .middle .nr p{font-family: "SourceHanSansCN-Medium"; font-size: 32px; color: #2cd4c9; line-height: 80px;}
.layer2 .right {float: right; width: 33%; height: 480px; background: url(../images/img2.png) no-repeat top;}
.layer2 h1 {font-family: "SourceHanSansCN-Bold"; font-size: 30px; text-align: center; line-height: 80px;}
.layer2 h2 { width: 1000px; border: 1px #666 solid; margin-left: 30%; margin-bottom: 40px;}
.layer2 h3 {width: 1040px; margin: auto;font-family: "SourceHanSansCN-Normal"; font-size: 22px; line-height: 45px;padding-left: 75px;}
.layer2 .videos {width: 1200; height: 1050px; margin-top: 50px; background:url(../images/vbg.png) no-repeat center bottom;}
/* tFocus */
#tFocus{width:1240px;height:1040px;overflow:hidden;margin:30px auto 0 auto;}
#tFocus-pic{width:1050px;height:670px;position:relative;margin: auto;}
#tFocus-pic li{width:1050px;height:670px;position:absolute;left:0;top:0;filter:alpha(opacity:0);opacity:0;}
#tFocusBtn{width:1240px;height:308px;z-index:20;overflow:hidden;}
#tFocus-btn{width:1240px;height:308px;position:relative;left:0;bottom:0;overflow:hidden;float:left;}
#tFocus-btn ul{width:100000px;position:absolute;left:0;top:0;}
#tFocus-btn li{height:288px;width:378px;padding-top:15px;display:block;float:left;margin:5px 20px;; text-align: center;cursor: pointer;}
#tFocus-btn li img{border:4px solid #dddddd}
#tFocus-btn li.active{background: url(../images/zhi.png) no-repeat top;cursor: pointer;}
#tFocus-btn li.active img{border:4px solid #00ecdb}
#tFocus-leftbtn,#tFocus-rightbtn{height:0px;width:0px;float:left;text-indent:-9999px;}
.tishi{line-height: 50px; font-family: "SourceHanSansCN-Medium"; font-size: 20px;  color: #f30; text-align: center;}
