
.topbar{z-index:999;position:fixed;top:0;left:0;right:0;padding:20px 10%;background-color:rgba(0,0,0,.4);transition:.3s;}
#topbar.shuai{position:fixed;top:0;left:0;right:0;z-index:99999999999;background-color:rgba(0,0,0,.3);}
.topbar .wrapper {width:auto !important;margin:0 40px;padding:0;}
.topbar .logo{float:left;display:block;width:12%;height:36px;line-height:36px;margin: 0;}
.topbar .logo img{max-width:100%;vertical-align:middle}

.topbar .nav{float:right;height:auto !important;position:absolute; width: 60%;left:50%; margin-left:-350px;}
.topbar .nav ul{}
.topbar .nav ul li{float:left;text-align:center;padding:0 21px;line-height:36px;}
.topbar .nav ul li ul{position:absolute;right: 0;width:142.8%;top:46px;overflow:hidden;height:auto;z-index:999;transition:0.3s;background: #fff; padding: 25px 20px 30px ;border-top:3px solid #faa633 ;}

.topbar .nav ul li .sub li{width: 20%;padding: 5px 20px;float: left;box-sizing: border-box;border-right:1px solid #eee ;}
.topbar .nav ul li .sub li:nth-last-of-type(1){border: 0;}
.topbar .nav ul li .sub li dd{font-size: 12px; color: #888;line-height: 18px;}

.topbar .nav ul li .sub1{width: 110%; left: -30%;}
.topbar .nav ul li .sub1 li{width: 20%;}

.topbar .nav ul li .sub2{width: 50%; left: 0%;}
.topbar .nav ul li .sub2 li{width: 50%;}

.topbar .nav ul li .sub3{width: 30%; left: 20%;}
.topbar .nav ul li .sub3 li{width: 100%;}



.topbar .nav ul li .sub4{width: 90%;left: 5%;}
.topbar .nav ul li .sub4 li{width: 33%;}

.topbar .nav ul li .sub6{width: 60%; left: 0% }
.topbar .nav ul li .sub6 li{width: 33.33%;}

.topbar .nav ul li .sub7{width: 50%; left: 30% }
.topbar .nav ul li .sub7 li{width: 50%;}

.topbar .tel {font-size:20px; color:#F7A433; text-align:right; line-height:20px; margin-top:-5px;}
.topbar .tel small {display:block;font-size:14px;}


.fixims .fixim {border: 1px solid #F7A433 !important;}
.fixims .fixim i {color:#F7A433 !important;}


.quickchannel {background:#ddd;text-align:center;position:fixed;bottom:0;left:0;right:0;z-index: 11111;}
.quickchannel a {display:inline-block;padding:10px 20px; margin:0 20px;border-radius: 5px; font-size:16px;background-color: #faa633;color: #fff;}
.quickchannel .selected,.quickchannel a:hover{color: #ffffff;background: #e00012;}



/*首页新闻*/
.article{width:80%;margin:0 auto;position:relative;overflow:hidden;}
.index_news{padding:80px 0;background:url(../images/n_bg.jpg) no-repeat center top;background-size:cover;}
.index_news .slick-dots{ padding-top: 6%; }
.index_news .slick-dots li {margin: 0px 10px;}
.index_news .slick-dots li button{width: 30px; height: 10px; }
.index_news .slick-dots li button:before{ width: 30px; height: 10px; border-radius: 5px; color: #ccc0;background: #fff;font-family:sans-serif; }
.mainnew .mainn_tt{overflow:hidden;}
.mainnew .mainn_tt .img{float:left;width:50%;}
.mainnew .mainn_tt .img img{max-width:100%;display:block;}
.mainnew .mainn_tt .mainn_right{float:right;width:36%;}
.mainnew .mainn_tt .mainn_right .mainn_hy{float:left;width:50%;}
.mainn_right .mainn_hy .hy_tit{font-size:14px;font-weight:bold;margin-bottom:20px; color:#fff}
.mainn_right .mainn_hy  ul{}
.mainn_right .mainn_hy  ul li{line-height:24px;font-size:14px;} 
.mainn_right .mainn_hy  ul li a{color:#96989d;width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}

.index_news .index_newlist{margin-top:100px;}
.index_news .index_newlist .newitem{margin-right:16px}
.index_newlist .newitem .itembox{padding:20px;background: rgba(0, 0, 0, 0.5098039215686274);}
.index_newlist .newitem:hover .itembox{background: #000;}
.index_newlist .newitem a{display:block;}
.index_newlist .newitem a .img img{display:none;max-width:100%;opacity: 0.6;}
.knowledge img{display:none;}
.index_newlist .newitem a .title{font-size:18px;font-weight:bold;line-height:28px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #96989d;margin-top: 10px;}
.index_newlist .newitem a .txt{font-size: 13px;line-height:25px;color:#96989d;overflow:hidden;margin-top:10px;overflow:hidden;}
.index_newlist .newitem a .date {margin-top: 20px;font-size:48px;color:#96989d;font-weight: bold;}
.index_newlist .newitem a .date span{font-size:14px;font-weight:normal;margin-left:14px; line-height: 65px;}
.index_newlist .newitem:hover a .txt,.index_newlist .newitem:hover a .title,.index_newlist .newitem:hover a .date{color: #fff;}
.index_newlist .newitem:hover a .img img{opacity:1;}
@media (max-width:1200px){
    .mainnew .mainn_tt .mainn_right{float:right;width:48%;} 
    .article {width: 90%;}
}
@media (max-width:960px){
    .article{width:90%}
    .index_news .index_newlist{margin-top:40px;}
    .index_newlist .newitem a .date,.index_newlist .newitem a .txt{ display: none; }
    .index_newlist .newitem .itembox{padding:10px}
   .index_newlist .newitem a .title{text-overflow: inherit;white-space: normal; font-size:14px; font-weight:normal;line-height:25px}
}
@media (max-width:480px){
.index_news{padding:60px 0;}
.index_news .mainn_tt{padding:0 10px;}
.mainnew .mainn_tt .img,.mainnew .mainn_tt .mainn_right{float:none;width:100%;}
.mainnew .mainn_tt .img img{max-width:60%;margin-bottom:30px;}
.mainnew .mainn_tt .mainn_right .mainn_all{display:none;}
.mainnew .mainn_tt .mainn_right .mainn_hy{width:100%}
}
/*news 
.wrappers{padding:0% 6%;}
.main_new{   background: url(../images/news.jpg)no-repeat top center !important;} 
.mser_tt{text-align:Center;}
.mser_tt h2{font-size: 48px;font-weight:normal;color: #ececec;padding-top: 20px;}
.mser_tt p{color: #ececec;margin-top:26px;line-height: 28px;font-size: 16px;}

.mnlist {
    margin-top: 30px;
}

.mnlist ul {
    overflow: hidden;
}

.mnlist ul li {
    width: 24%;
    border-right: 1px solid rgba(238, 238, 238, 0.35);
    float: left;
    list-style: none;
}

.mnlist ul li:nth-of-type(4) {
    border-right: 0;
}

.mnlist ul li:nth-of-type(8) {
    border-right: 0;
}

.mnlist ul li a {
    display: block;
    padding: 10px 40px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.mnlist ul li:hover a img {
   filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8;
    -khtml-opacity: .8;
    transition: all .1s linear;
}

.mnlist ul li:hover a .txt{ background:#383838;}
.mnlist ul li:hover a .txt p,.mnlist ul li:hover a .txt  h2{ color:#fff;}
.mnlist ul li:hover .txt i {
    background: #fff;
}

.mnlist ul li a .txt {
    margin-bottom: 20px;
    text-align: center;
    background: #fff;
    border-radius: 0px 0px 10px 10px;
}

.mnlist ul li a .txt h1 {
    font-size: 80px;
    text-align: center;
    color: #D4D4D4;
}

.mnlist ul li a .txt i {
    width: 35px;
    height: 1px;
    background: rgba(0, 0, 0, .15);
    transition: all 0.3s ease-out 0s;
    margin: 5px auto;
    display: block;
}

.mnlist ul li a .txt h2 {
    font-weight: normal;
    font-size: 17px;
    color: #444;
    line-height: 40px;
        white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mnlist ul li a .txt p {
    padding: 0 20px;
    line-height: 28px;
    color: #8D8D8D;
    text-align: left;
    padding-bottom: 20px;
}

.mnlist ul li a .img img {
    display: block;
    width: 100%
}



.more {
    display: block;
    border: 0;
}

.more a {
    display: block;
    width: 146px;
    line-height: 40px;
    text-align: center;
    color: #2e8ad7;
    border: 1px solid #efefef;
    margin: 80px auto 0;
    font-size: 14px;
    transition: .3s;
    position: relative;
}

.more a span {
    transition: all ease-out .3s;
}

.more a i {
    display: block;
    position: absolute;
    top: 10px;
    right: 20px;
    width: 32px;
    height: 20px;
    opacity: 0;
    transition: all ease-out .3s;
}

.more a:hover i {
    opacity: 1;
}

.more a:hover {
    border: 1px solid #aaa
}

@media screen and (max-width: 1440px) {
.mnlist ul li a .txt h2{ font-size:13px; padding:0px 5px}
.mnlist ul li a .txt p{ height:85px; font-size:12px; line-height:25px; }
.mnlist ul li a{ padding:10px;}
}
@media screen and (max-width: 720px) {
	.wrappers{padding:0% 1%}
    .mnlist ul{
        padding:0;
    }
    .mnlist ul li {
    width: 49%;
    border-right: 1px solid #eee;
    float: left;
    list-style: none;
}
.mnlist ul li a .txt h2 {font-size: 13px;line-height: 25px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.mnlist ul li p{ display:none;}.mnlist ul li a{ padding:0px 10px;}
.mnlist ul li a .txt{margin:0px !important;}
.mnlist ul li:nth-of-type(2n) {
    width: 50%;
    border-right: 0;
    float: left;
    list-style: none;
}
    
}

@media screen and (max-width: 360px) {
	.wrappers{padding:0% 1%}
    .mnlist ul li {
    width: 100% !important;
    border-right: 0;
    float: left;
    list-style: none;
}
    }


@media screen and (max-width: 1024px) {
	.quickchannel{display: none;}
}


@media screen and (max-width: 720px) {
    .mnlist ul{
        padding:0;
    }
    .mnlist ul li {
    width: 49%;
    border-right: 1px solid #eee;
    float: left;
    list-style: none;
}
.mnlist ul li a .txt h2 {font-size: 13px;line-height: 40px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.mnlist ul li p{ display:none;}.mnlist ul li a{ padding:0px 10px;}
.mnlist ul li a .txt{margin:0px !important;  border-radius: 0px 0px 6px 6px;}
.mnlist ul li:nth-of-type(2n) {
    width: 50%;
    border-right: 0;
    float: left;
    list-style: none;
}
    
}

@media screen and (max-width: 360px) {
    .mnlist ul li {
    width: 100%;
    border-right: 0;
    float: left;
    list-style: none
}
    }


@media screen and (max-width: 1024px) {
	.quickchannel{display: none;}
}*/

/*首页新闻*/
.section { position: relative; }
.section-container { padding: @sectionpadding; }
.section-bgcol { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -2;  }
.homenew{ background: url(../images/news.jpg)no-repeat top center !important;}
img { max-width: 100%; display: inline-block; }
ul,li { list-style: none; padding: 0; margin: 0; }

.main-title {text-align: center;padding-top: 2%;}
.main-title .title {font-size: 36px;color: #fff;line-height: 60px;margin-bottom: 10px;}
.main-title .subtitle {font-size: 13px;color: #fff;line-height: 23px;}
.list {overflow: hidden;padding: 20px;}
.list li {transition: .3s;-webkit-transition: .3s;-o-transition: .3s;-moz-transition: .3s;float: left;width: 43%;margin: 1% 2%;padding: 2%;border-bottom: 1px solid #ddd;background: #fff;}
.list li:nth-of-type(2n) { margin-right: 0; }
.list li:last-of-type(1), 
.list li:last-of-type(2) { border: 0; }
.list li .title { font-size: 16px; font-weight: 400; color: #333; line-height: 1.5; word-break: break-all; }
.list li .title span { width: 100px; float: right; font-size: 16px; color: #999; line-height: 1; }
.list li .para { margin-top: 1.666%; font-size: 13px; color: #878787; line-height: 1.7; } 
.list li:hover { box-shadow: 0px 0px 20px rgba(0,0,0,.2); }
@media screen and (max-width: 720px) {
    .section-container { padding: 30px 20px; }
    .main-title { margin-bottom: 30px; }
}


@media screen and (max-width: 540px) {
    .main-title { margin-bottom: 0px; } 
    .list li { margin: 0px auto 10px; width: 100%; padding: 15px; padding-bottom: 25px; }
}


.nynewtitle {text-align: center;color: #e6e6e6;font-size: 30px;line-height: 60px;border: 2px #c5c5c5 solid;width: 20%;margin: 2% auto;}
@media screen and (max-width: 720px) {
   .nynewtitle { font-size: 15px; margin-top: 30%;padding: 0% 6%;}
}

.topbar .nav ul li a, .topbar .nav ul .navli a{color:#fff;font-size:18px;display:block;transition:.3s}
.topbar .nav ul  li:hover a, .topbar .nav ul .navli:hover a{color:#faa633}
.topbar .nav ul .navli{margin-right:0;background:#faa633;border-radius:30px;padding:0 28px;margin-left:24px;float: right;}
.topbar .nav ul .navli a{color:#fff;font-size:16px}
.topbar .nav ul .navli:hover{background-color:rgba(250,166,51,.8)}
.topbar .nav ul li ul .navli{background:none;padding:0}
.topbar .nav ul li ul .navli:hover{background:none;padding:0}
.topbar .nav ul li .sub li a{color:#333;font-size:16px;text-align:center}
.topbar .nav ul li .sub{opacity: 0;box-shadow:0px 8px 12px rgba(0,0,0,0.1); visibility:hidden; }
.topbar .nav ul li:hover .sub{opacity:1; visibility:visible; transition: all 0.3s ease-out 0.2s;}
.topbar .nav ul li  .sub li:hover a{color:#faa633}
.topbar .nav ul li  .sub li:hover a dd{color:#faa633}
.home .topbar {background:none;}
.topbar .nav ul .selected  a{color:#faa633}
.topbar .nav ul li .sub .sub_img{width: 100%;height: 90px; padding: 10px;box-sizing: border-box;}
.topbar .nav ul li .sub .sub_img img{max-height: 100%;margin: 0 auto;}

.subscribe {z-index:9999;position:fixed;left:0;top:0;right:0;bottom:0;width:100%;background:rgba(250,166,51,.8);display:none;}
.subscribe a {float:right;margin-right:20px;font-size:80px;color:#fff;}
.subscribe form {text-align:center;padding:220px 0 0 0;font-size:26px;color:#fff;}
.subscribe form input {margin:30px 0;padding:20px 50px;text-align:center;border:0;border-radius:10px;}
.subscribe form input.inputstyle {width:50%;font-size:30px;}
.subscribe form input.dystyle {font-size:20px;}


.fixed{position:fixed;right:2px;bottom:130px;z-index:99999999;width:35px;height:70px;}
.fixed a{display:block;}
.online{position:fixed;bottom:50px;background:#077ae3 url(../images/fixed1.png) no-repeat 10px center;width:65px;line-height:35px;border-radius:3px;padding-left:36px;right:2px;z-index:99999999;color:#fff;font-size:12px; }
.online a{display:block;color:#fff}
.fixed .qq{width:35px;height:35px;background:#faa633 url(../images/fixed2.png) no-repeat center center;position:relative}
.fixed .qq.qq2{background-color:#eb1114}
.fixed .wx{width:35px;height:35px;background:#24b727 url(../images/fixed3.png) no-repeat center center;position:relative}
.fixed .tel{width:35px;height:35px;background:#077AE3 url(../images/fixed_tel.png) no-repeat center center;position:relative;}
.backTop{width:35px;height:35px;background:#666666 url(../images/fixed4.png) no-repeat center center;position:fixed;bottom:95px;right:2px;z-index:9999}

.fixed .wx .ewm{position:absolute;right:100px;bottom:-100%;opacity:0;transition:.6s;visibility: hidden;}
.fixed .wx .ewm img{display:block;width:100px;}
.fixed .wx:hover .ewm{right:45px;opacity:1;z-index:999;visibility: visible; }

.fixed .tel .h_tel,.fixed .qq .h_tel{position:absolute;right:100px;bottom:0;transition:.6s;background:#fff;box-shadow:0 0px 2px #555;width:160px;line-height:36px;height:36px;color:#333;font-size:16px;text-align:center;border-radius:20px;opacity:0; visibility: hidden;}
.fixed .tel:hover .h_tel,.fixed .qq:hover .h_tel{right:45px;opacity:1;visibility: visible;}
.mobile_tel{position:fixed;bottom:0;left:0;right:0;height:38px;line-height:36px;background:#FAA633;text-align:center;color:#fff;z-index:999;font-size:15px;display:none;transition:.3s;}



/*侧边栏*/
.navbtn { background: url(../images/btn-menu.png) no-repeat center center; width: 60px; height: 60px; line-height: 36px; color: #666; display: block; border-right: 0 solid #dedede; float: right; display: none; }
.mm-pagedim-black #mm-blocker { opacity: 0; }
.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
.mm-listview li i{width:6px;height:2px; background:#606060; margin-right:10px;display:block; margin:10px 18px 0 0;float:left;}




.inmessage{background:#f9fafc;padding:80px 0;  position: relative;z-index: 6;}
.inmessage .wrapper{width:1200px;margin:0 auto;}
.inmessbg{background:url(../images/inmessbg.jpg) no-repeat center center;overflow:hidden;}
.inmessbg .mess_left{float:left;width:500px;}
.inmessbg .mess_left .messl_top{margin-bottom:96px;}
.inmessbg .mess_left .messl_top .messl_topen{font-size:48px;color:#4abcc7;}
.inmessbg .mess_left .messl_top .messl_topch{margin-top:30px;font-size:36px;color:#656565;line-height:48px;}
.inmessbg .mess_left .messl_top .messl_topinfo{font-size:12px;color:#656565;line-height:20px;padding-top:16px;margin-top:16px; border-top:1px solid #efefef;}
.messl_bottom{ }
.messl_bottom .mlogo{display:block;max-width:100%;}
.messl_bottom .inconlist{margin-top:40px;}
.messl_bottom .inconlist li{overflow:hidden;margin-bottom:20px;}
.messl_bottom .inconlist li img{display:block;float:left;margin-top:6px;margin-right:10px;}
.messl_bottom .inconlist li div{float:left;font-size:12px; line-height:26px;color:#656565;}

.inmessbg .mess_right{float:right;width:550px;}
.inmessbg .mess_right .msessr_tt{margin-bottom:26px;border-left:3px solid #4abcc7;padding-left:5px;clear: both;}
.inmessbg .mess_right .msessr_tt h2{font-size:24px;color:#383838;font-weight:normal;}
.inmessbg .mess_right .msessr_tt h2 span{font-size:18px;color:#868686}

.inmessbg .mess_right .formbox .form_item{border:1px solid #d6d6d6;background:#eee;height:36px;line-height:36px;padding:0 10px;margin-bottom:10px;font-family:'微软雅黑';}
.inmessbg .mess_right .formbox .form_item .inputstyle{border:none medium;background:none;width:100%;line-height:32px;color:#999}
.itembox{overflow:hidden;}
.inmessbg .mess_right .itembox .form_item{float:left;width:248px;margin-right:10px;}
.inmessbg .mess_right .itembox .form_item:nth-of-type(2){margin-right:0px;}
.formselect{margin-bottom:26px;}
.formselect h2{font-size:18px;color:#656565;margin:20px 0;}
.formselect .selbox{overflow:hidden;}
.formselect .selbox .selleft{float:left;width:308px;}
.formselect .selbox .selright{float:left;width:242px;}
.selitem{overflow:hidden;margin-bottom:16px;}
.selitem i{display:block;float:left;width:12px;height:12px; border:1px solid #d6d6d6;/*margin-right:16px;*/}
.checked{background:#eee;}
.selitem label{font-size:14px;color:#656565;float: left;cursor:pointer;}

input[type=checkbox],input[type=radio] {visibility: hidden;}

.sellmid{overflow:hidden;}
.sellmid .selitem{float:left;margin-right:28px;}
.sellmid .selitem:nth-last-of-type(1){margin-right:0;}

.mess_btn{background:#66686d;text-align:center;line-height:36px;border-radius:8px;}
.mess_btn .btnstyle{border:none medium;background:none;text-align:center;width:100%;color:#fff;font-size:16px;font-family:'微软雅黑';line-height:32px; margin-top:3px;cursor:pointer;}



.home .fixim.form { display: none!important; }
.home .subscribe_form { display: none; }


@media (max-width: 1560px) {
	.topbar .nav ul li{padding:0 16px;}
	.topbar .nav ul li a{font-size:15px;}
	.topbar .nav ul li:nth-last-of-type(1){padding:0 20px}
	.topbar .nav ul li:nth-last-of-type(1) a{color:#fff;}
	.inmessage .wrapper{width:100%;box-sizing: border-box;padding: 0 12px;}
	.inmessbg .mess_left{float:left;width:40%;margin-right:10%}
	.inmessbg .mess_right{float:left;width:50%;} 
	.inmessbg .mess_right .itembox .form_item{width:44%;margin-right:4%;padding:0 2%;margin-left:-2px}
}
@media (max-width: 1366px) {
	.topbar .nav{margin-left: -20%;}

	/* 
	.topbar .nav > ul > li:nth-of-type(6),
	.topbar .nav > ul > li:nth-of-type(5) {
		display:none;
	}		 */
	.navli{display:none;}
	
}
@media (max-width: 1200px) {
	.navbtn {display:block;}		
	.topbar .tel {display:none;}	
	
	#nav { display: none; }
}

	
@media (max-width: 960px) {
	.inmessage{padding:40px 0;}
	.topbar .nav {display:none}
	.scroll_case{display:none}
	.topbar .wrapper{margin:0 10px;}
	.topbar .logo{width:20%}
	.inmessage .wrapper{width:100%;padding:0 10px;box-sizing: border-box;} 
	.inmessbg .mess_left{float:none;width:100%;margin-right:0}
	.inmessbg .mess_right{float:none;width:100%;margin-top:46px;}
	.amain_yslist ul li .txt .tt {font-size: 16px;}
	.inmessbg .mess_left .messl_top{margin-bottom:46px;width: 100% !important;}
	.inmessbg .mess_left .messl_bottom{ width: 100% !important; }
	.amain_yslist ul li:nth-last-of-type(1){margin-bottom:0;}
	.amain_yslist ul li .txt .sub_tt{overflow:hidden;max-height:36px;margin-top: 14px;}
	.amain_ys{padding:80px 0}
	.inmessbg .mess_left .messl_top .messl_topen {font-size:24px;}
	.inmessbg .mess_left .messl_top .messl_topch {font-size:16px;margin-top:16px;line-height:26px;}
}
@media (max-width: 768px) {
	
	.topbar{padding:9px 0px 0px 0px;}
    .topbar .navbtn{ width:50px; height:50px;}
	.topbar .logo{width:38%}
    .topbar .logofb{display:none;}
	.fixed ,.online{display:none}
	.mobile_tel{display:block;}
	.header-top .fr{ display:none}
	
}


@media screen and (max-width: 720px) {
	#doyoo_panel {
		display: none!important;
	}	
    .quickchannel{ display:none;}
}

/* # Footer Fixed Mobile*/
html,
body {
	position: relative;
}
.footer-mobile {
	display: none;
}
@media screen and (max-width: 720px) {
	.footer-mobile {
		display: block;
		height: 45px;
		line-height: 45px;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 10000;
		margin-top: 45px;
	}
	.footer-mobile .footer-container {
		padding: 0;
	}
	.footer-mobile ul {
		overflow: hidden;
	}
	.footer-mobile ul li {
		float: left;
		box-sizing: border-box;
		width: 50%;
		background: #090723;
		text-align: center;
		border-right: 1px solid #5A5A79;
	}
	.footer-mobile ul li:last-of-type {
		border: none;
	}
	.footer-mobile ul li span,
	.footer-mobile ul li a {
		color: #ddd;
		display: inline-block;
		font-size: 15px;
		margin: 0 5px;
	}
}
@media screen and (max-width: 640px) {
	.fixims-btn {
	    bottom: 50px!important;
	}
}
.main {
	background: #fff;
}
.gsjg { float: right; }
.gsjg img { width: 21px; height: 30px; }






/*by ly_huaya 2018/08/23*/

#main-content .fl { float: left; }
#main-content .fr { float: right; }

#main-content img { max-width: 100%; }
#main-content ul,li { list-style: none; margin: 0; padding: 0; }

#main-content .section { position: relative; }
#main-content .section-container { padding: 60px 20px; }
#main-content .section-bgcol { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }

/* 本模块例子 */
#main-content .main-title { position: relative; margin-bottom: 60px; }
#main-content .main-title .title { line-height: 1em; font-size: 24px; color: #333; }
#main-content .main-title .title em { font-style: normal; font-size: 30px; font-weight: 700; text-transform: uppercase; color: #666; position: relative; top: 2px; margin-right: 2px; }
#main-content .main-title .subtitle { font-size: 18px; font-weight: 100; color: #999; }

#main-content .main-title .href { position: absolute; right: 0; bottom: 5px; }
#main-content .main-title .href a { font-size: 14px; color: #333; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; }
#main-content .main-title .href a:hover { text-decoration: underline; font-weight: 700; }



#main-content ul { padding: 20px; box-sizing: border-box; width: 1200px; margin: 0 auto; max-width: 100%; }
#main-content ul li { box-sizing: border-box; background: #E0DFDF; background: #fff; cursor: pointer; overflow: hidden; width: 100%; border: 1px solid #E5E5E5; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; padding:30px 60px 25px; margin-bottom: 20px; }
#main-content ul li:last-of-type { margin-bottom: 0; }
#main-content ul li a { font-size: 36px; font-weight: 700; color: #FAA633; }

#main-content .date { font-size: 16px; font-weight: 700; color: #999; float: left; width: 9%; }
#main-content .date .day { font-size: 36px; color: #FAA633; display: block; line-height: 1em; }
#main-content .img { float: left; width: 15%; overflow: hidden;display: none; }
#main-content .img img { transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; }
#main-content .words { float: right; width: 66%; padding-right: 80px; position: relative; }
#main-content .words .title { margin-bottom: 17px; font-size: 20px; font-weight: 700; color: #444; }
#main-content .words .para { color: #666; line-height: 1.8em; font-size: 14px; font-weight: 100; }
#main-content .points { position: absolute; right: 0; top: 50%; margin-top: -1.5px; }
#main-content .points span { display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #FAA633; margin: 0; }

#main-content ul li:hover { box-shadow: 0px 0px 20px rgba(0,0,0,.7); border-color: transparent; }
#main-content li:hover .img img { transform: scale(1.1); }

#main-content .pagination li {
    display: inline;
    padding: 10px 15px;
    background-color: #eee;
    margin: 0px;
    width: auto;
    float: none;
}
#main-content .pagination li:hover { box-shadow: none; }
#main-content .pagination li.disabled { cursor: not-allowed; }
#main-content .pagination li.active { background: #FAA633; }
#main-content .pa_box { text-align: center; margin-top: 30px; }
#main-content .pagination li a { font-size: 14px; font-weight: 400; color: #666; }
#main-content .pagination li.active a { color: #fff; }
#main-content .pagination { margin-top: 30px; }
#main-content .pagination ul li { display: inline-block; width: auto; float: none; }
#main-content .img { text-align: center; }
#main-content .img img { margin: 0 auto; }

#main-content { padding-bottom: 80px; }

@media screen and (max-width: 1024px) {
	#main-content .date {  width: 11%; }
	#main-content .img { width: 20%;	}
	#main-content .words { width: 56%; padding-right: 60px; display: block!important; }
}


@media screen and (max-width: 960px) {
	#main-content ul li { padding: 20px; }
	#main-content .date { font-size: 14px; margin-right: 20px; }
	#main-content .date .day { font-size: 25px; }
}

@media screen and (max-width: 820px) {
	#main-content .words { width: 53%; }
}
@media screen and (max-width: 720px) {
	.section-container { padding: 40px 20px; }

	.main-title { margin-bottom: 30px; }
	#main-content .date { display: none; }
	#main-content .date,
	#main-content .img,
	#main-content .words { float: none; width: 100%; margin-bottom: 20px; }
	#main-content .words { margin-bottom: 0; padding-right: 0; }
	#main-content .words .title { margin-bottom: 10px; font-size: 18px; font-weight: 300; }
	.points { display: none; }
	#main-content ul { overflow: hidden; }
	#main-content ul li { padding: 0; float: left; width: 48%; margin-right: 4%; border: none; }
	#main-content ul li:nth-of-type(2n) { margin-right: 0; }
	#main-content .words { padding: 20px; box-sizing: border-box; }
	#main-content ul li:hover { box-shadow: none; border-color: transparent; }

	#main-content { padding-bottom: 140px; }
	#main-content .pagination { padding: 0; }
	#main-content .pagination li { display: inline-block; padding: 4px 10px; margin: 0px 0px 5px!important; width: 76px; }
}

@media screen and (max-width: 480px) {
	#main-content ul li { float: none; width: 100%; margin-right: 0; }
}




	
	
/* 	

#LXB_CONTAINER, .doyoo_panel { opacity: 0; }
#LXB_CONTAINER, #LXB_CLOSE_BTN, #LXB_INVITE { z-index: -33!important; } */


/* by ly_huaya 2018/09/26 */
	
	.topbar .nav ul li .sub3 {  width: 25%; left: 0%; }
	.topbar .nav ul li .sub3 li { width: 100%; }
	.topbar .nav ul li .sub5 { width: 50%; left: 20%; }
	.topbar .nav ul li .sub5 li { width: 50%; }
	.ser_top .ser_topr .ser_top_box .top_box { display: block; padding: 10% 0; }	
	.ser_top .ser_topr .top_box .topr_line { margin: 4% 0; }

.site_service .right { float: left; }
.site_service .left { float: right; }

.topbar .wrapper { position: relative; }
.topbar .logo { position: absolute; left: 0; width: 240px; }
.topbar .logofb{ position: absolute;float:left;left: 240px;}
.square { overflow: hidden; }

.topbar .tel { float: right; }
.topbar  { top: 41px; }
.topbar .nav {
	position: relative;
    width: 60%;
    left: 0;
    right: 0;
}
.topbar .nav ul {
    float: right;
}

.topbar .nav ul li .sub2 { width: 110%; }
.topbar .nav ul li .sub2 li { width: 20%; }

.topbar .nav ul li .sub5 { width: 60%; }
.topbar .nav ul li .sub5 li {  width: 33.333%; }

.topbar .nav ul li .sub6 { width: 50%; left: 20%; }
.topbar .nav ul li .sub6 li { width: 50%; }

.topbar .nav ul li .sub3 { width: 50%; left: 20%; }
.topbar .nav ul li .sub3 li { width: 100%; }

.topbar .nav ul li .sub2 {width: 120%;left: -15%;}

.topbar .nav ul li .sub5 {  width: 81%; }
.topbar .nav ul li .sub6 {  width: 60%; right: 0%; left: auto;}


.header-top { border-bottom: 1px solid rgba(255,255,255,.2); font-size: 14px; position: fixed; z-index: 99999999; color: rgba(255,255,255,0.7);  top: 0; left: 0; right: 0; padding: 0 10%; transition: .3s;height: 40px; line-height: 40px; background: rgba(0,0,0,0.4); }
.header-top .fl { font-style: 15px; padding-left: 40px; letter-spacing: 3px;display: none;  }
.header-top .fr { padding-right: 40px; line-height: 40px; }
.header-top .fr img { vertical-align: middle; width: 20px; opacity: .7; filter: alpha(opacity=70); margin: 0  5px; margin-left: 15px; }
.header-top .telnum { display: inline-block; margin: 0 5px; font-weight: 700 }

.topbar .tel { display: none; }


/* 2018/10/15 by ly_huaya */
.site_bg { position: relative; }
.site_bg .banner-text { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.site_bg .banner-text .banner-text-bg { position: absolute; width: 450px; height: 602px; background-image: url(../images/banner1_txt.png); background-position: right center; background-repeat: no-repeat; right: 15%; top: 50%; margin-top: -301px; }
.site_bg .banner-text .txt { margin-top: 248.5px; }
.site_bg .banner-text .title { font-size: 67px; font-weight: 700; color: #fff; }
.site_bg .banner-text .subtitle { font-size: 20px; font-weight: 100; color: rgba(255,255,255,.3); text-transform: uppercase; }
.site_bg .banner-text .banner-text-left { width: 435px; position: absolute; left: 15%; bottom: 30%; } 
.site_bg .banner-text .banner-text-left p { font-size: 48px; color: #fff; line-height: 1.2em; }
.site_bg .banner-text .banner-text-left span {  font-size: 17px; color: rgba(255,255,255,.3); text-transform: uppercase; }


.site_bg .banner2 .banner-text .banner-text-bg { width: 690px; background-image: url(../images/banner2_txt.png); left: 15%; right: auto; background-position: left center; }
.site_bg .banner2 .banner-text .banner-text-left { text-align: right; width: 820px; left: auto; right: 15%; bottom: 10%; }
.site_bg .banner2 .banner-text .txt { margin-top: 184px; }

.site_bg .banner3 .banner-text .banner-text-bg { width: 690px; background-image: url(../images/banner2_txt.png);  }
.site_bg .banner3 .banner-text .txt { text-align: right; margin-top: 184px; }
.site_bg .banner3 .banner-text .banner-text-left { width: 820px; left: 15%; bottom: 10%; }

.site_bg.site_mobile { display: none; }
.site_bg { display: block; }

@media screen and (max-width: 1600px) {
	.site_bg .banner-text .banner-text-bg { background-size: 200px auto; }
	.site_bg .banner-text .title { font-size: 48px; }
	.site_bg .banner-text .banner-text-left p { font-size: 30px; }
	.site_bg .banner-text .banner-text-left span { font-size: 15px; }
	.site_bg .banner2 .banner-text .txt,
	.site_bg .banner3 .banner-text .txt { margin-top: 224px; }
	.site_bg .banner-text .subtitle { font-size: 17px; }
}

@media screen and (max-width: 1200px) {

	.site_bg { display: none; }
	.site_bg.site_mobile { display: block; }
	.header .site_bg img { max-width: 100%!important; width: 100%; }
}
@media screen and (max-width: 720px) {
	.header { padding-top: 100px; }
	.home .header { background: rgba(0,0,0,.4); }
	.home .topbar { background: rgba(0,0,0,.4); }
}