@charset "utf-8";
/*html5*/ 
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* CSS Document */
/*内外边距*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td ,dd,dt{margin:0;padding:0;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form,button, textarea, iframe, table, th, td ,dd,dt{margin:0;padding:0;outline:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;outline:none }
.clear{clear:both;overflow:hidden;}
a{text-decoration:none;color:#000;}
input{border:none;  outline:medium;font-family:微软雅黑;}
*{font-family:微软雅黑;box-sizing: border-box;}
html{overflow-x: hidden}
body{width:100%;font-family:微软雅黑;background:#fff;color:#333;}
table{border-collapse:collapse}
img{border:none;max-width:100%;}
.bd li,.hd li{list-style:none}
.dd,.simg,.imgW .img,.ab_list2 .imga{transition:all ease-in .5s;-moz-transition:all ease-in .5s;-ms-transition:all ease-in .5s;-o-transition:all ease-in .5s;-webkit-transition:all ease-in .5s;}


/*手机导航按钮及下拉菜单begin*/
.header_top{overflow: hidden;}
.head_logo{width: 61.7%;float: left;margin: 20px;font-size: 0;}

.menubtn{ position:absolute; width:24px; height:24px;top:19px; right:10px; cursor:pointer;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#023894; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}

.inav{background-color: rgba(0,0,0,0.8); position:absolute; left:0; top:60px; width:100%; display:none; z-index:9; }
.inav{ display:none;}
.inav dl{ padding:0 10px; text-align:left;}
.inav dt{ font-size:14px; color:#272727; height:40px; line-height:40px; border-bottom:1px solid #fff; padding-left:8px; position:relative;}
.inavbtn{ position:absolute; right:0px; top:14px; width:14px; height:14px; background:url(../images/icon/jia3.png) center center no-repeat; -webkit-transform-origin:center center; -moz-transform-origin:center center; -ms-transform-origin:center center; -o-transform-origin:center center; transform-origin:center center;-webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.inav dd{ display:none; padding-left:2em; border-bottom:1px solid #ff8002; padding-bottom:6px;}
.inav a{ color:#fff;}
.inav a:hover{ color:#ccc;}
.inav dd h6{ font-size:14px; font-weight:normal; line-height:2;}
.inav dd h6 a{ display:block;}
.inav dd p{ font-size:12px; text-indent:1em; line-height:1.8;}
.act_inav{ font-weight:bold;}
.act_inav .inavbtn{ -webkit-transform:rotate(135deg) !important; -moz-transform:rotate(135deg) !important; -ms-transform:rotate(135deg) !important; -o-transform:rotate(135deg) !important;transform:rotate(135deg) !important;}

.swiper-pagination-bullet{background-color: #fff !important;opacity: 1 !important;}
.swiper-pagination-bullet-active{background-color: #007aff !important;opacity: 1 !important;}


.main{margin:0 auto; padding:16px 0;overflow: hidden;}
h3.indextt1{font-size:0.36rem; text-align:center; background:url(images/indextt1.png) center bottom no-repeat; padding: 0 6%;}
.tt1ms1{font-size:14px; line-height:24px; text-align:center; color:#666; padding:25px 250px 0;}
h3.indextt2{font-size:25px; line-height:30px;}
h3.indextt2 img{width:30px; height:30px; float:left; margin-right:8px;}
h3.indextt2 span{color:#48b1df; padding-left:10px;}
h3.indextt2 code{float:right; font-size:12px; color:#999; font-family:Arial;}
h3.indextt2 code a:link,h3.indextt2 code a:visited{color:#999;}
h3.indextt2 code a:active,h3.indextt2 code a:hover{color:#48b1df;}

.indextxt1 li{width:47%;display: inline-block;vertical-align: top; text-align:center; font-size:13px; line-height:26px; padding:16px 16px 0;list-style-type: none;}
.indextxt1 li span{width:106px; padding:26px 0 0 0; height:117px; background:url(../images/txt1_li.png) no-repeat; display:block;text-align: center;margin: 0 auto;}
.indextxt1 li span img{width:55px; height:55px; margin:0 auto;}
.indextxt1 li span img.txt1img2{display:none;}
.indextxt1 li h4{font-size:18px; line-height:35px; position:relative; margin-top:-10px;}
.indextxt1 li h5{font-size:14px; line-height:35px; color:#999;}
.indextxt1 li p{color:#999;}
.indextxt1 li:hover span{background:url(../images/txt1_li2.png) no-repeat;}
.indextxt1 li:hover span img.txt1img2{display:block;}
.indextxt1 li:hover span img.txt1img1{display:none;}

.indextxt2{width:100%; background:#e9e9e9;}
.indextxt2 ul{padding-top:40px;overflow: hidden;text-align: center;}
.indextxt2 li{position:relative; overflow:hidden; text-align:center;display: inline-block;margin: 16px 4% 0;height: 250px;}
.indextxt2 li img{width:400px; height:250px;}
.indextxt2 li span{width:100%; padding:30px 14px 0; height:100%; background:rgba(51,51,51,0.44); position:absolute; top:0; left:0; line-height:25px;}
.indextxt2 li span img{width:45px; height:45px; margin:0 auto;}
.indextxt2 li span img.txt2img2{display:none;}
.indextxt2 li span h4{font-size:20px; font-weight:700; color:#fff; margin:10px 0;}
.indextxt2 li span p{text-align:left; color:#fff; padding-top:10px;font-size: 0.16rem;}

.indextxt2 dl{width: 45%;height:auto; padding-top:30px; background:#fff; float:left; margin: 32px 0 0 3%; box-shadow:0 0 5px #ccc;
-webkit-box-shadow:0 0 5px #ccc; -moz-box-shadow:0 0 5px #ccc;}
.indextxt2 dt{width:100%; float:left; text-align:center; font-size:20px; line-height:34px;}
.indextxt2 dt img{width:87px; height:87px; margin:0 auto 10px;}
.indextxt2 dd{width:100%; float:right; font-size:14px; line-height:30px; color:#999;padding: 0 10px;}
.indextxt2 dd span{width:98px; height:29px; line-height:29px; text-align:center; border:1px solid #4eb3e0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:16px; text-align:center; color:#48b1df; display:block; margin:8px auto;}
.indextxt2 dd span a{height:100%; display:block;color:#48b1df;}
.indextxt2 dd span:hover{ background:#4eb3e0;}
.indextxt2 dd span:hover a{color:#fff;}

.add_line{width: 92px;height: 2px;background-color: #48b1df;margin: 20px auto 20px;}

.m_click{overflow: hidden;}
.m_click li{width: 48%;margin-left: 1%;float: left;text-align: center;background-color: #48b1df;margin-top: 3px;padding: 16px 1% 16px;list-style-type: none;}
.m_click li p{font-size: 16px;color: #fff;}
.lionadd{background-color: #003366 !important;}

.guild2{padding-top: 16px;}

.addtd1{width: 15.7%;font-size: 16px;text-align: center;}
.addtd2{width: 69.9%;font-size: 16px;text-align: center;}
.addtd3{width: 9.3%;font-size: 16px;text-align: center;}

.hide table{margin: 16px auto 0;}
.hide{display: none;}

.addfw{margin-top: 16px;padding: 0 1.6%;}
.addfw ul{overflow: hidden;}
.addfw li{list-style-type: none;margin: 16px 1.6% 0;width: 45%;float: left;position: relative;height: 106px;}
.addfw li img{height: 100%;}
.addfw_div{position: absolute;bottom: 0;width: 100%;background-color: rgba(0,0,0,0.5);font-size: 0.2rem;color: #ffffff;padding: 5px 0 5px 11px;}

.addzsk{background-color: #f4f4f4;padding-top: 16px;margin-top: 20px;}
.addzsk dl{padding: 0 2%;padding-bottom: 20px;border-bottom: 1px solid #bfbfbf;overflow: hidden;margin-top: 16px;}
.addzsk dl dt{width: 27%;float: left;}
.addzsk dl dd{width: 60%;margin-left: 3%;float: left;}
.addzsk_p{font-size: 0.24rem;color: #272727;}
.addzsk_p1{font-size: 0.2rem;color: #5d5d5d;}
.addzsk_p2{font-size: 0.2rem;color: #a6a6a6;}

.inp1{width: 96%;height: 45px;background: #ffffff;font-size: 0;border-radius: 5px;margin: 0 auto 15px;}

.inp1_im1{display: inline-block;margin: 17px;vertical-align: top;}
.inp1 input{display: inline-block;vertical-align: top;height: 100%;background: none;border: none;width: 80%;}

.inp2{width: 96%;background: #ffffff;font-size: 0;border-radius: 5px;margin: 0 auto 15px;}
.inp2 textarea{display: inline-block;vertical-align: top;height: 118px;width: 80%;outline: none;border: none;font-size: 14px;color: #666666;line-height: 25px;resize: none;}
.inp3{width: 96%;height: 45px;margin-top: 15px;border-radius: 5px;overflow: hidden;margin: 15px auto 96px;}
.inp3 input{height: 100%;width: 100%;background: #ff9900;color: #ffffff;font-size: 0.2rem;border: none;font-weight: bold;vertical-align: top;}

.addfooter{position: fixed;bottom: 0;width: 100%;background-color: #5395c7;padding: 9px 0;}
.addfooter ul{overflow: hidden;}
.addfooter ul li{list-style-type: none;width: 33%;float: left;font-size: 0.24rem;text-align: center;}
.addfooter ul li img{display: block;margin: 0 auto;height: 42px;}
.addfooter ul li a{color: #fff;}

.addksxd{margin-top: 16px;}

.mgtcbox{width:100%;bottom: -100%; left: 0; position: fixed;  z-index: 99999999; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; height:100%;   display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;}
.mgtcbox dl.tcbox1{width:400px; margin:auto; height:560px; background:#fff; position:relative; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:30px 50px 0;}
.mgtcbox dl.tcbox1 dt{font-size:30px; text-align:center; line-height:30px; color:#09c;}
.mgtcbox dl em.tcgb{width:31px; height:31px; background:url(../images/ht_close.png) no-repeat; top:10px; right:10px; position:absolute; cursor:pointer;}
.mgtcbox dl.tcbox1 dd{padding-top:10px;}
.mgtcbox dl.tcbox1 dd li{width:100%; float:left; margin-top:19px;}
.tcinput1,.tctext1{width:356px; height:25px; line-height:25px; border:1px solid #e0e0e0; padding:10px 10px 10px 32px; font-size:13px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#999;}
.tcinput1:focus{ border-color:#039acd;}
.tcinput1a{background:url(images/tcinput1a.png) 10px center no-repeat;}
.tcinput1b{background:url(images/tcinput1b.png) 10px center no-repeat;}
.tcinput1c{background:url(images/tcinput1c.png) 10px center no-repeat;}
.tcinput1d{background:url(images/tcinput1d.png) 10px center no-repeat;}
.tctext1{background:url(images/tcinput1e.png) 10px 15px no-repeat; height:105px;}
.tcbtn1{width:100%; height:50px; line-height:50px; text-align:center; background:#09c url(images/tcbtn1.png) 40% center no-repeat; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:0; font-size:20px; color:#fff; font-weight:700; padding-left:8%; cursor:pointer;}
.mgtcbox dl.tcbox2{padding:10px; background:#fff; position:relative; margin:auto;width:1100px; }
.mgtcbox dl.tcbox2 dt{font-size:25px; line-height:30px; text-align:center;}
.mgtcbox dl.tcbox2 dd{padding-top:20px;}
.mgtcbox dl.tcbox2 dd td{background:#fff;text-align:center; font-size:15px; color:#666;line-height: 20px;}
.mgtcbox dl.tcbox2 dd td.tcdui{font-size:32px; color:#48b1df;}
.mgtcbox dl.tcbox2 dd tr.tctt1 td{ background:#48b1df; color:#fff;}
.mgtcbox dl.tcbox2 dd .tctxt1{text-align:center; font-size:14px; line-height:30px; padding:20px 0 0;}
.mgtcbox dl.tcbox2 dd .tctxt1 code{color:#999; padding-right:40px;}
.mgtcbox dl.tcbox2 dd .tctxt1 span{ padding-left:40px;}
.mgtcbox dl.tcbox2 dd .tctxt1 span em{color:#f60;}
.jsinput1{width:58px; line-height:24px; height:24px; text-align:center; border:1px solid #fff; border-bottom:1px solid #48b1df; display:inline-block; vertical-align:top; font-size:14px; color:#48b1df;}
.mgtcbox dl.tcbox2 dd .tcsubmit{width:100%; text-align:center;}
.jsbtn1,.jsbtn2{width:133px; height:38px; line-height:38px; display:inline-block; cursor:pointer; background:url(../images/jsbtn1.png) no-repeat; cursor:pointer; font-size:15px; color:#fff; font-weight:700; border:0; padding-left:20px; margin:0 10px;}
.jsbtn2{background:url(../images/jsbtn2.png) no-repeat;}

.mgsharebg{background-color:rgba(0, 0, 0, 0.4);  height: 100%; left: 0; opacity: 0; top: 0; width: 100%; z-index: 1100; overflow:hidden; position:fixed; display:none;}
.mgsharebg-active{opacity: 1; display:block; }
.mgam-acti-active{transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); top:0;}

.addqyjj ul{overflow: hidden;}
.addqyjj ul li{list-style-type: none;width: 25%;float: left;text-align: center;}
.addqyjj_s{display: block;font-size: 0.36rem;color: #48b1df;}
.addqyjj_s1{display: block;font-size: 0.2rem;color: #999999;}

.addqyjj1{margin-top: 20px;text-align: center;}
.addqyjj1 img{width: 72%;}

.addqyjj2{margin-top: 20px;text-align: center;font-size: 0.3rem;color: #363333;}

.addqyjj3{margin-top: 20px;text-align: left;font-size: 0.2rem;color: #505050;padding: 0 16px;}


.addabout{background-color: #f3f3f3;padding-top: 16px;margin-top: 20px;padding-bottom: 20px;}
.addabout1{text-align: center;font-size: 0.3rem;color: #48b1df;}

.addabout2{margin-top: 20px;text-align: center;}
.addabout2 img{width: 80%;}

.addabout3{font-size: 0.2rem;color: #424242;padding: 0 16px;}

.addabout4{text-align: center;font-size: 0.3rem;color: #48b1df;margin-top: 20px;}

.addwdfb{margin-top: 20px;}

.addwdfb1{margin-top: 9px;padding: 0 16px;font-size: 0.24rem;color: #3e3e3e;}

.addwdfb2{margin-top: 20px;padding: 0 16px;font-size: 0.36rem;color: #53b1df;}

.addxtjc1{padding: 0 10%;font-size: 0.18rem;color: #5a5a5a;}

.nytxt1{background-color: #fff;overflow: hidden;text-align: center;}

.nytxt1 li{
	width: 23%;
    height: auto;
    background: url(../images/nytxt1_li.png) no-repeat;
    text-align: center;
    display: inline-block;
    margin: 20px 3% 0;
    list-style-type: none;
    background-size: 100% 100%;
    line-height: 16px;
    padding: 14px 0;
}
.nytxt1 li img{width: 50%;}

.nytxt1 li p{color: #09b2dd;font-size: 0.2rem;}

.addxmgl{background-color: #f4f4f4;margin-top: 20px;padding: 20px 0;}

.colorfff{color: #fff;font-size: 0;text-align: center;}
.colorfff li{
	width: 31%;
    height: 200px;
    display: inline-block;
    position: relative;
    margin: 20px 1% 0;
}
.colorfff li img{
	width: 100%;
    height: 200px;
}
.colorfff li span{
	width: 100%;;
    height: 200px;
    padding-top: 53px;
    background: rgba(0,0,0,0.7);
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}
.colorfff li span h4{
	width: 80%;
    height: 86px;
    font-size: 0.24rem;
    line-height: 86px;
    background: url(../images/nytxt2_li.png) no-repeat;
    margin: 0 auto;
    color: #fff;
    background-size: 100%;
}

.addsgpz{margin-top: 20px;}
.addsgpz1{font-size: 0.3rem;color: #48b1df;text-align: center;}

.addsgpz2{margin-top: 20px;text-align: center;}
.addsgpz2 img{width: 80%;}

.addsgpz3{font-size: 0.24rem;color: #606060;padding: 0 16px;}

.addfwys{background-color: #e8edf6;margin-top: 20px;padding: 20px 0;}


.addhzhb{margin-top: 20px;}