@charset "utf-8";

body{
	background-color: #F6F6F6;
	min-width:1320px;
	overflow:auto;
}
#header{
    width: 100%;
    height: 78px;
    line-height: 78px;
    position: relative;
    top:0;
    left:0;
    z-index: 10;
}
.headerbg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: -10;
}
.logo{
    width: 190px;
    height: 48px;
    position: absolute;
    margin: auto 0;
    left: 30px;
    top: 14px;
}
.nav{
    position: absolute;
    left:280px;
    top: 22px;
    z-index: 10;
}
.nav li{
    float: left;
    list-style: none;
}
.nav li a{
    float: left;
    color: #101010;
    width: 105px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    transition:all .3s;
}

.nav li  a.on{
	color: #3C68F6;
	height: 32px;
    width: 105px;
    border:1px solid #3c68f6;
    border-radius: 36px;
    z-index: -8;
    border-radius: 24px;
	display:block}


/*.nav-wrap .circle{
    height: 32px;
    width: 105px;
    border:1px solid #3c68f6;
    position: absolute;
    left:278px;
    top:23px;
    border-radius: 36px;
    z-index: -8;
}*/
.nav_center{
    position: absolute;
    top: 0;
    bottom: -1px;
    left: 17px;
    right: 17px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 74px;
}
.nav_left{
    position: absolute;
    top: -16px;
    bottom: 0px;
    left: 0px;
    margin: auto 0;
}
.nav_right{
    position: absolute;
    top: -16px;
    bottom: 0px;
    right: -105px;
    margin: auto 0;
}
.nav-wrap{
	position: relative;
}
.nav-wrap .circle{

}


.topnav{
    width: 30px;
    height: 25px;
    right:30px;
    position: absolute;
    display: inline-block;
    top: 20px;
    transition:all .5s ease;
}
.icon-bar{
    width: 28px;
    display: block;
    height: 4px;
    background: #3C68F6;
    margin: 6px auto;
    transition:all .5s ease;
}
.top_animate .icon-bar{
    background-color: #F71FFF;
}
.top_animate .top{
    transform:translateY(10px) rotateZ(45deg);
}

.top_animate .bottom{
   transform:translateY(-10px) rotateZ(-45deg);
}


.top_animate .middle{
    width:0;
}


.st-menu{
    width: 268px;
    height: 100%;
    position: fixed;
    right:-268px;
    background-color: #fff;
    top:0;
    z-index: 99;
    visibility: hidden;
    transition: all 0.5s;
    padding-top: 28px;
	overflow:auto;
}

.st-menu-list{
    width: 65px;
    height: 100%;
    margin: 0 auto;
}
.st-menu-list dl{
    text-align: center;
    color: #454545;
    line-height: 3;
}
.st-menu-list dl dt a{
	color: #454545;
}
.st-menu-list dl dd a{
	color: #484848;
}
.st-menu-list dl dt{
    font-weight: 800;
    font-size: 15px;
}
.st-menu-list dl dd{
    font-size: 14px;
    line-height: 1.5;
}


.close{
    position: absolute;
    right: 25px;
    top:28px;
    background: url(../images/close.png) no-repeat;
    width: 28px;
    height: 26px;
    z-index: 999;
    cursor: pointer;
    display: none;
}
/* Effect 1: Slide in on top */
.st-effect-1.st-menu {
    visibility: visible;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.st-effect-1.st-menu-open .st-effect-1.st-menu {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.st-effect-1.st-menu::after {
    display: none;
}

.st-menu-open .section::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.st-menu-open .st-menu::after {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}



.topnav:hover{
    cursor: pointer;
}


.tel{
    position: absolute;
    right: 160px;
    color: #3C68F6;
}
.wei_wrap{
    position: absolute;
    right: 126px;
    top: 26px;
}
.weixin{
    position: absolute;
    display: inline-block;
    width: 26px;
    height: 25px;
    background: url(../images/weixin2.png) no-repeat;
    transition-duration: .3s;
    -webkit-transition-duration:.3s; 
}
.weixin:hover{
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
}
.erweima{
    position: absolute;
    top: 3px;
    right: -60px;
    opacity: 0;
    filter:alpha(opacity=0);
}

.about-wrap{
	width: 100%;


}

.service_wrap{
	width: 100%;
	position: relative;
}

.about-tab{
	width: 500px;
	margin: 60px auto;
}
.about-tab a{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 130px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #4063F6;
	color: #4063F6;
	border-radius: 25px;
	font-size: 17px;
	transition:all .4s;
	_display:inline;
	_zoom:1;
	margin:0 16px;
}
.about-tab a:hover{
	background-color: #4063F6;
	color: #fff;
}
.about-tab a.active{
	background-color: #4063F6;
	color: #fff;
}
.about-detail{
	width: 527px;
	color: #29383D;
	font-size: 16px;
}
.culture{
	padding: 100px 175px 300px;
}
.culture p{
	color: #384247;
	font-size: 15px;
	line-height: 2;
}
.develop{
	color: #384247;
}
.develop dt{
	font-weight: 800;
	font-size: 20px;
	padding-bottom: 20px;
}
.develop dd{
	line-height: 2;
	font-size: 14px;
}
.del dl{
	margin-top: 40px;
	padding-left: 65px;
}
.der dl{
	margin-top: 40px;
}
.newsbg img{
	width: 100%;
/*	height: 751px;
	background: url(../images/news.jpg) center 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;*/
}
.news-list{
	margin: 30px auto;
	width: 1000px;
}
.news-list li{
    width: 1000px;
    height: 158px;
}
.news-img img{ width:240px; height:133px;}
.news-content{
	width: 730px;
	color: #919191;
}
.news-content div{
	margin-top: 18px;
}
.news-content p{
	margin-top: 15px;
}
.news-content h1 a{
	color: #323232;
	font-size: 20px;
}
.newsdetail{
	width: 100%;
	height: 230px;
	background: url(../images/newsdetail.jpg) no-repeat center center;
}
.title{
	color: #495AFF;
	font-size: 20px;
	text-align: center;
	margin-top: 50px;
}
.info{
	color: #C4C4C4;
	text-align: center;
}
.return-list a{
	width: 200px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	margin: 50px auto;
	display: block;
	border: 1px solid #495AFF;
	border-radius: 25px;
	color: #495AFF;
	font-size: 20px;
	transition:all .4s;
}
.return-list a:hover{
	background-color: #495AFF;
	color: #fff;
}

.text{
	margin-top: 15px;
}
.text,.text a,.text a:hover,.text a:visited{
	color: #525252;
}
.conbg img{
	width: 100%;
}
.contitle{
	color: #474747;
	text-align: center;
	font-size: 20px;
	margin:50px auto;
}
.conlist dl{
	margin-bottom: 40px;
}
.conlist dl dt{
	font-size: 24px;
	color: #474747;
	text-align: left;
	padding-bottom: 20px;
}
.conlist dl dd{
	color: #575757;
	font-size: 15px;
	padding-left:40px;
	line-height: 2;
}

.sns div{
	float: left;
	margin: 0 30px;
	border:1px solid #00A1EE;
	width: 80px;
	height: 80px;
/*	display: table-cell;
	vertical-align: middle;
	text-align: center;*/
	position: relative;
	transition:all .3s;
}
.sns div:hover{
	background-color: #00A1EE;
}
.sns a{
	display: inline-block;
	width: 37px;
	height: 37px;
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -18px;
	margin-top: -18px;
}

.sns .weixin33{
	background: url(../images/qrcode.jpg) no-repeat center  center;
}
.sns div:hover .weixin33{
	background: url(../images/link-weixin.png) no-repeat center  center;
}
.sns .qq{
	background: url(../images/qq.png) no-repeat center  center;
}
.sns div:hover .qq{
	background: url(../images/link-qq.png) no-repeat center  center;
}
.sns .weibo{
	background: url(../images/weibo.png) no-repeat center  center;
}
.sns div:hover .weibo{
	background: url(../images/link-weibo.png) no-repeat center  center;
}
.sns span img{
	vertical-align: middle;
}
.con-p{
	width: 425px;
	margin: 15px auto;
	color: #575757;
	font-size: 14px;
}
.lecturebg img{
	width: 100%;
}
.tablepanel{
	margin-top: 50px;
}
.timetables{
	width: 480px;
	height: 80px;
	background-color: #fff;
	margin-top: 10px;
}
.timetables h2{
	color: #878787;
	font-size: 18px;
	padding: 10px;
}
.timetables p{
	color: #3F3F3F;
	font-size: 15px;
	padding-left: 10px;
}
.pro-content .box{
	width:310px;
	display:inline-block;
	border:1px solid #ddd;
	box-shadow: 0 2px 2px #ccc;
	margin:22px 25px;
	background:#FFF;
	border-radius:0 0 10px 10px;
	transition:all .5s;
	padding-bottom:30px;
}
.pro-content .box:hover{
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-box-showdow:0 15px 30px rgba(0,0,0,0.1);
    transform: translate3d(0, -5px, 0);
    -webkit-transform:translate3d(0, -5px, 0);
}
.pro-content .box  img{
	display:block;
	width:100%;
}
.pro-content .box a{
	display:block;
}
.pro-content .box a img{
	display:block;
	width:100%;
}

.pro-content .box .box-name{
	font-size:16px;
	color:#333;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align:left;
	padding:10px 10px;
	display:block;
	float:left;
	width:150px;
}
.pro-content .box .box-name1{
	font-size:16px;
	color:#333;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align:left;
	padding:10px 10px;
	display:block;
	float:left;
	width:150px;
}
.box-rwm{ float:right; width:98px; height:98px; border:1px solid #eee; margin:10px 10px;}
.box-rwm img{ width:98px; height:98px;}
.pro-content .box .box-link{
	display:block;
	width:104px;
	 height:26px; 
	background:url(../images/yulan.png) no-repeat;
	float:right;
	margin-top:20px;
	margin-right:10px;

}
.pro-content .box .box-link:hover{
	color: #3C68F6;
}
.sjtxt{ padding-top:10px;}
.sjtxt span{ color:#3abcff}

.msg{
	width: 370px;
    border: 1px solid #BFBFBF;
    color: #B4B4B4;
    padding: 20px 0 20px 48px;
}
.msg a{
	color: #B4B4B4;
}
.msg_input{
	width: 319px;
}
.msg_btn_area{
	width: 320px;
	height: 30px;
	background-color: #00B9EE;
	color: #fff;
	line-height: 30px;
	text-align: center;
	margin-top: 18px;
}
.msg_btn_area a{
	color: #fff;
}
.casebg{
	background: url(../images/casebs.jpg) no-repeat center center;
	width: 100%;
	height: 550px;
}
.case-list a{
	display: inline-block;
	height: 35px;
	line-height: 35px;
	color: #6C6C6C;
	font-size: 15px;
	padding: 0 25px;
	text-align: center;
	margin:30px 10px; 
	float: left;
}
.case-list a.current{
	color: #fff;
	background-color: #FF5C49;
	border-radius: 25px;
}
.casebox{
	position: relative;
	display: inline-block;
	width: 280px;
	height: 175px;
	background-color:#fff;
	border-radius: 5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1);
}
.case-img{
	position: absolute;
    top: 9px;
    bottom: 9px;
    left: 9px;
    right: 9px;
    overflow: hidden;
}
.c-img{
	width: 260px;
	height: 155px;
	transition-duration: .6s;
    -webkit-transition-duration: .6s;
}
.child-image-bg{
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #000;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
}
.child-image-icon{
	transform: scale(0);
    -webkit-transform: scale(0);
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    background: url(../images/case-bg3.png) no-repeat center center;
}
.child-image-icon img{
	transform: scale(0);
    -webkit-transform: scale(0);
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    opacity: 0;
}
.casebox:hover .c-img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.casebox:hover .child-image-bg{
	opacity:0.2;
}
.casebox:hover .child-image-icon{ 
	transition-delay:.1s;
	-webkit-transition-delay:.1s;
	opacity:1;
	transform:scale(1);
	-webkit-transform:scale(1);
}
.casebox:hover .child-image-icon img{ 
	transition-delay:.2s;
	-webkit-transition-delay:.2s; 
	opacity:1;
	transform:scale(1);
	-webkit-transform:scale(1);
}
.case-name{
	display: block;
	text-align: center;
	color: #6C6C6C;
}
.case-show a{
	float: left;
	margin: 15px 10px;
}
.sign-up-box{
	width: 1000px;
	height: 863px;
	background: url(../images/sign-up.png) no-repeat center center;
	position: relative;
	margin: 30px auto;
}
.sign-up{
	width: 880px;
	height: 735px;
	position: absolute;
	top:60px;
	left:60px;
	background-color: #fff;
}
.sign-up h2,.sign-up h3{
	text-align: center;
}
.sign-up h2{
	font-size: 50px;
	font-weight: 800;
	color: #535353;
	padding-top: 40px;
}
.sign-up h3{
	color: #CACACA;
	font-size: 14px;
}
#sign-form{
	color: #8D8D8D;
	font-size: 15px;
}
.field{
	margin: 0em 0em 1.3em;
	position: relative;
}
.sign-text{
	width: 485px;
	height: 35px;
}
.ubutton{
	width: 175px;
	height: 45px;
	background: #405FFF;
	color: #fff;
	text-align: center;
	line-height: 45px;
	font-size: 15px;
	border: none;
	outline: none;
	margin: 20px 200px;
}
.datepic{
	position: absolute;
	width: 32px;
	height: 32px;
	right:55px;
	top:3px;
	background: url(../images/date.png) no-repeat center center;
}
.sign-detail{
	position: absolute;
	left: 136px;
	top:150px;
}
.qingdan_lei{width:1000px; margin:50px auto 0;}
.qingdan_lei ul{}
.qingdan_lei ul li{float:left; width:33%; text-align:center; height:70px;  }
.qingdan_lei ul li a{font-size:14px; line-height:70px; display:block; cursor:pointer;color: #333;}
.qingdan_lei ul li :hover {color:#112f86; background:#f1f1f1;}

.qd1{border-bottom:1px #eee solid; border-right:1px #eee solid;}
.qd2{border-bottom:1px #eee solid; border-right:1px #eee solid;}
.qd3{border-bottom:1px #eee solid;}
.qd4{border-bottom:1px #eee solid; border-right:1px #eee solid;}
.qd5{border-bottom:1px #eee solid; border-right:1px #eee solid;}
.qd6{border-bottom:1px #eee solid;}
.qd7{border-bottom:0px #eee solid; border-right:1px #eee solid;}
.qd8{border-bottom:0px #eee solid; border-right:1px #eee solid;}
.qd9{border-bottom:0px #eee solid;}

.qingdan_center{width:1000px; margin:50px auto 0; min-height:500px;color: #333;}


.itit p{font-size:24px; color:#3C68F6; font-weight:bold; text-align:center; line-height:50px;}

.xiangxi{margin-top:20px; padding-left:50px;}
.xiangxi h2{font-size:16px; color:#ff0000; margin-top:20px; font-weight:normal;}
.xiangxi p{font-size:14px; line-height:28px; margin-top:15px;}
.xiangxi p span{color:#ff0000;}

.casetitle{
	text-align: center;
	font-size: 25px;
	color: #fff;
	font-weight:lighter;
	padding: 25px;
	z-index: 55;
}
.casetitle2{
	text-align: center;
	font-size: 15px;
	font-weight: 800;
}
.banner-imgs{
	height: 480px;
	width: 480px;
	margin: 0 auto;
	position: relative;
	-webkit-perspective: 1200px;
    perspective: 1200px;
}
.banner-imgs .cards{
    position: absolute;
    top: -92px;
    height: 100%;
    width: 100%;
    -webkit-perspective: 1200px;
    perspective: 1200px;
}
.banner-imgs .card{
    position: absolute;
    top: -28em;
    left: 68%;
    display: block;
    overflow: hidden;
    width: 509px;
    height: 1196px;
    background-repeat: no-repeat;
}
.banner-imgs .card-1{
	animation: banner-card1 2s cubic-bezier(0, 0, 0.71, 1.17) 0s both;
    -webkit-animation: banner-card1 2s cubic-bezier(0, 0, 0.71, 1.17) 0s both;
}
.banner-imgs .card-1{
	z-index: 3;
}
.banner-imgs .card-2{
	z-index: 2;
}
.banner-imgs .card-1{
	z-index: 3;
}

.banner-imgs .card-2{
    animation: banner-card2 2.6s cubic-bezier(0, 0, 0.71, 1.17) 0s both;
    -webkit-animation: banner-card2 2.6s cubic-bezier(0, 0, 0.71, 1.17) 0s both;
}

.banner-imgs .card-3{
    animation: banner-card3 3.2s cubic-bezier(0, 0, 0.71, 1.17) 0s both;
    -webkit-animation: banner-card3 3.2s cubic-bezier(0, 0, 0.71, 1.17) 0s both;
}

@keyframes banner-card1{
0%{box-shadow: rgba(0, 0, 0, 0.0980392) -5px 0px 5px 0px, rgba(0, 0, 0, 0.2) -20px 0px 40px 0px; visibility: hidden; opacity: 0; transform-origin: 50% 50% 0px; transform: matrix3d(0, -0.69282, -0.4, 0, 0.8, 0, 0, 0, 0, -0.5, 0.866025, 0, -354.5, 0, 0, 1); }
100%{box-shadow: rgba(0, 0, 0, 0.2) -5px 0px 5px 0px, rgba(0, 0, 0, 0.298039) -20px 0px 40px 0px; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, -0.458861, -0.655322, 0, 0.8, 0, 0, 0, 0, -0.819152, 0.573576, 0, -354.5, 0, 0, 1);}
}
@-webkit-keyframes banner-card1{
0%{-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) -5px 0px 5px 0px, rgba(0, 0, 0, 0.2) -20px 0px 40px 0px; visibility: hidden; opacity: 0; -webkit-transform-origin: 50% 50% 0px; -webkit-transform: matrix3d(0, -0.69282, -0.4, 0, 0.8, 0, 0, 0, 0, -0.5, 0.866025, 0, -354.5, 0, 0, 1); }
100%{-webkit-box-shadow: rgba(0, 0, 0, 0.2) -5px 0px 5px 0px, rgba(0, 0, 0, 0.298039) -20px 0px 40px 0px; visibility: inherit; opacity: 1; -webkit-transform-origin: 50% 50% 0px; -webkit-transform: matrix3d(0, -0.458861, -0.655322, 0, 0.8, 0, 0, 0, 0, -0.819152, 0.573576, 0, -354.5, 0, 0, 1);}
}

@keyframes banner-card2{
0%{box-shadow: rgba(0, 0, 0, 0.0980392) -5px 0px 5px 0px, rgba(0, 0, 0, 0.2) -20px 0px 40px 0px; visibility: hidden; opacity: 0; transform-origin: 50% 50% 0px; transform: matrix3d(0, -0.69282, -0.4, 0, 0.8, 0, 0, 0, 0, -0.5, 0.866025, 0, -354.5, 0, 0, 1); }
77%{box-shadow: rgba(0, 0, 0, 0.2) -5px 0px 5px 0px, rgba(0, 0, 0, 0.298039) -20px 0px 40px 0px; visibility: inherit; opacity: 0; transform-origin: 50% 50% 0px; transform: matrix3d(0, -0.458861, -0.655322, 0, 0.8, 0, 0, 0, 0, -0.819152, 0.573576, 0, -354.5, 0, 0, 1);}
100%{box-shadow: rgba(0, 0, 0, 0.2) -5px 0px 5px 0px, rgba(0, 0, 0, 0.298039) -20px 0px 40px 0px; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, -0.430182, -0.614364, 0, 0.75, 0, 0, 0, 0, -0.819152, 0.573576, 0, -354.5, 60, 0, 1);}
}
@-webkit-keyframes banner-card2{
0%{-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) -5px 0px 5px 0px, rgba(0, 0, 0, 0.2) -20px 0px 40px 0px; visibility: hidden; opacity: 0; -webkit-transform-origin: 50% 50% 0px; -webkit-transform: matrix3d(0, -0.69282, -0.4, 0, 0.8, 0, 0, 0, 0, -0.5, 0.866025, 0, -354.5, 0, 0, 1); }
77%{-webkit-box-shadow: rgba(0, 0, 0, 0.2) -5px 0px 5px 0px, rgba(0, 0, 0, 0.298039) -20px 0px 40px 0px; visibility: inherit; opacity: 0; -webkit-transform-origin: 50% 50% 0px; -webkit-transform: matrix3d(0, -0.458861, -0.655322, 0, 0.8, 0, 0, 0, 0, -0.819152, 0.573576, 0, -354.5, 0, 0, 1);}
100%{-webkit-box-shadow: rgba(0, 0, 0, 0.2) -5px 0px 5px 0px, rgba(0, 0, 0, 0.298039) -20px 0px 40px 0px; visibility: inherit; opacity: 1; -webkit-transform-origin: 50% 50% 0px; -webkit-transform: matrix3d(0, -0.430182, -0.614364, 0, 0.75, 0, 0, 0, 0, -0.819152, 0.573576, 0, -354.5, 60, 0, 1);}
}
@keyframes banner-card3{
0%{box-shadow: rgba(0, 0, 0, 0.0980392) -5px 0px 5px 0px, rgba(0, 0, 0, 0.2) -20px 0px 40px 0px; visibility: hidden; opacity: 0; transform-origin: 50% 50% 0px; transform: matrix3d(0, -0.69282, -0.4, 0, 0.8, 0, 0, 0, 0, -0.5, 0.866025, 0, -354.5, 0, 0, 1); }
62%{box-shadow: rgba(0, 0, 0, 0.2) -5px 0px 5px 0px, rgba(0, 0, 0, 0.298039) -20px 0px 40px 0px; visibility: inherit;opacity: 0;  transform-origin: 50% 50% 0px; transform: matrix3d(0, -0.458861, -0.655322, 0, 0.8, 0, 0, 0, 0, -0.819152, 0.573576, 0, -354.5, 0, 0, 1);}
81%{box-shadow: rgba(0, 0, 0, 0.2) -5px 0px 5px 0px, rgba(0, 0, 0, 0.298039) -20px 0px 40px 0px; visibility: inherit; opacity: 0; transform-origin: 50% 50% 0px; transform: matrix3d(0, -0.430182, -0.614364, 0, 0.75, 0, 0, 0, 0, -0.819152, 0.573576, 0, -354.5, 60, 0, 1);}
100%{box-shadow: rgba(0, 0, 0, 0.2) -5px 0px 5px 0px, rgba(0, 0, 0, 0.298039) -20px 0px 40px 0px; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, -0.401504, -0.573406, 0, 0.7, 0, 0, 0, 0, -0.819152, 0.573576, 0, -354.5, 120, 0, 1);}
}
@-webkit-keyframes banner-card3{
0%{-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) -5px 0px 5px 0px, rgba(0, 0, 0, 0.2) -20px 0px 40px 0px; visibility: hidden; opacity: 0; -webkit-transform-origin: 50% 50% 0px; -webkit-transform: matrix3d(0, -0.69282, -0.4, 0, 0.8, 0, 0, 0, 0, -0.5, 0.866025, 0, -354.5, 0, 0, 1); }
62%{-webkit-box-shadow: rgba(0, 0, 0, 0.2) -5px 0px 5px 0px, rgba(0, 0, 0, 0.298039) -20px 0px 40px 0px; visibility: inherit;opacity: 0;  -webkit-transform-origin: 50% 50% 0px; -webkit-transform: matrix3d(0, -0.458861, -0.655322, 0, 0.8, 0, 0, 0, 0, -0.819152, 0.573576, 0, -354.5, 0, 0, 1);}
81%{-webkit-box-shadow: rgba(0, 0, 0, 0.2) -5px 0px 5px 0px, rgba(0, 0, 0, 0.298039) -20px 0px 40px 0px; visibility: inherit; opacity: 0; -webkit-transform-origin: 50% 50% 0px; -webkit-transform: matrix3d(0, -0.430182, -0.614364, 0, 0.75, 0, 0, 0, 0, -0.819152, 0.573576, 0, -354.5, 60, 0, 1);}
100%{-webkit-box-shadow: rgba(0, 0, 0, 0.2) -5px 0px 5px 0px, rgba(0, 0, 0, 0.298039) -20px 0px 40px 0px; visibility: inherit; opacity: 1; -webkit-transform-origin: 50% 50% 0px; -webkit-transform: matrix3d(0, -0.401504, -0.573406, 0, 0.7, 0, 0, 0, 0, -0.819152, 0.573576, 0, -354.5, 120, 0, 1);}
}

.s-slider ul li img{
	width: 100%;
}



.xzqcon{width:1000px; margin:0 auto; font-size:14px; margin-bottom:15px; height:535px;}
.xzqlimg{float:left; width:236px; height:533px;}
.xzqr{float:right; width:760px; height:533px;}
.xzqrcon{height:180px; width:760px;}
.xzqrcontop{width:650px; float:left;background:#fff;height:180px; padding-left:22px; color:#505050}
.xzqbg{background:url(../images/ico1.png) no-repeat left 10px; line-height:36px; font-size:18px; font-weight:bold; text-indent:2em; margin-bottom:15px;}
.xzqrcontop p{ font-size:14px; line-height:30px; color:#505050; width:210px; float:left}
.xzqcenterrtop p{font-size:14px; line-height:26px; color:#505050; width:210px; float:left}
.xzqrtxt{width:85px; float:right;height:180px; background:#fff;}
.xzqrtxt p{width:10px; margin-left:33px; margin-top:50px; color:#43caf9; font-size:16px;line-height:20px;}
.xzqcenter{height:100px; width:760px;  margin-top:4px;}
.xzqcenterl{width:672px; float:left;background:#fff;height:100px;}
.xzqcenterr{width:85px; float:right;background:#fff;height:100px;}
.xzqbottom{height:245px; width:760px; margin-top:4px;}
.xzqbottoml{width:650px; float:left;background:#fff;height:235px; padding-left:22px; padding-top:10px; color:#505050}
.xzqbottomr{width:85px; float:right;background:#fff;height:245px; color:#43caf9; }
.xzqcenterr p{ width:10px; line-height:20px;margin-left:33px; margin-top:20px; color:#43caf9; font-size:16px;}
.xzqbottomr p{width:10px; line-height:20px;margin-left:33px; margin-top:85px; color:#43caf9; font-size:16px;}
.xzqcenterrtop{width:650px; float:left;background:#fff;height:90px; padding-left:22px; color:#505050}
.xzqbg1{background:url(../images/ico2.png) no-repeat left 10px; line-height:36px; font-size:18px; font-weight:bold; text-indent:2em; margin-bottom:5px;}
.xzqbg2{background:url(../images/ico3.png) no-repeat left 10px; line-height:36px; font-size:18px; font-weight:bold; text-indent:2em; margin-bottom:15px;}
.xzqbottoml p{ line-height:30px;}
.xzqrtxt1{width:85px; float:right;height:180px; background:#fff;}
.xzqrtxt1 p{width:10px; margin-left:33px; margin-top:50px; color:#f65293; font-size:16px;line-height:20px;}
.xzqcenterr1{width:85px; float:right;background:#fff;height:100px;}
.xzqcenterr1 p{ width:10px; line-height:20px;margin-left:33px; margin-top:20px; color:#f65293; font-size:16px;}
.xzqbottomr1{width:85px; float:right;background:#fff;height:245px;}
.xzqbottomr1 p{width:10px; line-height:20px;margin-left:33px; margin-top:85px; color:#f65293; font-size:16px;}
.xzqrtxt2{width:85px; float:right;height:180px; background:#fff;}
.xzqrtxt2 p{width:10px; margin-left:33px; margin-top:50px; color:#9853ff; font-size:16px;line-height:20px;}
.xzqcenterr2{width:85px; float:right;background:#fff;height:100px;}
.xzqcenterr2 p{ width:10px; line-height:20px;margin-left:33px; margin-top:20px; color:#9853ff; font-size:16px;}
.xzqbottomr2{width:85px; float:right;background:#fff;height:245px;}
.xzqbottomr2 p{width:10px; line-height:20px;margin-left:33px; margin-top:85px; color:#9853ff; font-size:16px;}




.mt30{ margin-top:30px;}



/**tabs**/
.tabPanel { width:1000px;}
.tabPanel ul li{
	background-color: #f9f9f9;
    border-right: 1px solid #e2e2e2;
    cursor: pointer;
    float: left;
    height: 65px;
    text-align: center;
    width: 249px;
	border-bottom:1px solid #e2e2e2;
	font-size:18px;
	padding-top:5px;
	color:#000;
}
.tabPanel .hit{
	 background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #fff;
    border-top: 5px solid #ff4300;
    height: 60px;


}
.tabPanel ul li span{ font-size:12px; color:#666;}

.panes{  clear:both}
.pane{display:none; text-align:left;height:330px; width:1000px; padding-top:20px;}

.oneimg{float:left; margin-left:10px;}
.onetxt{ float:right; width:460px; margin-right:10px;}
.onetitle{ font-size:24px; color:#f60; margin-top:20px;}
.onetxt p{ line-height:28px; font-size:14px; color:#888; }
.panes1{  clear:both}
.tabPanel1 { width:1000px;}
.tabPanel1 ul li{
	background-color: #f9f9f9;
    border-right: 1px solid #e2e2e2;
    cursor: pointer;
    float: left;
    height: 65px;
    text-align: center;
    width:249px;
	border-bottom:1px solid #e2e2e2;
	font-size:18px;
	padding-top:5px;
	color:#000;
}
.tabPanel1 .hit1{
	 background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #fff;
    border-top: 5px solid #ff4300;
    height: 60px;


}
.tabPanel1 ul li span{ font-size:12px; color:#666;}
.panes2{  clear:both}
.tabPanel2 { width:1000px;}
.tabPanel2 ul li{
	background-color: #f9f9f9;
    border-right: 1px solid #e2e2e2;
    cursor: pointer;
    float: left;
    height: 65px;
    text-align: center;
    width: 249px;
	border-bottom:1px solid #e2e2e2;
	font-size:18px;
	padding-top:5px;
	color:#000;
}
.tabPanel2 .hit2{
	 background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #fff;
    border-top: 5px solid #ff4300;
    height: 60px;


}
.tabPanel2 ul li span{ font-size:12px; color:#666;}

.zzimg{ margin-top:20px;}
.onetitle1{ font-size:24px; color:#f60; margin-top:40px;}

.tuiguang{width:1000px; border:1px solid #ccc; margin:10px auto 30px auto; background:#fff; padding-bottom:20px; height:480px;}
.wrap h1{ color:#000; font-size:26px; font-weight:bold}

.oneimg1{ padding-top:30px; float:left; margin-left:50px;}

.paytxt{ font-size:14px; color:#019ca4; line-height:38px; width:123px; border:1px solid #aaaaaa; height:38px; text-align:center; margin-bottom:20px;}
.paycon p{font-size:14px; color:#019ca4; line-height:35px; margin-left:80px;}
.payul{ width:1100px; margin:0 auto; background:#fff; padding-bottom:30px;}
.payul li{ width:400px; height:200px; float:left; margin-left:70px; margin-right:70px; margin-top:30px;}
.payul li p{ font-size:14px; color:#4b4b4b; line-height:35px; margin-left:50px;}


.tablist{ border-right:1px solid #000; border-top:1px solid #000; color:#000; text-align:center; margin-bottom:30px; margin-top:30px;}
.tablist td{ border-left:1px solid #000; border-bottom:1px solid #000; height:30px; line-height:30px;}