@charset "utf-8";
html{ font:normal 62.5%/2.3em '微软雅黑',arial, \5b8b\4f53,"Hiragino Sans GB",sans-serif;}
body{position:relative; margin:0px; padding:0px; margin:0px auto; font-size:12px; width:100%;  zoom:1;color: #282828;}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px; list-style-type:none;}
/*.ul,.ul li{ list-style:none;}*/
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;font-weight: normal;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; /*color:#fff;*/}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
address{font-style:normal;}
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#fff; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;}
a:focus {outline:none; -moz-outline:none;}
a:hover{color:#4c87ca;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }  
.clear{ clear:both; overflow:hidden;}
.warp{width: 1200px; margin: 0 auto;position: relative;}
.warp2{width: 1366px; margin: 0 auto;position: relative;}
.SinglePage{ /*text-justify:inter-ideograph; text-align:justify;*/ word-wrap:break-word; clear:both; overflow:hidden;}
.SinglePage *,.txtbox *{max-width: 100%;}
.hide{ display:none;}
.BgGrey{background-color: #f5f5f5;}
.Table{display: table;height: 100%;}
.Table .Td{display:table-cell; vertical-align:middle;}
html{height: 100%;}
body{min-height: 100%;}

/*头部*/

.Top{position: absolute; top: 0;left: 0;z-index: 53; padding: 2.5% 3.125% 0;width: 100%;}
.Top .Logo{float: left;}
.Top .Logo .img2{display: none;}
.Top .TopRight{float: right;padding-top: 3px;}
.Top .TopRight .btn_agent{display: block;width: 105px;height: 32px;border:2px solid #fff;border-radius: 6px;color: #fff;text-align: center;line-height: 28px;float: left;}
.Top .TopRight .btn_agent:hover{background-color: #062a67;border-color: #062a67;}
.Top .TopRight .tel{font-size: 12px;color: #fff;float: left;line-height: 1em;padding: 2px 12px;}
.Top .TopRight .tel b{display: block;padding-bottom: 4px;}
.Top .TopRight .tel span{display: block;}
.Top .TopRight .btn_SideBar{display: block;width: 20px;height: 20px;background: url(../images/btn_menu.png) no-repeat center;float: right;margin-top: 7px;}
.Top .btn_MainNav{display: none;width: 20px;height: 20px;background: url(../images/btn_menu.png) no-repeat center;position: absolute;top: 28.5%;left: 3.125%;}
.Top .MainNav{float: right;padding-top: 13px;}
.Top .MainNav li{margin: 0 22px;float: left;}
.Top .MainNav li a{display: block;color: #fff;padding: 0 5px;padding-bottom: 16px;border-bottom:transparent 3px solid;line-height: 1em;font-size: 14px;}
.Top .MainNav li.on a,.Top .MainNav li a:hover{border-color: #fff;}

.TopContact .TopRight .btn_SideBar,.TopContact .btn_MainNav{background-image: url(../images/btn_menu2.png);}
.TopContact .Logo .img1,.TopFixed .Logo .img1{display: none;}
.TopContact .Logo .img2,.TopFixed .Logo .img2{display: inline-block;}
@media screen and (min-width:768px){
.TopFixed{position: fixed;padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #d4d4d4;background-color: #fff;}
.TopFixed .MainNav li a,
.TopContact .MainNav li a{color: #565656;}
.TopFixed .MainNav li.on a,.TopFixed .MainNav li a:hover,
.TopContact .MainNav li.on a,.TopContact .MainNav li a:hover{color: #0b2b65;border-color: #0b2b65;}
.TopFixed .TopRight .btn_agent,
.TopContact .TopRight .btn_agent{background-color: #ff8627;border-color: #ff8627;}
.TopFixed .TopRight .tel,
.TopContact .TopRight .tel{color: #565656;}
.TopFixed .TopRight .btn_SideBar{background-image: url(../images/btn_menu2.png);}
}



.SideBar{width: 290px;height: 100%;position: fixed;right: 0;top: 0;z-index: 53; background-color: #1b1b1b;text-align: center;transform:translateX(100%);transition:0.3s;opacity:0;}
.SideBar.Show{ transform:translateX(0); opacity:1;}
.SideBar .Logo2{padding: 10% 0;}
.SideBar .SideBarNav li{padding: 5% 0;}
.SideBar .SideBarNav li a{font-size: 14px;}
.SideBar .SideBarNav li a:hover{color: #ed8119;}
.SideBar .SideBarBot{position: absolute;bottom: 6%;width: 100%;left: 0;}
.SideBar .QRBox img{width: 88px;height: 88px;}
.SideBar .QRBox .p{padding-top: 10px;line-height: 1em;color: #fff;}
.SideBar .Share{padding: 35% 0 10%;}
.SideBar .Share a{display: block;width: 61px;height: 61px;border-radius: 50%;background-color: #282828; padding: 0;margin: 0 1.5px;display: inline-block;*display: inline;*zoom:1;background-position: center;float: none;}
.SideBar .Share a:hover{background-color: #4c87ca;}
.SideBar .Share a.bds_tsina{background-image: url(../images/img_share1.png);}
.SideBar .Share a.bds_weixin{background-image: url(../images/img_share2.png);}
.SideBar .Share a.bds_tqq{background-image: url(../images/img_share3.png);}
.SideBar .Copyright{color: #fff;}

@media screen and (max-height:900px){
	.SideBar .SideBarNav li{padding: 3% 0;}
	.SideBar .Share{padding: 8% 0;}
}
@media screen and (max-height:700px){
   .SideBar .SideBarNav li{padding: 1% 0;} 
   .SideBar .SideBarBot{bottom: 2%;}
}
@media screen and (max-height:600px){
   .SideBar .Share{padding: 4% 0 0;}
   .SideBar .Share a{width: 40px;height: 40px;}
   .SideBar .SideBarNav li{padding: 1% 0;}
}
/*尾部*/
.Foot{background: url(../images/line_bottom.png) no-repeat top center;}
.FootTop{width: 1020px;margin: 0 auto;max-width: 96%;position: relative;padding-top: 47px;padding-bottom: 36px;}
.FootTop .FootLinks{width: 22%;float: left;}
.FootTop .FootLinks .h3{font-size: 18px;color: #252525;font-weight: bold;line-height: 1em;padding-bottom: 30px;}
.FootTop .FootLinks .p{font-size: 12px;color: #7f7f7f;line-height: 28px;}
.FootTop .FootLinks .SelectBox{border:1px solid #e5e5e5;width: 100%;padding-right: 24%;position: relative;font-size: 12px;color: #282828;line-height: 35px;text-indent: 13px;}
.FootTop .FootLinks .SelectBox:after{content: "";display: block;width: 15px;height: 8px;background: url(../images/arrow_footlink.png) no-repeat;position: absolute;right: 12%;margin-right: -7.5px;top: 15px;}
.FootTop .FootLinks .SelectBox span{display: block;border-right:1px solid #e5e5e5;}
.FootTop .FootLinks .SelectBox dl{display: none;position: absolute;top: 36px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;width: 100%;background-color: #fff;z-index: 9;}
.FootTop .FootLinks .SelectBox dd{border-bottom:1px solid #e5e5e5;width: 100%;}
.FootTop .FootLinks .SelectBox dd a{display: block;color: #000;}
.FootTop .FootContact{width: 43%;margin-left: 9%;float: left;}
.FootTop .ContactInfo .h3{font-size: 18px;color: #252525;font-weight: bold;line-height: 1em;padding-bottom: 30px;}
.FootTop .ContactInfo .h3 a{color: #252525;}
.FootTop .ContactInfo .p{width: 50%;float: left;font-size: 12px;color: #252525;line-height: 26px;padding-left: 18px;white-space: nowrap;}
.FootTop .ContactInfo .ico1{background: url(../images/ico_contact1.png) no-repeat left center;}
.FootTop .ContactInfo .ico2{background: url(../images/ico_contact2.png) no-repeat left center;}
.FootTop .ContactInfo .ico3{background: url(../images/ico_contact3.png) no-repeat left center;}
.FootTop .ContactInfo .ico4{background: url(../images/ico_address.png) no-repeat left center;}
.FootTop .OtherNav{margin-top: 20px;border-top: 1px solid #e0e0e0;padding-top: 5%;}
.FootTop .OtherNav li{float: left;padding-left: 12px;background: url(../images/ico_othernav.png) no-repeat left center;margin-right: 42px;}
.FootTop .OtherNav li a{font-size: 12px;color: #919191;}
.FootTop .FootQR{position: absolute;right: 0;top: 0;width: 119px;}
.FootTop .FootQR:after{content: "";border:transparent solid 15px;border-bottom-color: #00205b;position: absolute;top: -30px;left: 50%;margin-left: -15px;}
.FootTop .FootQR .btn_backtop{height: 41px;line-height: 41px;text-align: center;font-size: 16px;color: #fff;background-color: #00205b;display: block;}
.FootTop .FootQR .QRImg{padding: 14px;background-color: #ff8627;}
.FootBot{border-top:1px solid #dedede;padding: 18px 0;}
.FootBot .Copyright{font-size: 12px;color: #8f8f8f;float: left;}
.FootBot .FootNav{float: right;}
.FootBot .FootNav li{float: left;margin-left: 36px;}
.FootBot .FootNav li a{color: #a7a7a7;font-size: 12px;}



/*首页*/
.HomBan{position: relative;}
.HomBan li{background-position: center;background-repeat: no-repeat;background-size: cover;}
.HomBan li img{display: none;}
.HomBan .bx-pager{position: absolute;bottom: 10%;left: 0;width: 100%;text-align: center; z-index: 50;}
.HomBan .bx-pager-item{display: inline-block;margin: 0 6px;}
.HomBan .bx-pager-item a{display: block;width:13px;height: 13px;background: url(../images/dot.png) no-repeat; text-indent: 13px;overflow: hidden;}
.HomBan .bx-pager-item a.active{background-image: url(../images/doton.png);}
.HomBan .bx-prev,.HomBan .bx-next{display: block;width: 50px;height: 50px;text-indent: 50px;overflow: hidden; background-repeat: no-repeat;background-position: center;position: absolute;top: 50%;margin-top: -25px;z-index: 52;}
.HomBan .bx-prev{background-image: url(../images/prev.png);left: 3.125%;}
.HomBan .bx-next{background-image: url(../images/next.png);right: 3.125%;}
.Ban1 .text{color: #0b2b65;position: absolute;top:30%;left: 10%;margin-top: -67px;}
.Ban1 .h2{font-size: 61px;line-height: 1em;padding-bottom: 24px;}
.Ban1 .h3{font-size: 50px;line-height: 1em;}


.Ban2 .text{color: #fff;position: absolute;top:50%;margin-top: -67px; right: 10%;text-align: right;}
.Ban2 .h2{font-size: 61px;line-height: 1em;padding-bottom: 24px;}
.Ban2 .h3{font-size: 43px;line-height: 1em;}
.HomBan .h2{
animation:fadeInUp 1s;
-webkit-animation:fadeInUp 1s; 
}
.HomBan .h3{
animation:fadeInUp 2s;
-webkit-animation:fadeInUp 2s; 
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}



.Banner{padding-bottom: 32.8%;background-repeat: no-repeat;background-size: cover;background-position: 0 0;}
.About1{background:#f4f4f6 url(../images/bg_about1.jpg) no-repeat top center;padding-bottom: 6%;}
.About1 .Title{padding: 6.4% 0 0;text-align: center;}
.About1 .Title .h3{font-size: 30px;color: #565656;padding: 3.3% 0 8%;text-transform: uppercase;}
.About1 .SinglePage .img{width: 56%;padding: 0 7% 0 3%;float: left;}
.About1 .SinglePage .text{width:44%;float: left;padding-top: 4%;}
.About1 .SinglePage .text .h2{color: #565656;padding-bottom: 2%;height: 43px;}
.About1 .SinglePage .text .h2 b{font-weight: normal;font-size: 30px;float: left;line-height: 30px;padding-right: 14px;color: #0b2b65;}
.About1 .SinglePage .text .h2 span{display: block;line-height: 1em;padding-top: 3px;font-size: 14px;color: #0b2b65;}
.About1 .SinglePage .text .h2 i{font-style:normal;display: none;}
.About1 .SinglePage .text .p{font-size: 14px;line-height: 30px;color: #656565;}
.About1 .SinglePage .text .h3{padding-top: 10%;padding-bottom: 2%;}
.About1 .SinglePage .text .h3 img{float: left;}
.About1 .SinglePage .text .h3 span{color: #565656;font-size: 30px;line-height: 41px;padding-left: 17px;}

.About2{background:#fff url(../images/bg_about2.jpg) no-repeat top center;padding-bottom: 11%;}
.About2 .Title{text-align: center;padding: 8.6% 0 10%;}
.About2 .Title .h2{font-size: 48px;color: #00205b;line-height: 1em;padding-bottom: 2%;}
.About2 .Title .h3{font-size: 24px;color: #565656;text-transform: uppercase;}
.About2 .list{text-align: center;}
.About2 .list ul{width: 92.5%;margin: 0 auto;}
.About2 .list li{cursor: pointer;width: 17%;float:left;margin: 0 1.5%;float: left; text-align: center;}
.About2 .list .icobox{padding-bottom: 110.64%;background: url(../images/six_about1.png) no-repeat;position: relative; background-size: 100% 100%;}
.About2 .list .icobox .ico{height: 50px;width: 100%; position:absolute;top: 50%;margin-top: -25px;left: 0; }
.About2 .list .icobox .ico1{}
.About2 .list .icobox .ico2{display: none;}
.About2 .list li:hover .icobox{background-image: url(../images/six_about1on.png);}
.About2 .list li:hover .icobox .ico1{display: none;}
.About2 .list li:hover .icobox .ico2{display: inline;}
.About2 .list .h3{font-size: 18px;color: #565656;padding-top: 25%;}
.About2 .list .h3:after{content: "";display: block;width: 28px;height: 1px;background-color: #656565;margin: 12% auto 8%;}
.About2 .list li:hover .h3{color: #ff8627;}
.About2 .list .p{font-size: 14px;color: #656565;line-height: 30px;}

.About3{background:#5b95ac url(../images/bg_about3.jpg) no-repeat top center;padding-bottom: 6%;}
.About3 .Title{text-align: center;padding: 7.6% 0 8%;}
.About3 .Title .h2{font-size: 48px;color: #00205b;line-height: 1em;padding-bottom: 2%;}
.About3 .Title .h3{font-size: 24px;color: #fff;text-transform: uppercase;}
.About3 .list{position: relative;width: 670px;height: 605px;position: relative;margin: 0 auto;}
.About3 .list .CenterIco{padding-top: 245px;text-align: center;}
.About3 .list .CenterIco .p{font-size: 24px;color: #0b2b65;line-height: 30px;}
.About3 .list .CenterIco b{display: block;font-weight: normal;font-size: 26px;}
.About3 .list li{cursor: pointer; display: block;text-align: center; width: 208px;height: 208px;background: url(../images/circle_about.png) no-repeat;background-size: 100% auto;position: absolute;}
.About3 .list li.li1{top: 0px;left: 236px;}
.About3 .list li.li2{top: 149px;right: 0px;}
.About3 .list li.li3{bottom: 0px;left: 377px;}
.About3 .list li.li4{bottom: 0px;left: 90px;}
.About3 .list li.li5{top: 149px;left: 0px;}
.About3 .list li .icobox{padding: 42px 0 8px;}
.About3 .list li .ico2{display: none;}
.About3 .list li:hover .ico1{display: none;}
.About3 .list li:hover .ico2{display: inline;}
.About3 .list li .h3{font-size: 16px;color: #fff;}
.About3 .list li:hover .h3{color: #ff8627;}

.About4{background-color: #2c5871; padding: 6% 0;}
.About4 .list{position: relative;width: 672px;height: 637px;position: relative;margin: 0 auto;}
.About4 .list .CenterIco{padding-top: 227px;text-align: center;}
.About4 .list .CenterIco .p{font-size: 24px;color: #72e0ff;line-height: 30px;margin-top: 23px;}
.About4 .list .CenterIco b{display: block;font-weight: normal;font-size: 26px;}
.About4 .list li{cursor: pointer; display: block;text-align: center; width: 188px;height: 208px;background: url(../images/six_about2.png) no-repeat;position: absolute;}
.About4 .list li.li1{top: 0px;left: 73px;}
.About4 .list li.li2{top: 0px;left: 410px;}
.About4 .list li.li3{top: 249px;right: 0px;}
.About4 .list li.li4{bottom: 0px;left: 243px;}
.About4 .list li.li5{top: 249px;left: 0px;}
.About4 .list li:hover{background-image: url(../images/six_about2on.png);}
.About4 .list li .icobox{padding: 42px 0 8px;}
.About4 .list li .ico2{display: none;}
.About4 .list li:hover .ico1{display: none;}
.About4 .list li:hover .ico2{display: inline;}
.About4 .list li .h3{font-size: 16px;color: #72e0ff;}
.About4 .list li:hover .h3{color: #ff8627;}

.ColumnTitle{padding: 6.4% 0 4.5%;text-align: center;}
.ColumnTitle .h2{font-size: 48px;color: #00205b;line-height: 1em;padding-bottom: 2%;}
.ColumnTitle .h3{font-size: 24px;color: #565656;text-transform: uppercase;}
.Live1{background:#f4f4f6 url(../images/bg_about1.jpg) no-repeat top center;padding-bottom: 6%;}
.Live1 .p{font-size: 16px;color: #656565;line-height: 40px;text-align: center;}

.Live2{background:url(../images/bg_live2.jpg) repeat top center;padding-bottom: 38px;/*border-top: 1px solid #d3d3d5;*/}
.Live2 .ContBox{position: relative;}
.Live2 .ContBox .img{width: 46.6%;margin-left: 53.4%;}
.Live2 .ContBox .text{position: absolute;left: 0;top: 5%;height: 88%;width: 55.4%;padding: 0 6%; overflow: auto;}
.Live2 .ContBox .text .p{text-align: right;font-size: 14px;color: #656565;line-height: 36px;}
.Live2 .ContBox .overlay{position: absolute;display: block; top: 0;left: 0;width: 100%;height: 100%;z-index: 2;background: url(../images/overlay_live2.png) repeat;padding: 2%;}
.Live2 .ContBox .overlay .Bor{height: 100%;border:1px solid #c9c9c9; }
.Live2 .ContBox:hover .overlay{display: none;}

.Live3{background:#fff url(../images/bg_about2.jpg) no-repeat top center;background-size: cover;}
.Live3 .hd{text-align: center;padding-bottom: 9%;}
.Live3 .hd span{font-size: 24px;color: #afafaf;padding: 0 27px;line-height: 31px;}
.Live3 .hd .on span{color: #00205b;}
.Live3 .hd a{display: inline-block;*display: inline;*zoom:1;width: 31px;height: 31px;}
.Live3 .hd .prev,.Live3 .hd .next{display: inline-block;*display: inline;*zoom:1;cursor: pointer;padding: 0 5px;}
.Live3 .hd .prev a{background: url(../images/prev_live.png) no-repeat;float: right;}
.Live3 .hd .prev.on a{background-image: url(../images/prev_liveon.png);}
.Live3 .hd .next a{background: url(../images/next_live.png) no-repeat;float: left;}
.Live3 .hd .next.on a{background-image: url(../images/next_liveon.png);}
.Live3 .bd{position: relative;padding-bottom: 10%;}
.Live3 .bd .ProBox1{background-color: #eee;padding: 3.5% 0 4%;}
.Live3 .bd .img{position: absolute;left: 3%;top: -7%;width: 42.25%;border-bottom: 6px solid #ff8627;}
.Live3 .bd .text{width: 52%;margin-left: 48%;position: relative;}
.Live3 .bd .text .tit{position: relative;margin-bottom: 8%;}
.Live3 .bd .text .tit:after{content: "";width: 11%;height: 2px;background-color: #565656;position: absolute;top: 50%;margin-top: -1px;left: -13%;}
.Live3 .bd .text .tit b{float: left;padding-right: 9px;}
.Live3 .bd .text .tit span{font-size: 14px;color: #565656;padding-top: 10px;display: block;}
.Live3 .bd .icolist .item{width: 45%;margin-right: 5%;float: left;margin-bottom: 6%;}
.Live3 .bd .icolist .item .ico{float: left;}
.Live3 .bd .icolist .item .div{margin-left: 43px;}
.Live3 .bd .icolist .item .h3{font-size: 14px;color: #3a3a3a;padding-bottom: 8px;}
.Live3 .bd .icolist .item .p{font-size: 12px;color: #656565;line-height: 18px;}

.Live3 .ProBox2{display: none;}
.Live3 .ProBox2 .ItemBox{display: none;}
.Live3 .ProBox2 .ProBox2Warp{background-color: #eee;padding: 0% 0 3%;margin-top: 5%;}
.Live3 .ProBox2 .img{top: -21%;}
.Live3 .ProBox2 .text .tit{position: absolute;width: 100%;top: -17%; margin-bottom: 0;}
.Live3 .ProBox2 .text .tit b{font-size: 22px;color: #ff8627;}
.Live3 .ProBox2 .text .tit span{padding-top: 4px;}
.Live3 .ProBox2 .text .p_text{font-size: 14px;color: #656565;padding: 36px 3% 28px;margin: 0;}
.Live3 .ProBox2 .icolist .item{width: 46%;margin-right: 4%;float: left;margin-bottom: 4%;}
.Live3 .ProBox2 .icolist .item .h3{font-size: 12px;padding-bottom: 2px;line-height: 1em;}

.Live3 .PreTab{padding-top: 5px;}
.Live3 .PreTab li{width: 33.3%;float:left;text-align: center;padding-top: 45px;position: relative;}
.Live3 .PreTab li ..BoxWarp{display: inline-block;}
.Live3 .PreTab li .circle{width: 106px;height: 106px;border:3px solid #ff8627;border-radius: 50%;overflow: hidden;margin: 0 auto;}
.Live3 .PreTab li .circle img{height: 100%;transform:translateX(-14%);max-width: 999px;}
.Live3 .PreTab li .h3{font-size: 18px;color: #565656;padding: 11px 0 4px;}
.Live3 .PreTab li .p{font-size: 14px;color: #656565;}
.Live3 .PreTab li.on:after{content: "";border:transparent 20px solid;border-top-color: #d9d9d9;position: absolute;top: 0;left: 50%;margin-left: -20px;}
.Live3 .PreTab li.on .h3{color: #ff8627;}

.Live4{background-position: center;background-repeat: no-repeat;background-size: cover;text-align: center;padding-bottom: 6.7%;}
.Live4 .warp{width: 1668px;max-width: 100%;}
.Live4 .ColumnTitle .h2{color: #fff;}
.Live4 .ColumnTitle .h3{color: #fff;}
.Live4 .ContBox ul{padding-bottom: 2%;}
.Live4 .ContBox li{width: 33.3%;float: left;}
.Live4 .ContBox li .BoxWarp{width: 244px;color: #fff;padding: 46px 26px;margin: 0 auto;}
.Live4 .ContBox li:hover .BoxWarp{background: url(../images/overlay_live4.png) repeat;}
.Live4 .ContBox li .h3{font-size: 24px;line-height: 1em;padding: 28px 0 20px;}
.Live4 .ContBox li .p{font-size: 14px;}
.Live4 .ContBox .p_text{width: 1200px;margin: 0 auto;max-width: 96%;border:dashed 1px #8d827b;padding: 12px 30px;color: #fff;}

.Live5{background: url(../images/bg_live5.jpg) repeat;padding-bottom: 5%;}
.Live5 .ContBox{width: 100%;overflow: hidden;padding-top: 4%;}
.Live5 ul{width: 1350px;}
.Live5 li{width: 300px; height:200px;margin-right: 150px;padding-bottom: 40px;float: left;}
.Live5 li .h3{font-size: 20px;color: #fff;line-height: 35px;margin-bottom: 5px;}
.Live5 li .p{font-size: 16px;color: #656565;line-height: 27px;width: 77%;}
/*.Live5 li .bg1{background: url(../images/bg_livearrow1.png) no-repeat left center;}
.Live5 li .bg2{background: url(../images/bg_livearrow2.png) no-repeat left center;}
.Live5 li .bg3{background: url(../images/bg_livearrow3.png) no-repeat left center;}
.Live5 li .bg4{background: url(../images/bg_livearrow4.png) no-repeat left center;}
.Live5 li .bg5{background: url(../images/bg_livearrow5.png) no-repeat left center;}
.Live5 li .bg6{background: url(../images/bg_livearrow6.png) no-repeat left center;}*/

.Live6{background: url(../images/bg_live5.jpg) repeat;}
.Live6 .ContBox{width: 100%;overflow: hidden;padding-top: 2.5%;padding-bottom: 9%;}
.Live6 ul{width: 1218px;}
.Live6 li{width: 179px;margin-right: 18px;float: left;border:5px solid #c8a063;border-radius: 24px;background-color: #c8a063;font-size: 16px;text-align: center;}
.Live6 li .h3{color: #fff;line-height: 28px;display: block;}
.Live6 li .h3 b{font-size: 48px;line-height: 43px;display: inline-block;}
.Live6 li .p{background-color: #fff;color: #666464;border-radius: 0 0 24px 24px;padding: 5px 0;}

.Live7{background-color: #e3e7ec;padding: 68px 0;}
.Live7 .LiveTop{position: relative; cursor: pointer;margin-bottom: 23px;}
.Live7 .LiveTop dt{border:3px solid #a0a0a0;width: 36%;height: 100%; position: absolute;left: 0;top: 0;color: #565656;}
.Live7 .LiveTop dt em{font-size: 96px;font-style: normal;line-height: 63px;background-color: #e3e7ec;margin-left: 7%;font-family: arial;}
.Live7 .LiveTop dt span{font-size: 32px;}
.Live7 .LiveTop dd{background-color: #d2dae4;font-size: 18px;color: #656565;width: 62%;margin-left: 38%;padding: 2% 8%;font-size: 18px;color: #656565;line-height: 30px;}
.Live7 .LiveTop.on dt{border-color: #c8a063;color: #001f67;}
.Live7 .LiveTop.on dd{background-color: #d3bc9a;color: #fff;}
.Live7 .ContBox{display: none;}
.Live7 .ContBox dl{background-color: #edf0f3;margin-bottom: 9px;height: 125px;}
.Live7 .ContBox dt{background-color: #d3bc9a;width: 323px;float: left;max-width: 100%;}
.Live7 .ContBox dd{margin-left: 323px;padding: 10px 5%;height: 100%;}
.Live7 .ContBox dd ul{float: left;padding-right: 5%;}
.Live7 .ContBox dd li{float: left;margin: 0 6px;}
.Live7 .ContBox dd .p{font-size: 16px;color: #656565;line-height: 30px;}
.Live7 .ContBox dd .Table{padding: 0 6px;}

.Live8{background-position: center;background-repeat: no-repeat;background-size: cover;text-align: center;padding-bottom: 10%;}
.Live8 .ColumnTitle{padding-bottom: 8%;}
.Live8 .ColumnTitle .h3{color: #fff;}
.Live8 .ContBox{color: #eaf2f6;border:dashed 1px #eaf2f6;display: inline-block;padding: 4% 15%;}
.Live8 .ContBox .p{font-size: 14px;line-height: 35px;}
.Live8 .ContBox .p em{font-style: normal;font-size: 18px;}

/*.JobBan{padding-bottom: 19.6%;}*/
.Join1{padding: 50px 0;}
.Join1 .ColumnTitle{padding: 15% 0 25px;}
.Join1 .ColumnTitle .h2{float: left;}
.Join1 .ColumnTitle .h3{text-align: left;padding: 26px 0 0 22px;float: left;}
.Join1 .img{width: 26.8%;float: right;margin-right: 10%;}
.Join1 .text{width: 47.2%;float: left;margin-left: 6.3%;}
.Join1 .tex .p{font-size: 14px;color: #656565;line-height: 30px;}

.Join2{background-color: #f1f1f1;}
.Join2 .ContBox{overflow: hidden;width: 100%;padding-bottom: 4%;}
.Join2 ul{width:1614px; }
.Join2 li{width: 290px;float: left;margin-right: 248px;}
.Join2 li .BoxWarp{width: 290px;max-width: 100%;margin: 0 auto;text-align: center;}
.Join2 li .h3{font-size: 20px;color: #002060;padding: 36px 0 16px;}
.Join2 li .p{font-size: 14px;color: #656565;line-height: 30px;padding-bottom: 24px;}

.Join3 .ContBox{overflow: hidden;width: 100%;padding-bottom: 4%;}
.Join3 ul{width: 102.6%;}
.Join3 li{width:30.8%;margin:0 2.5% 2.5% 0;float: left;background-color: #a2a2a2;color: #fff;padding-bottom: 15px;}
.Join3 li .img{overflow: hidden;}
.Join3 li img{width: 100%; -webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;}
.Join3 li img:hover{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
.Join3 li .text{position: relative;text-align: center;padding: 0 5px;}
.Join3 li .ico{width: 85px;height: 85px;padding:10px;background-color: #a2a2a2;border-radius: 50%;position:absolute;top: -41px;left: 50%;margin-left: -41px;}
.Join3 li .h3{font-size: 20px;padding: 59px 0 8px;}
.Join3 li .p{font-size: 14px;line-height: 30px; width: 317px;margin:0 auto;max-width: 100%;}

.Join4{background:#fefefe url(../images/bg_live5.jpg) repeat;padding-bottom: 8%;}
.Join4 .ContBox{}
.Join4 .ContBox .h3{padding-left: 19px;background: url(../images/ico_dot.png) no-repeat left center;font-size: 24px;color: #002060;}
.Join4 .ContBox .text{width: 41.7%;float: left;}
.Join4 .ContBox .text .h3{margin: 24px 0 32px 0; }
.Join4 .ContBox .p{font-size: 14px;color: #656565;line-height: 30px;/*padding-left: 17px;*/}
.Join4 .ContBox .Img{position: relative;width: 50%;margin: 11px 11px 0 0;float: right;}
.Join4 .ContBox .Img img{position: relative;z-index: 3;}
.Join4 .ContBox .Img:after{content: ""; position: absolute;right: -10px;top: -10px;;width: 100%;height: 100%;background-color: #a2a2a2;}
.Join4 .ContBox .item{width: 46%;padding-bottom: 20px;margin: 5% 0 5% 8%; float: left;}
.Join4 .ContBox .item.NoBor{margin-left: 0;}
.Join4 .ContBox .item dt{float: left;}
.Join4 .ContBox .item dd{margin-left: 194px;}
.Join4 .ContBox .item dd .h4{font-size: 18px;color: #656565;padding: 22px 0;}
.Join4 .ContBox .item dd .p{font-size: 14px;line-height: 24px;color: #656565;}
.Join4 .ContBox ul{padding-top: 4%;}
.Join4 .ContBox li{width: 25%;text-align: center;float: left;}

.Join5{background:#fefefe url(../images/bg_live5.jpg) repeat;padding-bottom: 8%;}
.Join5 .ContBox{overflow: hidden;width: 100%;padding-bottom: 4%;}
.Join5 ul{width: 103%;}
.Join5 li{/*cursor: pointer; */width:17%;padding: 0 1.6%;float: left;margin-right: 3%;min-height: 368px;text-align: center;margin-bottom: 3%;}
.Join5 li:hover{background: url(../images/overlay_Join5.png) repeat;}
.Join5 li .ico{padding: 19% 0 14%;}
.Join5 li .h3{font-size: 18px;color: #444;padding-bottom: 10%;}
.Join5 li .p{font-size: 14px;line-height: 24px;color: #656565;}

.Join6{background-color: #f1f1f1;}
.Join6 .ContBox{width: 1073px;margin: 0 auto;padding-top: 5%;padding-bottom: 8%;}
.Join6 li{float: left;width: 158px;margin-left: 147px;position: relative;height: 60px;padding: 6px 0; font-size: 16px;color: #dda45d; background-color: #ebebeb;border-radius: 30px;text-align: center;}
.Join6 li:after{content: "";display: block;width: 43px;height: 31px;background: url(../images/arrow_join5_1.png) no-repeat;position: absolute;left: -98px;top: 50%;margin-top: -15.5px;}
.Join6 li:first-child{margin-left: 0px;}
.Join6 li:first-child:after{display: none;}
.Join6 .ul2{padding-top: 60px;}
.Join6 .ul2 li{float: right;margin: 48px 147px 0 0;}
.Join6 .ul2 li:after{background: url(../images/arrow_join5_3.png) no-repeat;left: auto;right: -98px;}
.Join6 .ul2 li:first-child{margin-right: 0px;height: 158px;border-radius: 79px;padding: 50px 0;margin-top: 0;}
.Join6 .ul2 li:first-child:after{background: url(../images/arrow_join5_2.png) no-repeat;display: block;left: 50%;width: 31px;height: 43px;margin-left: -15.5px;margin-top: 0;top: -51px;}
.Join6 .li2,.Join6 .li4,.Join6 .li7{color: #0d6fb8;}

.Join7{background:#fefefe url(../images/bg_live5.jpg) repeat;}
.Join7 .ContBox{padding-bottom: 10%;}
.Join7 .ContBox .Item{width: 46%;float: left;margin: 0 2% 37px 2%;}
.Join7 .Item .h3{font-size: 16px;color: #00205b;padding: 0 0 15px 15px;}
.Join7 .Item i{font-style: normal;color: #ff0000;}
.Join7 .SelectBox{float: left;background-color: #fff;border:2px solid #e8eaee;width: 100%;padding-right: 40px;position: relative;font-size: 16px;color: #999;line-height: 52px;text-indent: 20px;border-radius: 8px;margin-bottom: 20px;}
.Join7 .SelectBox:after{content: "";display: block;width: 16px;height: 9px;background: url(../images/arrow_joinform.png) no-repeat;position: absolute;right: 20px;top: 24px;}
.Join7 .SelectBox span{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Join7 .SelectBox dl{display: none;position: absolute;top: 54px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;width: 100%;background-color: #fff;z-index: 9;}
.Join7 .SelectBox dd{border-bottom:1px solid #e5e5e5;width: 100%;}
.Join7 .SelectBox dd a{display: block;color: #000;}
.Join7 .InputBox{float: left;background-color: #fff;border: 2px solid #e8eaee;width: 100%;position: relative;font-size: 16px;color: #999;line-height: 52px;border-radius: 8px;margin-bottom: 20px;}
.Join7 .InputBox span{position: absolute; left: 20px;top: 0;}
.Join7 .InputBox input{width: 100%;text-indent: 20px;height: 56px;}
.Join7 .cols_2{width: 48.5%;margin-right: 3%;}
.Join7 .NoMar{ margin-right: 0;}
.Join7 .ico{}
.Join7 .ico input{text-indent: 44px;}
.Join7 .ico span{left: 44px;}
.Join7 .ico_name{background:#fff url(../images/ico_joinform1.png) no-repeat 15px center;}
.Join7 .ico_tel{background:#fff url(../images/ico_joinform2.png) no-repeat 15px center;}
.Join7 .ico_email{background:#fff url(../images/ico_joinform3.png) no-repeat 15px center;}
.Join7 .btn_submit{display: block;width: 140px;height: 55px;text-align: center;line-height: 55px;background-color: #00205b;font-size: 16px;color: #fff;float: right;border-radius: 5px;margin-right: 2%;}

.NewsTitle{position: relative;margin: 52px 0 37px;}
.NewsTitle .h2{font-size: 24px;color: #062967;float: left;padding-right: 9px;}
.NewsTitle .more{float: left;font-size: 14px;color: #666;}
.NewsTab{position: absolute;right: 0;top: 0;}
.NewsTab li{float: left;}
.NewsTab li a{display: block;width: 73px;height: 28px;line-height: 28px;text-align: center;color: #666666;font-size: 16px;}
.NewsTab li.on a{background-color: #062967;color: #fff;}
.News1 .List{overflow: hidden;}
/*.News1 .List .item{width: 102%;display: none;}*/
.News1 .List .item{width: 102%;}
.News1 dl{background: url(../images/line_news.jpg) repeat-x top center;padding: 22px 13px;float: left;width:48%; margin-right: 2%;margin-bottom: 3%;}
.News1 dt{float: left;width: 34%;}
.News1 dt img{width: 100%;}
.News1 dd{width: 62%;float: right;}
.News1 dd{font-size: 14px;color: #898989;}
.News1 dd .h3{}
.News1 dd .h3 a{font-size: 16px;font-weight: bold;color: #656565;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.News1 dd .h3 a:hover{text-decoration: underline;}
.News1 dd span{display: block;padding: 7px 0 11px;}
.News1 dd .p{line-height: 24px;height: 72px;overflow: hidden;}

.News2 .List{overflow: hidden;}
/*.News2 .List ul{width: 102%;display: none;}*/
.News2 .List ul{width: 102%;}
.News2 .List li{min-height: 110px;background: url(../images/line_news.jpg) repeat-x top center;padding: 22px 13px;float: left;width:48%; margin-right: 2%;margin-bottom: 3%;}
.News2 .List li .h3 a{font-size: 16px;font-weight: bold;color: #656565;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.News2 .List li .h3 a:hover{text-decoration: underline;}
.News2 .List li span{display: block;padding: 7px 0 11px;}

.News3 .more{float: right;}
.News3 .List{overflow: hidden;padding-bottom:6%;}
.News3 .List ul{width: 101.7%;}
.News3 .List li{width: 18.3%;margin: 0 1.7% 2% 0;float: left;}
.News3 .List .Img{position: relative;}
.News3 .List .Img:after{content: "";position: absolute;left: 50%;top: 50%;width: 32px;height: 33px;margin: -16px 0 0 -16px; background: url(../images/ico_news.png) no-repeat;}
.News3 .List .Img img{width: 100%;}
.News3 .List .h3{padding-top: 8px;font-size: 14px;color: #666666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.Partner{background:#fefefe url(../images/bg_live5.jpg) repeat;padding-bottom: 12.5%;}
.Partner .bd{text-align: center;padding:5% 0 12%;}
.Partner .bd li .h3{font-size: 24px;color: #00205b;line-height: 1em;}
.Partner .bd li .h3:after{content: "";display: block;width: 24px;height: 2px;background-color: #00205b;margin: 28px auto 24px;}
.Partner .bd li .p{font-size: 16px;color: #666666;line-height: 37px;}
.Partner .bd li span{font-size: 14px;display: block;margin: 25px 0 32px;}
.Partner .bd li span a{color: #ff8627;}
.Partner .bd li span a:hover{text-decoration: underline;}
.Partner .bd .bx-prev,.Partner .bd .bx-next{display: inline-block;*display: inline;*zoom:1;cursor: pointer;width: 31px;height: 31px;margin: 0 5px;text-indent: 31px;overflow: hidden;}
.Partner .bd .bx-prev{background: url(../images/prev_partner.png) no-repeat;}
.Partner .bd .bx-prev:hover{background-image: url(../images/prev_liveon.png);}
.Partner .bd .bx-next{background: url(../images/next_partner.png) no-repeat;}
.Partner .bd .bx-next:hover{background-image: url(../images/next_liveon.png);}
.Partner .hd{width: 100%;overflow: hidden;background-color: #d9d9d9;}
.Partner .hd .Box{width: 100.7%;}
.Partner .hd a{display: block;float: left; width: 32.8%;margin: 0.5% 0.5% 0 0; text-align: center;background:#fefefe url(../images/bg_live5.jpg) repeat;}
.Partner .hd a img{opacity: 0.5;}
.Partner .hd a.active img{opacity: 1;}
.Partner .hd .a0,.Partner .hd .a1,.Partner .hd .a2{margin-top: 0px;}

.Contact{background-color: #f6f6f6;}
.Contact .warp{width: 930px;margin: 0 auto;}
.Contact .ContBox{position: relative;}
.Contact .ColumnTitle{padding-bottom: 11%;}
.Contact .ContactInfo{padding-right: 100px;max-width: 630px;}
.Contact .ContactInfo .h3{font-size: 30px;color: #00205b;padding-bottom: 27px;border-bottom: 1px solid #d2d2d2; margin-bottom: 25px;}
.Contact .ContactInfo .p{width: 50%;float: left;font-size: 12px;color: #252525;line-height: 32px;padding-left: 18px;}
.Contact .ContactInfo .ico1{background: url(../images/ico_contact1.png) no-repeat left center;}
.Contact .ContactInfo .ico2{background: url(../images/ico_contact3.png) no-repeat left center;}
.Contact .ContactInfo .ico3{background: url(../images/ico_contact2.png) no-repeat left center;}
.Contact .ContactInfo .ico4{background: url(../images/ico_address.png) no-repeat left 27px;color: #646465;margin: 15px 0 24px;border-top: 1px solid #d2d2d2;padding: 18px; clear: both;width: 100%;}
.Contact .ContactInfo .QRBox{width: 89px;text-align: center;}
.Contact .ContactInfo .QRBox .h4{font-size: 14px;color: #ff8627;}
.Contact .ContactSide{position: absolute;right: 0;top:0;width: 83px;}
.Contact .ContactSide li{line-height: 48px;border-bottom:1px solid #d9d9d9;}
.Contact .ContactSide li a{padding-left: 30px;color: #333;}
.Contact .ContactSide li a:hover,.Contact .ContactSide li.on a{color: #00205b;}
.Contact .ContactSide .li1 a{background: url(../images/ico_cr1.png) no-repeat 4px center;}
.Contact .ContactSide .li2 a{background: url(../images/ico_cr2.png) no-repeat 4px center;}
.Contact .ContactSide .li3 a{background: url(../images/ico_cr3.png) no-repeat 4px center;}
.Contact .ContactSide .li4 a{background: url(../images/ico_cr4.png) no-repeat 4px center;}
.Contact .ContactSide .li5 a{background: url(../images/ico_cr5.png) no-repeat 4px center;}
.Contact .ContactSide .li1 a:hover,.Contact .ContactSide .li1.on a{background: url(../images/ico_cr1on.png) no-repeat 4px center;}
.Contact .ContactSide .li2 a:hover,.Contact .ContactSide .li2.on a{background: url(../images/ico_cr2on.png) no-repeat 4px center;}
.Contact .ContactSide .li3 a:hover,.Contact .ContactSide .li3.on a{background: url(../images/ico_cr3on.png) no-repeat 4px center;}
.Contact .ContactSide .li4 a:hover,.Contact .ContactSide .li4.on a{background: url(../images/ico_cr4on.png) no-repeat 4px center;}
.Contact .ContactSide .li5 a:hover,.Contact .ContactSide .li5.on a{background: url(../images/ico_cr5on.png) no-repeat 4px center;}
.Contact .Map{width: 100%;height: 384px;margin-top: 8%;}

.NewsShow{padding: 5% 0;}
.NewsShow .title{ text-align:center; border-bottom:1px solid #f1f1f1; margin-bottom:3%;}
.NewsShow .title h1{ color:#000;font-size:20px;}
.NewsShow .title time{ display:inline-block; line-height:46px;}
.NewsShow video{width: 100%;margin-top: 30px;}



@media screen and (max-width:1366px){
  .warp2{width: 96%;}
  .Join2 ul{width: 100%;}
  .Join2 li{width: 33.3%;margin-right: 0px;}
}

@media screen and (max-width:1200px){
.warp{width: 96%;}

.Live4 .ContBox .p_text{padding: 12px 2%;}

.Live5 ul{width: 100%;}
.Live5 li{width: 33.3%;margin-right: 0px;padding: 0 2% 30px 2%;}
.Live5 li .p{font-size: 14px;}
.Live6 ul{width: 100%;}
.Live6 li{width: 27.3%;margin: 0 3%;margin-bottom: 20px;}
.Join1 .img{text-align: center;}
.Join1 .ColumnTitle{padding-top: 40px;}

.Join3 li{width: 47.5%;}

.Join4 .ContBox .Img{width: auto;margin: 11px 11px 30px 0;float: left;}
.Join4 .ContBox .text{width: 100%;margin-bottom: 50px;}
.Join4 .ContBox .item{width: 100%;margin: 0 0 30px;}
.Join4 .ContBox li{width: 50%;margin-bottom: 30px;}

.Join5 li{width: 30.3%;}

.Join6 .ContBox {width: 100%;}
.Join6 .ContBox>ul{ width: 100%; }
.Join6 li{ width: 14.6%; margin-left: 13.75%;}
.Join6 li:after{left: -70%;}
.Join6 .ul2 li{margin-right:13.75%;}
.Join6 .ul2 li:after{right: -70%;}
.Join7 .ContBox .Item{width: 100%;margin: 0;}
.Live7 .ContBox dl {height: auto;}

}

@media screen and (max-width:1024px){
/*.HomBan li{height: auto !important;}
.HomBan li img{display: block;}*/
.Contact .warp{width: 96%;}
.FootBot .FootNav{display: none;}
.Live3 .ProBox2 .img{top: -14%;}
.Join2 li .BoxWarp{ width:92%; }
.Live7 .ContBox dd ul {width: 100%;}
}

@media screen and (max-width:991px){
.Join6 .ul2 li:first-child {padding: 20px 0;}
}

@media screen and (max-width:767px){
    .Join1 .img{ margin-top: 6%;}
	.Top .Logo{float: none;text-align: center;}
	.Top .Logo img{width: 50%;}
	.Top .TopRight{position: absolute;top: 28.5%;right: 3.125%;padding-top: 0;}
	.Top .TopRight .btn_agent{display: none;}
	.Top .TopRight .tel{display: none;}
	.Top .TopRight .btn_SideBar{margin-top: 0px;}
	.Top .btn_MainNav{display: block;}
	.Top .MainNav{display: none;}
	.Top .MainNav{float: none;position: absolute;width: 100%;left: 0;padding: 0 3.125%;background-color: #fff;top: 130%;}
	.Top .MainNav li{margin: 0;float: none;border-bottom: 1px solid #eaeaea;}
	.Top .MainNav li a{border-bottom: 0px;padding-bottom: 0px;padding: 15px 0;background-color: #fff;color: #111;text-indent: 10px;}
	.Top .MainNav li.on a,.Top .MainNav li a:hover{}

	.FootTop .FootLinks{float: none;width: 100%;margin-bottom: 30px;}
	.FootTop .FootContact{float: none;width: 100%;margin-left: 0px;}
	.FootTop .ContactInfo .p{width: 100%;}
	.FootTop .FootQR{width: 60px;}
    .FootTop .FootQR .QRImg{display: none;}

	.About1 .SinglePage .img{width: 100%;padding: 0;}
	.About1 .SinglePage .text{width: 100%;padding-top: 10%;}
	.About2{padding-bottom: 0%;}
	.About2 .Title .h2{font-size: 32px;}
	.About2 .Title .h3{font-size: 18px;}
	.About2 .list ul{display: block;text-align: center;}
	.About2 .list li{width: 43%;margin: 0 3%;margin-bottom: 10%;float: none;display: inline-block;}
	.About3 .Title .h2{font-size: 32px;}
	.About3 .Title .h3{font-size: 18px;}
	.About3 .list{width: auto;height: auto;}
    .About3 .list ul{text-align: center;font-size: 0;}
	.About3 .warp .list li{position: relative;width: 48%;padding-bottom: 48%;margin: 2% 1%;display: inline-block;height: auto;left: 0;top: 0;}
    .About3 .list li .icobox{position: absolute;left: 50%;margin-left: -30px;top: 23%;padding: 0;text-align: center;}
    .About3 .list li .h3{position: absolute;top: 23%;text-align: center;width: 100%;margin-top: 68px;}
	.About3 .list .CenterIco{padding-top: 0px;}

	.About4 .list{width: auto;height: auto;}
    .About4 .list ul{text-align: center;font-size: 0;}
	.About4 .warp .list li{position: relative;width: 48%;padding-bottom: 53%;margin: 2% 1%;display: inline-block;height: auto;left: 0;top: 0;background-size: 100% auto;}
    .About4 .list li .icobox{position: absolute;left: 50%;margin-left: -30px;top: 23%;padding: 0;text-align: center;}
    .About4 .list li .h3{position: absolute;top: 23%;text-align: center;width: 100%;margin-top: 68px;}
	.About4 .list .CenterIco{padding-top: 0px;}

	.ColumnTitle .h2{font-size: 24px;}
	.ColumnTitle .h3{font-size: 16px;}

	.Live2 .ContBox .img{width: 100%;margin-left: 0px;}
	.Live2 .ContBox .img img{width: 100%;}
	.Live2 .ContBox .text{position: static;width: 100%;padding: 5%;}
	.Live2 .ContBox .text .Table{display: block;}
	.Live2 .ContBox .text .Td{display: block;}

	.Live3 .hd span{padding: 0 8px;}
	.Live3 .bd{padding-top: 0px;}
	.Live3 .bd .img{position: static;width: 100%;}
	.Live3 .bd .img img{width: 100%;}
	.Live3 .bd .text{width: 96%;padding: 5% 2% 0;margin-left: 0px;}
	.Live3 .ProBox2 .text .tit{position: static;}
	.Live3 .bd .icolist .item{width: 100%;margin-right: 0px;}

	.Live4 .ContBox li{width: 100%;float: none;}

	.Live5 li{width: 50%; text-align: center;}

    .Live6 li{width: 44%;}

	/*.Live7 .LiveTop dt{width: 100%;height: 80px;}*/
	.Live7 .LiveTop dt em{font-size: 70px;line-height: 48px;padding: 0 5px;}
	.Live7 .LiveTop dt span{font-size: 26px;}

	.Join1 .ColumnTitle .h2{float: none;}
	.Join1 .ColumnTitle .h3{float: none;padding-left: 0px;padding-top: 0;HomBantext-align: center;}

	.NewsTab{position: static;clear: both; margin-top: 5%;float: left;}
	.News1 .List .item{width: 100%;}
	.News1 dl{width: 100%;margin-right: 0px;}
	.News1 dd .p{height: 48px;}
	.News2 .List ul{width: 100%;}
	.News2 .List li{width: 100%;margin-right: 0px;}
	.News3 .List li{width: 48.3%;margin-bottom: 20px;}

	.Contact .ContactInfo{padding-right:0;}
	.Contact .ContactInfo .p{width: 100%;}
	.Contact .ContactSide{position: static;width: 100%;margin-top: 30px;}

    .HomBan .text{margin-top: -33px;}
    .HomBan .h2{font-size: 30px;line-height: 1em;padding-bottom: 12px;}
    .HomBan .h3{font-size: 24px;line-height: 1em;}

    .Ban1 .text{top: 20%;}
    .Ban2 .text{top: 40%;}

    








}

@media screen and (max-width:640px){
    .Join1 {padding: 10px 0 25px;}
    .Join3 li{width: 100%;}
    .Join5 li{width: 47%;}
    .Join1 .img{width: 100%;margin: 0;text-align: center; margin-top:0; display: none;}
    .Join1 .text{width: 100%;margin: 0;}

    .Join6 .ContBox{width: 158px;margin: 0 auto;}
    .Join6 .ContBox li{margin: 100px 0px 0 0;width: 158px;margin-left: 0;}
    .Join6 .ContBox li:first-child{margin-top: 0px;}
    .Join6 .ContBox li:after{background: url(../images/arrow_join5_2.png) no-repeat;width: 31px;height: 43px;left: 50%;margin-left: -15.5px;top: -58px;}
    .Join6 .ul2{padding-top:0px;}
    .Join6 .ul2 li:first-child{margin-top: 100px;}
    .Join6 .ul2 li:first-child::after{top: -70px;}

    .Join6 li:after{left: -98px;}
    .Join6 .ul2 li{margin-right:0;}
    .Join6 .ul2 li:after{right: px;}
    .Join6 .ul2 li:first-child {padding: 50px 0;}
    .Live7 .LiveTop dt{position: static;height: 100px;margin-bottom: 24px;width: 100%;}
    .Live7 .LiveTop dd{width: 100%;margin-left: 0px;}
    .Live7 .ContBox dl{height: auto;padding-bottom: 10px;}
    .Live7 .ContBox dt{float: none;}
    .Live7 .ContBox dd{margin-left: 0px;padding: 10px;}
    .Live7 .ContBox dd ul{float: none;padding-bottom: 10px;}
    .Live7 .ContBox dd li{margin-bottom: 10px;}
    .Join2 li{width: 100%;margin-bottom: 50px;}

    
    .Live7 .ContBox dt {margin: 0 auto;}
    .Live7 .ContBox dd {text-align: center;}
    .Live7 .ContBox dd ul { padding-right: 0; }
    .Live7 .ContBox dd li {display: inline-block; float: none;}
    .Live7 .ContBox dd .Table {margin: 0 auto;}
    .Table .Td {display: block;}
    .Live1 .p {line-height: 32px;}
    .Live2 .ContBox .text{ padding: 5% 10%;}
    .Live2 .ContBox .text .p{line-height: 32px;}
    .Live4 .ContBox li { width: 33.33%; float: left;}
    .Live4 .ContBox li .BoxWarp { width: 100%; padding: 46px 5%;}
    .About1 .Title h2 img{ width:50%; }
    .About1 .Title .h3{font-size: 24px;}
    .About2 .list li {width: 31%;margin: 0% 1% 10%;float: left;}
    .About3 .warp .list li{width: 31%;}
    .About3 .list li .h3{ top: 48%;}
    .About4 .warp .list li{width: 31%;}
    .warp {width: 90%;}
    .warp2{width: 90%;}


}

@media screen and (max-width:480px){
.SideBar{width: 240px;}
.Live6 li{width: 46%;margin: 0 2% 20px 2%;font-size: 14px;}
.Join5 li{min-height: 393px;}
.About3 .list li .icobox,.About4 .list li .icobox{margin-left: -20px;}
.About3 .list li .icobox img,.About4 .list li .icobox img{width: 40px;}
.About3 .list li .h3,.About4 .list li .h3{margin-top: 46px;font-size: 14px;line-height: 16px;}
.About4 .list li .h3{margin-top: 85%;}
}

@media screen and (max-width:375px){
    .Live8 .ContBox {padding: 4% 8%;}
}