@charset "utf-8";
html{min-width:1200px}
*{ margin: 0px; padding: 0px; list-style: none; text-decoration: none; font-family: "微软雅黑";}
body{ background: #3b1eaa; min-width: 1500px;}
.clear{clear: both;}
/*.topblack{ height: 36px; background: #333; width: 100%; overflow: hidden;} 
.blakl{ float: left; color: #b0b0b0; font-size: 12px; line-height: 36px;}
.blakr{ float: right;}
.blakr li,.blakr a{color: #b0b0b0; font-size: 12px; text-decoration: none; line-height: 36px;}
.blakr li{ float: left; padding-left: 15px;}*/
.nav{ height: 58px; width: 1200px; margin: auto; background: #222;} 
.nav_bg{background: #222;  height:58px}
.logo{float: left; margin-top: 18px;}

.bg{ background: #f4f4f4;}
/*banner begin*/
.banner{ background: url(../images/bannerbg_02.jpg) no-repeat center top; height: 929px; width: 100%;}
 .silder-main{ position: relative;}
 .banner_btnp{position: absolute; z-index: 99;top: 0;  width: 100%;}
 .banner_btnw{ width: 1500px; margin: auto;}
 .banner_btnw a:hover{ color:#fff}
.banner_btn{ background: url(../images/bannerbtn_03.png) no-repeat top center; width: 250px; height: 99px; color: #fff; display: block;
 margin-top: 597px; margin-left: 79px;

}
 
.banner_btn span{ font-size: 24px; text-align: center; padding-top:23px; display: block; }
.banner2{ float: right; margin-top: 677px;}
.banner3{ margin:446px auto 0;}
/*cont1*/
.cont1{ overflow: hidden; height:auto;width: 1500px !important;}
.title{margin-top:0px;}
.title h1{ font-size: 35px; text-align: center; font-weight: bold; color: #fff;}
.title p{ font-size: 22px; color: #fff; margin-top: 10px;font-weight: bold; text-align: center;}
.mian1 dl{ float: left; width: 773px; margin-top: 158px;  }
.mian1 dl dd{ color: #fff; font-size: 24px; margin-top: 54px; line-height: 50px;}
.mian1>img{ display: block; float: right; margin-top: 115px;}
/*cont2*/
.cont2{ background: url(../images/cont1_02.png) no-repeat top center; height: 516px; margin-top: 40px; color: #fff;}
.cont2_mian{ width: 1170px; margin: auto; overflow: hidden;}
.c2_mianl{ width: 240px; float: left; text-align: center; margin-left: 140px;}
.c2_mianr{width: 240px;float: right; text-align: center; margin-right: 140px;}
.c2_mianr img,.c2_mianl img{ display: block; margin: auto; margin-top: 101px; }
.cont2_mian .p1{ font-size: 32px; margin: 80px auto 26px;}
.cont2_mian .p2{ font-size: 26px;}
/*cont3*/
.cont3{ width: 1344px; margin:15px auto 0;}
.cont3 dl{ width: 50%; float: left; color: #fff; text-align: center; overflow: hidden;}
.cont3 dl img{ display: block; margin: auto;}
.cont3 .c3_p1{ font-size: 32px; margin-top: 38px;}
.cont3 .c3_p2{ font-size: 26px; margin-top: 17px;}
.cont3 dl dd a{ display: block; background: url(../images/cont3_10.png); width: 244px; height: 105px; margin: auto; overflow: hidden; margin-top: 39px;}
.cont3 dl dd a span{ display: block; width: 211px; height: 61px; line-height: 61px;  font-size: 24px; margin:12px auto 0; text-align: center; color: #fff;}
/*cont4*/
.cont4{ width: 1500px; margin:70px auto 0; background:transparent}
.cont4 dl{ width: 353px; overflow: hidden;} 
.cont4 dl dd{ background: url(../images/cont3_10.png) top center no-repeat;  height: 105px; margin: auto; overflow: hidden; width: 353px; margin-top: 70px; }
.cont4 dl dd a{display: block; width: 211px; height: 61px; line-height: 61px;  font-size: 24px; margin:12px auto 0; text-align: center; color: #fff;}
.cont4 dl dt{width: 353px; overflow: hidden;}
.cont4 dl dt img,.cont4 dt div{ float: left;}
.cont4 dt div{ color: #fff; width: 226px; float: right;}
.cont4 dt div h1{ font-weight: normal; font-size: 24px;}
.cont4 dt div p{ font-size: 18px;padding: 6px 0;}
.cont4 dl{ float: left; margin-right: 29px;}
.cont4 dl:nth-last-child(1){ margin-right: 0px;}
/*cont5*/
/*.cont5{ width: 1189px; margin:130px auto 0; padding-bottom: 88px; overflow: hidden;background:transparent}
.cont5 dl{ width: 340px; float: left; color: #fff; text-align: center; height: 148px;font-size: 24px; margin-right: 84px;}
.cont5_w1{ background: url(../images/cont5_03.png) no-repeat; }
.cont5_w2{ background: url(../images/cont5_05.png) no-repeat;}
.cont5_w3{ background: url(../images/cont5_07.png) no-repeat;}
.cont5 dl dt{ height:90px; line-height: 90px;  }
.cont5 dl dd{ margin-top: 30px;}
.cont5 dl:nth-last-child(1){ margin-right: 0px;}*/
/*cont6*/
.cont6{ background: url(../images/cont6bg_02.jpg) no-repeat top center; height: 1290px; overflow: hidden;}
.cont6_mian{ width: 1500px; margin: auto;}
.c6_titile{ color: #fff; text-align: center;}
.c6_titile h1{ font-size: 35px; font-weight: bold; margin-top: 109px;}
.c6_titile p{ font-size: 22px;font-weight: bold; margin-top: 21px;}
.c6_mian_top1{ background: url(../images/cont6_03.png) top center no-repeat;}
.c6_mian_top2{ background: url(../images/cont6_05.png) top center no-repeat;}
.c6_mian_top3{ background: url(../images/cont6_07.png) top center no-repeat;}
.c6_mian_top4{ background: url(../images/cont6_13.png) top center no-repeat;}
.c6_mian_top5{background: url(../images/cont6_15.png) top  center no-repeat;}
.c6_mian_top dl{ width: 460px; float: left; height: 425px; margin-right: 60px;}
.c6_mian_top dl:nth-last-child(1){ margin-right: 0px;}
.c6_mian_top dl dt,.c6_mian_top dl dd{ width: 360px; margin: auto;}
.c6_mian_top dl dt{ color: #222222; font-size: 26px;  margin-top: 135px;}
.c6_mian_top dl dd{font-size: 20px; color: #919191; margin-top: 64px; line-height: 35px;}
.c6_mian_top{ margin-top: 79px;}
.c6_mian_b{ width: 974px; margin:52px auto 0;}
.c6_mian_b dl{ width: 460px;height: 425px;}
.c6_mian_b dl dt,.c6_mian_b dl dd{ width: 360px; margin: auto;}
.c6_mian_b dl dt{ color: #222222; font-size: 30px;  margin-top: 135px;}
.c6_mian_b dl dd{font-size: 20px; color: #919191; margin-top: 64px; line-height: 35px;}
.c6_mian_b dl:nth-child(1){ float: left;}
.c6_mian_b dl:nth-child(2){ float: right;}
/*cont7*/
.cont7{ width: 1450px; margin: auto; color: #fff; object-fit: inherit;}
.cont7 dl { overflow: hidden;}

.cont7_text{ width: 706px;}
.cont7_text h1{ font-size: 26px; font-weight: normal; margin: 40px 0 60px;}
.cont7_text p{ font-size: 21px; margin-bottom: 50px; line-height: 40px;}
.c7_dl1 dt img{ margin-top: 115px; display: block;}
.c7_dl1{ margin-top: 149px;}
.fl{ float: left;}
.fr{ float: right;}
/*cont8*/
.cont8{ margin-top: 70px;}
.cont8 img{ display: block; margin:66px auto 0;width: 50%;}
/*cont9*/
.cont9{ margin-top: 70px; background: url(../images/cont9bg_02.jpg) no-repeat center top; width: 100%; height: 880px; overflow: hidden;}
.cont9 p{ width: 972px; margin: auto; color: #fff; font-size: 24px; text-align: center; line-height: 44px;}
.cont9 img{ display: block; margin:77px auto 62px; }
.cont9 a{ background: url(../images/cont3_10.png) top center no-repeat;  height: 105px; margin: auto; overflow: hidden; width: 353px; margin-top: 70px; display: block;}
.cont9 a span{display: block; width: 211px; height: 61px; line-height: 61px;  font-size: 24px; margin:12px auto 0; text-align: center; color: #fff;}
/*footer*/
.gfootbg{ background: #161719; overflow: hidden; width:100% }
#ClCache{ display: none}
*{ margin: 0px; padding: 0px; font-family: "微软雅黑";text-decoration: none; list-style: none;}
/*footer*/
.gfootbg{ background: #161719; overflow: hidden; height:475px }
#ClCache{ display: none}
*{ margin: 0px; padding: 0px; font-family: "微软雅黑";text-decoration: none; list-style: none;}
.gfooterw{ background: #161719; overflow: hidden; padding: 50px 0px; height:267px}
.gfooterwc{ width: 1200px; margin: auto;}
.gfootrtop dl{ float: left; width: 179px;}
.gfootrtop dl dt{ color: #fff; font-size: 18px; font-weight: 400;padding-bottom: 19px}
.gfootrtop dl dd a{ color: #ccc; font-size: 14px; line-height: 35px;}
.gfootrtopl{ width: 716px; overflow: hidden; float: left}

.gfootrtopc{ float: left; height: 154px;  border-left: 1px solid #2A2B2D; padding:0px 61px;}
.gfootrtopc .p1 .imgph{ width: 20px; display: inline-block; margin-right: 3px}
.gfootrtopc h5{color: #fff; font-size: 18px;  font-weight: normal;}
.gfootrtopc .p1{ font-size: 22px; color: #0099ff; height:29px; margin-top:24px; overflow:hidden; margin-bottom:18px}
.gfootrtopc .p2{ font-size: 12px; color: #ccc;margin-bottom:9px  }
.gfootrtopr{ float: left; height: 154px;  border-left: 1px solid #2A2B2D; padding-left:65px;  text-align: center;}
.gfootrtopr h5{color: #fff; font-size: 18px; padding-bottom: 12px ; font-weight: normal;}
.gfootrtopr img{ display: block; margin: auto;}
.gfootrtopr .p3{ color: #fff; font-size: 12px ;margin-top: 10px;}
.clear{ clear: both}
.box .you{ color: #fff; font-size: 16px}
#friendly{width:1200px;height:auto;overflow:hidden;margin:0 auto; border-top:1px solid #2A2B2D; padding: 20px 0px;border-bottom:1px solid #2A2B2D;}
#friendly .title{width:auto;height:30px;overflow:hidden;border-bottom:1px solid #dbdbdb;font:15px/26px "微软雅黑","宋体", tahoma, arial, sans-serif;color:#999;font-weight: bold;}
#friendly .box{width:1200px;height:auto;overflow:hidden;margin-top:6px;}
#friendly .box a{font:12px/22px "微软雅黑","宋体", tahoma, arial, sans-serif;color:#c2c7cc;margin:0 5px;}
#footer{width:1200px;height:auto;overflow:hidden;margin:0 auto;margin-top:20px;}
#footer .line{width:auto;height:24px;overflow:hidden;text-align:center;font:12px/24px "微软雅黑","宋体", tahoma, arial, sans-serif;color:#999; background:#161719}
#footer .line a{font:12px/24px "微软雅黑","宋体", tahoma, arial, sans-serif;color:#666;margin:0 10px;}
#footer .line span{font:12px/24px "微软雅黑","宋体", tahoma, arial, sans-serif;color:#999;margin:0 0px;}
#footer .line a{font:12px/24px "微软雅黑","宋体", tahoma, arial, sans-serif;color:#999;margin:0 0px;}
#footer .line a:hover{text-decoration:none;color:#666;}
#footer .imgbag{width:auto;height:47px;overflow:hidden;text-align:center;margin-top:6px;}
#footer .imgbag a{margin:0 4px;}
.last{ color: #fff; font-size: 16px; text-align: center; padding-bottom: 46px;}

.btnjump{
 width: 150px;
 height: 200px;
 position: absolute;
}
.listen{
 top: 6%;
 left: 3%;
}
.kuaijian{
 top: 53%;
 left: 3%;
}
.quick{
 top: 12%;
 left: 38%;
}
.kuaimeishi{
 top: 63%;
 left: 38%;
}
.kuaibao{
 top: 0%;
 left: 73%;
}
.kuaimao{
 top: 43%;
 left: 73%;
}

.second{height:50px;background:#fff;width:100%; z-index:9999999;overflow:hidden }
.se_box{ width:1200px; margin:auto}
.se_box div{color:#333; font-size:14px;float:left;line-height:50px; background: url(../images/xcxicon.png) center left no-repeat; padding-left:26px }
.se_box ul{ float:right}
.se_box ul li{float:left; margin: 0 0 0 46px}
.se_box ul li a{ font-size:14px;line-height:50px}
.se_box ul li a:hover{ color:#0099ff; height:50px;line-height:50px;display:block; border-bottom: 2px solid #0099ff}
.se_box ul li>.se_active{  color:#0099ff; border-bottom: 2px solid #0099ff; height:50px;line-height:50px; display:block}

.g_phbox{ position:fixed; width:100%;z-index:99; top:0;background: rgba(0,0,0,0.4);height: 100%; overflow:hidden; display:none}
.g_phmian{ width:540px; background:#fff; margin:280px auto }
.g_phmian p{ padding: 15px 10px; text-align: center; border-bottom: 1px solid #dedede; border-radius: 2px 2px 0 0; line-height: 30px; font-size:16px}
.g_phmian div{padding: 0 5px; height: 44px;  -webkit-box-sizing: border-box !important;  box-sizing: border-box !important;
    font-size: 1rem;
    line-height: 44px;
    text-align: center;
    color: #000;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
	text-align:center;
	font-size:16px;
   }
   
.gtan{ position:fixed; top:0px; width:100%; background:rgba(0,0,0,0.4); height:100%; z-index:9999 ; display:none}
.g_tanc p{ font-size:18px; color:#666; text-align:center;margin-top:15px}
.g_tanc .gyer{ display:block;  margin:14px auto 0}
.g_tanc{ width:330px; height:330px; background:#fff;border-radius:6px;  position:relative; margin-top:200px; overflow:hidden}
.gyxchao{ width:20px; height:20px; position:absolute; top:15px; right:15px; cursor:pointer}