﻿@charset "utf-8";
*{
    margin: 0;
    padding: 0;
    font-family: 'lato';
    list-style: none;
    text-decoration: none;
}
@font-face {
  font-family: '锐字锐线怒放黑简';   /*字体名称*/
  src: url('../font/锐字锐线怒放黑简1.0.TTF');       /*字体源文件*/
}
.banner img {
    width: 100%;
    display: block;
}


.top-nav {
    margin: 0 auto;
    width: 100%;
    height: 65px;
    background: #323232;
}
.nav-main{
	 margin: 0 auto;
	 width: 1200px;
}
.nav-main a {
    display: block;
    float: left;
    padding-top: 7px;
}

.nav-main img {
    width: 144px;
    height: 49px;
}
ul.nav-li {
    float: right;
    margin-top: 15px;
        margin-right: 62px;
}
ul.nav-li li a {
    color: #fff;
}
ul.nav-li li {
    display: inline-block;
    padding: 0;
        margin-right: 127px;
}
.nav ul li a:hover {
    color: #e7dcfd;
}
.nav {
    background: #48258f;
    width: 100%;
    height: 90px;
}
.nav ul li a {
    color: #fff;
}
.nav ul {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.nav ul li {
    display: inline-block;
    color: #ffff;
    font-size: 24px;
    padding: 3px 21px;
    width: 150px;
    text-align: center;
    border-right: 3px solid #ddd;
    margin-top: 27px;
}
/*.main {
    background: #f5fbff;
}*/
/*p1*/
.p1 {
    width: 100%;
    height: 665px;
}
.container_1201 {
    width: 1200px;
    margin: 0 auto;
}


.xx {
    margin-top: 49px;
    margin-bottom: 37px;
}
ul.sq-u{
	   background: url(../images/sqrq.jpg) no-repeat center 0;
    width: 1200px;
    height: 413px;
}
ul.sq-u li {
    width: 369px;
    float: left;
    margin-right: 44px;
}
ul.sq-u li:nth-child(3) {
   
    margin-right: 0px;
}

ul.sq-u li h3 {
    font-size: 22px;
    font-style: oblique;
    color: #fff;
    letter-spacing: 8px;
    text-align: center;
    line-height: 29px;
    padding-top: 39px;
    height: 154px;
}
ul.sq-u li p {
    padding-top: 15px;
    line-height: 36px;
    padding-left: 35px;
    font-size: 19px;
    font-weight: 600;
    padding-bottom: 12px;
}

ul.sq-u li:nth-child(2) h3 {

    padding-top: 71px;
    height: 122px;
}
ul.sq-u li:nth-child(3) h3 {

    padding-top: 83px;
    height: 109px;
}
ul.sq-u li a {
    display: block;
    font-size: 22px;
    color: #fff;
    background: #668ae8;
    width: 166px;
    margin: 0 auto;
    text-align: center;
    height: 44px;
    line-height: 44px;
    border-radius: 7px;
    letter-spacing: 2px;
}
ul.sq-u li:nth-child(2) a {

    background: #25bfdb;
}
ul.sq-u li:nth-child(3) a {
    background: #4570d6;
}
ul.sq-u li a:hover {
    background: #fca518;
    /* border: 1px solid #668ae8; */
    /* color: #668ae8; */
}


/*p2*/
.banner1 .sp02 span {
    background-color: #fff;
    opacity: 1;
   width: 10px;height: 10px;
}
.swiper-pagination.sp02.swiper-pagination-clickable.swiper-pagination-bullets{
    bottom: -2px;
    left: 0;
    width: 100%;
}
.banner1 .sp02 .swiper-pagination-bullet-active{background-color: white;background-color: #ff9f15;}

/*p3*/
.p2 {
    width: 100%;
    height: 555px;
}
.title {
    padding-top: 57px;
    padding-bottom: 13px;
}
.t1 {
    width: 100%;
    font-family: '锐字锐线怒放黑简';
    height: 111px;
    font-weight: inherit;
    margin: 0 auto;
    text-align: center;
    color: #000000;
    font-size: 45px;
    letter-spacing: 5px;
    line-height: 63px;
    background: url(../images/title.png) no-repeat center 0;
}
ul.vs{
	   background: url(../images/vs.jpg) no-repeat center 0;
    width: 1200px;
    height: 298px;
        margin-top: 15px;
}
ul.vs li {
    width: 288px;
    float: left;
    margin-right: 15px;
}
ul.vs li:nth-child(4) {

    margin-right: 0px;
}
ul.vs li h3 {
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding-top: 20px;
    letter-spacing: 4px;
    line-height: 27px;
}
ul.vs li p {
    font-size: 20px;
    padding-left: 32px;
    line-height: 38px;
    padding-top: 24px;
    font-weight: bold;
    letter-spacing: 1px;
}
/*p3*/
.p3 {
    width: 100%;
    height: 858px;
  
}
.vsga{
	width: 100%;
    height: 655px;
   background: url(../images/wsm.jpg) no-repeat center;
}
.p3 .title {
    padding-top: 19px;
    padding-bottom: 54px;
}
.ys {
    width: 600px;
    float: left;
}

.ys li {
    padding-top: 0px;
    margin-top: 52px;
}
.ys li p {
    color: #fff;
    font-size: 24px;
    letter-spacing: 3px;
}
.ys li:before {
    content: "";
    display: block;
    background: #ffd855;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 12px;
    margin-top: 6px;
    box-shadow: 1px 1px 6px #ababab;
}
.ys li p {
    color: #fff;
    font-size: 24px;
    letter-spacing: 3px;
    padding-left: 40px;
}
.ys1 {
    float: left;
    padding-left: 193px;
    padding-top: 175px;
}
.ys1 h2 {
    font-size: 37px;
    font-style: italic;
    color: #fff;
    letter-spacing: 8px;
    text-shadow: 1px 1px 2px #6f6f6f;
    line-height: 75px;
        margin-bottom: 34px;
}
.ys1 a {
    display: block;
    font-size: 25px;
    color: #fff;
    background: #ffd855;
    width: 236px;
    text-align: center;
    height: 54px;
    line-height: 54px;
    letter-spacing: 5px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #9c9c9c;
}
/*p3*/
/*p4*/
.p4 {
    width: 100%;
    height: 1739px;
 
}


.gxtj{
	 background: url(../images/gxtj.jpg) no-repeat center 0;
    width: 100%;
    height: 971px;
	
}
.gx-l {
    width: 305px;
    float: left;
    padding-top: 520px;
    padding-left: 17px;
}
.btn a {
    display: block;
    width: 257px;
    height: 58px;
    text-align: center;
    color: #fff;
    line-height: 58px;
    font-size: 24px;
    letter-spacing: 2px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    font-style: italic;
    overflow: hidden;
    border: 1px solid #fff;
    margin-top: 47px;
}
.btn1 a {

    font-size: 26px;

      margin-top: 47px;
}
 .raised {
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.hoverable > .anim {
	-moz-animation: anim-out 2s infinite;
	-webkit-animation: anim-out 2s infinite;
	animation: anim-out 2s infinite;
}
.hoverable > .anim:after {
	-moz-animation: anim-out-pseudo 2s infinite;
	-webkit-animation: anim-out-pseudo 2s infinite;
	animation: anim-out-pseudo 2s infinite;
}
.anim {
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
}
.anim:before {
	position: relative;
	content: '';
	display: block;
	margin-top: 100%;
}
.anim:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50%;
}
@-webkit-keyframes anim-out {
	0% {
		width: 0%;
	}
	100% {
		width: 100%;
	}
}
@-moz-keyframes anim-out {
	0% {
		width: 0%;
	}
	100% {
		width: 100%;
	}
}
@-ms-keyframes anim-out {
	0% {
		width: 0%;
	}
	100% {
		width: 100%;
	}
}
@keyframes anim-out {
	0% {
		width: 0%;
	}
	100% {
		width: 100%;
	}
}
@-webkit-keyframes anim-out-pseudo {
	0% {
		background: rgba(255, 255, 255, 0.5);
	}
	100% {
		background: transparent;
	}
}
@-moz-keyframes anim-out-pseudo {
	0% {
		background: rgba(255, 255, 255, 0.5);
	}
	100% {
		background: transparent;
	}
}
@-ms-keyframes anim-out-pseudo {
	0% {
		background: rgba(255, 255, 255, 0.5);
	}
	100% {
		background: transparent;
	}
}
@keyframes anim-out-pseudo {
	0% {
		background: rgba(255, 255, 255, 0.5);
	}
	100% {
		background: transparent;
	}
}
.gx-r {
    float: left;
    padding-left: 61px;
    padding-top: 71px;
    width: 795px;
}
.gx {
    margin-bottom: 24px;
}
.gx h3 {
    background: #1562da;
    color: #fff;
    width: 200px;
    display: block;
    height: 40px;
    font-size: 22px;
    text-align: center;
    line-height: 40px;
    letter-spacing: 2px;
    }
.gx p {
    font-size: 19px;
    letter-spacing: 3px;
    font-weight: bold;
    line-height: 27px;
    padding-top: 11px;
}
/*p5*/
.p5 {
    width: 100%;
    height: 1011px;
   background: url(../images/bg1.jpg) no-repeat;
}
ul.gays{
	    width: 100%;
    height: 619px;
   background: url(../images/gays.png) no-repeat;
   margin-top: 21px;
}
ul.gays li {
    width: 253px;
    float: left;
    margin-right: 22px;
    height: 166px;
    padding-top: 137px;
}
ul.gays li p {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 5px;
    text-align: center;
    line-height: 36px;
    color: #fff;
}
ul.gays li:nth-of-type(even) p {

 color: #1ec2db;
}
ul.gays li:nth-child(5) {
    margin-left: 22px;
}
ul.gays li:nth-child(5) {
    margin-left: 122px;
}
ul.gays li:nth-child(8) {
    margin-right: 0px;
}
.btn2 a {
    display: block;
    width: 296px;
    height: 58px;
    text-align: center;
    color: #fff;
    line-height: 58px;
    font-size: 24px;
    letter-spacing: 2px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    background: #3963d8;
    overflow: hidden;
    margin-top: 47px;
    border-radius: 10px;
    font-style: normal;
    border: none;
}
/*p5*/


/*p6*/
.p6 {
    width: 100%;
    height: 497px;
   
}
ul.jy{
	 width: 1200px;
    height: 227px;
   background: url(../images/jy.jpg) no-repeat;
       margin-top: 21px;

}
ul.jy li {
    width: 288px;
    float: left;
    margin-right: 15px;
}
ul.jy li:nth-child(4) {

    margin-right: 0px;
}
ul.jy li p {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 5px;
    padding-left: 28px;
    padding-top: 61px;
    line-height: 36px;
}
ul.jy li a {
    width: 200px;
    display: block;
    height: 47px;
    margin: 0 auto;
    padding-top: 25px;
}
ul.jy li a:hover {
    opacity: 0.3;
    background: #fff;
}
/*p7*/
.p7 {
    width: 100%;
    height: 1123px;
    background: url(../images/bg2.jpg) no-repeat;
   
}
.t2 {

    color: #fff;
  
    background: url(../images/title1.png) no-repeat center 0;
}
.zy-l {
    width: 600px;
    float: left;
    margin-top: 33px;
}
.zy-l h2 {
    width: 376px;
    height: 67px;
    background: url(../images/sst.png) no-repeat center 0;
    font-size: 30px;
    letter-spacing: 6px;
    color: #fff;
    line-height: 64px;
}
.zy-l p {
	   
    color: #fff;
    font-size: 25px;
    padding-top: 29px;
    padding-bottom: 37px;
}
ul.sst {
    background: #fff;
    width: 553px;
    height: 466px;
    border-radius: 10px;
    box-shadow: 1px 1px 8px #2249b9;
    padding-top: 35px;
}
ul.sst li {
    width: 189px;
    height: 51px;
    background: #f1f4fc;
    border-radius: 10px;
    box-shadow: 1px 1px 5px #afafaf;
    margin-left: 56px;
    margin-bottom: 25px;
    float: left;
}
ul.sst li a {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 51px;
    display: block;
    letter-spacing: 2px;
}
ul.sst li a:hover {
    background: #1ec2db;
    border-radius: 10px;
    color: #fff;
}
.zy-r{
	    width: 600px;
    float: left;
    margin-top: 33px;
}
.zy-r1 {
    padding-left: 46px;
}
.zy-r h2 {
    width: 376px;
    height: 67px;
    background: url(../images/sst.png) no-repeat center 0;
    font-size: 30px;
    letter-spacing: 6px;
    color: #fff;
    line-height: 64px;
}
.zy-r p {

    color: #fff;
    font-size: 25px;
    padding-top: 29px;
    padding-bottom: 37px;
}
.p7 .btn2 a {
    
    background: #1ec2db;
   
}
/*p8*/
.p8{
	width: 100%;
    height: 789px;
 
}
/*p8*/
/*p9*/
.p9{
	width: 100%;
    height: 882px;
    background: url(../images/bg4.jpg) no-repeat;
}
.wt{
	width: 1200px;
    height: 491px;
    background: url(../images/wt.png) no-repeat;
    margin-top: 39px;
}
.wt-l {
    width: 600px;
    float: left;
}
.wt-l p {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 7px;
    padding-left: 99px;
    height: 100px;
    padding-top: 57px;
    line-height: 30px;
}
.wt-r p {

    padding-left: 322px;

}
/*p10*/
.p10 {
    width: 100%;
    height: 860px;
  
}
.p10 .title {
    padding-top: 82px;
    padding-bottom: 0px;
}
ul.xs {
    overflow: hidden;
    margin-top: 32px;
    margin-bottom: 20px;
}
.xs li {
    background: url(../images/xs.jpg) no-repeat center 0;
    width: 364px;
    height: 253px;
    float: left;
    margin-right: 54px;
    margin-top: 26px;
}
.xs li:nth-child(3),.xs li:nth-child(6) {

    margin-right: 0px;
}
.xs li b {
    display: block;
    text-align: center;
    font-size: 22px;
    color: #ffffff;
    margin-top: 69px;
    letter-spacing: 2px;
    padding-left: 7px;
}
.xs1 {
    overflow: hidden;
    padding-left: 63px;
    padding-top: 25px;
    width: 279px;
}
.xs1 p {
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 9px;
    line-height: 31px;
}

/*p11*/
.p11{

    width: 100%;
    background: url(../images/bdbg.jpg) no-repeat;
    height: 282px;
}
/*p11*/
/*p12*/
.p12{
    width: 100%;
    background: url(../images/bg3.jpg) no-repeat;
    height: 879px;
}
.p12 .title {
    padding-top: 68px;
    padding-bottom: 45px;
}
.gsjj p {
    font-size: 23px;
    letter-spacing: 5px;
    font-weight: bold;
    margin-bottom: 29px;
    line-height: 48px;
}
.ftlogo img {
    float: left;
    margin-right: 31px;
}
/*p6*/

/*底部*/


.foot {
    background: #161517;
    width: 100%;
    height: 142px;
}

.ftxt p {
    font-size: 18px;
    letter-spacing: 7px;
    line-height: 34px;
    font-weight: bold;
    float: left;
    color: #fff;
    padding-top: 38px;
}
/*修改表单*/

.sqlx {
    width: 100%;
    background: url(../images/qcfw.png) no-repeat;
    height: 388px;
    margin-top: 30px;
    margin-bottom: 24px;
}
.sqfw li {
    width: 597px;
    float: left;
    height: 166px;
    padding-top: 82px;
    text-align: center;
}
.sqfw li p {
    color: #fff;
    font-size: 25px;
    line-height: 47px;
    font-weight: bold;
}
.sqfw li h2 {
    color: #fff;
    font-size: 29px;
    letter-spacing: 2px;
    padding-bottom: 21px;
}
.sqfw li a {
    width: 199px;
    background: #fff;
    height: 49px;
    display: block;
    margin: 0 auto;
    font-size: 24px;
    letter-spacing: 3px;
    line-height: 49px;
    border-radius: 40px;
    margin-top: 8px;
    font-weight: bold;
}
/*底部*/
@media screen and (max-width: 1440px){
	.banner {

    position: relative;
}
	}