*{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
li{list-style:none;}
a{color:#000; text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
img{vertical-align:top;border: none;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
input{ outline:none;}
body{
	font-family: 'Microsoft YaHei',sans-serif;
}
.wrap{
	width: 100%;
	overflow: hidden;
}
/*head*/
.head{
	width: 100%;
	height: 50px;
	background: #fff;
}
.head .hBox{
	width:1040px;
	margin: 0 auto;
}
.head .hBox h1{
	background: url(../img/logo.png) no-repeat;
	width: 90px;
	height: 27px;
	margin-top: 13px;
}
.head .hBox h1 a{
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -999em;
}
.head .hBox .Hdiv{
	height: 27px;
	border-left: 1px solid #2f323a;
	padding-left: 7px;
	margin-left: 7px;
	margin-top: 13px;	
}
.head .hBox .Hdiv p{
	font-size: 14px;
	color: #2f323a;
	line-height: 15px;
	margin-top: -2px;
}
.head .hBox .tel{
	background: url(../img/tel.png) no-repeat left center;
	height: 24px;
	font-size: 16px;
	color: #10a7ed;
	font-weight: bold;
	line-height: 24px;
	margin-top: 13px;
	padding-left: 33px;
}
/*nav*/
.nav ul{
	width: 614px;
	margin-left: 27px;
}
.nav ul li{
	width: 102px;
	height: 50px;
	font-size: 16px;
	transition: 0.6s;
	text-align: center;
}
.nav ul li a{
	color: #2f323a;
	width: 100%;
	height: 100%;
	display: block;
	line-height: 50px;
	transition: 0.6s;
}
.nav ul li a.arrow{
	background: url(../img/arrow.png) no-repeat 120px center;
}
.nav ul li:hover{
	background: #10a7ed;
}
.nav ul li:hover a{
	color: #fff;
}
.nav ul li.fou{
	position: relative;	
}
.nav ul li.fou a{
	position: relative;
}
.nav ul li.fou a span{
	position: absolute;
	right: 4px;
	top: 23px;
	background: url(../img/arrow3.png) no-repeat;
	width: 10px;
	height: 6px;
}

.nav ul li.fou ul{
	width: 100px;
	height: 94px;
	border: 1px solid #7fa6cd;
	border-top: none;
	position: absolute;
	left: 0px;
	top: 50px;	
	opacity: 0;
	filter:alpha(opacity=0);
	z-index: 9999;
	margin-left: 0;
}
.nav ul li.fou ul li{
	width: 100px;
	height: 30px;	
	border-bottom: 1px dashed #92bccc;
}
.nav ul li.fou ul li:hover a{
	color: #fff;
}
.nav ul li.fou ul li a{
	line-height: 30px;
}
.nav ul li.fou ul li.last{
	border-bottom: none;
}
.nav ul li.fou:hover ul{
	opacity:1;
	filter:alpha(opacity=100);
	background: #fff;
}
.nav ul li.fou ul a{
	font-size: 14px;
	color: #706c69;
}
.nav ul li.fou ul li:hover a{
	color: #706c69;
	transition: 0s;
}
.nav ul li.fou ul li:hover{
	background: #fff;
	transition: 0s;
}
.nav ul li.fou:hover span{
	background: url(../img/arrow4.png) no-repeat;
}
/*banner*/
.banner{
	width: 100%;
    height:500px;
}
.banner-img {
    width: 100%;
    height: 500px;
}
.banner-img.img1{
	background: url(http://bj.tedu.cn/jsys/pc-500.jpg) no-repeat center top;
}
.banner-img.img2 {
	background: url(../img/0.jpg) no-repeat center top;
}
.banner-img.img3 {
	background: url(../img/1.jpg) no-repeat center top;
}

.banner-img.img2020 {
	background: url(../img/lx-banner.jpg) no-repeat center top;
}


#banner{width: 100%;}
/*part1*/
.part1{
	width: 100%;
	text-align: center;
	position: relative;
	padding-bottom: 60px;
}
.part1 h2{
	font-size: 38px;
	color: #141823;
	padding-top: 60px;
	padding-bottom: 20px;
}
.part1 .p1Box{
	width: 964px;
	height: 700px;
	margin: 0 auto;
	position: relative;
	display: block;
}
.part1 .p1Box span{
	position: absolute;
	background: url(../img/line4.png) no-repeat;
	width: 964px;
	height: 26px;
	left: 0;
	top: 378px;
}
.part1 .p1Box ul{
	width: 843px;
	height: 383px;
	margin-left:93px;
}
.part1 .p1Box ul a{
	display: block;
	width: 257px;
	height: 383px;
	transform:perspective(800px) scale(0.75) translateY(64px);
	transition: 0.6s;	
}
.part1 .p1Box li{
	width: 257px;
	height: 383px;	
	position: relative;	
	margin: 0 auto;
}
.part1 .p1Box li b{
	width:100%; 
	height:100%; 
	position:absolute; 
	top:392px; 
	left:0; 
	transform:scale(1,-1);
	-webkit-mask:-webkit-linear-gradient(rgba(0,0,0,0) 38%,rgba(0,0,0,0.9));
}
.part1 .p1Box li p{
	position: absolute;
	color: #fff;
	left: 24px;
	bottom: -65px;
	font-size: 16px;
	line-height: 24px;
	
}
.part1 .p1Box a.change{
	transform: scale(1) translateY(0px);
	transition: 0.6s;
	margin-right: 25px;
}
.part1 .line{
	width: 150px;
	height: 2px;
	background: #e21f2f;
	margin: 0px auto 44px;
}
#IeBox{
	width: 804px;
	height: 450px;
	margin:50px auto 0;
	display: none;
}
#IeBox li{
	margin-right: 10px;
}
#IeBox li p{
	padding-top: 30px;
}
/*part2*/
.part2{
	background: #e21f2f;
	height: 570px;
}
.part2 .p2Box{
	width: 705px;
	height: 100%;
	background: url(../img/reahat.png) no-repeat;
	margin: 0 auto;
	position: relative;
}
.part2 .p2Box p{
	color: #fff;
	font-size: 16px;
	position: absolute;	
	text-align: center;
}
.part2 .p2Box .p1{
	left: -44px;
	top: 238px;
}
.part2 .p2Box .p2{
	right: -72px;
	top: 238px;
}
.part2 .p2Box .p3{
	right: 172px;
	top: 482px;
}
.part2 .p2Box p span{
	background: url(../img/cir.png) no-repeat;
	width: 19px;
	height: 19px;
	position: absolute;
	right: -24px;
	top: 3px;
	-webkit-animation: ball-scale 1s ease-in-out infinite;
}
.part2 .p2Box .p2 span{
	right: 156px;
}
.part2 .p2Box .p3 span{
	right: 378px;
}
@-webkit-keyframes ball-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/*part3*/
.part1 .text{
	font-size: 16px;
	color: #6e7075;
}
.part1 strong{
	font-weight: bold;
}
.part3 .line{
	margin: 0 auto 30px;
}
.part3 .p3Box{
	width: 870px;
	margin: 46px auto 0;
}
.part3 .p3Box ul{
	margin-top: 57px;
}
.part3 .p3Box ul li{
	background: url(../img/border2.png) no-repeat;
	width: 187px;
	height: 79px;
	margin-bottom: 22px;
	font-size: 14px;
	color: #141823;
	cursor: pointer;
}
.part3 .p3Box ul li p{
	padding: 11px 14px;
	text-align: justify;
}
.part3 .p3Box ul li.active{
	background: url(../img/border1.png) no-repeat;
	color: #e21f2f;
	transition: 0.3s;
}
.button{
	display: block;
	font-size: 20px;
	color: #e32537;
	width: 263px;
	height: 45px;	
	line-height: 45px;
	border-radius: 7px;
	margin: 50px auto 0;
	border: 1px solid #e32537;
}
.button:hover{
	background: #e32537;
	color: #fff;
	transition: 0.3s;
}
/*adv*/
.adv{
	width: 100%;
	height: 232px;
	text-align: center;
	background: url(../img/adv.jpg) no-repeat center;
	position: relative;
}
.adv b{
	width:40%;
	height: 100%;
	background: url(../img/deg.png) no-repeat;
	position: absolute;
	right: 0;
	top: 0;
}
.adv h3{
	font-size: 30px;
	color: #fff;
	padding: 44px 0 24px 0;
}
.adv .text1{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}
.adv .text1 span{
	color: #ef2e3e;
}
.adv a{
	display: block;
	width: 134px;
	height: 40px;
	line-height: 40px;
	border-radius: 7px;
	background: #e21f2f;
	margin: 30px auto 0;
	font-size: 24px;
	color: #fff;
}
.adv b:hover{
	width: 36%;
	transition: 0.6s ease-in;
}

/*part4*/
.part4 .line{
	margin: 0 auto 30px;
}
.part4 .text{
	text-align: left;
	width: 826px;
	font-size: 16px;
	color: #141823;
	line-height: 30px;
	margin: 0 auto;
}
.part4 .dash{
	width: 825px;
	margin: 32px auto 0;
}
.part4 .dash span{
	background: url(../img/line1.png) no-repeat;
	width: 195px;
	height: 5px;
}
.part4 .dash span.s2{
	background: url(../img/line2.png) no-repeat;
}
.part4 .dash b{
	width: 419px;
	height: 2px;
	border-bottom: 2px dashed #ea5150;
	margin-left: 6px;
}
.part4 .p4Box{
	width: 842px;
	margin: 20px auto 0;
}
#btn li{
	background: url(../img/bg1.png) no-repeat;
	width: 205px;
	height: 135px;	
	margin-bottom: 16px;
	cursor: pointer;
}
#btn li.active{
	background: url(../img/bg2.png) no-repeat;
	transition: 0.3s;
}
#btn li h3{
	font-size: 16px;
	color: #fff;
	padding-top: 31px;
	line-height: 28px;
}
#conn{
	background: url(../img/bg3.jpg) no-repeat;
	width: 631px;
	height: 438px;
	position: relative;
}
#conn h4{
	background: url(../img/border3.png) no-repeat;
	width: 341px;
	height: 249px;
	margin: 83px 0 0 20px;
	text-align: left;
}
#conn h4 img{
	margin: 20px 0 0 18px;
}
#conn p{
	width: 190px;
	font-size: 16px;
	color: #e21f2f;
	padding: 40px 20px;
	border: 1px dashed #e21f2f;
	line-height: 30px;
	text-align: justify;
	margin-top: 70px;
}
#conn li {
	transition: 1s;
	position: absolute;
	left: 0;
	top: 100px;
	opacity: 0;
	display: none \9;
}
#conn li.opa{
    opacity: 1;
    top: 0px;
    display: block \9;
}
.part4 .button{
	width: 140px;
}
/*part5*/
.part5{
	background: url(../img/bg6.jpg) no-repeat;
	height: 640px;
	padding-bottom: 0px;
}
.part5 h2{
	padding-top: 30px;
}
.part5 .line{
	margin: 0 auto 26px;
}
.part5 .computer{
	background: url(../img/computer2.png) no-repeat;
	width: 571px;
	height: 469px;
	margin: 0 auto;
	position: relative;
}
.part5 .computer .box{
	width: 524px;
	height: 296px;
	background: #fff;
	position: absolute;
	left: 24px;
	top: 23px;
}
.part5 .computer .btn3 {
	margin-left: 40px;
	margin-top: 25px;
}
.part5 .computer .btn3 li{
	background: url(../img/title1.png) no-repeat;
	width: 136px;
	height: 40px;
	line-height: 40px;
	font-size: 22px;
	color: #fff;
	margin-right: 20px;
	cursor: pointer;
}
.part5 .computer .btn3 li.on{
	background: url(../img/title01.png) no-repeat;	
	height: 45px;
}
.part5 .computer .conBox2{
	width: 486px;
	margin: 18px auto 0;
}
.part5 .computer .conBox2 .con1{
	display: none;
}
.part5 .computer .conBox2 .con1.show{
	display: block;
}
.part5 .computer .conBox2 .left{
	width: 172px;
	height: 173px;
	border: 1px solid #e21f2f;
	border-right: none;
}
.part5 .computer .conBox2 .left h3{
	font-size: 20px;
	color: #1c202b;
	padding:7px 0 10px 0 ;
}
.part5 .computer .conBox2 .left p{
	font-size: 20px;
	color: #1c202b;
}
.part5 .computer .star{
	margin: 12px 0 0 8px;
}
.part5 .computer .star h4{
	width: 76px;
	height: 20px;
	line-height: 20px;
	background:#db1c2c;
	border-radius: 10px;
	font-size: 12px;
	color: #fff;
	margin-right: 4px;
}
.part5 .computer .star li{
	margin-bottom: 10px;
}
.part5 .computer .star span{
	background: url(../img/star.png) no-repeat;
	width: 12px;
	height: 12px;
	margin-top: 3px;
	margin-right: 1px;
}
.part5 .computer .star b{
	font-size: 12px;
	color: #353a4a;
	margin-top: 3px;
}
.part5 .computer .conBox2 .mid{
	width: 133px;
	height: 173px;
	border-top: 1px solid #353a4a;
}
.part5 .computer .conBox2 .mid li{
	font-size: 20px;
	color: #1c202b;
	width:131px;
	height: 57px;
	line-height: 57px;
	border: 1px solid #353a4a;
	border-top: none;
}
.part5 .computer .conBox2 .mid li.on{
	color: #fff;
	background: #e21f2f;
	border: none;
	width: 133px;
	height: 58px;
}
.part5 .computer .conBox2 .right{
	width: 168px;
	height: 173px;
	border: 1px solid #353a4a;
	border-left: none;
	text-align: left;
	padding-left: 11px;
}
.part5 .computer .conBox2 .right h4{
	font-size: 14px;
	color: #E21F2F;
	font-weight: bold;
	margin: 5px 0;
}
.part5 .computer .conBox2 .right li{
	height: 172px;
	overflow-x: hidden;
	display: none;
}
.part5 .computer .conBox2 .right li.active{
	display: block;
}
.part5 .computer .conBox2 .right p{
	font-size: 12px;
	color: #E21F2F;
	padding-right: 18px;
	text-align: justify;
	padding-bottom: 6px;
}
.part5 .computer .conBox2 .right p span{
	margin-left: 5px;
}
.part5 .computer .conBox2 .right p span.marL{
	margin-left: 0px;
}
.part5 .computer .conBox2 .right b{
	width: 108px;
}
.part5 .computer .conBox2 .right .wid b{
	width: 106px;
}


.part5 .button{
	width: 366px;
	height: 45px;
	margin: -42px auto;
	background: #e32537;
	color: #fff;
	position: relative;
}
/*part6*/
.part6{
	background: url(../img/bg4.png);
}
.part6 ul{
	width: 940px;
	margin: 0 auto;
}
.part6 ul li{
	cursor: pointer;
}
.part6 ul li h3{
	background: url(../img/border4.png) no-repeat;
	width: 117px;
	height: 32px;
	line-height: 32px;
	font-size: 20px;
	color: #ff9b0d;
	margin-left:69px;
	margin-bottom: 20px;
}
.part6 ul li h4{
	background: url(../img/egg2.png) no-repeat;
	width: 235px;
	height: 303px;
}
.part6 ul li h4 p{
	font-size: 14px;
	color: #394052;
	padding-left: 25px;
	padding-top: 38px;
	line-height: 24px;
}
.part6 ul li h4 p.mart{
	padding-top: 48px;
}
.part6 ul li h4 p.marl{
	padding-left: 32px;
	padding-top: 55px;
}
.part6 ul li a{
	width: 167px;
	height: 32px;
	background: #989ba4;
	line-height: 32px;
	color: #fff;
	border-radius: 4px;
	margin: 20px 0 0 43px;
	display: block;
}
.part6 ul li.show h3{
	background: url(../img/border5.png) no-repeat;
	color: #e32537;
	transition: 0.3s;
}
.part6 ul li.show h4{
	background: url(../img/egg1.png) no-repeat;
	transition: 0.3s;
}
.part6 ul li.show h4 p{
	color: #e32537;
	transition: 0.3s;	
}
.part6 ul li.show a{
	background: #e32537;
	transition: 0.3s;
}
/*part7*/
.part7{
	background: url(../img/bg1.jpg);
	height: 394px;
	padding-top: 56px;
}
.part7 .box{
	width: 1076px;
	margin: 0 auto;
	position: relative;
}
.part7 .box2{
	width: 866px;
	height: 334px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#ul3{
	width: 3464px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#ul3 li{
	width: 866px;
	height: 100%;
}
#pre{
	position: absolute;
	left: 0;
	top: 140px;
	cursor: pointer;
}
#next{
	position: absolute;
	right: 0;
	top: 140px;
	cursor: pointer;
}
#ul3 li h4{
	color: #fff;
	text-align: center;
	margin-left: 20px;
}
#ul3 li h4.marl{
	margin-left: 78px;
}
#ul3 li h4 .p1{
	font-size: 26px;
	padding-top: 95px;
}
#ul3 li h4 .p2{
	font-size: 16px;
	padding-top: 24px;
}
#ul3 li h4 a{
	display: block;
	width: 188px;
	height: 32px;
	background: #fff;
	border-radius: 4px;
	line-height: 32px;
	font-size:16px;
	color: #f22132;
	margin: 46px auto 0;
	font-weight: bold;
}
/*part8*/
.part8 .line{
	margin: 0 auto 30px;
}
/*part8*/
.part8 .text{
	padding-bottom: 40px;
}
.part8 .tBox{
	width: 1154px;
	height: 430px;
	margin: 0 auto;
	position: relative;
}
.part8 .tBox .picBox{
	width: 1000px;
	margin: 0 auto;
	height: 100%;	
	overflow: hidden;
	position: relative;
}
#posBox2{
	width: 2048px;
	position: absolute;
	left: 0;
	top: 0;	
}
.part8 .tBox .picBox .roll{
	position: relative;
	margin-right: 24px;	
   	perspective: 1000px;   	
   	cursor: pointer;
}
.part8 .tBox .picBox li .bg{
	width: 100%;
	height: 65px;
	background: #000;
	opacity: 0.8;
	filter:alpha(opacity=80); 
	position: absolute;
	left: 0;
	bottom: 0;
}
.part8 .tBox .picBox li h3{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 65px;
	text-align: left;
	padding-left: 13px;
}

.part8 .tBox .picBox li .tName{
	font-size: 18px;
	color: #fff;
	padding-top: 13px;
	margin-bottom: 5px;
}
.part8 .tBox .picBox li .tTitle{
	font-size: 12px;
	color: #b4b4b4;
}
.part8 .tBox span{
	width: 23px;
	height: 44px;
	background: url(../img/pre2.png) no-repeat;
	position: absolute;	
	top: 50%;
	margin-top: -22px;
	cursor: pointer;
}
#pre2{
	left: 0;
}
#next2{
	right: 0;
	background: url(../img/next2.png) no-repeat;
}
.roll .box-content{
    width: 100%;
    height: 480px;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.8;
    filter:alpha(opacity=80); 
    transform: rotateY(90deg);
    transition: all 0.50s ease-in-out 0s;
    overflow: hidden;
}
.roll .box-img{
    transform: rotateY(0);
    transition: all 0.50s ease-in-out 0s;
}
.roll:hover .box-img{
    transform: rotateY(-90deg);
}
.roll:hover .box-content{
    transform: rotateY(0);
}
.roll .box-content .t1,.roll .box-content2 .t1{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	padding-top: 50px;
}
.roll .box-content .t2,.roll .box-content2 .t2{
	font-size: 16px;
	color: #fff;
	padding-top: 12px;
}
.roll .box-content .t3,.roll .box-content2 .t3{
	width: 190px;
	height: 1px ;
	background: #fff;
	margin: 20px auto 0;
}
.roll .box-content .t4,.roll .box-content2 .t4{
	font-size: 14px;
	width: 182px;
	text-align: justify;
	color: #fff;
	margin: 20px auto 0;
	line-height: 26px;
}

.box-content2{
	position: absolute;
	left: 0px;
	top: -470px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
	filter:alpha(opacity=70); 
	color: #fff;
}
.part8 .button{
	width: 352px;
}
/*part9*/
.part9{
	background: url(../img/bg2.jpg);
}
.part9 .line{
	margin: 0 auto 30px;
}
.part9 .p9Box{
	width: 940px;
	margin: 46px auto 0;
}
.part9 .p9Box ul{
	text-align: right;
}

.part9 .p9Box ul li{
	position: relative;
	margin-bottom: 54px;
	cursor: pointer;	
}
.part9 .p9Box ul h3{
	font-size: 18px;
	color: #1c202b;
	padding-bottom: 11px;
}
.part9 .p9Box ul .marT{
	padding-top: 18px;
}
.part9 .p9Box ul p{
	font-size: 14px;
	color: #989ba4;
	line-height: 22px;
}
.part9 .p9Box ul li h4{
	position: absolute;
	right: -61px;
	top: 9px;
	width: 42px;
	height: 31px;
	padding-top: 11px;
	text-align: center;
	background: url(../img/border7.png) no-repeat;
}
.part9 .p9Box ul li.on h3{
	color: #e21f2f;
	transition: 0.3s;
}
.part9 .p9Box ul li.on h4{
	background: url(../img/border6.png) no-repeat;
	transition: 0.3s;
}
.part9 .p9Box ul li .mart img{
	margin-top: -2px;	
}
.part9 .p9Box ul li h4 span{
	background: url(../img/line3.png) no-repeat;
	width: 4px;
	height: 116px;
	position: absolute;
	left:19px;
	top: 41px;
}
.part9 .p9Box .con{
	width: 270px;
	height: 257px;
	background: url(../img/icon.png) no-repeat;
	margin: 54px 0 0 88px;
}
.part9 .p9Box ul.second{
	text-align: left;
	margin-left: 62px;
}
.part9 .p9Box ul.second li h4{
	right: 284px;
}
.part9 .button{
	margin: 0 auto;
}
/*part10*/
.part10{
	background: url(../img/bg4.jpg) no-repeat;
	height: 463px;
}
.part10 h2{
	color: #fff;
}
.part10 .line{
	background: #141823;
}
.pic{
	width: 985px;
	margin: 0 auto;
	display: none \9;
}
.pic2{
	width: 985px;
	margin: 0 auto;
	display: none;
	display: block \9;
}
.pic2 li{
	margin-right: 22px;
}
.pic2 li.last{
	margin-right: -22px;
}
.pic div {
  	perspective: 800px;
  	width: 228px;
  	margin-right: 24px;
}
.pic div.fou{
	margin-right: -24px;
}
figure { 
  	width: 100%;
  	height: 11.3vw;
  	background: url("../img/img1.jpg");
	background-size: 100%; 
	transform-origin: center bottom;
	transform-style: preserve-3d;
	transition: 0.8s transform;
	transform: rotateX(75deg) translateZ(1vw); 
}

figure figcaption { 
	width: 100%;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
  background: -moz-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
  background: -o-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.4)));
  background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)),url("../img/img1.jpg");
	background-size: 100%; 
	height: 18px;
	background-repeat: no-repeat;
  	background-position:bottom;
  	color: #fff; 
	position: relative; 
	top: 10.9vw;
	transform-origin: center top;
	transform: rotateX(-89.9deg);
}
.sec figure{
	background: url("../img/img2.jpg");
	background-size: 100%; 
} 
.sec figure figcaption{
	background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)),url("../img/img2.jpg");
	background-position:-2px 20px;
	background-size: 100%;
}
.thr figure{
	background: url("../img/img3.jpg");
	background-size: 100%; 
	
} 
.thr figure figcaption{
	background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)),url("../img/img3.jpg");
	background-position:2px -1px;
	background-size: 100%;
}
.fou figure{
	background: url("../img/img4.jpg");
	background-size: 100%; 
	
} 
.fou figure figcaption{
	background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)),url("../img/img4.jpg");
	background-position:1px -1px;
	background-size: 100%; 
}
figure:before {
  content: '';
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
	transition: 1s;
	transform-origin: inherit;	
	box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.5), inset 0 0 250px 250px rgba(0, 0, 0, 0.5);
	transform: rotateX(-5deg) translateZ(-26px) scale(1);
}
.pic figure.show{
	transform: rotateX(0deg) translateZ(0vw); 
}
.pic figure.show:before{
	box-shadow: 0 0 100px 32px rgba(0, 0, 0, 0.1), inset 0 0 250px 250px rgba(0, 0, 0, 0.1);
	transform: rotateX(95deg) translateZ(-26px) scale(0.75);
}
.part10 .button{
	color: #fff;
	border: 1px solid #fff;
}
.part10 .button:hover{
	background: #fff;
	color: #e32537;
	transition: 0.6s;
}
@media screen and (min-width: 1680px){
	figure { 
	  	height: 9.62vw;
	}
	figure figcaption{
		top: 9.55vw;
	}
	.sec figure figcaption{
		background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)),url("../img/img2.jpg");
		background-position:-2px 20px;
		background-size: 100%;
	}
}
@media screen and (min-width: 1920px){
	figure { 
	  	height: 8.4vw;
	}
	figure figcaption{
		top: 8.3vw;
	}
}

/*part11*/
.part11 ul{
	width: 948px;
	margin: 0 auto;
}
.part11 ul li{
	margin-bottom: 12px;
}
.part11 ul li h3{
	width: 366px;
	height: 100%;
	line-height: 260px;
	background: #c2c2c2;
	font-size: 22px;
	color: #fff;
	margin-right: 12px;
}
.part11 ul li h3.sec{
	margin: 0 0 0 12px;
}
.part11 ul li h3:hover{
	background: #e33544;
	transition: 0.5s;
}
/*part12*/
.part12{
	background: url(../img/bg5.jpg) no-repeat;
	height: 664px;
	text-align: center;
}
.part12 .conBox{
	width: 1024px;
	margin: 0 auto;
	background: #fff;
	box-shadow: -2px -9px 19px -6px #ebebeb;
}
.part12 .conBox ul{
	width: 888px;
	margin-left: 93px;
	padding-top: 46px;
}
.part12 .conBox ul li{
	width: 182px;
	height: 220px;
	cursor: pointer;
	margin-right: 40px;
	margin-bottom: 26px;
}
.part12 .conBox ul li img{
	margin-top: 25px;
}
.part12 .conBox ul li .min3{
	margin-top: 20px;
}
.part12 .conBox ul li .min2{
	margin-top: 27px;
}
.part12 .conBox ul li .min4{
	margin-top: 29px;
}
.part12 .conBox ul li .p1{
	font-size: 14px;
	color: #b9b9b9;
	padding: 13px 0;
}
.part12 .conBox ul li .p2{
	font-size: 18px;
	color: #141823;
}
.part12 .conBox ul li a{
	font-size: 16px;
	color: #62666f;
	width: 117px;
	height: 27px;
	line-height: 27px;
	border-radius: 4px;	
	display: block;
	margin: 18px auto 0;
	border: 1px solid #62666f;
}
.part12 .conBox ul li a:hover{
	color: #e43b46;
	transition: 0.3s;
	border: 1px solid #3d4455;
}
.part12 .conBox ul li.on{
	box-shadow: 0px 0px 20px 3px #e0e0e0;
	transition: 0.5s;
}
/*foot*/
.footer {
	width: 100%;
	background: #191919;
	color: #999999;
	text-align: center;
	font-size: 14px;
	padding: 12px 0;
	padding-bottom:70px;
}
/*css3btn*/
.css3btn{  
	bottom:400px;  
	right:5px;  
	z-index:9999;  
	position:fixed;  
}  
.css3btn a{  
	display:block;  
	text-decoration:none;  
}  
.css3btn img{  
	left:-10px;  
	top:50%;  
	margin-top:-35px;  
	position:absolute;  	
	z-index:9999; 
	border:0; 
}  
.css3btn p{  
	font-size:15px;  
	width:230px;  
	height:45px;  
	line-height:45px;  
	text-indent:55px;	
	text-align:center;  
	color:#fff;  
	display:block;  
	overflow:hidden;  
	position: relative;  
	background:#ff5400;  
	background:linear-gradient(rgba(254,84,0,.8),rgba(255,118,50,.8));  
	text-transform: uppercase;  
	border-radius:20px;  
}  
.css3btn p.bubble:after {  
	content: "";  
	background: #fff;  
	position: absolute;  
	width: 200px;  
	height: 200px;  
	left: 35px;  
	right: 0;  
	top: 0;  
	bottom: 0;  
	opacity: 0;  
	margin: auto;  
	border-radius:50%;  
	transform: scale(1);  
	animation:1s btn ease-in-out infinite;  
}  
@keyframes btn {
	0%{
		transform:scale(0);
		opacity: 1;
	}
	100%{
		transform:scale(1);
		opacity: 0;
	}
}
/*kf*/
#iconDiv1{
	display: none;
}
.kf{
	left: 0;
    top: 50%;
    margin-top: -227px;
    width: 120px;
    height: 454px;
    position: fixed;
    z-index: 9999;
    text-align: center;
    color: #FFFFFF;
}
.kf ul{
	background: url(../img/kfbg.png) no-repeat;
	height: 328px;
	width: 100%;
}
.kf ul li{
	width: 100%;
}
.kf ul li span{
	font-size: 14px;
	margin-left: 14px;
	margin: 10px 6px 0 18px;
}
.kf ul li img{
	margin-top: 10px;
}
.kf ul li .img2{
	margin: 7px 0 3px 7px;
}
.kf ul li .img3{
	margin: 7px 0 3px 19px;
}
.kf ul li .img4{
	margin: 7px 0 3px 14px;
}
.kf ul li p{
	font-size: 14px;
	font-weight: bold;
}
.kf ul li a{
	display: block;
	width: 120px;
	height: 61px;
	color: #fff;
}
.kf ul li a.active{
	background: url(../img/kf8.png);
}

.kf .img5{
	width: 88px;
	height: 58px;
	position: absolute;
	bottom: 70px;
	left: 50%;
	margin-left: -44px;
	
}
.kf .reback{
	background: url(../img/kf7.png) no-repeat;
	width: 100%;
	height: 50px;
	font-size: 12px;
	cursor: pointer;
}
.kf .reback p{
	margin-top: 6px;
}
/*lyb*/
.lyb{
	width: 100%;
	height: 60px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
	display: block;
}
.lyb b{
	width: 100%;
	height: 100%;
	background: #1c1f29;
	opacity: 0.9;
	filter:alpha(opacity=90);
	position: absolute;
	left: 0;
	top: 0;
}
.lyb .info{
	width: 834px;
	height: 44px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -542px;
	margin-top: -22px;
	z-index: 2;
}
.lyb .info h3{
	font-size: 18px;
	color: #fff;
	line-height: 44px;
	margin-right: 14px;
}
.lyb .info .myname{
	margin-right: 47px;
}
.lyb .info input.text{
	width: 175px;
	height: 36px;
	border: 1px solid #fff;
	background: none;
	font-size: 14px;
	color: #fff;
	padding-left: 20px;
	margin-top: 4px;
}
.lyb .info input.submit{
	width:152px;
    height:35px;
    cursor:pointer;
    background:url("../img/ly.png") no-repeat center top;
    border:none;
    margin-top: 5px;
    margin-left: 44px;
}
.lyb i{
	position: absolute;
	left: 5px;
	top: 5px;
	background: url(../img/close.png) no-repeat;
	width: 12px;
	height: 12px;
	cursor: pointer;
}






.fixbox{
	bottom:0;
	width:100%;
	height:70px;
	line-height:70px;
	position:fixed;
	z-index:1;
	background:#222222;
}
.fixbox-main{
	width:1000px;
	margin-left:4%;
}
.fixbox-main p{
	margin-right:24px;
	float:left;
	font-size:16px;
	color:#ffffff;
}
.fixbox-main input{
	float:left;
}
.fixbox-main input.text{
	margin-right:10px;
	margin-top:20px;
	width:150px;
	height:30px;
	line-height:30px;
	text-indent:15px;
	background:#ffffff;
	border:none;
}
.fixbox-main input.submit{
	margin-left:10px;
	margin-top:10px;
	width:150px;
	height:50px;
	font-size:18px;
	cursor:pointer;
	color:#ffffff;
	border:none;
	background:#e21f2f;
}