@charset "gb2312";
*{padding:0px; margin:0px; list-style:none; box-sizing:border-box; -wbkit-box-sizing:border-box; font-family:"微软雅黑";}
a{text-decoration:none; color:#000;}
img{width:auto; height:auto; max-width:100%; max-height:100%;}
.con{width:1200px;margin:0 auto;}
.public-con{width:100%; max-width:1200px; margin:0 auto;}
.ccont{width:90%; height:auto; margin:0 auto; overflow:hidden; max-width:1200px;}
.clearfix:after {
    content: ".";
    display: block;
    height:0;
    clear:both;
    visibility: hidden;
}
.clearfix { *zoom:1; }
.jiantoup{position:relative;}
.jiantoup img{display:block; position:absolute; left:50%; top:-70px; transform:translate(-50%,0); -webkit-transform:translate(-50%,0);}

/******右侧广告*******/

#gg{width:132px; height:auto; background:#099bd9; position:fixed; top:20%; left:0; z-index:10; padding:8px;}
#gg * {transition:all .3s; -webkit-transition:all .3s;}
#gg dl{width:100%; height:30px; background:url(../images2/kefu.png) no-repeat -10px -110px;}
#gg dl i{display:block; float:right; width:15px; height:15px; background:url(../images2/kefu.png) no-repeat -39px 1px; cursor:pointer; margin-top:6px;}
#gg dl i:hover{background:url(../images2/kefu.png) no-repeat -59px 1px;}
#gg .div1{width:100%; height:auto; background:#fafafa; padding:14px;}
#gg .div1 a{display:block; width:92px; height:22px; background:url(../images2/qq.png) no-repeat; margin:0 auto; margin-bottom:10px;}
#gg .div1 dd{display:block; width:100%; height:25px; text-align:center;}
#gg form{width:100%; height:auto; margin-top:10px;}
#gg form p{color:#fff; font-weight:100; font-size:14px; text-align:center; margin-bottom:10px;}
#gg form .pc-text1{display:block; width:100%; height:30px; border:none; background:#fff; border-radius:3px; font-size:13px; padding:0 5px; margin-bottom:5px;}
#gg form .tijiao{display:block; width:100%; height:25px; margin:0 auto; font-size:14px; background:#eb1a30; border:none; color:#fff; border-radius:3px;}
#gg2{position:fixed; right:-25px; top:40%; z-index:9; width:25px; height:101px; background:url(../images2/kefu_hover.png) no-repeat; background-size:100% 100%; transition:all .5s; -webkit-transition:all .5s; cursor:pointer;}
@media all and (max-width:700px){
#gg,#gg2{display:none;}
}
@media all and (min-width:700px){
#gg,#gg2{display:block;}
}



/*************头部**************/
header{background:#222327; width:100%; height:auto; overflow:hidden;}
header p{color:#fff; font-size:1.2rem;  padding-top:14px;}
header .right span{color:#fff; font-size:1.3rem; font-weight:bold; display:inline-block; margin-right:5px; margin-right:10px;}
header .right i{color:#ff6802; font-size:1.2rem; font-style:normal;}
header .right a{text-decoration:none; color:#fff; font-size:1.2rem; margin-right:10px;}
header p{float:left;}
header .right{float:right; height:41px; padding-top:12px; padding-left:50px;}
@media all and (max-width:700px){
header{display:none;}
}
@media all and (min-width:700px){
header{width:86%; height:200%; background:#03689f; position:fixed; right:-86%; top:0; transition:all .5s; -webkit-transition:all .5s; z-index:9999;display:none;}
}







@media all and (max-width:700px){
body{right:0; position:relative; transition:all .5s; -webkit-transition:all .5s;}
#top{width:100%; height:auto; overflow:hidden;}
#top .logo{display:block; float:left; width:auto; height:30px; margin-top:10px; margin-left:5%;}
#top .logo img{display:block; width:auto; height:100%;}
#kaiguan{display:block; width:50px; height:50px; line-height:50px; float:right; text-align:center; font-size:30px;}

nav{width:86%; height:200%; background:#03689f; position:fixed; right:-86%; top:0; transition:all .5s; -webkit-transition:all .5s; z-index:9999;}
nav > li{width:100%; height:auto; max-height:500px; overflow-y:scroll; overflow:hidden; border-bottom:1px solid #eee;}
nav > li > a{display:block; width:calc(100% - 60px); padding-left:20px; color:#fff; height:40px; line-height:40px; float:left;}
nav > li > span{display:block; width:60px; height:40px; line-height:40px; text-align:center; color:#fff; float:right; border-left:1px solid #eee; cursor:pointer;}
nav > li > a > i.fa{display:none;}
nav ol{width:100%; height:auto; background:#fff; clear:both; display:none;}
nav ol li .left{width:100%; height:auto;}
nav ol li{width:100%; height:auto; border-top:1px solid #eee;}
nav ol li a{display:block; width:100%; height:40px; line-height:40px; font-size:15px; color:#03689f; padding-left:20px;}

#sj-nav{width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ccc;}
#sj-nav li{width:25%; height:auto; float:left;}
#sj-nav li a{display:block; width:100%; height:40px; line-height:40px; text-align:center; overflow:hidden; font-size:16px; color:#03689f;}
}



@media all and (min-width:700px){
#top{width:100%; height:auto; border-bottom:2px solid #000;}
#top .public-con{overflow:hidden;}
#top .logo{display:block; width:auto; height:54px; float:left; margin-top:15px;}
#top .logo img{display:block; width:auto; height:auto;}
nav{float:right; width:auto; height:auto; overflow:hidden;background: red;
margin-top: 10px;margin-bottom: 10px;width:100%;
}
nav > li{width:auto; height:auto; float:left;}
nav > li > a{display:block; height:82px; line-height:82px; color:white; font-size:16px; text-align:center; border-top:3px solid transparent;}
nav > li:hover > a{color:#e76418;}
nav > li:nth-child(2):hover > a{border-top:3px solid #e76418; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}
nav > li > a i.fa{color:#e76418; transform:rotate(0deg); transition:all .3s; -webkit-transition:all .3s;}
nav > li:hover > a i.fa{transform:rotate(180deg); color:#444;}
nav ol{position:absolute; left:50%; transform:translate(-50%,0); z-index:2; background:#fff; width:1000px; height:auto; border:1px solid #e8e8e8; text-align:center; font-size:0; padding:35px; display:none;}
nav ol li{display:inline-block; vertical-align:top; width:auto; height:auto; margin-bottom:15px;}
nav ol li a{display:block; width:150px; height:auto; font-size:15px; color:#444;}
nav ol li:hover a{color:#e76418;}
nav > li:hover ol{display:block;}

#kaiguan{display:none;}
nav > li > span{display:none;}
#sj-nav{display:none;}
}



#tupianlunbo{position:relative;height:422px;}
#tupianlunbo .swiper-container{width:100%; height:100%;}
#tupianlunbo .swiper-container .swiper-wrapper{width:100%; height:100%;}
#tupianlunbo .swiper-container .swiper-wrapper .swiper-slide{cursor:move; width:100%; height:100%; position:relative;}
#tupianlunbo form{z-index: 2; width:600px; height:60px; position:absolute; left:50%; top:80%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); background:#fff; border-radius:30px; padding:10px; font-size:0;}
#tupianlunbo form input[type=text]{vertical-align:top; width:calc(100% - 160px); -webkit-width:calc(100% - 160px); height:100%; font-size:16px; border:none; padding:0 10px;}
#tupianlunbo form input[type=submit]{vertical-align:top; width:160px; height:100%; border:none; background:#fb5f45; color:#fff; font-size:16px; border-radius:20px;}
#tupianlunbo form input:focus{outline:none;}

@media all and (max-width:700px){
#tupianlunbo{position:relative;height:100px;}
#tupianlunbo form{display:none;}
}


#nanti{width: 100%;padding:60px 0;background: url(../images2/nt_bg.jpg) no-repeat scroll center center transparent;}
#nanti h2{font-size: 50px;color: #fff;text-align: center;height: 50px;line-height: 50px;margin-bottom: 80px;}
#nanti .nt_wrap ul li{position: relative;float: left;width: 206px;margin-right: 30px;background-color: #fff;padding: 102px 5px 40px;border-radius: 5px;}
#nanti .nt_wrap ul li .nt_icon{position: absolute;top: 35px;left: 50%;width: 45px;height: 45px;margin-left: -22.5px;background: url(../images2/mainbg.png) scroll no-repeat 0 0 transparent;}
#nanti .nt_wrap ul li h4{font-size: 24px;color: #555;height: 30px;line-height: 30px;margin-bottom: 20px;text-align: center;}
#nanti .nt_wrap ul li .nt_txt{font-size: 15px;color: #999;line-height: 27px;margin: 0 5px;}
#nanti .nt_wrap ul li .icon-zhaoshang{background-position: -7px -1387px;}
#nanti .nt_wrap ul li .icon-yeji{background-position: -67px -1387px;}
#nanti .nt_wrap ul li .icon-niandu{background-position: -127px -1387px;}
#nanti .nt_wrap ul li .icon-xiaolv{background-position: -200px -1387px;}
#nanti .nt_wrap ul li .icon-feilv{background-position: -267px -1387px;}
#nanti .nt_wrap ul li:last-child{margin-right:0;}

@media all and (max-width:700px){
.con{width:100%;}
#nanti{width: 100%;padding:40px 0;background: url(../images2/nt_bg.jpg) repeat-y scroll center center transparent;}
#nanti .con{width:95%;}
#nanti h2{font-size: 20px;color: #fff;text-align: center;margin-bottom: 30px;height:auto;line-height:25px;}
#nanti .nt_wrap ul li{position: relative;float: left;width:100%;background-color: #fff;padding: 90px 5px 30px;border-radius: 5px;margin-bottom:10px;}
#nanti .nt_wrap ul li .nt_icon{position: absolute;top: 35px;left: 50%;width: 45px;height: 45px;margin-left: -27px;background: url(../images2/mainbg.png) scroll no-repeat 0 0 transparent;}
#nanti .nt_wrap ul li h4{font-size: 24px;color: #555;margin-bottom: 15px;text-align: center;}
#nanti .nt_wrap ul li .nt_txt{font-size: 15px;color: #999;line-height: 27px;margin: 0 auto;width:80%;}
#nanti .nt_wrap ul li .icon-zhaoshang{background-position: -7px -1387px;}
#nanti .nt_wrap ul li .icon-yeji{background-position: -67px -1387px;}
#nanti .nt_wrap ul li .icon-niandu{background-position: -127px -1387px;}
#nanti .nt_wrap ul li .icon-xiaolv{background-position: -200px -1387px;}
#nanti .nt_wrap ul li .icon-feilv{background-position: -267px -1387px;}
#nanti .nt_wrap ul li:last-child{margin-right:0;}
}


/*********底部**********/
.bottom_nav{background:#00597b; width:100%; min-height:35px; height:auto; text-align:center; margin-top:0px;}
.bottom_nav li{display:inline-block; font-size:0; margin:0 2%;}
.bottom_nav li a{display:block; font-size:14px; color:#fff; text-decoration:none; line-height:35px;}

#bottom{width:100%; height:auto; background:#454545; text-align:center; font-size:0; -webkit-text-size-adjust:none; padding-top:20px; padding-bottom:50px;}
@media all and (max-width:800px){
#bottom ul{height:240px; width:auto; display:inline-block; vertical-align:top; margin:0 3%; display:none;}
#bottom ol{display:none; width:auto; height:auto; margin-top:30px; text-align:center;}
}
@media all and (min-width:800px){
#bottom ul{height:240px; width:15%; display:inline-block; vertical-align:top; border-right:1px dashed #757575; padding-left:20px; float:left;}
#bottom ol{width:170px; display:inline-block; vertical-align:top; float:right; width:auto; height:auto; margin-top:30px; text-align:center;}
}

#bottom h5{text-align:left; width:100%; color:#fff; font-weight:500; font-size:15px; margin-bottom:20px;}
#bottom ul li{margin-bottom:10px;}
#bottom ul li a{display:block; text-align:left; color:#cbcbcb; text-decoration:none; font-size:12px;}

#bottom ol div{width:150px; height:auto; display:inline-block; vertical-align:top; box-sizing:content-box;}
#bottom ol div:nth-child(1){margin-right:20px;}
#bottom ol div img{display:block; width:150px; height:150px;}
#bottom ol div p{color:#fff; width:100%; font-size:14px; text-align:center; margin-top:5px;}

#bottom .zhuanti{width:100%; height:auto; clear:both; padding-top:1px;}
#bottom .zhuanti h5{width:90%; height:auto; border-bottom:1px solid #626262; padding-bottom:10px; margin:0 auto;}
#bottom .zhuanti h5 span{font-size:13px; margin-right:10px;}
#bottom .zhuanti h5 a{font-size:13px; color:#cbcbcb; text-decoration:none;}
#bottom .zhuanti h5 a:hover{color:#e86515;}
#bottom .zhuanti > p{text-align:center; width:90%; height:auto; margin:20px auto 0 auto; font-size:14px; color:#cbcbcb;}
#bottom .zhuanti > p a img{width:30px; height:auto;}
@media all and (max-width:700px){
#bottom .bottom-lx{width:100%; height:auto; overflow:hidden; margin:20px auto 0 auto;}
#bottom .bottom-lx li{width:100%; height:auto; font-size:14px; color:#cbcbcb; padding:0 25px; text-align:left; margin-bottom:10px;}
#bottom .bottom-lx li h6{font-size:16px; font-weight:bold; margin-bottom:5px;}
}

@media all and (min-width:700px){
#bottom .bottom-lx{width:100%; height:auto; overflow:hidden; margin:20px auto 0 auto;}
#bottom .bottom-lx li{width:20%; height:auto; float:left; font-size:14px; color:#cbcbcb; padding:0 25px; text-align:left;}
#bottom .bottom-lx li h6{font-size:16px; font-weight:bold; margin-bottom:15px;}
}





/*****手机底部菜单*****/
@media all and (max-width:700px){
#newBridge{display:none;}
body{margin:90px 0 60px 0;}
#sj-bottom{width:100%; height:60px; background:#03689f; position:fixed; bottom:0; left:0; padding-top:10px; z-index:999;}
#sj-bottom li{width:33%; height:auto; float:left; text-align:center;}
#sj-bottom li a{display:block; width:100%; height:auto;}
#sj-bottom li i{font-size:25px; color:#fff;}
#sj-bottom li dd{display:block; color:#fff;}
}
@media all and (min-width:700px){
#sj-bottom{display:none;}
}

/******滚动停止class********/
@media all and (max-width:700px){
#fixed{width:100%; height:auto; position:fixed; top:0; left:0; background:#fff; z-index:999;}
#fixed,#sj-bottom{transition:all .5s; -webkit-transition:all .5s;}
.fixed-active{top:-100% !important;}
.sj-bottom-active{bottom:-100% !important;}
}



/*********主页*******/
#content1{margin-top:50px;}
#content1 > ol{text-align:center;}
#content1 > ol > li{display:inline-block; font-size:1.6rem; margin:0 25px; cursor:pointer; width:110px; height:40px; border-radius:15px; text-align:center; line-height:40px;}
#content1 > ol > li:hover{background:#0a6dee; color:#fff;}


#content1 #xiamian > h3 > ul > li:nth-child(1){border-left:1px solid #e7e7e7;}
#content1 #xiamian > h3 > ul > li > div{width:100%; height:150px; background:#f3f3f3;}
#content1 #xiamian > h3 > ul > li > div > img{ display:block; width:200px; height:auto; margin:0px auto 20px auto; padding-top:30px;}
#content1 #xiamian > h3 > ul > li > div > h5{color:#000; font-size:1.6rem; text-align:center;}
#content1 #xiamian > h3 > ul > li ol{ width:100%; text-align:center; margin-top:50px;}
#content1 #xiamian > h3 > ul > li ol > li{font-size:1.4rem; color:#939496; line-height:35px;}
#content1 #xiamian > h3 > ul > li ol h4{display:none;}
#content1 #xiamian > h3 > ul > li ol > div{border:1px solid #c4c0c1; border-radius:5px; width:100px; line-height:30px; margin:0 auto; font-size:1.4rem; cursor:pointer; height:30px; text-align:center; display:none;}
#content1 #xiamian > h3 > ul > li ol > div:hover{color:#fff; background:#0869ee;}
#content1 #xiamian > h3 > ul > li ul{display:none; width:100%; text-align:center; margin-top:50px;}
#content1 #xiamian > h3 > ul > li ul h2{color:#2262e0; font-weight:bold; font-size:2.2rem;}
#content1 #xiamian > h3 > ul > li ul li{font-size:1.35rem; color:#333; line-height:28px;}
#content1 #xiamian > h3 > ul > li ul > a{display:block; border:1px solid #999; width:120px; height:35px; border-radius:5px; color:#333; text-decoration:none; font-size:1.4rem; font-weight:bold; text-align:center; line-height:35px; margin:10px auto;}
#content1 #xiamian > h3 > ul > li ul > a:hover{background:#2262e0; color:#fff;}

#content1 #xiamian > h3 > ul > li .fu-bg{width:80%; height:auto; text-align:center; font-size:0; margin:0px auto 15px auto; padding-top:30px; overflow:hidden;}
#content1 #xiamian > h3 > ul > li .fu-bg img{width:55px; height:55px; display:inline-block; vertical-align:top;}
#content1 #xiamian > h3 > ul > li .fu-bg .t-r{display:inline-block; vertical-align:top; width:auto; max-width:calc(100% - 60px); -webkit-max-width:calc(100% - 60px);}
#content1 #xiamian > h3 > ul > li .fu-bg .t-r dd{display:block; width:100%; height:30px; line-height:30px; color:#444; font-size:25px; overflow:hidden;}
#content1 #xiamian > h3 > ul > li .fu-bg .t-r font{color:#444; font-size:12px; display:block; margin-top:5px; width:100%; height:20px; line-height:20px; overflow:hidden;}

@media all and (max-width:800px){
#content1 > h1{text-align:center; font-size:25px; color:#000; margin-bottom:20px; font-weight:bold;}
#content1 > h2{text-align:center; font-size:16px; color:#797979; margin-bottom:40px;}

#content1{display:block;}
#content1 #xiamian{	width:100%; /*width:1123px;*/ height:auto; margin:50px auto 0 auto; overflow:hidden;}
#content1 #xiamian > h3 > ul{width:100%; /*width:1123px;*/ height:auto;}
#content1 #xiamian > h3 > ul > li{width:100%; border:1px solid #e7e7e7; height:400px; border-left:none; position:relative; top:0; margin-bottom:15px;}
#content1 .qingchu{height:auto; width:100%}
#content1 #xiamian > h3 > ul > li > div{background:#0a6dee; transition:all .2s;}
#content1 #xiamian > h3 > ul > li > div h5{color:#fff; transition:all .2s;}
#content1 #xiamian > h3 > ul > li ol{display:none;}
#content1 #xiamian > h3 > ul > li ul{display:block;}
#content1 #xiamian > h3 > ul > li .fu-bg dd,#content1 #xiamian > h3 > ul > li .fu-bg font{color:#fff !important;}
}

@media all and (min-width:800px){
#content1 > h1{text-align:center; font-size:42px; color:#000; margin-bottom:20px; font-weight:bold;}
#content1 > h2{text-align:center; font-size:25px; color:#797979; margin-bottom:40px;display:none}

#content1{display:block;}
#content1 #xiamian{	width:1200px; /*width:1123px;*/ height:auto; margin:50px auto 0 auto; overflow:hidden;}
#content1 #xiamian > h3 > ul{width:1200px; /*width:1123px;*/ height:auto; float:left;}
#content1 #xiamian > h3 > ul > li{width:280px; border:1px solid #e7e7e7; height:400px; float:left; border-left:none; position:relative; top:0;}
#content1 .qingchu{height:410px; width:100%}

#content1 #xiamian > h3 > ul > li.active{width:360px; height:430px; top:-30px;  transition:all .2s;}
#content1 #xiamian > h3 > ul > li.active > div{background:#0a6dee; transition:all .2s;}
#content1 #xiamian > h3 > ul > li.active > div h5{color:#fff; transition:all .2s;}
#content1 #xiamian > h3 > ul > li.active ol{display:none;}
#content1 #xiamian > h3 > ul > li.active ul{display:block;}
#content1 #xiamian > h3 > ul > li.active .fu-bg dd,#content1 #xiamian > h3 > ul > li.active .fu-bg font{color:#fff;}
}

















#content2{width:100%; height:auto; margin-top:30px; text-align:center;}
#content2 ol{display:inline-block; margin-top:30px; margin-bottom:20px;}
#content2 ol li{float:left; margin:10px 0;}
#content2 ol li a{display:block; margin:0 10px; font-size:14px; color:#000; text-decoration:none; padding:0 20px; border:1px solid #0992da; height:40px; line-height:40px; border-radius:20px;}
#content2 ol li:hover a{background:#0992da; color:#fff;}
#content2 ul{overflow:hidden;}

#content2 ul li{border:3px solid #000;}
#content2 ul li a{display:block; width:100%; height:auto;}
#content2 ul li .txt{background:rgba(231,100,12,0); border:1px solid transparent; width:100%; height:0; padding-bottom:100%; transition:background .5s;}
#content2 ul li .txt h5{text-align:left; opacity:0; font-weight:bold; font-size:20px; color:#fff; margin-top:20px; padding:0 20px; transition:opacity .5s;}
#content2 ul li .txt h4{text-align:left; opacity:0; padding:0 20px; margin-top:20px; color:#fff; font-size:30px; font-weight:bold; transition:opacity .5s;}
#content2 ul li .txt p{text-align:left; opacity:0; padding:0 20px; margin-top:20px; color:#fff; font-size:13px; letter-spacing:1px; line-height:20px; transition:opacity .5s;}
#content2 ul li .txt h5,#content2 ul li > div h4,#content2 ul li .txt p{position:relative; top:50px; transition:top .7s;}
/*版块2的按钮*/
#content2 > div{width:200px;  height:40px; margin:0 auto; color:#ff6501; border:1px solid #ff6501; overflow:hidden; cursor:pointer; margin-top:30px; transition:all .5s;}
#content2 > div a{color:#ff6501; display:block; float:left; height:40px; line-height:40px; margin-right:15px; text-align:center; width:125px; transition:all .5s; font-size:12px;}
#content2 > div a:hover{text-decoration:none;}
#content2 > div .jiantou{font-size:30px; float:left; margin-top:3px;}
#content2 > div:hover{background:#ff6501; color:#fff; transition:all .5s;}
#content2 > div:hover a{color:#fff; transition:all .5s;}
@media all and (max-width:500px){
#content2 h1{color:#000; font-size:25px; font-weight:bold; text-align:center;}
#content2 h2{text-align:center; font-size:16px; color:#797979;}
#content2 ol li{width:50%;}
#content2 ul li{height:0; padding-bottom:37.24%; width:49%; box-sizing:border-box; float:left; cursor:pointer; overflow:hidden; margin-bottom:10px; border:1px solid #ccc;}
#content2 ul li:nth-child(2n+1){margin-right:2%;}
}
@media all and (min-width:500px) and (max-width:900px){
#content2 h1{color:#000; font-size:42px; font-weight:bold; text-align:center;}
#content2 h2{text-align:center; font-size:25px; color:#797979;}
#content2 ul li{height:0; padding-bottom:38%; width:50%; box-sizing:border-box; float:left; cursor:pointer; overflow:hidden;}
}
@media all and (min-width:900px){
#content2 h1{color:#000; font-size:42px; font-weight:bold; text-align:center;}
#content2 h2{text-align:center; font-size:25px; color:#797979;}
#content2 ul li{height:0; padding-bottom:22%; width:20%; box-sizing:border-box; float:left; cursor:pointer; overflow:hidden;}
}










#content3{width:100%; height:auto; margin-top:80px;}

#content3 > div{width:100%; border-bottom:1px solid #ccc;}
#content3 > div span{border-bottom:3px solid #333; width:100px; margin:0 auto; display:block;}
#content3 ul{width:100%; margin:50px auto 0 auto; height:auto; text-align:center;}
#content3 ul li{display:inline-block; max-width:280px; min-width:150px; margin:0 2%;}
@media all and (max-width:500px){
#content3{display:none;}
#content3 > h1{text-align:center; font-weight:bold; font-size:25px;}
#content3 > h3{text-align:center; font-size:16px; color:#797979;}
#content3 ul li{width:80%;}
}
@media all and (min-width:500px) and (max-width:800px){
#content3 > h1{text-align:center; font-weight:bold; font-size:42px;}
#content3 > h3{text-align:center; font-size:25px; color:#797979;}
#content3 ul li{width:40%;}
}
@media all and (min-width:800px){
#content3 > h1{text-align:center; font-weight:bold; font-size:42px;}
#content3 > h3{text-align:center; font-size:25px; color:#797979;}
#content3 ul li{width:20%;}
}
#content3 ul li h1{font-size:25px; font-weight:bold;}
#content3 ul li p{color:#666; line-height:22px; width:100%; height:auto; padding:0 20px; font-size:13px;}


#content4{width:100%; height:auto; margin-top:80px; padding-top:50px; padding-bottom:130px;}
#content4 > div{width:100%; border-bottom:1px solid #a0c0e7;}
#content4 > div span{border-bottom:3px solid #a0c0e7; width:100px; margin:0 auto; display:block;}
#content4 ul{height:auto; width:100%; text-align:center; margin:50px auto 0 auto; min-height:200px;}
#content4 ul li{display:inline-block; width:140px; margin:0 1.5%; cursor:pointer; vertical-align:top;}
#content4 ul li span{font-size:50px; color:#fff; display:block; width:120px; height:120px; text-align:center; line-height:120px; border:3px solid #fff; border-radius:50%; margin:0 auto;}
#content4 ul li > h5{color:#fff; font-size:20px; font-weight:bold;}
#content4 ul li .con{display:none;}
#content4 ul li > div{border:1px solid #fff; width:130px; height:140px; margin:30px auto 0 auto;}
#content4 ul li > div h5{color:#fff; font-size:16px; font-weight:bold; color:#1b65c6; text-align:center; width:100%; height:20px; overflow:hidden;}
#content4 ul li > div p{text-align:left; color:#333; width:100%; line-height:20px; height:82px; overflow:hidden; font-size:12px;}
#content4 ul li > div a{color:#ff4e69; font-size:12px;}
#content4 ul li > div a:hover{text-decoration:none;}

#content5{width:100%; height:auto; border:1px solid transparent; margin-top:50px; position:relative; background:#f6f7f9; z-index:0;}
#content5 #mydiv{position:absolute; height:auto; top:0; z-index:-1; width:100%; overflow:hidden; background:#f6f7f9;}
@media all and (max-width:800px){
	#content4{display:none;}
	#content4 > h1{text-align:center; font-weight:bold; font-size:25px; color:#fff;}
	#content4 > h3{text-align:center; font-size:16px; color:#a0c0e7;}
	#content5 h1{text-align:center; font-weight:bold; font-size:25px; color:#000; margin:30px 0;}
	#content5 ul{width:95%; height:auto; background:#fff; margin:0 auto; text-align:center; margin-bottom:30px;}
	#content5 ul li{height:auto; width:100%; padding:20px 5px 0 10px; display:inline-block; margin:0 0 0 0; border-bottom:1px solid #ccc;}
}
@media all and (min-width:800px){
	#content4 > h1{text-align:center; font-weight:bold; font-size:42px; color:#fff;}
	#content4 > h3{text-align:center; font-size:25px; color:#a0c0e7;}
	#content5 h1{text-align:center; font-weight:bold; font-size:42px; color:#000; margin:30px 0;}
	#content5 ul{width:100%; height:auto; background:#fff; margin:0 auto; font-size:0; text-align:center; margin-bottom:30px;}
	#content5 ul li{border-left:1px solid #ccc; height:auto; width:33.1%; font-size:16px; padding:20px 5px 0 10px; display:inline-block; vertical-align:top;}
	#content5 ul li:nth-child(1){border-left:none;}
}

#content5{padding:20px 0 50px; position:relative; height:auto;margin-top:0;}
#content5 h2{text-align:center;margin-bottom:30px;}
#content5 #mydiv{position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; background:#f6f7f9;}
#content5 #mydiv canvas{display:block; width:100%; height:100%;}
#content5 ul{width:48%; height:auto; float:left; background:#fff; padding:15px;}
#content5 ul:nth-last-of-type(1){float:right;}
#content5 ul dl{width:100%; height:34px; border-bottom:2px solid #ccc; margin-bottom:10px;}
#content5 ul dl dd{display:block; float:left; line-height: 25px; font-weight:bold; font-size:18px; border-bottom:2px solid #1a63c2; padding:0 10px 5px 10px; position:relative; top:2px; z-index:2;}
#content5 ul dl a{display:block; float:right; line-height: 34px; font-size:14px; color:#666;}
#content5 ul li{width:100%; height:auto; overflow:hidden; padding:10px 0; border-bottom:1px dashed #ccc;}
#content5 ul li a{display:block; width:calc(100% - 100px); -webkit-width:calc(100% - 100px); height:25px; line-height: 25px; overflow: hidden; float:left; font-size:16px; color:#444; text-align:left; padding-left:15px;}
#content5 ul li span{display:block; width:100px; height:25px; line-height: 25px; text-align:right; font-size:14px; color:#999; float:right;}
#content5 ul li:hover a{color:#ff6802; text-decoration:underline;}


@media all and (max-width:700px){
#content5{padding:50px 0; position:relative; height:auto;}
#content5 #mydiv{position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; background:#f6f7f9;}
#content5 #mydiv canvas{display:block; width:100%; height:100%;}
#content5 ul{width:100%; height:auto; background:#fff; padding:15px; margin-bottom:15px;}
#content5 ul dl{width:100%; height:34px; border-bottom:2px solid #ccc; margin-bottom:10px;}
#content5 ul dl dd{display:block; float:left; line-height: 25px; font-weight:bold; font-size:18px; border-bottom:2px solid #1a63c2; padding:0 10px 5px 10px; position:relative; top:2px; z-index:2;}
#content5 ul dl a{display:block; float:right; line-height: 34px; font-size:14px; color:#666;}
#content5 ul li{width:100%; height:auto; overflow:hidden; padding:10px 0; border-bottom:1px dashed #ccc;}
#content5 ul li a{display:block; width:calc(100% - 100px); -webkit-width:calc(100% - 100px); height:25px; line-height: 25px; overflow: hidden; float:left; font-size:16px; color:#444;}
#content5 ul li span{display:block; width:100px; height:25px; line-height: 25px; text-align:right; font-size:14px; color:#999; float:right;}
#content5 ul li:hover a{color:#ff6802; text-decoration:underline;}
}



#fujia1{width:100%; height:auto; padding-top:50px; padding-bottom:30px;}
#fujia1 > h2{text-align:center; font-size:25px; color:#797979; /*margin-bottom:40px;*/}
#fujia1 ul{width:100%; height:auto; max-width:1200px; margin:0 auto; text-align:center; font-size:0;}
#fujia1 ul li{font-size:16px; text-align:left; display:inline-block; vertical-align:top; position:relative;}
#fujia1 ul li dl{height:240px; transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s;}


#fujia1 ul li img{display:block; width:100%; height:auto;}
#fujia1 ul li h5{text-align:center; padding:0; margin:10px 0; font-size:16px;}
#fujia1 ul li p{width:100%; height:60px; overflow:hidden; font-size:11px; line-height:20px;}
#fujia1 ul li a{display:block; width:32px; height:32px; text-align:center; line-height:32px; border:2px solid #1a63c2; color:#1a63c2; text-decoration:none; font-size:13px; border-radius:50%; margin:0 auto;}
#fujia1 ul li:hover dl{top:0;}
@media all and (max-width:600px){
	#fujia1 > h1{text-align:center; font-size:25px; color:#000; margin-bottom:20px; font-weight:bold;}
	#fujia1 ul li{width:45%; margin:2.5%; height:auto;}
	#fujia1 ul li dl{width:100px; margin:0 auto;}
	#fujia1 ul li:nth-child(2n){margin-right:0;}
	#fujia1 ul li i{display:none;}
}
@media all and (min-width:600px) and (max-width:800px){
	#fujia1 > h1{text-align:center; font-size:42px; color:#000; margin-bottom:20px; font-weight:bold;}
	#fujia1 ul li{width:100px; margin-right:55px; height:290px;}
	#fujia1 ul li dl{width:100%; position:relative; top:50px;}
	#fujia1 ul li:nth-child(4n){margin-right:0;}
	#fujia1 ul li i{display:none;}
}
@media all and (min-width:800px){
	#fujia1 > h1{text-align:center; font-size:42px; color:#000; margin-bottom:20px; font-weight:bold;}
	#fujia1 ul li{width:100px; margin-right:55px; height:290px;}
	#fujia1 ul li dl{width:100%; position:relative; top:50px;}
	#fujia1 ul li:nth-child(8n){margin-right:0;}
	#fujia1 ul li i{display:block; font-size:50px; color:#e50313; font-style:normal; position:absolute; top:21%; right:-45px;}
}





/*********手机版头部和底部的注册查询版块*********/
@media all and (max-width:700px){
#zhucechaxun{width:100%; height:auto; background:#fff; box-sizing:border-box; margin-top:10px; padding:0 15px 10px 15px;}
#zhucechaxun .tou{width:100%; height:auto; text-align:center;}
#zhucechaxun .tou h2{color:#1361a3; font-size:14px; text-align:center; display:inline-block; background:#fff; position:relative; z-index:2; padding:0 10px;}
#zhucechaxun .tou span{display:block; width:80%; height:1px; background:#000; margin:0 auto; position:relative; top:-20px; z-index:1;}
#zhucechaxun form{width:100%; height:auto;}
#zhucechaxun form li{width:100%; height:50px; border:1px solid #d3d3d3; border-radius:8px; margin-top:10px; overflow:hidden;}
#zhucechaxun form li span{display:block; height:100%; line-height:50px; width:100px; color:#546b65; font-size:16px; float:left; padding-left:10px;}
#zhucechaxun form li input{display:block; width:calc(100% - 100px); -webkit-width:calc(100% - 100px); float:left; height:100%; border:none; font-size:16px; letter-spacing:1px; color:#333;}
#zhucechaxun form li input:focus{border:none; outline:none;}
#zhucechaxun form .chaxun{display:block; width:100%; height:50px; border-radius:8px; background:#bd241f; margin-top:10px; color:#fff; font-size:16px; border:none;}
}
@media all and (min-width:700px){
#zhucechaxun{display:none;}
}


/*客户*/
#kehu{padding:50px;background:#fff;}
#kehu h1{text-align: center;font-weight: bold;font-size: 42px;}
#kehu h2 {text-align: center;font-size: 25px;color: #797979;}
#kehu ul{width:100%; height:auto; overflow:hidden;}
#kehu ul li{width:18.5%; height:auto; float:left; margin-right:1.8%; position:relative; margin-bottom:20px;}
#kehu ul li:nth-child(5n){margin-right:0;}
#kehu ul li a{display:block; width:100%; height:100%; position:relative; z-index:1;/* background:url(../images2/shouji.png) no-repeat; background-size:100% 100%;*/}
/*#content3 ul li a dl{width:100%; height:100%; position:absolute; left:0; top:0; padding:44px 17px 52px 17px;}*/
#kehu ul li a img{display:block;width:100%; height:100%;}
#kehu ul li span{display:none; width:100%; height:100%; z-index: 2; position:absolute; left:0; top:0; padding:84px 17px 132px 17px;}
#kehu ul li span dd{display:block; background:rgba(0,0,0,0.7); width:100%; height:100%; position:relative;}
#kehu ul li span dd img{display:block; width:100px; height:100px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background:#fff; padding:2px;}
#kehu ul li:hover span{display:block;}
#kehu ul li p{ line-height:30px; height:30px; margin-bottom:50px; text-align:center}


@media all and (max-width:700px){
#kehu{padding:30px 0 0 0;}
#kehu h1{text-align: center;font-weight: bold;font-size: 25px;}
#kehu h2 {text-align: center;font-size: 16px;color: #797979;}
#kehu ul{width:100%; height:auto; overflow:hidden;}
#kehu ul li{width:48%; height:auto; float:left;position:relative; margin-bottom:20px;margin-right:0;}
#kehu ul li:nth-child(2n){margin-left:4%;}
#kehu ul li a{display:block; width:100%; height:100%; position:relative; z-index:1;/* background:url(../images2/shouji.png) no-repeat; background-size:100% 100%;*/}
/*#content3 ul li a dl{width:100%; height:100%; position:absolute; left:0; top:0; padding:84px 17px 52px 17px;}*/
#kehu ul li a img{display:block;width:100%; height:100%;}
#kehu ul li span{display:none; width:100%; height:100%; z-index: 2; position:absolute; left:0; top:0; padding:84px 17px 132px 17px;}
#kehu ul li span dd{display:block; background:rgba(0,0,0,0.7); width:100%; height:100%; position:relative;}
#kehu ul li span dd img{display:block; width:100px; height:100px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background:#fff; padding:2px;}
#kehu ul li:hover span{display:block;}
#kehu ul li p{ line-height:30px; height:30px; margin-bottom:50px; text-align:center}
}


#mianfei{background: url(../images2/mianfei_bg.jpg) no-repeat top center;height: 160px;}
#mianfei .con{position: relative;height: 160px;}
#mianfei .shiyong{font-size: 30px;color: #fff;padding: 70px 0 0 250px;position: relative;}
#mianfei a{position: absolute;display: inline-block;width: 217px;height: 51px;text-indent: 999999999px;background: url(../images2/a-01.png) no-repeat center center;left: 640px;bottom:25px;}

@media all and (max-width:700px){
#mianfei{background: url(../images2/mianfei_bg.jpg) no-repeat top center;height: 160px;}
#mianfei .con{position: relative;height: 160px;}
#mianfei .shiyong{font-size: 25px;color: #fff;padding: 25px 0 0 0px;position: relative;text-align:center;}
#mianfei a{position: absolute;display: inline-block;width: 217px;height: 51px;margin-left:-108px;text-indent: 999999999px;background: url(../images2/a-01.png) no-repeat center center;left: 50%;bottom: 25px;}
}






/*********案例页面*********/
@media all and (max-width:700px){
#al-bg{display:none;}
}
@media all and (min-width:700px){
#al-bg{width:100%; height:0; padding-bottom:13%;}
}
/*分页导航*/
#al-top{width:100%; height:auto;}
#al-top ul{width:100%; height:auto; border-bottom:1px solid #ccc; font-size:0; text-align:center;}
#al-top ul li{display:inline-block; width:auto; padding:0 1%; margin:10px 0;}
#al-top ul li a{display:inline-block; height:40px; width:100%; font-size:15px; color:#666; font-weight:bold; text-align:center; line-height:40px; padding:0 15px; transition:all .3s; border:1px solid #0992da; border-radius:20px;}
#al-top ul li:hover a{color:#fff; background:#0992da;}

/*主体内容*/
#al-content{width:100%; height:auto; margin-top:50px;}
#al-content .public-con{width:90%;}
#al-content ul{width:100%; height:auto; text-align:center; font-size:0;}
#al-content ul li{margin-bottom:20px; display:inline-block; vertical-align:top; font-size:16px; height:auto;}
#al-content ul li > div{width:100%; height:0; padding-bottom:119%;}
#al-content ul li > div a{display:block; width:100%; height:0; padding-bottom:119%; background:rgba(255,108,0,0); color:#fff; transition:all .5s;}
#al-content ul li > div a h5{font-size:24px; padding-top:30px; padding-left:30px; margin-bottom:20px; text-align:left; transition:all .5s; position:relative; top:100px; opacity:0;}
#al-content ul li > div a p{padding:0 30px; font-size:13px; letter-spacing:1px; line-height:20px; height:auto; max-height:100px; overflow:hidden; text-align:left; transition:all .5s; position:relative; top:100px; opacity:0;}
#al-content ul li > div a:hover{background:rgba(255,108,0,0.8); transition:all .5s;}
#al-content ul li > div a:hover h5{top:0; opacity:1; transition:all .5s;}
#al-content ul li > div a:hover p{top:0; opacity:1; transition:all .5s;}
#al-content ul li > a{width:100%; display:block; text-align:center; margin:5px 0;}
#al-content ul li > a:hover{color:#ff6c00;}
@media all and (max-width:600px){
#al-content ul li{width:100%;}
}
@media all and (min-width:600px) and (max-width:900px){
#al-content ul li{width:49%; margin-right:2%;}
#al-content ul li:nth-child(2n){margin-right:0;}
}
@media all and (min-width:900px){
#al-content ul li{width:23.5%; margin-right:2%;}
#al-content ul li:nth-child(4n){margin-right:0;}
}








/*********建设页面**********/
/*js-头部*/
#js-top{width:100%; height:auto;}
#js-top img{display:block; width:100%; height:auto;}

#js-nav{width:100%; height:auto;}
#js-nav ol{width:100%; height:auto; margin:20px auto; text-align:center; font-size:0;}
#js-nav ol a{height:45px; border-radius:3px; text-align:center; line-height:45px; color:#fff; vertical-align:top; font-size:15px;}

@media screen and (max-width:600px){
#js-nav{display:none;}
#js-nav ol a{display:inline-block; width:48%; margin-right:2%;}
#js-nav ol a:nth-child(2n){margin-right:0;}
}
@media screen and (min-width:600px){
#js-nav ol a{display:inline-block; width:19%; margin-right:1.25%;}
#js-nav ol a:nth-child(5n){margin-right:0;}
}

#js-nav ol a:hover{text-decoration:underline;}
#js-nav ol a:nth-child(1){background:#208e1e;}
#js-nav ol a:nth-child(2){background:#47aaed;}
#js-nav ol a:nth-child(3){background:#fdb048;}
#js-nav ol a:nth-child(4){background:#bd7cd8;}
#js-nav ol a:nth-child(5){background:#208e1e;}





/*js-content1*/
#js-content1{border:1px solid #000; border-collapse:collapse; width:100%; margin:0 auto; text-align:left;}
#js-content1 td{border:1px solid #000; padding:10px 10px; word-wrap:break-word; font-size:14px; color:#333;}
#js-content1 tr td:nth-child(1){width:18%;}
@media screen and (max-width:500px){
	#js-content1{table-layout:fixed;}
	#js-content1 td{width:100% !important;}
}


/*js-content2*/
#js-content2{width:100%; height:auto; background:#0195ff; margin-top:70px; text-align:center; padding-bottom:50px;}
#js-content2 h1{text-align:center; color:#fff; font-weight:100; display:inline-block; border-bottom:2px solid #fff; padding:50px 10px 20px 10px; margin-bottom:50px;}
#js-content2 ol{width:100%; margin:0 auto; height:auto; text-align:center; font-size:0; position:relative; top:200px; opacity:0; transition:all 1s;}
#js-content2 ol li{height:auto; overflow:hidden; display:inline-block; font-size:14px;  vertical-align:top;}
@media screen and (max-width:650px){
#js-content2 ol li{width:95%; margin:0 auto 40px auto;}
#js-content2 h1{font-size:25px;}
}
@media screen and (min-width:650px) and (max-width:900px){
#js-content2 ol li{width:46%; margin:0 1% 40px 1%;}
#js-content2 h1{font-size:40px;}
}
@media screen and (min-width:900px){
#js-content2 ol li{width:30%; margin:0 1% 40px 1%;}
#js-content2 h1{font-size:40px;}
}
#js-content2 ol li img{display:block; float:left; width:28%; height:auto;}
#js-content2 ol li .right{float:left; width:72%; height:auto; text-align:left; color:#fff;}
#js-content2 ol li .right h5{font-size:18px; font-weight:bold; padding-bottom:5px; margin-top:10px;}


/*js-content3*/
#js-content3{width:100%; height:auto; margin-top:70px; text-align:center; padding-bottom:50px;}
#js-content3 h1{text-align:center; color:#000; font-weight:100; display:inline-block; padding:50px 0 20px 0;}
#js-content3 h2{text-align:center; font-size:25px; color:#666; margin-bottom:30px;}
#js-content3 ul{width:100%; height:auto; text-align:center; font-size:0; position:relative; top:200px; opacity:0; transition:all 1s;}
#js-content3 ul li{display:inline-block; vertical-align:top; height:auto; font-size:16px;}
#js-content3 ul li > div{width:100%; height:0; padding-bottom:70%;}
#js-content3 ul li > div a{display:block; width:100%; height:0; padding-bottom:70%; background:rgba(255,108,0,0); color:#fff; transition:all .5s;}
#js-content3 ul li > div a h5{font-size:24px; padding-top:30px; padding-left:30px; margin-bottom:20px; text-align:left; transition:all .5s; position:relative; top:100px; opacity:0;}
#js-content3 ul li > div a p{padding:0 30px; font-size:13px; letter-spacing:1px; line-height:20px; height:auto; max-height:100px; overflow:hidden; text-align:left; transition:all .5s; position:relative; top:100px; opacity:0;}
#js-content3 ul li > div a:hover{background:rgba(255,108,0,0.8); transition:all .5s;}
#js-content3 ul li > div a:hover h5{top:0; opacity:1; transition:all .5s;}
#js-content3 ul li > div a:hover p{top:0; opacity:1; transition:all .5s;}
#js-content3 ul li .a{width:100%; display:block; text-align:center; margin:5px 0;}
#js-content3 ul li .a:hover{color:#ff6c00;}
#js-content3 ul .gengduo{display:block; width:120px; height:40px; line-height:40px; text-align:center; color:#ff6c00; border:1px solid #ff6c00; margin:30px auto 0 auto; font-size:16px;}
#js-content3 ul .gengduo:hover{background:#ff6c00; color:#fff;}
@media all and (max-width:600px){
#js-content3 ul li{width:95%; margin-bottom:15px;}
}
@media all and (min-width:900px){
#js-content3 ul li{width:32%; margin-right:2%;}
#js-content3 ul li:nth-child(3n){margin-right:0;}
}











/***********建设列表***********/
.al-list{width:85%; max-width:1000px; margin:0 auto;}
.al-list h1{text-align:center; color:#000; font-size:26px; font-weight:bold;}
.al-list h2{text-align:center; color:#797979; font-size:16px;}
.al-list p{text-align:left; margin-top:15px; color:#666; line-height:25px;}

#al-list1{width:100%; height:auto; background:url(../images2/c1_bg.jpg) no-repeat; background-size:100% 100%; padding:60px 0 50px 0;}
#al-list1 .con{width:85%; height:auto; margin:0 auto; max-width:1200px; overflow:hidden; margin-top:50px;}
#al-list1 li{height:auto; float:left; margin-bottom:20px; background:#fff;}
#al-list1 li a{display:block; width:100%; height:auto;}
#al-list1 li .bg{width:100%; height:140px; overflow:hidden;}
#al-list1 li .bg .img{
	width:100%;
	height:100%;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
#al-list1 li .text{width:100%; height:80px;}
#al-list1 li .text h5{text-align:center; font-weight:bold; font-size:17px; color:#444; margin-bottom:7px; padding-top:15px;}
#al-list1 li .text p{text-align:center; font-size:12px; color:#999;}
#al-list1 li:hover .bg .img{
	transform:scale(1.15);
	-webkit-transform:scale(1.15);
	-moz-transform:scale(1.15);
	-o-transform:scale(1.15);
	-ms-transform:scale(1.15);
}
#al-list1 li:hover .text h5{color:#f00;}
@media all and (max-width:550px){
	#al-list1{display:none;}
	#al-list1 li{width:100%;}
}
@media all and (min-width:550px) and (max-width:800px){
	#al-list1 li:nth-child(-n+3){width:31%;  margin-right:3.5%;}
	#al-list1 li:nth-child(3n){margin-right:0;}
	#al-list1 li:nth-child(n+4){width:48.25%;  margin-right:3.5%;}
	#al-list1 li:nth-child(5n){margin-right:0;}
}
@media all and (min-width:800px){
	#al-list1 li{width:18.8%;  margin-right:1.5%;}
	#al-list1 li:nth-child(5n){margin-right:0;}
}



#al-list2{width:100%; height:auto; padding:60px 0 50px 0; border-bottom:1px solid #ccc;}
#al-list2 .con{width:85%; height:auto; margin:0 auto; max-width:1200px; margin-top:50px; position:relative;}
#al-list2 .con ul{width:100%; height:0; padding-bottom:48%; position:relative;}
#al-list2 .con ul .zhong{width:100%; height:0; padding-bottom:48%; position:absolute; top:0; left:0; z-index:1;}
#al-list2 .con ul .left{width:31%; height:0; padding-bottom:36%; position:absolute; top:0; left:0; z-index:2;}
#al-list2 .con ul .right{width:35%; height:0; padding-bottom:36%; position:absolute; top:0; right:0; z-index:2;}
#al-list2 .con .gengduo{display:block; font-size:15px; position:absolute; left:50%; top:0; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); z-index:3; width:150px; height:36px; border-radius:18px; text-align:center; line-height:36px; color:#fff; background:#ff6802;}
#al-list2 .con .tu{display:block; width:100%; height:auto;}



#al-list3{width:100%; height:auto; padding:60px 0 50px 0; border-bottom:1px solid #ccc;}
#al-list3 .con{width:85%; height:auto; margin:0 auto; max-width:1200px; overflow:hidden; margin-top:50px; position:relative;}
#al-list3 .con .wenzi{width:auto; height:auto;}
#al-list3 .con h1{color:#000; font-size:26px; font-weight:bold;}
#al-list3 .con h2{color:#797979; font-size:16px;}
#al-list3 .con p{margin-top:15px; color:#666;}
#al-list3 .con .gengduo{display:inline-block; font-size:15px; width:150px; height:36px; border-radius:18px; text-align:center; line-height:36px; color:#fff; background:#ff6802;}
#al-list3 .con .tu{display:block; width:100%; height:auto;}
@media all and (min-width:1000px){
	#al-list3 .con .wenzi{position:absolute;}
	#al-list3 .con .tu{margin-top:50px;}
}


#al-list4{width:100%; height:auto; border-bottom:1px solid #ccc;}
#al-list4 .con{width:85%; height:auto; margin:0 auto; max-width:1200px; overflow:hidden; margin-top:30px;}
#al-list4 .con h1{color:#000; font-size:26px; font-weight:bold;}
#al-list4 .con h2{color:#797979; font-size:16px;}
#al-list4 .con p{margin-top:15px; color:#666;}
#al-list4 .con .gengduo{display:inline-block; font-size:15px; width:150px; height:36px; border-radius:18px; text-align:center; line-height:36px; color:#fff; background:#ff6802; margin-bottom:20px;}
@media all and (max-width:700px){
	#al-list4{padding-bottom:30px;}
	#al-list4 .con .tu{width:100%; height:auto;}
	#al-list4 .con .wenzi{width:100%; height:auto;}
	#al-list4 .con p{width:100%; height:auto;}
}
@media all and (min-width:700px){
	#al-list4 .con .tu{float:left; width:40%; height:auto;}
	#al-list4 .con .wenzi{width:480px; height:auto; float:right; margin-top:100px;}
}








/**********seo************/
#seo1{width:100%; height:auto;}
#seo1 .con{width:85%; height:auto; margin:0 auto; overflow:hidden; max-width:1200px; padding-bottom:50px;}
#seo1 .con div{float:left; height:auto; margin-top:30px;}
#seo1 .con div h1 img{margin-right:15px;}
#seo1 .con div .gengduo{display:block; width:100px; height:32px; text-align:center; line-height:32px; color:#fff; background:#ff8800; border-radius:3px;}
@media all and (max-width:800px){
	#seo1 .con div h1{font-size:25px;}
	#seo1 .con div h1 img{height:50px; width:auto;}
	#seo1 .con div{width:100%;}
	#seo1 .con div p{height:auto; min-height:150px; color:#666; line-height:25px;}
}
@media all and (min-width:800px){
	#seo1 .con div h1{font-size:35px;}
	#seo1 .con div{width:55%;}
	#seo1 .con div p{height:180px; overflow:hidden; color:#666; line-height:30px;}
}


#seo2{width:100%; height:auto;}
#seo2 .con{width:85%; height:auto; margin:0 auto; overflow:hidden; max-width:1200px; padding-bottom:50px;}
#seo2 .con h1{border-left:3px solid #0cc0f5; font-size:25px; padding-left:10px;}
#seo2 .con h1 span{font-size:14px; color:#555; margin-left:20px;}
#seo2 .con ul{width:100%; height:auto; overflow:hidden;}
#seo2 .con ul li{border:1px solid #eee; height:auto; padding:20px; margin-top:25px; overflow:hidden;}
#seo2 .con ul li:nth-child(2n+1){margin-right:2%;}
#seo2 .con ul li .right h5{color:#009fd9; font-size:18px;}
#seo2 .con ul li .right p{color:#999;}
@media all and (max-width:550px){
	#seo2 .con ul li{width:100%;}
	#seo2 .con ul li img{display:none; float:left; width:95px; height:100px;}
	#seo2 .con ul li .right{width:100%;}
}
@media all and (min-width:550px) and (max-width:900px){
	#seo2 .con ul li{width:100%;}
	#seo2 .con ul li img{display:block; float:left; width:95px; height:100px;}
	#seo2 .con ul li .right{width:calc(100% - 115px); -webkit-width:calc(100% - 115px); float:right;}
}
@media all and (min-width:900px){
	#seo2 .con ul li{width:49%; float:left;}
	#seo2 .con ul li img{display:block; float:left; width:95px; height:100px;}
	#seo2 .con ul li .right{width:calc(100% - 115px); -webkit-width:calc(100% - 115px); float:right;}
}



#seo3{width:100%; height:auto;}
#seo3 .con{height:auto; margin:0 auto; overflow:hidden; max-width:1200px; padding-bottom:50px;}
#seo3 .con h1{text-align:center; font-size:28px; margin-bottom:50px;}
#seo3 .con .biaoge:nth-of-type(2n+1){margin-right:2%;}
#seo3 .con .biaoge dl{width:100%; height:40px; line-height:40px; text-align:center; color:#fff; font-size:20px; background:#00c0ef; padding:0; margin:0;}
#seo3 .con .biaoge li{width:100%; height:auto; overflow:hidden; border-bottom:1px solid #e3e3e3;}
#seo3 .con .biaoge li:nth-of-type(2n){background:#f9f9f9;}
#seo3 .con .biaoge li:nth-of-type(1) span{color:#333 !important;}
#seo3 .con .biaoge li span{display:block; height:40px; float:left; line-height:40px; text-align:center; color:#333; font-size:13px; overflow:hidden; border-left:1px solid #e3e3e3; padding:0 5px; word-wrap:break-word;}
@media all and (max-width:550px){
	#seo3 .con{width:95%;}
	#seo3 .con .biaoge{width:100%; height:auto; margin-bottom:30px;}
	#seo3 .con .biaoge li span:nth-child(-n+2){width:30%;}
	#seo3 .con .biaoge li span:nth-child(3){width:20%;}
	#seo3 .con .biaoge li span:nth-child(4){width:20%; color:#f00;}
	#seo3 .con .biaoge li span:nth-child(5){width:32%; border-right:1px solid #e3e3e3; display:none;}
}
@media all and (min-width:550px) and (max-width:900px){
	#seo3 .con{width:85%;}
	#seo3 .con .biaoge{width:100%; height:auto; margin-bottom:20px;}
	#seo3 .con .biaoge li span:nth-child(-n+2){width:20%;}
	#seo3 .con .biaoge li span:nth-child(3){width:14%;}
	#seo3 .con .biaoge li span:nth-child(4){width:14%; color:#f00;}
	#seo3 .con .biaoge li span:nth-child(5){width:32%; border-right:1px solid #e3e3e3;}
}
@media all and (min-width:900px){
	#seo3 .con{width:85%;}
	#seo3 .con .biaoge{width:49%; height:auto; float:left;}
	#seo3 .con .biaoge li span:nth-child(-n+2){width:20%;}
	#seo3 .con .biaoge li span:nth-child(3){width:14%;}
	#seo3 .con .biaoge li span:nth-child(4){width:14%; color:#f00;}
	#seo3 .con .biaoge li span:nth-child(5){width:32%; border-right:1px solid #e3e3e3;}
}











@media all and (max-width:800px){
#gy-content1{width:100%; height:400px;}
#gy-content1 .con{width:85%; height:100%; margin:0 auto; max-width:1200px;  position:relative;}
#gy-content1 .con h1{text-align:center; font-size:30px; color:#1E95FB; padding-top:50px; margin-bottom:30px; margin-top:0;}
#gy-content1 .con h2{text-align:center; font-size:20px; line-height:25px;}

#gy-content2{width:85%; height:auto; margin:-80px auto 0 auto; max-width:1300px; background:#fff; padding:20px;}
#gy-content2 h5{color:#666; font-size:18px; font-weight:300;}
#gy-content2 span{display:block; width:50px; height:10px; background:#1E95FB;}
#gy-content2 h1{margin-top:20px; font-size:36px; color:#333;}
#gy-content2 p{color:#444; font-size:16px; line-height:28px;}

#canvas_box{width:100%; height:500px; position:relative;}
#canvas_box #anitOut{width:100%; height:100%; position:absolute; top:0; z-index:-1;}
#canvas_box #anitOut canvas{width:100%; height:100%;}
#canvas_box .con{height:100%; margin:0 auto;}
#canvas_box .con li{height:auto; width:100%; text-align:center; color:#fff; font-size:15px; padding-top:50px;}
#canvas_box .con li p{margin:0;}

#canvas_box .con{width:95%;}
#canvas_box .con li span font{font-size:30px; font-weight:bold;}
}
@media all and (min-width:800px){
#gy-content1{width:100%; height:400px;}
#gy-content1 .con{width:85%; height:100%; margin:0 auto; max-width:1200px;  position:relative;}
#gy-content1 .con h1{text-align:center; font-size:60px; color:#1E95FB; padding-top:120px; margin-bottom:30px; margin-top:0;}
#gy-content1 .con h2{text-align:center; font-size:30px;}

#gy-content2{width:85%; height:auto; margin:-80px auto 0 auto; max-width:1300px; background:#fff; padding:20px;}
#gy-content2 h5{color:#666; font-size:18px; font-weight:300;}
#gy-content2 span{display:block; width:50px; height:10px; background:#1E95FB;}
#gy-content2 h1{margin-top:20px; font-size:36px; color:#333;}
#gy-content2 p{color:#444; font-size:16px; line-height:28px;}

#canvas_box{width:100%; height:230px; position:relative;}
#canvas_box #anitOut{width:100%; height:100%; position:absolute; top:0; z-index:-1;}
#canvas_box #anitOut canvas{width:100%; height:100%;}
#canvas_box .con{height:100%; margin:0 auto;}
#canvas_box .con li{height:auto; float:left; text-align:center; color:#fff; font-size:15px;}
#canvas_box .con li p{margin:0;}

#canvas_box .con{width:85%;}
#canvas_box .con li{margin-top:40px; width:25%;}
#canvas_box .con li span font{font-size:75px; font-weight:bold;}
}






/******关于我们*****/
@media all and (max-width:700px){
#gy-content3{width:100%; height:auto; background:#cdcccc;}
#gy-content3 .con{width:95%; height:auto; margin:0 auto; max-width:1200px; overflow:hidden; background:#e0e0e0;}
#gy-content3 .con .left{width:100%; height:auto; padding:50px;}
#gy-content3 .con .left h1{ color:#2b2b2b; font-size:50px;}
#gy-content3 .con .left h2{ color:#2b2b2b; font-size:25px; padding-right:20px; padding-bottom:8px; border-bottom:5px solid #2b2b2b; display:inline-block;}
#gy-content3 .con .left p{font-size:18px; color:#000;}
#gy-content3 .con .left h3{ color:#2b2b2b; font-size:25px; font-weight:bold;}

#gy-content3 .con .bg{width:100%; height:540px; position:relative;}
#gy-content3 .con .bg .txt{background:rgba(199,36,41,0.7); width:80%; height:auto; color:#fff; padding:10px 30px; position:absolute; top:62%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
#gy-content3 .con .bg .txt h5{font-size:20px; font-weight:bold;}
#gy-content3 .con .bg .txt p{font-size:14px; margin-top:15px; line-height:20px; width:100%; height:auto;}
}
@media all and (min-width:700px){
#gy-content3{width:100%; height:auto; background:#cdcccc;}
#gy-content3 .con{width:85%; height:auto; margin:0 auto; max-width:1200px; overflow:hidden; background:#e0e0e0;}
#gy-content3 .con .left{width:48%; height:540px; float:left; padding:50px;}
#gy-content3 .con .left h1{ color:#2b2b2b; font-size:50px; margin-bottom:40px;}
#gy-content3 .con .left h2{ color:#2b2b2b; font-size:25px; padding-right:20px; padding-bottom:8px; border-bottom:5px solid #2b2b2b; display:inline-block;}
#gy-content3 .con .left p{font-size:18px; color:#000;}
#gy-content3 .con .left h3{ color:#2b2b2b; font-size:25px; font-weight:bold;}

#gy-content3 .con .bg{width:52%; height:540px; float:left; position:relative;}
#gy-content3 .con .bg .txt{background:rgba(199,36,41,0.7); width:80%; height:auto; color:#fff; padding:10px 30px; position:absolute; top:62%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
#gy-content3 .con .bg .txt h5{font-size:20px; font-weight:bold;}
#gy-content3 .con .bg .txt p{font-size:14px; margin-top:15px; line-height:20px; width:100%; height:auto; max-height:120px; overflow:hidden;}
}




#gy-content4{width:100%; height:auto; margin-top:50px;}
#gy-content4 .con{width:85%; height:auto; margin:0 auto; max-width:1200px; overflow:hidden;}
#gy-content4 .con h1{text-align:center; font-size:30px; color:#333;}
#gy-content4 .con ul{width:100%; height:auto; overflow:hidden; margin-top:20px;}
#gy-content4 .con ul li{width:24.1%; height:auto; float:left; margin-right:1.2%; margin-bottom:15px;}
#gy-content4 .con ul li:nth-child(4n){margin-right:0;}
#gy-content4 .con ul li .bg{width:100%; height:0; padding-bottom:75%;}




#gy-content5{width:100%; height:auto; padding-top:70px; padding-bottom:70px;}
#gy-content5 .con{width:85%; height:auto; margin:0 auto; max-width:1200px; overflow:hidden;}
#gy-content5 .con h1{text-align:center; font-size:30px; color:#fff;}
#gy-content5 .con h2{text-align:center; font-size:20px; color:#cacace; font-weight:100;}
#gy-content5 .con h2 font{color:#f00;}
#gy-content5 ul dl{width:100%; height:auto; overflow:hidden; margin:0; border-bottom:2px solid #999; padding-bottom:5px;}
#gy-content5 ul dl dd{display:block; font-size:18px; font-weight:500; color:#fff; float:left; border-left:3px solid #fff; padding-left:10px;}
#gy-content5 ul dl a{display:block; color:#eee; font-size:14px; float:right;}

#gy-content5 ul li{width:100%; height:auto; overflow:hidden; margin-top:10px;}
#gy-content5 ul li a{display:block; float:left; width:calc(100% - 100px); height:20px; line-height:20px; overflow:hidden; color:#fff;}
#gy-content5 ul li span{display:block; float:right; width:100px; height:20px; line-height:20px; text-align:right; color:#fff;}
#gy-content5 ul li:hover a{text-decoration:underline;}
@media all and (max-width:700px){
#gy-content5 ul{width:100%; height:auto; margin-top:30px;}
}
@media all and (min-width:700px){
#gy-content5 ul{width:48%; height:auto; float:left;}
#gy-content5 ul:nth-of-type(1){margin-right:4%;}
}




/********新闻中心*******/
#news-content{width:100%; height:auto;}
#news-content h1{text-align:center;}
#news-content .con{height:auto; margin:0 auto; max-width:1200px; overflow:hidden; margin-top:30px;}
#news-content .con li{height:auto; float:left; margin-bottom:15px; background:#38a1be; padding:20px; border-radius:5px;}
#news-content .con li .biaoti{display:block; color:#fff; font-size:20px; width:100%; height:85px; overflow:hidden;}
#news-content .con li span{display:block; color:#fff; font-size:12px; width:100%; height:18px; overflow:hidden;}
#news-content .con li p{width:100%; height:62px; overflow:hidden; color:#fff; font-size:13px; line-height:20px; margin-top:5px; position:relative;}
#news-content .con li .gengduo{display:block; color:#fff; font-size:13px; position:absolute; bottom:0; right:0; background:#38a1be; padding-left:10px;}
@media all and (max-width:550px){
	#news-content .con{width:95%;}
	#news-content .con li{width:100%; float:none;}
}
@media all and (min-width:550px) and (max-width:800px){
	#news-content .con{width:85%;}
	#news-content .con li{width:49%; margin-right:2%;}
	#news-content .con li:nth-child(2n){margin-right:0;}
}
@media all and (min-width:800px) and (max-width:1000px){
	#news-content .con{width:85%;}
	#news-content .con li{width:32%; margin-right:2%;}
	#news-content .con li:nth-child(3n){margin-right:0;}
}
@media all and (min-width:1000px){
	#news-content .con{width:85%;}
	#news-content .con li{width:24.1%; margin-right:1.2%;}
	#news-content .con li:nth-child(4n){margin-right:0;}
}








/*******联系我们********/


#lx-content{width:100%; height:auto;}
#lx-content h1{text-align:center;}
#lx-content .con{width:85%; height:auto; margin:0 auto; max-width:1200px; overflow:hidden; margin-top:30px; padding-bottom:30px;}

#lx-content .con ul{margin-top:50px;}
#lx-content .con span.g-span{display:inline-block; width:auto; padding:0 15px; height:36px; text-align:center; line-height:36px; color:#fff; font-size:20px; background:#00597b; margin-bottom:20px;}
#lx-content .con ul p{font-size:17px;}
#lx-content .con ul p .ma{position:relative; display:inline-block; border:1px solid #00f;}
#lx-content .con ul p .ma img{display:block; width:100px; height:100px; position:absolute; left:10px; top:0; transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
#lx-content .con .di{width:100%; height:auto; overflow:hidden; clear:both; padding-top:50px;}
#lx-content .con .di ol{height:auto; padding-right:30px; margin-bottom:50px;}
#lx-content .con .di ol p{color:#666; font-size:14px;}
@media all and (max-width:550px){
	#lx-content .con ul p .ma{display:none;}
}
@media all and (min-width:550px){
	#lx-content .con ul{width:48%; height:auto; float:left;}
	#lx-content .con ul:nth-child(2n+1){margin-right:4%;}
	
}


@media all and (max-width:700px){
	#lx-content .con .di ol{width:100%;}
}
@media all and (min-width:700px){
	#lx-content .con .di ol{width:50%; float:left;}
}






/*****分页样式*****/
.pageNavi{width:100%; height:auto; overflow:hidden; text-align:center; clear:both; margin:15px auto;}
.pageNavi .wp-pagenavi{width:auto; height:auto; display:inline-block; vertical-align:top;}
.pageNavi .wp-pagenavi span,.pageNavi .wp-pagenavi a{display:inline-block; vertical-align:top; border:1px solid #999; height:25px; line-height:25px; text-align:center; min-width:25px; width:auto; margin:0 5px; padding:0 5px; color:#444; cursor:pointer;}
.pageNavi .wp-pagenavi span:hover,.pageNavi .wp-pagenavi a:hover{color:#fff; background:#03689f; border:1px solid #03689f;}

@media all and (max-width:700px){
#newBridge .icon-left-center{display:none !important;}
}




.conx{width:1250px;margin:0 auto;}
.sec_wrap{position: absolute;top:0;left:0;width: 100%;height: 100%;}
.sec_wrap .se_info{width: 540px;max-width: 50%;margin-top: 260px;}
.sec_wrap .se_info h2{font-size: 60px;color: #fff;}
.sec_wrap .se_info p{margin-top: 50px;font-size: 18px;color: #fff;}

#headerx{position:fixed;top:0;left:0;width: 100%;height: 80px;box-shadow: 0px 4px 4px rgba(0,0,0,0.07);background: #fff;z-index:999;}
#headerx .logo{float: left;margin-top:15px;}
#headerx .logo img{float:left;height:50px;}
#headerx .logo p{float:left;width: 152px;height:46px;border:2px solid #ddd;font-size: 14px;color: #666;margin-top: 4px;margin-left: 8px;padding-top:2px;text-align: center;}
#headerx ul{float: right;margin-top:25px;}
#headerx ul li{float: left;height:30px;margin: 0 5px;overflow: hidden;}
#headerx ul li a{display:block;height:30px;line-height: 30px;padding: 0 15px;font-size: 14px;color: #333;transition:.8s;}
#headerx ul li a.spe{background:#e7423f;border-radius: 15px;color:#fff;}
#headerx ul li:hover a.first{margin-top:-30px;}

.section1{width: 100%;margin-top:100px;padding-bottom: 50px;overflow: hidden;}
.section1 .conx{position: relative;}
.section1 .tg_l{float: left;width: 700px;height: 518px;}
.section1 .tg_p1{position: absolute;bottom:0;left: 565px;width: 168px;height: 276px;}
.section1 .tg_p2{position: absolute;top: 50px;right: 100px;}
.section1 .tg_r{float: right;padding-top: 100px;}
.section1 .tg_r .p1{font-size: 48px;color:#333;}
.section1 .tg_r .p2{font-size: 60px;color:#333;padding: 10px 0;}
.section1 .tg_r .p3{font-size: 36px;color:#333;}


.section2{position:relative;width: 100%;height: 800px;background: url(../images2/se2_bg1.jpg) center no-repeat;overflow: hidden;}
.section2 .m_bg{height: 100%;background: url(../images2/se2_bg2.png) center no-repeat;}
.section2 .se_txt{position: absolute;width: 100%;height: 800px;top:0;}
.section2 .se_txt h2{font-size: 60px;margin-top: 120px;text-align: center;color: #fff;}
.section2 .se_txt ul{width: 570px;margin: 30px auto;text-align: center;}
.section2 .se_txt ul li{display:inline-block;width: 175px;border-right: 1px solid #4b4b4b}
.section2 .se_txt ul li:last-child{border:none;}
.section2 .se_txt ul li .txt1{font-size:16px;color: #fff;text-align: center;}
.section2 .se_txt ul li .txt1 span{font-size: 60px;}
.section2 .se_txt ul li .txt2{font-size: 16px;line-height: 30px;text-align: center;color: #fff;}
.section2 .se_txt .s_ofo{font-size: 18px;color: #fff;width: 660px;margin: 0 auto;line-height: 30px;}
.section2 .donghua{overflow: hidden;position: absolute;width: 100%;height: 500px;top: 300px;}


.section3{position: relative;width: 100%;height: 825px;background: url(../images2/se3_bg.jpg) center no-repeat;overflow: hidden;}
.section3 .conx h2{font-size: 60px;text-align: center;color: #fff;margin:120px 0 50px;}
.section3 .conx p{font-size: 18px;color: #fff;width: 680px;margin: 0 auto;line-height: 30px;}
.section3 .tubiao{position:relative;width: 800px;height:350px;margin:0 auto;margin-top:200px;}
.section3 .tubiao div{position: absolute;text-align: center;}
.section3 .tubiao p{color:#fff;font-size:18px;text-align: center;}
.section3 .tubiao span.icn1{display:inline-block;width:100px;height: 130px;background: url(../images2/icn1.png) center bottom no-repeat;}
.section3 .tubiao span.icn2{display:inline-block;width:65px;height: 85px;background: url(../images2/icn2.png) center bottom no-repeat;}
.section3 .tubiao span.icn3{display:inline-block;width:100px;height: 130px;background: url(../images2/icn3.png) center bottom no-repeat;}
.section3 .tubiao span.icn4{display:inline-block;width:100px;height: 110px;background: url(../images2/icn4.png) center bottom no-repeat;}
.section3 .tubiao .tb1{left:0;top:0px;}
.section3 .tubiao .tb2{left:200px;top:-100px;}
.section3 .tubiao .tb3{left:330px;top:30px;}
.section3 .tubiao .tb4{right:0;top:-100px;}
.section3 .bt_bg{position:absolute;bottom:-30px;width: 100%;height: 226px;background: url(../images2/se3_bg2.png) center bottom no-repeat;}


.section4{position:relative;width: 100%;height: 880px;background: url(../images2/se4_bg.png) center no-repeat;overflow:hidden;}
.section4 h2{font-size: 60px;margin-top: 120px;text-align: center;color: #333;}
.section4 .txt{width: 880px;margin: 40px auto 0;}
.section4 .txt p{color:#333;font-size:18px;text-align: center;line-height: 30px;}
.section4 .s4_mv1{width: 1140px;height: 334px;margin: 50px auto 0;background: url(../images2/s4_mv1.png) center no-repeat;}
.section4 .s4_mv2{position:absolute;right:170px;top:290px;width: 176px;height:153px;background: url(../images2/s4_mv2.png) center no-repeat;}



.section5{width: 100%;height: 810px;background: #000;overflow: hidden;}
.section5 .s5_l{float:left;width: 540px;max-width: 50%;margin-top: 260px;}
.section5 .s5_l .txt1{font-size: 60px;color: #f00;}
.section5 .s5_l .txt2{font-size: 60px;color: #fff;}
.section5 .s5_l .txt3{font-size: 18px;margin-top:30px;color: #fff;}
.section5 .s5_r{float: right;width: 50%;height:810px;background: url(../images2/se5_bg.png) right bottom no-repeat;}


.section6{width: 100%;height: 880px;background: #db6e1e;overflow: hidden;}
.section6 h2{font-size: 60px;margin-top: 80px;text-align: center;color: #fff;}
.section6 p{width:880px;margin:40px auto 0;color:#fff;font-size:18px;text-align: center;line-height: 30px;}
.section6 #s6_banner{width: 1052px;height: 500px;margin:100px auto 0;overflow: hidden;background: url(../images2/se6_bg.png) top no-repeat;}
.section6 #s6_banner .ban_wrap{position:relative;width: 922px;height:447px;margin:41px;}
.section6 #s6_banner .swiper-container{position:relative;width:100%; height:100%;}
.section6 #s6_banner .swiper-container .swiper-wrapper{width: 100%;height: 100%;}
.section6 #s6_banner .swiper-container .swiper-wrapper img{width: 100%;height: 100%;}
.section6 #s6_banner .swiper-container .swiper-pagination-bullet{width:10px;height:10px;}


.section7{width: 100%;height: 1000px;background: #fff;overflow:hidden;}
.section7 h2{font-size: 60px;margin-top: 120px;text-align: center;color: #333;}
.section7 .txt{width: 880px;margin: 40px auto 0;}
.section7 .txt p{color:#333;font-size:18px;text-align: center;line-height: 30px;}
.section7 .s7_mv{width: 1209px;height:549px;margin: 100px auto 0;background: url(../images2/se7_bg.png) bottom center no-repeat;}


.section8{position:relative;width: 100%;height: 800px;overflow: hidden;background: url(../images2/se8_bg.jpg) bottom center #fff no-repeat;}
.section8 h2{font-size: 60px;margin-top: 80px;text-align: center;color: #333;}
.section8 p{width:820px;margin:40px auto 0;color:#333;font-size:18px;text-align: center;line-height: 30px;}
.section8 .lg_wrap{position:relative;width: 100%;height:500px;margin-top: 80px;}
.section8 .lg_wrap span{position: absolute;width: 200px;height: 85px;}
.section8 .lg_wrap span.lg1{left:500px;background: url(../images2/lg1.jpg) center no-repeat;}
.section8 .lg_wrap span.lg2{right:200px;top:98px;background: url(../images2/lg2.png) center no-repeat;}
.section8 .lg_wrap span.lg3{left:120px;bottom:350px;background: url(../images2/lg3.jpg) center no-repeat;}
.section8 .lg_wrap span.lg4{top:149px;right:500px;background: url(../images2/lg4.jpg) center no-repeat;}
.section8 .lg_wrap span.lg5{left:200px;bottom:250px;background: url(../images2/lg5.png) center no-repeat;}
.section8 .lg_wrap span.lg6{left:400px;bottom:140px;background: url(../images2/lg6.jpg) center no-repeat;}
.section8 .lg_wrap span.lg7{left:50px;bottom:100px;background: url(../images2/lg7.jpg) center no-repeat;}
/*点放大*/
@keyframes dian {
    0% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 1}
    30% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: .1}
    60% {-webkit-transform: scale(.5);-moz-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);opacity: .5}
    100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0}
}

@-webkit-keyframes dian {
    0% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 1}
    30% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: .1}
    60% {-webkit-transform: scale(.5);-moz-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);opacity: .5}
    100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0}
}

@-moz-keyframes dian {
    0% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 1}
    30% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: .1}
    60% {-webkit-transform: scale(.5);-moz-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);opacity: .5}
    100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0}
}
.section8 .circle{position:absolute;height: 88px;width: 88px; display:inline-block;-webkit-border-radius: 48px;-moz-border-radius: 48px;border-radius: 48px;opacity: .12;filter: alpha(opacity=0);-webkit-animation: dian 2s ease-out;-moz-animation: dian 2s ease-out;-o-animation: dian 2s ease-out;animation: dian 2s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8 .circle{background: #000;}
.section8 .circle1{top: 200px;right: 100px;width: 20px;height: 20px;}
.section8 .circle2{top: 260px;right: 130px;width: 30px;height: 30px;-webkit-animation: dian 3s ease-out;-moz-animation: dian 3s ease-out;-o-animation: dian 3s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8 .circle3{top: 230px;right: 230px;width: 10px;height: 10px;-webkit-animation: dian 0.8s ease-out;-moz-animation: dian 0.8s ease-out;-o-animation: dian 0.8s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8 .circle4{top: 300px;right: 200px;width: 25px;height: 25px;-webkit-animation: dian 1.3s ease-out;-moz-animation: dian 1.3s ease-out;-o-animation: dian 1.3s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8 .circle5{top: 300px;right: 100px;width: 16px;height: 16px;-webkit-animation: dian 2.2s ease-out;-moz-animation: dian 2.2s ease-out;-o-animation: dian 2.2s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8 .circle6{top: 360px;right: 100px;width: 14px;height: 14px;-webkit-animation: dian 0.6s ease-out;-moz-animation: dian 0.6s ease-out;-o-animation: dian 0.6s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8 .circle7{top: 360px;right: 150px;width: 35px;height: 35px;-webkit-animation: dian 1.1s ease-out;-moz-animation: dian 1.1s ease-out;-o-animation: dian 1.1s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8 .circle8{top: 460px;right: 220px;width: 13px;height: 13px;-webkit-animation: dian 0.4s ease-out;-moz-animation: dian 0.4s ease-out;-o-animation: dian 0.4s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8 .circle9{top: 460px;right: 220px;width: 13px;height: 13px;-webkit-animation: dian 2.6s ease-out;-moz-animation: dian 2.6s ease-out;-o-animation: dian 2.s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8 .circle10{top: 560px;right: 320px;width: 17px;height: 17px;-webkit-animation: dian 1.2s ease-out;-moz-animation: dian 1.2s ease-out;-o-animation: dian 1.2s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8 .circle11{top: 500px;right: 260px;width: 26px;height: 26px;-webkit-animation: dian 1.1s ease-out;-moz-animation: dian 1.1s ease-out;-o-animation: dian 1.1s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8 .circle12{top: 600px;right: 260px;width: 10px;height: 10px;-webkit-animation: dian 0.8s ease-out;-moz-animation: dian 0.8s ease-out;-o-animation: dian 0.8s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8 .circle13{bottom: 50px;right: 260px;width: 15px;height: 15px;-webkit-animation: dian 2.3s ease-out;-moz-animation: dian 2.3s ease-out;-o-animation: dian 2.3s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8 .circle14{bottom: 50px;right: 330px;width: 20px;height: 20px;-webkit-animation: dian 1.1s ease-out;-moz-animation: dian 1.1s ease-out;-o-animation: dian 1.1s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8 .circle15{bottom: 100px;right: 290px;width: 20px;height: 22px;-webkit-animation: dian 0.8s ease-out;-moz-animation: dian 0.8s ease-out;-o-animation: dian 0.8s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
@-o-keyframes dian {
    0% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 1}
    30% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: .1}
    60% {-webkit-transform: scale(.5);-moz-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);opacity: .5}
    100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0}
}



.section9{width: 100%;height: 920px;overflow: hidden;background:#be2829;}
.section9 .conx{width: 1200px;}
.section9 h2{font-size: 60px;margin-top: 100px;margin-bottom:40px;text-align: center;color: #fff;}
.section9 p{margin-top: 30px;font-size: 30px;color: #fff;text-align: center;}
.section9 .s9_mv1{float: left;margin-top: 170px;margin-left: 100px;}
.section9 .s9_mv2{float: left;margin-top: 10px;}
.section9 .s9_mv3{float: left;margin-top: 290px;}


.section10{position:relative;width: 100%;height: 810px;overflow: hidden;background: url(../images2/se10_bg.jpg) center no-repeat;}
.section10 .wrap{position:relative;overflow:hidden;width: 1300px;height: 810px;margin:0 auto;background: url(../images2/s10_mv1.png) left 160px no-repeat;}
.section10 .wrap .s10_mv2{position: absolute;right:-10px;bottom:50px;width: 270px;height: 246px;background: url(../images2/s10_mv2.png) center no-repeat;}


.section11{position:relative;width: 100%;height: 800px;overflow: hidden;background: #bb2829;}
.section11 .wrap{width: 100%;height: 800px;background: url(../images2/s11_mv1.jpg) -82% bottom no-repeat;}

.section11 .sec_wrap .se_info{width: 700px;float: right;margin-top: 210px;}
.section11 .sec_wrap .se_info h2{text-align: right;}
.section11 .sec_wrap .se_info h2.spe{margin-bottom: 70px;}
.section11 .sec_wrap .se_info p{text-align: right;margin-top:0;line-height: 30px;}


.section12{position:relative;width: 100%;height: 800px;overflow: hidden;background: #0a2452;}
.section12 .wrap{position:relative;width: 1300px;height: 800px;position: relative;margin: 0 auto;background: url(../images2/s12_mv1.jpg) left bottom no-repeat;}
.section12 .wrap .mv1{position: absolute;top: 253px;left: 164px;height: 348px;width: 345px;background: url(../images2/s12_mv2.png) no-repeat;animation: turn 8s linear infinite;-moz-animation: turn 8s linear infinite;-webkit-animation: turn 8s linear infinite;-o-animation: turn 8s linear infinite;}
.section12 .wrap .mv2{position:absolute;top:297px;left:206px;height: 261px;width: 260px;background: url(../images2/s12_mv3.png) no-repeat;animation: turn2 6s linear infinite;-moz-animation: turn2 6s linear infinite;-webkit-animation: turn2 6s linear infinite;-o-animation: turn2 6s linear infinite;}
.section12 .sec_wrap .se_info{width: 700px;float: right;margin-top: 215px;}
.section12 .sec_wrap .se_info h2{text-align: right;}
.section12 .sec_wrap .se_info h2.spe{margin-bottom: 70px;}
.section12 .sec_wrap .se_info p{text-align: right;margin-top:0;line-height: 30px;}

/*360度旋转*/
@keyframes turn2 {
    from {transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}
    to {transform: rotate(0);-ms-transform: rotate(0);-webkit-transform: rotate(0);-o-transform: rotate(0);-moz-transform: rotate(0)}
}
@-moz-keyframes turn2 {
    from {transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}
    to {transform: rotate(0);-ms-transform: rotate(0);-webkit-transform: rotate(0);-o-transform: rotate(0);-moz-transform: rotate(0)}
}
@-webkit-keyframes turn2 {
    from {transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}
    to {transform: rotate(0);-ms-transform: rotate(0);-webkit-transform: rotate(0);-o-transform: rotate(0);-moz-transform: rotate(0)}
}
@-o-keyframes turn2 {
    from {transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}
    to {transform: rotate(0);-ms-transform: rotate(0);-webkit-transform: rotate(0);-o-transform: rotate(0);-moz-transform: rotate(0)}
}

@keyframes turn {
    from {transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}
    to {transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg)}
}
@-moz-keyframes turn {
    from {transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}
    to {transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg)}
}
@-webkit-keyframes turn {
    from {transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}
    to {transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg)}
}
@-o-keyframes turn {
    from {transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}
    to {transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg)}
}



.section13{position:relative;width: 100%;height: 800px;background: #f1f1f1;overflow:hidden;}
.section13 h2{font-size: 60px;margin-top: 80px;text-align: center;color: #333;}
.section13 p{width:660px;margin:10px auto 0;color:#333;font-size:18px;text-align: center;line-height: 30px;}
.section13 .s13_mv1{height: 400px;margin-top: 100px;background: url(../images2/s13_mv1.png) center #f1f1f1 no-repeat;}


.section14{position:relative;width: 100%;height: 810px;background: #fff;overflow:hidden;}
.section14 .wrap{width: 100%;height: 760px;background: url(../images2/s14_mv1.jpg) center no-repeat;}
.section14 .sec_wrap .se_info h2{color: #333;}
.section14 .sec_wrap .se_info p{font-size:30px;color: #333;}


.section15{position:relative;overflow:hidden;width: 100%;height: 800px;background: url(../images2/se15_bg.jpg) bottom center no-repeat;}
.section15 h2{font-size: 60px;margin-top: 80px;text-align: center;color: #fff;}
.section15 p{width:660px;margin:10px auto 0;color:#fff;font-size:18px;text-align: center;line-height: 30px;}
.section15 .cir_box{position:relative;width: 920px;height: 440px;margin:100px auto;}
.section15 .cir_box .sp1{position: absolute;left: 0;bottom: 100px;width: 100px;height: 100px;background: url(../images2/s15_icn1.png) center no-repeat;}
.section15 .cir_box .sp2{position: absolute;left: 140px;bottom: 260px;width: 112px;height: 112px;background: url(../images2/s15_icn2.png) center no-repeat;}
.section15 .cir_box .sp3{position: absolute;left: 390px;bottom: 330px;width: 131px;height: 131px;background: url(../images2/s15_icn3.png) center no-repeat;}
.section15 .cir_box .sp4{position: absolute;right: 140px;bottom: 260px;width: 112px;height: 112px;background: url(../images2/s15_icn4.png) center no-repeat;}
.section15 .cir_box .sp5{position: absolute;right: 0;bottom: 100px;width: 100px;height: 100px;background: url(../images2/s15_icn5.png) center no-repeat;}
.section15 .cir_box .sptxt{position: absolute;bottom: 50px;font-size: 38px;line-height: 65px;text-align: center;width: 100%;}
.section15 .cir_box .sptxt p{font-size: 40px;color: #fff;text-align: center;line-height: 50px;}
.section15 .rin_box{width: 920px;margin: 0 auto;position: relative;left: 26%;}
.section15 .rin_box .bow{width: 300px;height: 300px;border-left: 0;border: 3px solid #62C4EA;position: absolute;border-bottom: 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;opacity: 0;}

.bow1{-webkit-animation: ripple 8s infinite ease-out;-moz-animation: ripple 8s infinite ease-out;animation: ripple 8s infinite ease-out;}
.bow2{-webkit-animation: ripple 8s infinite ease-out;-moz-animation: ripple 8s infinite ease-out;animation: ripple 8s infinite ease-out;-webkit-animation-delay: 2s;-moz-animation-delay: 2s;animation-delay: 2s; }
.bow3{-webkit-animation: ripple 8s infinite ease-out;-moz-animation: ripple 8s infinite ease-out;animation: ripple 8s infinite ease-out;-webkit-animation-delay: 4s;-moz-animation-delay: 4s;animation-delay: 4s; }
.bow4{-webkit-animation: ripple 8s infinite ease-out;-moz-animation: ripple 8s infinite ease-out;animation: ripple 8s infinite ease-out;-webkit-animation-delay: 6s;-moz-animation-delay: 6s;animation-delay: 6s; }
.bow5{-webkit-animation: ripple 8s infinite ease-out;-moz-animation: ripple 8s infinite ease-out;animation: ripple 8s infinite ease-out;-webkit-animation-delay: 8s;-moz-animation-delay: 8s;animation-delay: 8s; }

@-webkit-keyframes ripple {
    0% {opacity:.4}
    100% {opacity:0;-webkit-transform:scale(4, 4);transform:scale(4, 4)}
}
@-moz-keyframes ripple {
    0% {opacity:.4}
    100% {opacity:0;-moz-transform:scale(4, 4);transform:scale(4, 4)}
}
@keyframes ripple {
    0% {opacity:.4}
    100% {opacity:0;-webkit-transform:scale(4, 4);-moz-transform:scale(4, 4);transform:scale(4, 4)}
}


.section16{position:relative;overflow:hidden;width: 100%;height: 800px;background: #FE7D29;}
.section16 .wrap{width: 100%;height: 800px;background: url(../images2/s16_mv1.png) 160% bottom no-repeat;}
.section16 .sec_wrap .se_info{width: 100%;max-width: 100%;margin-top: 55px;}
.section16 .sec_wrap h2{margin-bottom: 40px;}
.section16 .sec_wrap p{margin-top: 0;font-size: 34px;line-height: 50px;}


.section17{position:relative;overflow:hidden;width: 100%;height: 860px;background: url(../images2/se17_bg.jpg) top center no-repeat; }
.section17 h2{font-size: 60px;margin-top: 80px;text-align: center;color: #fff;}
.section17 p{color:#fff;font-size:30px;text-align: center;line-height: 50px;}
.section17 p.spe{margin-top: 30px;}


.section18{position:relative;overflow:hidden;width: 100%;height: 800px;background: url(../images2/se18_bg.jpg) bottom center no-repeat;}
.section18 h2{font-size: 60px;margin-top: 80px;text-align: center;color: #fff;}
.section18 p{color:#fff;font-size:18px;text-align: center;line-height: 25px;}
.section18 p.spe{margin-top: 15px;}
.section18 .s18_mv1{width: 879px;height: 254px;margin: 210px auto 0;background: url(../images2/s18_mv1.png) bottom center no-repeat;}


.section19{width: 100%;}
.section19 h1{font-size: 60px;color: #333;text-align: center;margin-top: 80px;}
.section19 .platform-list {width: 1200px;margin: 0 auto;padding-bottom: 80px;line-height: 20px;padding-top:70px;}
.section19 .platform-list table {border-collapse: separate;}
.section19 .platform-list table tbody .top {height: 94px;font-size:18px;}
.section19 .platform-list table tbody .top .top-td {text-align: center;vertical-align: middle;font-size:18px;}
.section19 .platform-list table tbody .content-tr .one {border-radius: 10px 0 0 0;-moz-border-radius: 10px 0 0 0;-webkit-border-radius: 10px 0 0 0;border-top: 1px solid #e4e4e4; width: 149px;}
.section19 .platform-list table tbody .top .first {width: 149px;font-size:18px;}
.section19 .platform-list table tbody .top .ios {background-color: #888888;border-radius: 10px 0 0 0;-moz-border-radius: 10px 0 0 0;-webkit-border-radius: 10px 0 0 0; color:#fff; width:300px;}
.section19 .platform-list table tbody .top .pc {background-color: #e82828;border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;-webkit-border-radius: 0 10px 0 0;color:#fff; font-size: 36px;border-bottom: 1px solid #c90000;height:94px; line-height:94px;}
.section19 .platform-list table tbody .content-tr {height: 98px;}
.section19 .platform-list table tbody .content-tr .first {background-color: #f5f5f5;line-height: 1.2;}
.section19 .platform-list table tbody .content-tr .last {border-right: 1px solid #e4e4e4;}
.section19 .platform-list table tbody .content-tr td {text-align: center;color: #626262;border-left: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;line-height: 35px;padding: 0 10px;font-size:18px;}
.section19 .platform-list table tbody .content-tr td.tdbg {color: #626262; background:#f5f5f5;}
.section19 .platform-list table tbody .content-tr td.tdbgred {color: #fff; background:#E82828;border-bottom: 1px solid #c90000; line-height: 35px;}


.section20{width: 100%;padding-bottom: 20px;overflow: hidden;}
.section20 .conx{width: 1200px;}
.section20 ul li{overflow: hidden;float: left;width: 580px;border: 1px dotted #ddd;padding: 10px;background: #fff;margin: 0px 10px 12px;}
.section20 ul li .n_pic{width: 90px;color: #0f9ca1;float: left;font-size: 52px;text-align: center;line-height: 80px;display: inline-block;margin: 10px;}
.section20 ul li .n_pic span{display: block;font-size: 28px;background: #f6f6f6;}
.section20 ul li .n_txt{display: inline-block;float: left;overflow: hidden;width: 440px;}
.section20 ul li .n_txt a h3{color: #111;font-size: 16px;margin-top: 13px;margin-bottom: 8px;font-weight: normal;}
.section20 ul li .n_txt a p{color: #888;font-size: 14px;line-height: 25px;margin-right: 5px;text-align: left;}
.section20 ul li:hover{background: #f6f6f6;}


#footerx{width: 100%;}
#footerx .f_top{width: 100%;height: 265px;background: #343434;}
#footerx .f_top .conx{width: 1200px;}
#footerx .f_top .left{width: 598px;height: 171px;float: left;color: #FFF;margin-top: 50px;border-right: 1px solid #626262;}

#footerx .f_top .left .phone p{padding-top: 10px;font-size: 14px;}
#footerx .f_top .left .phone .number{width:260px;font-size: 38px;font-weight: bold;border-bottom: 1px solid #797979;padding-bottom: 5px;}
#footerx .f_top .left .phone p img{display: inline-block;vertical-align: middle;}
#footerx .f_top .left p.adv{padding-top: 10px;}
#footerx .f_top .left p.adv a{font-size: 14px;color: #e8e8e8;}
#footerx .f_top .right{width: 500px;height: 171px;float: left;color: #e8e8e8;margin-top: 50px;text-align: left;padding-left: 50px;font-size: 13px;line-height: 26px;}
#footerx .f_btm{width: 100%;height: 50px;color:#e8e8e8;line-height: 50px;text-align: center;font-size: 12px;background: #1d1b1c;}



/******右侧广告*******/
#fixedx{position:fixed; right:5px;  top:30%; z-index:999; width:50px; height:auto;}
#fixedx li{position:relative;width:100%; height:50px; background:rgba(154,154,154,0.7); margin-bottom:3px; transition:all .5s; -webkit-transition:all .5s;}
#fixedx li a{display:block; width:100%; height:100%; text-align:center; line-height:50px; color:#fff; font-size:20px; position:relative; transition:all .5s; -webkit-transition:all .5s;}
#fixedx li a span{display:block; height:100%; width:0; text-align:center; background:rgba(154,154,154,0.7); line-height:50px; color:#fff; font-size:16px; position:absolute; top:0; right:50px; z-index:2; transition:all .5s; -webkit-transition:all .5s; overflow:hidden;}
#fixedx li:hover a{background:rgba(154,154,154,1);}
#fixedx li:hover a span{width:160px; background:rgba(154,154,154,1);}
#fixedx li a .fa-comment{transform:rotateY(180deg);}
#fixedx li.weixin span{display:none;width:160px;height:150px;top:0;left:-165px;}
#fixedx li.duan:hover a span{width:100px;}
#fixedx li.weixin:hover span{display: block;}