@charset "utf-8";
/* CSS Document */
body{ background:#fff; font-family:"微软雅黑 Regular"; margin:0 auto; padding:0; color:#333;}

a.as{ width:350px; height:60px; display:block; margin:40px auto 30px auto; font-family:"微软雅黑 Regular"; color:#fff; border-radius:50px; font-size:22px; letter-spacing:3px; line-height:60px; background:#ff4c66; text-align:center;}
a.ass{ width:350px; height:60px; display:block; margin:40px auto 30px auto; font-family:"微软雅黑 Regular"; color:#fff; border-radius:50px; font-size:22px; letter-spacing:3px; line-height:60px; background:#ff4c66; text-align:center;}

/*bottom*/
.bottom_bm_bg{ width:1200px; height: 459px; margin: 20px auto 30px auto; background: #f4f4f4; border-radius: 8px;}
.bottom_bm_dt{ width:463px; height: 459px; float: left; overflow: hidden;}
.bmdsr_show{width:100%; height:466px; overflow:hidden; background:#0092D8 repeat;}
.bmdr_p1{width:100%; height:auto; overflow:hidden; margin-top:15px; color: #fff; font-family: "微软雅黑 Regular"; font-size: 20px; text-align: center; font-weight: 700; letter-spacing: 1.5px;}
.bmdsr_show .bd{width:456px; height:393px; overflow:hidden; background:#FFF; margin:20px auto 0 auto;}
.bmdsr_show .bd ul li{width:98%; height:42.2px; overflow:hidden; border-bottom:1px dashed #8C8C8C; margin:0 auto; line-height:42.2px;}
.bmdsr_show .bd ul li span{width:140px; height:auto; overflow:hidden;font-size:14px; text-align:center; display:block; float:left;}
.bottom_bm_bd{ width:737px; height: 459px; float: right;}
.bottom_bm_bd_bt{ width:100%; height: 150px; margin: 0 auto; font-family: "微软雅黑 Regular"; font-size: 20px; text-align: center; font-weight: 600; letter-spacing: 1.5px; color: #555; line-height: 40px; padding-top: 55px;}
.bottom_bm_bd ul{ width:494px; height: 260px; margin: 0 auto;}
.bottom_bm_bd ul li{ width:494px; height: 48px; float: left; margin: 0 auto 30px auto;}
.bottom_bm_bd input{ width:494px; height: 48px; font-family: "微软雅黑 Regular"; font-size: 16px; text-align: center;letter-spacing: 1.5px; color: #333; line-height: 48px; border: 1px solid #cecece; border-radius: 8px;}
.subm{ width:200px!important; margin: 0 147px!important; background: #0092D8!important; color: #fff!important;  border: 0!important;}
.bottom_dh{ width:100%; height: 70px; margin: 0 auto 20px auto; font-family: "微软雅黑 Regular"; font-size: 14px; text-align: center;letter-spacing: 2px; color: #333; line-height: 70px;}
.bottom_dh a{ color: #333;}
.bottom_dh a:hover{ color: #f00;}

.bottom_bm_bd1{ width:604px; height: 220px; margin: 10px auto 0 auto;}
.bottom_bm_bd1 ul{ width:600px; height: 220px; margin: 0 auto;}
.bottom_bm_bd1 ul li{ width:600px; height: 48px; float: left; margin: 0 auto 30px auto;}
.bottom_bm_bd1 input{ width:600px; height: 48px; font-family: "微软雅黑 Regular"; font-size: 16px; text-align: center;letter-spacing: 1.5px; color: #333; line-height: 48px; border: 1px solid #cecece; border-radius: 8px;}
.subm1{ width:300px!important; margin: 0 147px!important; background: #ff0!important; color: #e53d22!important; border: 0!important; border-radius: 25px!important; font-weight: 600;}

/*yemian open*/
.banner{width:100%; height:673px; position:relative; overflow:hidden;}
.banner-img{ width:100%; height:673px;}
.banner-img {background:#13111a url("images/banner6.jpg") no-repeat center top;}

.bg1{ padding-bottom:20px; background:url("images/bg1.jpg") repeat center center;}

.main2{width:1118px; height:auto; overflow:hidden; margin:30px auto}
.main{margin:0 auto; width:1115px; position:relative;}

.part-title2{ padding-top:80px; padding-bottom:50px;}
.part-title2 .num{ padding-bottom:3px; font-size:80px; color:#ec1c32; text-align:center; font-family:Agency FB,sans-serif; background:url("images/tag1.png") no-repeat center bottom;}
.part-title2 h1{margin-top:8px; font-size:45px; line-height:45px; text-align:center;}
.part-title2 h1.c2{ color:#ffffff;}
.part-title2 p{ margin:0 auto; margin-top:8px; font-size:16px; line-height:32px; text-align:center; width:635px; color:#888888;}
.part-title2 p.big{ width:1000px;}

.data01{ width:1002px;height:auto; overflow:hidden;margin:0 auto;}
.data01 .box{ float:left; margin-right:1px; width:333px; height:354px; overflow:hidden; position:relative;  background:#ffffff;}
.data01 .box .info1{ left:0; width:333px; height:354px; transition:0.5s; position:absolute;}
.data01 .box .info1 h1{ margin-top:87px;font-size:24px;line-height:24px; color:#646464; text-align:center;}
.data01 .box .info1 img{ margin:58px auto 0; display:block;}
.data01 .box .info2{left:333px; width:333px; height:354px; transition:0.5s; position:absolute;}
.data01 .box .info2 p{ padding:50px; font-size:16px; line-height:28px;}
.data01 .box:hover .info1{ left:-333px; transition:1s;}
.data01 .box:hover .info2{left:0px; transition:1s;}
.zc {widtH: 1100px;margin: 0 auto;margin-top: 15px;background: url(images/zc_5_05.png) center bottom no-repeat; height: 500px;}
.zc_1 {widtH: 198px;height: auto;position: relative;top: 150px;left: 70px;}
.zc h2 {font-size: 18px;text-align: center;}
.zc_2 {widtH: 198px;height: 198px;position: relative;top: 15px;}
.zc_2 h3 { font-size: 18px; text-align: center; line-height: 1.8; position: relative; top: -130px;}
.zc_3 {animation: 25s jyRotate linear infinite;-webkit-animation: 25s jyRotate linear infinite;}
.zc_4 {position: absolute;top: 14px;left: 14px;animation: 25s jyRotate1 linear infinite;-webkit-animation: 25s jyRotate1 linear infinite;}
.zj {widtH: 198px;height: auto;float: left;position: relative;top: -140px;left: 350px;}
.gj {widtH: 198px;height: auto;float: left;position: relative;top: -200px;left: 398px;}
.gc {widtH: 198px;height: auto;float: left;position: relative;top: -230px;left: 430px;}
@keyframes jyRotate {
 0% {
 -webkit-transform: rotate(0);
 -ms-transform: rotate(0);
 transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes jyRotate1 {
 0% {
 -webkit-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
}
 100% {
 -webkit-transform: rotate(0);
 -ms-transform: rotate(0);
 transform: rotate(0);
}
}

.xzwt{width:298px; height:82px; background:#F30000 repeat; overflow:hidden; font-size:35px; color:#FFF; text-align:center; line-height:80px; border-radius:10px; display:block; margin:30px auto}
.xzwt:hover{ color:#fff;}

.part.data02-bg{ height:716px; background:url("images/data02-bg.jpg") repeat center center;}

.data02{ width:1074px; padding-bottom:55px;    margin: 0 auto;}
.data02 .box{margin-right:120px; float:left; width:278px; position:relative;}
.data02 .box > img{    transition:0.5s;}
.data02 .box:hover > img{ transition:1s; transform:rotate(45deg);}
.data02 .box .info{ top:16px; left:16px; width:246px; height:246px; position:absolute; background:#ffffff; border-radius:50%;}
.data02 .box .info img{ margin:0 auto; margin-top:40px;display:block;}
.data02 .box .info h1{ margin-top:18px; font-size:16px; line-height:30px; text-align:center;}
.data02 .box .info h1 b{ color:#ec1c32;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
@keyframes rotating { 0% {transform:rotate(0deg)} 100% {transform:rotate(360deg)}}
.btn{ margin:0 auto; width:276px; height:60px; line-height:60px; color:#fff; font-size:24px; text-align:center; display:block; transition:0.5s; border:1px solid #ffffff; border-radius:28px;}
.btn:hover{ transition:0.5s; color:#363636;  background:#ffffff;}

.msb_six{width:1020px; height:auto; overflow:hidden; margin:20px auto;}
.msb6_p1{width:100%; height:auto; overflow:hidden; margin:30px auto}
.msb6_p1 img{float:left; margin-left:75px; display:inline-block}

.data03{ width:1110px;height:auto;overflow:hidden;margin:20px auto;}
.data03 table{ width:100%;}
.data03 table th{ text-align:center; height:58px; line-height:58px; font-size:24px; font-weight:normal; color:#ffffff;}
.data03 table th.bg1{background:#de9214;}
.data03 table th.bg2{ background:#238cb7;}
.data03 table th.bg3{ background:#e46161;}
.data03 table th.bg4{ background:#58af7a;}
.data03 table td{ text-align:center; height:58px; line-height:58px; font-size:16px; color:#ffffff;}
.data03 table td.bg1{ background:#de9214;}
.data03 table td.bg2{ background:#238cb7;}
.data03 table td.bg3{ background:#e46161;}
.data03 table td.bg4{ background:#58af7a;}

.xxhj_zs{width:1122px; height:auto; overflow:hidden; margin:30px auto;}
.xxh_show{width:100%; height:auto; overflow:hidden;}
.xxh_show .hd{width:100%; height:auto; overflow:hidden;}
.xxh_show .hd ul{width:100%; height:auto; overflow:hidden;}
.xxh_show .hd ul li{width:50%; height:auto; overflow:hidden; background:#DADEDF repeat; font-size:18px; text-align:center; line-height:45px; float:left}
.xxh_show .hd ul li.on{background:#FF0000 repeat; color:#FFF;}
.xxhs_b{width:100%; height:auto; overflow:hidden; margin-top:15px}
.xxh_p img{float:left;margin-left: 2px;margin-top: 2px; display:inline-block}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}

.data07{ width:1112px; height:auto; overflow:hidden; margin:0 auto;}
.data07 .box{ margin-right:12px; margin-bottom:18px; float:left; width:264px; height:194px; overflow:hidden; position:relative; background:#ffffff; border:1px solid #ededed; box-shadow:2px 2px 4px #ededed;}
.data07 img{ padding:15px;width: 236px;  height: 166px;}
.data07 .box .info{ top:97px; left:119px; width:0px; height:0px; transition:0.5s; position:absolute; background:#222222; background:rgba(0,0,0,0.6);}
.data07 .box .info h1{ margin-top:50px; font-size:18px; text-align:center; color:#ffffff; width:0; overflow:hidden;}
.data07 .box .info p{ margin-top:10px; font-size:16px; text-align:center; color:#ffffff; width:0; overflow:hidden;}
.data07 .box:hover .info{ top:15px; left:15px; width:236px; height:166px; transition:0.5s;}
.data07 .box:hover .info h1{ width:208px;}
.data07 .box:hover .info p{ width:208px;}


.part_b{width:100%; height:445px; background:#1A1A22 repeat; overflow:hidden}
.parb_zs{width:1080px; height:auto; overflow:hidden; margin:20px auto;}
.parb_l{width:810px; height:340px; overflow:hidden; margin-top:90px}
.parb_l p{font-size:38px; color:#FFF; text-align:center; line-height:65px;}