/**********  所有页面都要共用的样式  **********/

/*::-webkit-scrollbar {
	display: none;
}*/

a {
	color: #000000;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(200, 200, 200, 0.2);
}
a:hover{

	text-decoration: none;
}

a:focus, a:hover {
    color: #ff0000;
    text-decoration: none;
}
body {
	font-family: "微软雅黑";
}

img {
	border: none;
}

ul {
	list-style-type: none;
	padding-inline-start: 0px;
}

body {
	background: #fff;

}

input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}

textarea {
	resize: none;
	background: inherit;
}

.container {
	padding-left: 0;
	padding-right: 0;
}

.row {
	padding-left: 0;
	padding-right: 0;
}

.cont_c li:hover{
	background: #fdcdbe;
}

/*页头*/

.top_tb {
	text-align: left;
	height: 25px;
	line-height: 25px;
}

.top_tb span {
	font-size: 12px;
	color: #4a4a4a;
}

.top_rb {
	text-align: right;
	float: right;
}

.top_rb li {
	float: left;
	font-size: 12px;
	color: #4a4a4a;
}

/*二部分*/

.con_top {
	width: 100%;
	background-color: white;
	height: auto;
}

.ltop_a {
	float: left;
	text-align: left;
	padding-left: 0;
	padding-right: 0;
}

.ltop_a img {
	padding: 0 0 0 0;
}

.ltop_a p {
	padding: 22px 0 0 77px;
	font-size: 18px;
	color: #848484;
	margin: 0 0 3px;
}

.ltop_b {
	float: left;
	text-align: left;
	padding-left: 200px;
	padding-right: 0;
}

.ltop_b img {
	margin-top: 20px;
}
.cltop_c{
	float: right;
}
.cltop_c img {
	margin-top: 20px;
}

/*三部分 导航区域*/

.nav_dd {
	width: 100%;
	background: #fff;
}

.nav_con {
	padding-left: 0;
	padding-right: 0;
}

.nav_con ul {
	margin-block-end: -2px;
}


.nav_con li {
    font-size: 18px;
    color: #3d3d3d;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
}
/*.nav>li>a:focus,*/
.nav>li>a:hover {
	text-decoration: none;
	background-color: #cf0008;
	color: #FFFFFF;
	/*border-bottom: 2px solid #0b8c00;*/
}


.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	background-color: #cf0008;
	color: #FFFFFF;
/*	border-bottom: 2px solid #0b8c00;*/
}
.navbar-nav>li>a {
	line-height: 1.5em;
}

.another {
	/*background: #dd7909;*/
}

.another a {
	color: #FFFFFF;
}

.another img {
	vertical-align: middle;
}

.another span {
	padding: 0 5px;
	vertical-align: middle;
}

.nav>li>a {
	padding: 26px 17.5px;
	font-size: 16px;
	color: #666;
	border-right: 1px solid #eee;
	text-align: center;
}

.serc {
	position: absolute;
	top: 5px;
	right: 13px;
	bottom: 4px;
	background: #0b8c00;
	border-radius: 5px;
	padding: 6px 16px;
}

.serc span {
	color: #FFFFFF;
	font-size: 18px;
	vertical-align: middle;
}

.dropdown-menu {
	min-width: 155px;
}

.dropdown-menu>li>a {
	text-align: center;
	padding: 9px 15px;
	font-size: 14px;
}

/*第四部分*/
/*第一行*/

.news {
	width: 100%;
	margin: 0 auto;
	background: #fef7ef;
}

.anno {
	margin: 45px auto 0;
	padding-top: 15px;
	background: #f7f8f8;
}

.anno ul {
	padding-inline-start: 0;
	padding-left:0px;
	margin-left:0px;
}

.anno li {
	text-align: center;
	background: #fae9e4;
	padding: 26px 2px;
	margin-bottom: 15px;
}

.anno  li:hover{
	background: #fdcdbe;
	
}

.anno img {
	vertical-align: middle;
}

.anno span {
	vertical-align: middle;
	font-size: 20px;
	font-weight: 600;
	color: #db0000;
}

.reb_tu {
	height: 30px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	background: #0b8c00;
	opacity: 0.8;
}

.carousel-inner p {
	line-height: 30px;
	height: 30px;
	font-size: 20px;
	padding-left: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	color: #FFFFFF;
	z-index: 999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	width: 77%;
}

.carousel-inner {
	margin-top: 45px;
}

.carousel-indicators .active {
	width: 60px;
	height: 10px;
	margin: 0;
	background-color: #ff0000;
	border-radius: 0;
	border: none;
	vertical-align: middle;
}

.carousel-indicators li {
	border: none;
	width: 60px;
	height: 6px;
	border-radius: 0px;
	background-color: #eee;
	vertical-align: middle;
}

@media screen and (min-width: 768px) .carousel-indicators {
	bottom: 0;
}

.carousel-indicators {
	position: absolute;
	bottom: 0;
	left: -44%;
	right: 0;
	z-index: 15;
	width: 100%;
	padding-left: 0;
	margin-left: 0;
	text-align: right;
	list-style: none;
	margin-bottom: 14px;
}

.bt_con {
	width: 100%;
	margin: 0 auto;
}

.bt_a {
	text-align: center;
    width: 26%;
	border-bottom: 3px solid #0b8c00;
}
.bt_b {
	text-align: center;
    width: 114px;
	border-bottom: 3px solid #0b8c00;
}
.bt_a h3 {
	font-size: 20px;
	color: #db0000;
	font-weight: 600;
}

.bt_a h2 {
	font-size: 25px;
	color: #db0000;
	font-weight: 600;
}
.not_con{
	padding-left: 0;
	padding-right: 0;
}
.notice {
	border: 1px solid #d0d0d0;
}

.not_a {
	width: 100%;
	overflow: hidden;
}

.not_a ul {
	list-style-type: square;
	color: #999999;
	padding-left: 2em;
	overflow: hidden;
	margin-top: 1px;
}

.not_a li {
	width: 100%;	
	height: 33px;
	clear: both;
}

.not_a a {
	overflow: hidden;
	display: inline-flex;
	height: 31px;
	line-height:31px;
	
}

.not_a p {
    width: 63%;
	text-align: left;
	font-size: 14px;
	color: #525252;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	float: left;
	margin:0;
}

.not_v {
	display: inline-block;
}

.not_a span {
	width: 25%;
	font-size: 14px;
	color: #525252;
}

.more_a {
	float: right;
	color: #cf3c3a;
	font-size: 14px;
	padding: 0 5px;
	margin-top: -15px;
	padding-right: 15px;
/*	margin-bottom: 10px;*/
	padding-bottom: 10px;
}

/*第一行完*/
/*第二行*/

.wd_con {
	width: 100%;
	margin: 20px auto;
	border-bottom: 2px solid red;
}

.wd_a {
	padding: 5px 10px;
	width: 50%;
	background: -webkit-linear-gradient(112deg, #dc2800, #fe2f00);
	text-align: center;
}

.wd_a img {
	vertical-align: middle;
	padding: 0 5px;
}

.wd_a span {
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
	vertical-align: middle;
}

.wd_tu {
	width: 100%;
	margin: 0 auto;
}

.wd_i {
	width: 50%;
	float: left;
	border: 1px solid #e5e5e5;
	margin: 0 auto;
	padding: 2px;
}

.wd_i img {
	width: 100%;
	height: 118px;
}

.wd_w {
	padding: 10px;
}

.wd_w {
	width: 50%;
	float: right;
	padding: 15px;
}

.wd_w p {
	font-size: 14px;
	line-height: 2em;
	max-height:80px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.wd_w a {
	float: right;
	text-align: right;
	color: #cf3c3a;
}
.wd_w a:hover{

	color: #920303;
}
.wdd_con {
	width: 100%;
	margin: 0px auto;
}



.wdd_a {
	width: 100%;
	overflow: hidden;
}

.wdd_a ul {
	list-style-type: square;
	color: #fe2f00;
	padding-left: 2em;
	overflow: hidden;
}

.wdd_a li {
	width: 100%;
	margin: 11px auto;
	clear: both;
}

.wdd_a p {
	width: 90%;
	text-align: left;
	font-size: 14px;
	color: #525252;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	float: left;
}


.wdd_a p:hover {
	color: #fe2f00;
}
.not_a p:hover {
	color: #fe2f00;
}
.feet_s p:hover {
	color: #fe2f00;
}

.wdd_a p {
	font-size: 14px;
	color: #525252;
	width: 90%;
	overflow: hidden;
	height:20px;
	line-height:20px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	float: left;
}

/*第三行*/

.fp_rwe {
	background: #f9f3f3;
	border: 4px solid #ffdada;
}

.fp_bt {
	width: 100%;
	margin: 0 auto;
	border-bottom: 2px solid #cccccc;
}

.fp_bt_n {
	width: 36%;
	text-align: center;
	border-bottom: 3px solid #fe2f00;
}

.fp_bt_n h3 {
	font-size: 18px;
	color: #4b4b4b;
	font-weight: 600;
}

.fp_rin {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #e4e4e4;
    overflow: hidden;
    padding-left: 0;
    margin: 0 auto;
    border-spacing: 20px 26px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 0;
}

.fp_rin .inner {
	display: table-cell;
	vertical-align: middle;
	width: 33.3%;
	padding: 19px 30px;
	background: #ffeaea;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	text-align: center;
}


.fp_rin .inner:hover{
	background: #fdcdbe;
	
}
.inner span{
    font-size: 20px;
    font-weight: 600;	
	display: inline-block;
    color: #f80000;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9000), to(#f80000));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}
.fp_rin .bander {
	padding: 19px 30px;
	display: table-cell;
	vertical-align: middle;
	width: 33.3%;
	background: #ffeaea;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	text-align: center;
}


.fp_rin .bander:hover{
	background: #fdcdbe;
	
}
.bander span{	 
    font-size: 20px;
    font-weight: 600;	
	display: inline-block;
    color: #f80000;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9000), to(#f80000));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}
.fp_wen {
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #e4e4e4;
	overflow: hidden;
	display: table;
	margin: 0 auto;
}

.feet_s {
	width: 100%;
	overflow: hidden;
}
.feet_s a{
	padding-bottom: 10px;
}

.feet_s ul {
	list-style-type: square;
	color: #999999;
	padding-left: 2em;
	overflow: hidden;
}

.feet_s li {
	width: 100%;
	margin: 11px auto;
}

.feet_s p {
	width: 90%;
	text-align: left;
	font-size: 14px;
	color: #525252;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	float: left;
}

.tel_li {
	position: relative;
}

.tel_li img {
	top: 20px;
    right: 17%;
	position: absolute;
}

.pall_wen {
	width: 100%;
	margin: 53px auto 20px;
	text-align: center;
}

.pall_wen p {
	font-size: 18px;
	color: #ee5a09;
}

.pall-r {
	width: 80%;
	margin: 25.5px auto;
	background: #ffceb2;
	border-radius: 5px;
	padding: 17px 40px;
}

.pall-r:hover{
	background: #fae9e4;
}

.pall_wen b {
	font-size: 20px;
	color: #ed0000;
}

/*link*/
.link_bt {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.link_bt li {
	float: left;
	/*max-width: 20%;*/
	text-align: center;
	font-size: 18px;
	color: #000;
}
.nav-tabs {
    border-bottom: none;
}
.link_bt li a{
	font-size: 18px;
	color: #000;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  /*  color: #0b8c00;*/
    color: #fff;
    cursor: default;
    background: url(../img/link.png) no-repeat center;
   /* border: 1px solid #ddd;*/
    border: none;
    border-bottom-color: transparent;
    
}
.link_nr {
	width: 100%;
	height: 84px;
	margin: 10px auto;
	border: 1px solid #c2c2c2;
	padding: 10px;
	overflow: hidden;
}
.link_nr ul{
	margin-left:0px;
	padding-left:0px;
}
.link_nr li {
float: left;
       padding: 0 9px;
    text-align: center;
}

.link_nr span {
	font-size: 16px;
	color: #7a7a7a;
	line-height: 2em;
}
.link_nr span:hover {
	
	color: #0b8c00;
}

/* 底部 */
/* 底部 */
.foot {

	margin: 0 auto;
}
.xl_foot_top{height: 84px;line-height: 84px;color: white;border-bottom: 1px solid #3772ab;text-align: center;}
.xl_foot_top a{padding: 0 20px;font-size: 16px;color: white;}
.xl_foot_top a:hover{color: red;}

.foot_la {
	height: 100%;
	width: 100%;
}
.xl_cop_sits{color: white;}
.xl_cop_sits:hover{color: red;}

.foot_cen {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 20px;
}

.foot_l {
	float: left;
	/*width: 15%;*/
}

.foot_c {
	float: left;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	/* margin-top: 20px */
}

.foot_r {
	float: right;
	width: 16%;
	text-align: center;
}

.foot_r p {
	font-size: 14px;
	color: #FFFFFF;
}

.nav_foot {
	width: 100%;
	margin: 0 auto;
}

.nav_foot ul {
	display: inline-block;
	text-align: center;
	overflow: hidden;
	padding-inline-start: 0px;
	margin-bottom: 0;
	margin-left:0px;
	padding-left:0px;
}

.nav_foot li {
	float: left;
	border-right: 1px solid #fff;
	padding: 0 10px;
	color: #fff;
}

.nav_foot a {
	color: #fff;
}
.nav_foot a:hover {
	color: #f0f0f0;
}

.foot_c span {
	line-height: 2em;
}

.foot_dii {
	background: #fffff3;
	margin: 0 auto;
	text-align: center;
	padding: 15px 0;
}

.foot_dii span {
	font-size: 14px;
	color: #393939;
}
.fdf{
    margin-top: 59px;
    height: 379px;
}

.carousel-inner img{
	width: 100%;
}
#top{
	display: none;
}
#top_mobile{
	display: none;
}
.foot{
	display: none;
}
.foot_mobile{
	display: none;
}
.ban_d{
	display: none;
}
.ban_moile{
	display: none;
}
@media screen and (min-width: 1440px) and (max-width: 1679px) {
	.wd_a {
    width: 51%;
    }
	.nav_con li {
    font-size: 16px !important;
}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
	.wd_a {
    width: 58%;
    }
	.foot_c {
    float: left;
    width: 68%;
	}
	.nav_con li {
    font-size: 14px !important;
}
.link_bt li a {
    font-size: 14px !important;
}
}
@media screen and (min-width: 1200px) and (max-width: 1680px) {
	.ltop_b h1 {
		font-size: 32px;
	}
/*.not_a span {
    font-size: 1rem;
}*/

    
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    min-height: 397px;
    }    

/*.carousel-inner {
    margin-top: 85px;
}*/
.carousel-inner p{
	width: 75%;
}
.inner span {
	font-size: 20px;
}
.fp_rin .inner {
    padding: 25px 13px;
    }
.fp_rin .bander {
    padding: 25px 13px;
    }    
.fp_rin {
    border-spacing: 10px 20px;
}

.not_a p {
    width: 60%;
   }    
.not_a span{
    width: 30%;
   }
.bt_a{
	width: 160px !important;
}
/*.not_a p {
    font-size: 1rem;
    }*/
	.nav_con li {
		font-size: 18px;
		/*padding: 0 5px;*/
	}
	.navbar-nav{margin-left: 2%;}
	.nav>li>a {
		padding: 26px 16px;
	}
	.serc {  
    top: 5px;
    bottom: 4px;
    padding: 7px 16px;
    }
	.ltop_b h1 {
    line-height: 11.8rem;
	}
	.tel_li img {
 /*   top: 21px;*/
    left: 8%;
    width: 83%;
}
.pall_wen b {
    font-size: 1.6rem;
}
.pall-r {
    padding: 18px 7px;
}
.fdf{
	margin-top: 59px;
}
.pall_wen p {
    font-size: 16px;
}
.pall-r {
    margin: 30.5px auto;
	}
}


@media screen and (min-width: 1200px){
	#top{
		display: block;
	}
	.foot{
	display: block;
}
.ban_d{
	display: block;
}

/*.cond_li {
    top: 69%;
    left: 17px;
}*/
} 
@media screen and (max-width: 1200px){
	#top_mobile{
		display: block;
	}
	.foot_mobile{
	display: block;
}
.ban_moile{
	display: block;
}
.ban_moile .link_nr{
	height:auto;
}
.about_l{
	display: none;
}

.link{
	display: none;
}
/*.bt_a {
      width: auto;
    }*/
    
.wdd_a li {
    width: 100%;
    margin: 11px auto;
}    
 .container{
 	background: #fff;
 } 
.row {
     padding-right: 15px; 
    padding-left: 15px; 
	margin-right: 0px; 
    margin-left: 0px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}  
.foot_mo{
	background-color: #009ae1;
	margin-bottom: 50px;
	padding-left: -15px !important;
	padding-right: -15px !important;
}
.foot_mo_l{
	float: left;
	width: 50%;
	text-align: center;
}
.foot_mo_r{
	text-align: center;
	float: right;
	width: 50%;
	color: #fff;
}
.foot_mo_c{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color: #fff;
    padding: 0 5px;
}
.foot_mo_ff{
	background: #363636;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 55px;
}
.hcc_rr{
	text-align: center;
	padding:5px 0;
}
.hcc_rr img{
	height: 26px;
}
.hcc_rr p{
	font-size: 14px;
	color: #fff;
}




.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    height: auto;
    }


	.navbar-default .navbar-toggle {
    border-color: #fff;
	border: none;
}

.navbar-toggle {
    margin-top:8px;
	}
	.top_mo li{
		font-size: 18px;
	}
	.dropdown-menu>li>a {
text-align: left;
}
.biao{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background: url(../img/to_bj.jpg) no-repeat center;
	padding: 25px 0;
}
.biao span{
	font-size: 19px;	
	color: #fe2f00;
	font-weight: 600;
}
.navbar {
    margin-bottom: 0px; 
}
.nab_as{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;	
   /* padding-bottom: 10px;*/
}

.fp_rwe{
	padding-bottom: 0px !important;
}
.jjd_a{
	margin-top: 0px !important;
}
.ban_moile{
	margin: 10px auto !important;
}
.nab_as ul{
 padding-inline-start: 0px;
 overflow: hidden;
 margin-left:0px;
 padding-left:0px;
}
   
.nab_as li{
	width: 33.33%;
	text-align: center;
	float: left;
	padding-top: 25px;
}
.nab_as img{
	width: 50%;
}
.nab_as p{
	margin-top: 10px;
	font-size: 16px;
	color: #313131;
	margin-bottom: 0;
}
.sec_sou{
	width: 100%;
	margin: 0 auto;
	padding: 10px 10px;
	background: #FFFFFF;
}
.sec_sou input{
	border: 1px solid #ff8300;
	height: 39px;
	line-height: 39px;
}
.sec_sou input[type="text"]{
	width: 80%;
}
.sec_sou input::-webkit-input-placeholder{
	font-size: 18px;
	color:#a3a3a3 ;
}
.sec_sou input[type="text"]{
	width: 80%;
}
.sec_sou span{
	display: inline-block;
    width: 20%;
    height: 40px;
    line-height: 36px;
    background: #ff8300;
    color: #fff;
    margin-left: -5px;
    text-align: center;
    font-size: 20px;
}
.news {
    background: #fff;
}
.anno {
	width: 100%;
    margin:0 auto; 
    }
    
.wd_a {
    width: 64%;
    }    
.anno span {
    font-size: 12px;
    }    
.anno li{
	width: 23%;
    float: left;
    border-radius: 5px;
    padding: 17px 2px;
    margin-left: 5px;
}  
.carousel-inner {
     margin-top: 15px; 
}
.carousel-inner p {
	width: 70%;
}
.carousel-inner img{
	height:auto ;
}
.more_a {
    text-align: center;
    width: 100%;
    background: #eee;
    padding: 10px 0;
    }
.more_a:hover{
	color: #920303;
}  
    

.inner span {
    font-size: 15px;
    }
.fp_rin .inner{
	padding: 14px 12px;
}
.bander span {
    font-size: 15px;
    } 
.pall_wen b {
    font-size: 16px;
}    
.fp_rin .bander {
	padding: 14px 12px;
}

.fp_rin {
    border-spacing: 17px 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.fp_rwe {
    background: #fff;
    border: none;
}
.tel_li img {
    top: 15px;
    right: 9%;
    }
.link_bt li {
    font-size: 13px;
    }
 .link_nr span {
    font-size: 12px;
    color: #000;
}   
.link_nr li {
    width: 33.33%;
}
.link_bt li a{
	font-size: 14px;
}
.pic_nss{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.not_a p {
    width: 60%;
   }
.anno img {
	width: 18px;
}   
.nav_foot li {
    float: none;
    display: inline;
    }
 .navbar-brand>img {
    margin-top: 8px;
 } 
 .not_a a {
    display: inline;
    height: auto;
    } 
 
}




.box {
		font-family: 'Ubuntu', sans-serif;
		overflow: hidden;
		position: relative;
		transition: all 0.3s;
	}
	.box:hover {
		box-shadow: 0 0 15px -5px #000;
	}
	.box:before {
		content: '';
		background-color: transparent;
		background-image: radial-gradient(circle at 20% 80%, transparent 29%, rgba(255,255,255,0.4) 30%, rgba(255,255,255,0.4) 33%, transparent 34%),  radial-gradient(circle at 80% 20%, transparent 29%, rgba(255,255,255,0.4) 30%, rgba(255,255,255,0.4) 33%, transparent 34%);
		background-size: 30px 30px;
		height: 100%;
		width: 100%;
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		transition: all 0.3s ease 0.2s;
	}
	.box:hover:before {
		opacity: 1;
	}
	.box img {
		width: 100%;
		height: auto;
		transition: all 0.3s ease 0s;
	}
	.box:hover img {
		filter: blur(2px);
	}
	@media screen and (max-width:640px ){
		.box img {
		width: 100%;
		height: 120px !important;
		transition: all 0.3s ease 0s;
	}
	}
	.box .box-content {
		color: #fff;
		background-color: rgba(0,0,0,0.6);
		text-align: center;
		width: 100%;
		height: 59%;
		padding: 18% 0 0 0;
		position: absolute;
		left: 0;
		top: -100%;
		z-index: 2;
		transition: all 0.3s ease 0s;
	}
	.box:hover .box-content {
		top: 0;
	}
	.box .title {
		color: #fff;
		font-size: 23px;
		font-weight: 600;
		letter-spacing: 1px;
		text-transform: uppercase;
		margin: 0;
	}
	.box .post {
		color: #32c287;
		font-size: 14px;
		font-style: italic;
		text-transform: capitalize;
		letter-spacing: 2px;
	}
	.box .icon {
		background: rgba(50,194,135,0.6);
		text-align: center;
		height: 39%;
		width: 100%;
		padding: 15px 0 0;
		margin: 0;
		list-style: none;
		transform: translateX(50%);
		position: absolute;
		right: 50%;
		bottom: -100%;
		z-index: 1;
		transition: all 0.3s;
	}
	.box:hover .icon {
		bottom: 0;
	}
	.box .icon li {
		display: inline-block;
		margin: 0 3px;
	}
	.box .icon li a {
		color: #32c287;
		background-color: #fff;
		font-size: 18px;
		line-height: 40px;
		height: 40px;
		width: 40px;
		border-radius: 40%;
		display: block;
		transition: all 0.3s;
	}
	.box .icon li a:hover {
		color: #fff;
		background-color: #04a562;
		box-shadow: 0 0 0 3px rgba(255,255,255,0.5), 0 0 5px rgba(0,0,0,0.5) inset;
	}

	@media only screen and (max-width:990px) {
	.box {
		margin-bottom: 10px;
	}
	}

	@media only screen and (max-width:479px) {
	.box .title {
		font-size: 20px;
	}
	}





@media (min-width: 992px){
	.col-md-8{width: 1200px;margin: 0 auto;}
}
.xl_wap{display: none;}
.container{margin: 0 auto;}
.xl_inner{width: 1200px;margin: 0 auto;}
.xl_innerone{width: 1440px;margin: 0 auto;}
.xl_left{float: left;}
.xl_right{float: right;}
.xl_clear{clear: both;}

.bk_logo{text-align: center;padding: 50px 0;}
.xl_notice{padding-top: 30px;}
.tm_fuw_index_left{width: 65%;padding-bottom: 20px;}
.tm_fuw_index_right{width: 35%;text-align: right;padding-bottom: 20px;}
.tm_fuw_index_titred{font-size: 20px;color: #e7161c;}
.tm_fuw_index_titblck{font-size: 20px;color: gray;}
.tm_fuw_index_tleft{text-align: left;}
.tm_fuw_index_tright{text-align: right;}
.xl_yeal{float: left;width: 16%;height:130px;padding: 25px 8px;}
.xl_yeal img{width: 100%;height: 100%;}

.xl_aboutus{background-color: #f7f7f7;}
.xl_aboutus_content{background-image: url(../img/about_us_op.png);width: 1200px;height: 460px;margin-bottom: 40px;padding: 50px 25px;}
.xl_aboutus_content_left{float: left;}
.xl_aboutus_content_right{float: left;width: 540px;height: 310px;margin-left: 30px;}
.xl_aboutus_content_right p{font-size: 15px;line-height: 35px;}
.xl_aboutus_bottom_left{float: left;}
.xl_aboutus_bottom_right{float: right;}
.tm_index_tgal{width: 100%;}
.tm_index_tgal_bk{width: 11.11%;text-align: center;float: left;border-right: 1px solid #fff;}
.tm_khan_case{padding: 50px 0;background-color: #fff;}
.tm_khan_case_bk{width: 32.5%;margin-right: .8%;margin-bottom: .8%;text-align: center;float: left;}

.tm_news_index{background-color: #f4f4f4;padding: 50px 0;}
.xl_new_left{float: left;width: 31%;margin-left: 2.4%;}
.xl_new_right{float: right;width: 31%;}
.xl_newtop{padding: 10px;background-color: #ececec;margin-bottom: 20px;}
.xl_newtop_left{float: left;}
.xl_newtop_right{float: left;padding-left: 15px;width: 230px;}
.xl_newtop_left_tit{float: left;font-size: 16px;height: 30px;overflow: hidden;}
.xl_news_des{font-size: 14px;color: gray;height: 40px;line-height: 20px;overflow: hidden;}
.xl_news_mores{float: right;color: gray;}
.xl_new_tits{height: 46px;line-height: 46px;border-bottom: 1px dashed #b3b3b3;}
.xl_new_tits_data{font-size: 12px; float: right;color: gray;}
.xl_new_tits_title{font-size: 14px;color: gray;}
.xl_new_tits_title:hover{color: red;}
.xl_newtop_logo{padding-bottom: 20px;}
.xl_newtop_logo_rig{padding-top: 20px;}

.qxwz{position: absolute;right: 0;bottom: 0;background: url(../img/new_img/diann_03.png) no-repeat center center;width: 452px;height: 431px;z-index: 10;}
/*首页公司业务,2020.7.23之前老版本
#yjj{margin: 40px 0;padding-bottom: 10px;padding-left: 0;}
#yjj ul{padding-left: 0;}
#yjj .tt{float: left;width: 290px;height: 35px;text-align: center;line-height: 35px;background-color: #000000;}
#yjj .centt{float: left;width: 290px; margin: auto 13px auto 13px;}
#yjj .righttt{float: left;width: 290px;margin: auto 13px auto 0;}
#yjj .tt{float: left;width: 290px;height: 35px;text-align: center;line-height: 35px;background-color: #000000;}
#yjj .ht{width: 290px;height: 35px;text-align: center;line-height: 35px;background-color: #000000;}
#yjj .zl{background: url(../img/new_img/2_35.jpg) no-repeat 30px center;}
#yjj li{width: 290px;height: 35px;text-align: center;line-height: 35px;border-bottom: 1px #dcdcdc solid;text-align: left;display: block;font-size: 15px;font-family: "微软雅黑";color: #50565d;}
#yjj li font{font-family: "微软雅黑";font-size: 16px;color: #FFFFFF;}
#yjj li .mmm1{font-family: Arial, Helvetica, sans-serif;font-size: 16px;color: #FFFFFF;margin-left: 10px;}
*/
/*首页公司业务2020.7.23版本*/
#syywjj{margin: 40px 0;padding-bottom: 10px;padding-left: 0;}
#syywjj ul{padding-left: 0;background:#f7f7f7}
#syywjj .tt{float: left;width: 225px;height: 35px;text-align: center;line-height: 35px;background-color: #000000;margin-right:10px }
#syywjj .centt{float: left;width: 225px; margin: auto 9px auto 9px;}
#syywjj .righttt{float: left;width: 225px;margin: auto 0 auto 10px;}
/*#syywjj .tt{float: left;width: 290px;height: 35px;text-align: center;line-height: 35px;background-color: #000000;}*/
#syywjj .ht{width: 185px;height:180px;margin-left:21px;text-align: center;line-height: 35px;background:url(../img/new_img/gsyw/tmyw_16.jpg) no-repeat center bottom;}
#syywjj .ht img{margin-top: 40px; margin-bottom:10px}
#syywjj .zl{ }
#syywjj .zl2{height: 45.6px;line-height: 45.6px; }
#syywjj .zl3{height:6px;line-height:6px; }
/*#syywjj .zl span{font-weight: bold;color:#ff0000;width: 10px;text-align: left}*/
#syywjj li{width: 290px;height: 35px;text-align: center;line-height: 35px;text-align: left;display: block;font-size: 15px;font-family: "微软雅黑";color: #50565d;}
#syywjj li font{font-family: "微软雅黑";font-size: 16px;color: #FF0000;font-weight:bold;text-align: center;width: 100%;display: block; }
#syywjj li .mmm1{font-family: Arial, Helvetica, sans-serif;font-size: 16px;color: #FFFFFF;margin-left: 10px;}



#fft{width: 100%;height: 275px;background: url(../img/new_img/foot_031.png) repeat-x center top; margin-top: -10px;}
#ttor1 {width: 1200px; margin: 0 auto;height: 260px; padding-top: 15px;text-align: left;background: url(../img/new_img/foot_051.png) no-repeat center top;}
#ttor1 #kjfs {width: 200px;margin: 110px 0px 0px 600px;padding-left: 0;}
#ttor1 li {float: left;text-align: left;width: 100px;line-height: 30px;}
#ttor1 li a {color: #a9a9a9;font-size: 16px;font-family: "微软雅黑";}
#ttor1 li a:hover{color: yellow;}
#foot-bj {background-color: #2f2f2f;width: 100%;}
#foot-bj #ttor3 {width: 1200px;margin: 0 auto;color: #FFFFFF;background: url(../img/new_img/yqlj.jpg) no-repeat left 26px;text-align: left;line-height: 1.9;}
#foot-bj #ttor3 .yl2 {color: #a8a8a6;margin-left: 90px;}
#foot-bj #ttor3 a {color: #a8a8a6;}
#foot-bj #ttor3 a:hover {color: yellow;}
#foot-bj2 {background-color: #1d1d1f;width: 100%;}
#foot-bj2 #ttor4 {width: 1200px;margin: 0 auto;color: #b6b6b6;text-align: left;background: url(../img/new_img/footer_14.jpg) no-repeat left 8px;height: 70px;line-height: 10px;padding-top: 20px;}
#foot-bj2 #ttor4 span { margin-left: 240px;}
#foot-bj2 #ttor4 a {color: #b6b6b6;}

#ngywm {height: 300px;background: url(../img/new_img/gywm_02.jpg) no-repeat center top;}

.nnys .gs_1_1 {
    height: 15px;
    width: 100%;
    background-color: #f1f1f1;
    clear: both;
}
.nnys .gs_02 {
    width: 1513px;
    margin: 0 auto;
}
.nnys .gs_02 .left {
    width: 813px;
    float: left;
    background: url(../img/new_img/gs_01_05.jpg) top right no-repeat;
    background-color: #FFFFFF;
    height: 462px;
}
.nnys .gs_02 .right {
    width: 700px;
    float: right;
    background-color: #fafafa;
}
.nnys .gs_02 .left .b_1 {
    width: 720px;
    margin: 70px auto 0 auto;
}
.nnys .gs_02 .left .b_2 {
    width: 720px;
    margin: 20px auto 0 auto;
    font-size: 18px;
    color: #202020;
}
.nnys .gs_02 .left .b_3 {
    width: 720px;
    margin: 40px auto 0 auto;
    font-size: 15px;
    color: #5f5f5f;
    line-height: 2.0;
}
.nnys .gs_02 .left .b_4 {
    width: 720px;
    margin: 30px auto 0 auto;
}
.nnys .gs_02 .left .b_2 {
    width: 720px;
    margin: 20px auto 0 auto;
    font-size: 18px;
    color: #202020;
}
.nnys .gs_02 .left .b_4 ul li {
    float: left;
    width: 70px;
}
a:visited {
    color: #777777;
    text-decoration: none;
}
.nnys .gs_02 .right .r_01 {
    width: 600px;
    margin: 40px auto 20px auto;
}
.nnys .gs_02 .right .r_01 .li_1 {
    border-bottom: 1px #ececec solid;
    border-right: 1px #ececec solid;
}
.nnys .gs_02 .right .r_01 .li_2 {
    border-bottom: 1px #ececec solid;
    border-left: 1px #ececec solid;
}
.nnys .gs_02 .right .r_01 .li_3 {
    border-right: 1px #ececec solid;
}
.nnys .gs_02 .right .r_01 .li_4 {
    border-left: 1px #ececec solid;
}
.nnys .gs_02 .right .r_01 ul li {
    float: left;
    width: 199px;
    text-align: center;
    height: 211px;
}
.nnys .gs_02 .right .r_01 ul li a {
    font-size: 16px;
    color: #202020;
}
.nnys .gs_02 .right .r_01 ul li img {
    margin: 35px auto 15px auto;
    width: 96px;
    height: auto;
}
.nnys .guang {
    width: 1513px;
    height: 391px;
    background: url(../img/new_img/gs_01_001.jpg) no-repeat center top;
    margin: 0 auto;
}





.nnys .feng{width:1513px;margin:0 auto;background-color:#fafafa; padding-top:57px}
.nnys .feng .f_1{width:509px;margin:0 auto 47px auto;}
.nnys .feng .f_2{width:1427px;margin:0 auto;}
.nnys .feng .f_2 ul li{float:left}
.nnys .feng .f_2 .li_1{border-right:1px #ebebeb solid;width:330px}
.nnys .feng .f_2 .li_2{border-right:1px #ebebeb solid;width:330px;padding-left:40px}
.nnys .feng .f_2 .li_3{border-right:1px #ebebeb solid;width:330px;padding-left:40px}
.nnys .feng .f_2 .li_4{padding-left:40px}
.nnys .feng .kong{clear:both;height:30px}
.nnys .feng .clear{clear:both}

.nnys .gao{width:1513px;margin:0 auto;}
.nnys .gao img{ width:100%;}

.nnys .tuan{width:1513px;margin:0 auto; position:relative;height:433px}
.nnys .tuan .dui_1{position:absolute;top:0px;left:0px;} 
.nnys .tuan .dui_2{position:absolute;top:0px;left:478px;} 
.nnys .tuan .dui_3{position:absolute;top:0px;left:699px;} 
.nnys .tuan .dui_4{position:absolute;top:0px;left:918px;} 
.nnys .tuan .dui_5{position:absolute;top:0px;left:1289px;}
.nnys .tuan .dui_6{position:absolute;top:150px;left:0px;}
.nnys .tuan .dui_7{position:absolute;top:150px;left:631px;}
.nnys .tuan .dui_8{position:absolute;top:253px;left:918px;}



.guang .wrapper {
    width: 1200px;
    margin: 0 auto;
    padding-top: 210px;
}
.guang .counter {
    height: 80px;
    padding-top: 30px;
    text-align: center;
}
.end {
    margin-right: 0 !important;
}
.guang .fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}
.guang .count-title {
    font-size: 60px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    display: inline;
}
.guang .counter span {
    color: #fff;
    font-size: 22px;
}
.guang .count-text {
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 0;
    text-align: center;
    color: #dadada;
    font-family: "微软雅黑";
}
.col_half, .col_third, .col_twothird, .col_fourth, .col_three_fourth, .col_fifth {
    position: relative;
    display: inline;
    display: inline-block;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
}
.col_fourth {
    width: 23.5%;
}
.gs_t {
    width: 1512px;
    height: 512px;
    margin: 0 auto;
}
.gs_t img {
    width: 100%;
    height: auto;
}


.avatar {
    overflow: hidden;
    width: 100%;
}
.avatar img {
    width: 100%;
    border: 0;
    transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;
}
.avatar:hover img {transform: scale(1.3);transition: all 1s ease 0s;-webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s;  }

#bannernei {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 300px;
}
#bannernei img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
#bannernei .wrapper {
    width: 900px;
    margin: 30px auto;
    position: absolute;
    top: 50%;
    left: 36%;
    margin-top: -65px;
    margin-left: -252px;
}
#bannernei .counter {
    height: 120px;
    padding-top: 20px;
    border-radius: 5px;
    background: #000;
    opacity: 0.8;
    text-align: center;
}
#bannernei .fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}
#bannernei .count-title {
    font-size: 60px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    display: inline;
}
#bannernei .count-text {
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: normal;
    margin-bottom: 0;
    text-align: center;
    color: #dadada;
    font-family: "微软雅黑";
}

#bannerservice {
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
}
#bannerservice{width:100%; height:300px;background: #fff; position:relative; overflow:hidden;}
#bannerservice .intro {  position: absolute;  left: 0;  top: 50%;  padding: 0 20px;  width: 100%;  text-align: center;}
#bannerservice .intro h1 {  text-transform: uppercase;  font-size: 60px;  font-weight: 700;  letter-spacing: 0.015em; color:#fff;}
#bannerservice .intro p {  margin: 0 0 30px 0;  font-size: 24px;color:#dcdcdc;}
#xt{border-top:1px #c9c9c9 solid;width:1200px; margin:0 auto;height:42px;}
#nycp{height:301px; background:url(../img/new_img/cp_02.jpg) no-repeat center top; margin-bottom:30px}
#ncpp{ width:1150px;margin:0 auto;text-align:left; line-height:1.2; height:80px}
#ncpp .bt{font-family:"微软雅黑";font-size:24px;color:#FF0000}
#ncpp .fbt{ font-family:Arial, Helvetica, sans-serif; font-size:18px;color:#FF0000}


.flash_qwyx{width:100%;height:528px; background:url(../img/new_img/qwyx_02.jpg) center no-repeat; min-width:1200px}
.whyqwyx_bj{width:1200px;height:125px; margin:0 auto; background:url(../img/new_img/qwyx_05.jpg) center no-repeat}
.whyqwyx_bt{display:block; padding-top:15px;width:100%;height:55px;line-height:55px;text-align:center; color:#000; font-size:31px}
.whyqwyx_en{display:block;width:100%;height:20px;line-height:20px;text-align:center; color:#cccccc; font-size:16px}
.whyqwyw_js{width:1200px;height:125px; margin:0 auto;line-height:50px; text-align:center;font-size:20px; color:#333333}
.whyqwyw_pic{width:1200px;overflow:hidden; margin:30px auto;text-align:center;}

.whyywly_bj{width:100%; overflow:hidden; background:#40a3f7}
.whyywly_bt{width:1200px;text-align:center; margin:40px auto}
.whyywly_center{width:1200px; overflow:hidden;text-align:center; margin:10px auto}
.whyywly_center img{width:100%}
.whyywly_left{width:24.25%; margin-right:1%; float:left}
.whyywly_right{width:24.25%; float:right; }

.whycase_bj{width:1200px;margin:0 auto; margin-top:50px;height:167px; background:url(../img/new_img/qwyx_28.jpg) center no-repeat}
.whycase_lanmu{width:79%; float:right}
.whycase_nav li a{}
.whycase_nav li a:hover{}
.whycase_center{width:1200px;margin:50px auto; overflow:hidden; height:660px}

.whytg_bj{width:100%; background:#eeeeee;overflow:hidden}
.whytg_center{width:1200px; margin:0 auto; overflow:hidden}
.whytg_left{width:48.7%; float:left; height:307px; overflow:hidden; background:url(../img/new_img/qwyx_42.jpg) left no-repeat}
.whytg_right{width:48.7%; float:right;height:307px; overflow:hidden; background:url(../img/new_img/qwyx_44.jpg) left no-repeat}
.whytg_nav{width:85%; float:right; margin-top:0px; overflow:hidden}
.whytg_nav li a{ width:100%; display:block; float:left; margin-bottom:35px; line-height:8rem; font-size:20px; text-align:left; color:#383838}
.whytg_nav li a:hover{ font-size:18px;color:#383838}

.whyhb_bt{width:1200px;text-align:center; overflow:hidden; margin:40px auto}

/* 新闻动态 */
.tabk{height:50px;font-size:16px;color:#fff; width:100%;}
.tabk li {line-height:50px; display:block; width:200px; text-align:center;float:left; margin-right:35px; margin-top:23px;   }
.tabk li .hover{width:200px;color:#ffff00;height:50px; }

div.orbit-wrapper { position: relative; overflow: visible; width:100%;height: 640px;margin:auto;}
div.orbit { position: relative; overflow: hidden;}
div.orbit span { display:none;}
div.orbit a img{ position: absolute; display:block;width: 100%; overflow:hidden;box-shadow: 0 3px 8px rgba(0,0,0,0.5); padding:3px; border:#ccc 1px solid; background:#fff; }
div.orbit-wrapper h4{ display: none; }
div.timer {display: none;}
div.slider-nav { display: block; }
div.slider-nav span { width: 77px; height: 77px;  color: #fff; text-align: center; position: absolute; z-index: 100; top: 250px; cursor: pointer; text-indent:-9999px;}
div.slider-nav span.right { right: -90px; background: url(../img/new_img/slider_right.jpg); }
div.slider-nav span.left { left:-90px;background:url(../img/new_img/slider_left.jpg); }
div.slider-nav span.right:hover {background:url(../img/new_img/slider_right.jpg) bottom; }
div.slider-nav span.left:hover {background:url(../img/new_img/slider_left.jpg) bottom; }

table {font-size:13px;font-family:"宋体",verdana}
.a{font-size:13px;color: #3A9607} 
.b{font-size:13px;color: #ffffff; font-weight:bold;} 
.b1{font-size:14px;color: #ffffff;font-weight:bold;} 
.t{color:#304F00; font-weight:bold; font-size:13px;} 
.e{font-size:13px;color: #2F8102} 
.f{font-size:18px; color:#F60106; font-weight:bold;} 
.bk{ border:1px solid #CCCCCC;}
.bk3{ border-left:1px solid #D9D9D9;border-right:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;}
.bk2{ border-right:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;}
.bk4{ border:1px solid #C5C5C5; }
.ba{ border-bottom:1px solid #A9D2EF;border-left:1px solid #A9D2EF;border-right:1px solid #A9D2EF;}
.jj{ border-bottom:1px solid #A9D2EF;border-left:1px solid #A9D2EF;border-right:1px solid #A9D2EF;border-top:1px solid #A9D2EF; padding-left:15px; padding-top:20px; line-height:30px;}
.table-xia {border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #7f7d7e;}
.table-xia1 {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #0066cc;}

.fB{font-weight:bold;}
.f12px{font-size:13px;color:#ffffff;}
.f13px{font-size:13px;color:#656565; font-family:"微软雅黑"}
.f14px{font-size:16px;color:#000000;}
.f15px{font-size:15px; color:#0c419a;font-weight:bold;font-family:"微软雅黑";}
.f18px{font-size:13px;color:#0c419a;font-family:"微软雅黑";}
.f16px{color:#25462a;font-size:14px;font-weight:bold}
.f20px{font-size:15px; color:#ffffff;font-family:"微软雅黑";}
.f21px{font-size:16px; color:#206609;font-family:"微软雅黑";}
.f22px{font-size:16px; color:#0067c7;font-family:"微软雅黑";}
.f99px{font-size:18px; color:#333333;font-family:"微软雅黑";}
.f98px{font-size:20px; color:#ffffff;font-family:"微软雅黑";}
.f97px{font-size:14px; color:#333333;font-family:"微软雅黑";}
.f23px{font-size:13px; color:#50565d;font-family:"微软雅黑";}
.left{float:left;}
.jl{ padding-left:60px;}
.right{float:right;}

/* 合作客户 */
.kehu {width:1200px;margin:0 auto;}
.kehu li{width:16%;height:80px;display:inline-block;text-align:center; cursor:pointer; margin-top:45px; border-bottom:2px solid #f7f5f5; overflow:hidden; }
.kehu li img{}
.kehu li.nol{border-bottom:0;}

.text { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: microsoft yahei; }
.photo-container { -webkit-perspective: 1200px;-moz-perspective: 1200px;-ms-perspective: 1200px;-o-perspective: 1200px; /* 透视视图 */ perspective: 1200px; /* 透视视图 */ width:160px; }
.rotate-box { margin:0 auto; position: relative; width:160px; height:70px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;/* 3D 转换 */ transform-style: preserve-3d; /* 3D 转换 */ -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease;-ms-transition: 0.5s ease;-o-transition: 0.5s ease;/* 转换效果持续 1秒 */}
.rotate-box img { width: 100%; height: 100%; }
.text { position: absolute; top: 0; width: 100%; -webkit-transform: rotateY(180deg) translateZ(1px); -moz-transform: rotateY(180deg) translateZ(1px);-ms-transform: rotateY(180deg) translateZ(1px);-o-transform: rotateY(180deg) translateZ(1px);/* 反转180度 并设置z轴让其置于图片背面 */ transform: rotateY(180deg) translateZ(1px); /* 反转180度 并设置z轴让其置于图片背面 */ color: #666; text-align: center; opacity: .06; background: rgba(255,255,255,.9); }
.photo-container:hover .rotate-box { -webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg); transform: rotateY(180deg); }
.photo-container:hover .text { opacity: 1 }































/*新增属性*/
.xl_yeal img:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
70%{-webkit-transform:perspective(400px) rotateY(10deg);}
100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1;}}
@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}
40%{-moz-transform:perspective(400px) rotateY(-10deg);}
70%{-moz-transform:perspective(400px) rotateY(10deg);}
100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1;}}






















@media screen and (max-width: 1200px){
	.xl_pc{display: none;}
	.xl_wap{display: block;}
	.xl_inner{width: 100%;}


	.carousel-indicators{margin-bottom: 6px;}

	.carousel-indicators li{width: 10px;height: 10px; border-radius: 5px;}
	.carousel-indicators .active{width: 10px;border-radius: 5px;}
	.carousel-indicators{left: -40%;}
	.xl_topnavs{float: left;width: 25%;text-align: center;padding-top: 10px;}
	.xl_topnavs img{width: 60%;}
	.xll_wp_inbkone{width: 33.33%;float: left;padding: 10px;background-color: #f6f6f6;}
	.xll_wp_inbkone img{width: 100%;}
	.nav>li>a{text-align: left;padding: 15px 30px;border-bottom: 1px dashed #ddd;}
	.alzs {
	    width: 100%;
	    background: url(../img/new_img/1_52.jpg) repeat-x;
	    background-position: center -45px;
	    height: 30px;
	    margin-top: 30px;
	}
	.alzs .a_1 {
	    width: 24%;
	    float: left;
	    background-color: #FFFFFF;
	}
	.alzs .a_2 {
	    width: 75%;
	    float: left;
	}
	.alzs .a_1 img {
	    height: 30px;
	    float: right;
	}
	.alzs .a_2 img {
	    height: 10px;
	    float: right;
	    margin-top: 5px;
	}
	.xwzx {
	    width: 100%;
	    background: url(../img/new_img/1_52.jpg) repeat-x;
	    background-position: center -45px;
	    height: 30px;
	    margin-top: 30px;
	}
	.xwzx .a_1 {
	    width: 24%;
	    float: left;
	    background-color: #FFFFFF;
	}
	.xwzx .a_2 {
	    width: 75%;
	    float: left;
	}
	.xwzx .a_1 img {
	    height: 30px;
	    float: right;
	}
	.xwzx .a_2 img {
	    height: 10px;
	    float: right;
	    margin-top: 5px;
	}

	.tm_khan_case_bk{width: 49.2%;}
	.tm_khan_case{padding: 10px 0;}
	.tm_news_index{padding: 10px 0;background-color: #fff;padding-bottom: 50px;}
	.xl_newtop_logo{display: none;}
	.xl_new_left{float: unset;width: 100%;padding: 0 10px;margin-left: 0;}
	.xl_new_right{float: unset;width: 100%;}
	.xl_footswppic{text-align: center;margin-bottom: 70px;padding-left: 10px;padding-right: 10px;}
	.xl_footswppic img{width: 80%;}
	.xl_newtop{margin-bottom: 8px;}
	.xl_newtop_left{width: 35%;}
	.xl_newtop_left img{width: 100%;height: 80px;}
	.xl_newtop_right{width: 63%;}
	.xl_newtop_left_tit{line-height: 25px;font-size: 16px;}

	.gs{ width:100%}
	.gs img{ width:100%}
	.kongge{ width:100%; height:20px; clear:both}
	.k_1{ width:100%; height:10px; clear:both}
	.ny_1{width:100%;text-align:center; margin-top:10px}
	.ny_1 .ny_5{width:95%;margin:0 auto; font-size:1.3rem; line-height:1.8; text-align:left}
	.ny_3{width:100%;text-align:center;}
	.ny_3 .ny_4{ width:98%; margin:0 auto;}
	.ny_3 .ny_4 img{ width:95%; margin:0 auto;}
	.ny_2{ width:100%;}
	.ny_2 .ny_6{}
	.xl_footers{border-top: unset;margin-top: 20px;}

	.tmxw{width:100%;margin-top:0px; }
	.tmxw img{width:100%;}
	.mx1{width:100%;margin:15px auto 0 auto;}
	.mx1 ul{width:100%;}
	.mx1 li{width:31%;float:left;text-align:center;padding:0px 0;color:#000;overflow: hidden; margin-left:2%;}
	.mx1 li img{width:100%;}
	.jianju-2 {height: 12px;background-color: #ebebeb;}

	.mx2{width:100%;margin:15px auto 0 auto;}
	.mx2 li{width:93%;text-align:center;padding:0px 0;color:#000;overflow: hidden; margin:0 auto; background-color:#FFFFFF;}
	.mx2 li img{width:100%;}
	.mx2 li .bt{ font-size:1.4rem; color:#848484; text-align:left; padding-left:10px; line-height:35px}
	.mx2 li .gjc{width:100%; height:40px; line-height:20px}
	.mx2 li .gjc .g_1{width:68%;float:left;font-size:1.4rem; color:#848484; text-align:left; padding-left:10px}
	.mx2 li .gjc .g_2{width:32%;float:left;font-size:1.4rem; color:#848484; text-align:left; padding-left:10px}

	.mx3{width:100%;margin:15px auto 0 auto;}
	.mx3 ul{width:100%;}
	.mx3 li{width:31%;float:left;text-align:center;padding:0px 0;color:#000;overflow: hidden; margin-left:2%; font-size:1.4rem; line-height:35px}
	.mx3 li img{width:100%;}

	.mx4{width:100%;margin:0 auto 0 auto;}
	.mx4 ul{width:100%;}
	.mx4 li{width:47%;float:left;text-align:center;padding:0px 0;color:#000;overflow: hidden; margin-left:2%; font-size:1.4rem; line-height:35px}
	.mx4 li img{width:100%; border:1px #CCCCCC solid;}

	.al-img{width:100%;}
	.al-img img{width:100%;}
	.biaoti{font-size:20px;color:#000000;line-height:50px; text-align:left; width:90%; margin:0 auto;}
	.hzxm{font-size:15px;color:#000000;line-height:28px;text-align:left;width:90%;margin:0 auto;}
	.al-gjc{font-size:15px;color:#000000;line-height:28px;text-align:left;width:90%;margin:0 auto;}
	.djs{font-size:15px;color:#000000;line-height:28px;text-align:left;width:90%;margin:0 auto;}
	.xxms{font-size:15px;color:#000000;line-height:28px;text-align:left;width:90%;margin:0 auto;}

	.cp_bt{ width:97%; margin:0 auto; background-color:#000000; height:40px; font-size:1.8rem; color:#FFFFFF}
	.cp_bt .zw1{ padding-left:20px;line-height:40px}
	.cp_bt .py1{ padding-left:10px; font-family:Arial, Helvetica, sans-serif;line-height:40px}
	.bt_neirong{ width:97%;margin:0 auto;}
	.bt_neirong li{ width:100%;background:url(../img/new_img/2_35.jpg) no-repeat 30px center; padding-left:50px; height:30px; line-height:30px; border-bottom:1px #dcdcdc solid}
	.jianju {height: 5px;}

	.xcx-banner{ width:100%;}
	.xcx-banner img{ width:100%;}
	.wx_01_kong{ clear:both; height:20px}
	.wx_02_kong{ clear:both; height:10px; background-color:#ebebeb}
	.mx{width:100%;margin:15px auto 0 auto;}
	.mx ul{width:100%;}
	.mx li{width:50%;float:left;text-align:center;padding:0px 0;color:#000;overflow: hidden; }
	.mx li img{width:100%;}

	.onlist{width:100%; margin-top:10px}
	.onlist .on{ width:99%; margin:0 auto; height:90px; margin-bottom:20px}
	.on .o_1{ float:left; width:25%;}
	.on .o_1 .l_1{width:100%;height:45px;background-color:#d54040;line-height:45px;font-size:1.6rem;color:#FFFFFF; text-align:center}
	.on .o_1 .l_2{width:100%;height:45px;background-color:#c6c3c3;line-height:45px;text-align:center}
	.on .o_2{ float:left; width:75%; text-align:left;}
	.on .o_2 .t_1 a{ font-size:1.8rem; color:#000000; padding-left:5px; font-weight:bold}
	.on .o_2 .t_2{ font-size:1.4rem; color:#999999; padding-left:5px; line-height:2.0;}

	.case-lists .swiper-container{width: 78%;margin: 0 auto;}
	.swiper-button-prev{display: none;}
	.swiper-button-next{display: none;}

.am-list .am-list-item-dated .llist1 .tupian{
float:left; width:47%; padding:2px; border:1px #d4d4d4 solid;
}

.am-list .am-list-item-dated .llist1 .tupian img{
width:100%;
}
.zwen {
    float: left;
    width: 50%;
    margin-left: 3%;
    font-size: 1.3rem;
}
.tupian img {
    width: 100%;
}
.am-list-news-default .am-list>li {
    border-color: #dedede;
    padding: 10px 6px;
}
.am-list-news-default .am-list-date {
    color: #999;
    padding-top: 5px;
}
.zwen a {
    font-size: 1.5rem;
    color: #000000;
}












































	.xl_yeal{float: left;width: 46%;margin: 0 2%;}
	.xl_aboutus{background-image: unset;}
	.xl_aboutus_content{width: 100%;height: unset;padding-bottom: unset;}
	.xl_aboutus_content_left{float: unset;}
	.xl_aboutus_content_right{float: unset;margin-left: unset;width: 100%;height: unset;}
	.xl_aboutus_content_right p{font-size: 13px;line-height: 25px;}
	.video_index_l{width: 100%;height: 200px;}
	.navbar-brand{padding: 0 15px;}
	
	.xl_new_tits{overflow: hidden;}
	.xl_aboutus_bottom_left{float: unset;}
	.xl_aboutus_bottom_right{float: unset;margin-top: 20px;}
	.xl_aboutus_bottom_left img{width: 100%;}
	.xl_aboutus_bottom_right img{width: 100%;}
	.bk_logo img{width: 60%;margin: 0 auto;}
	.nyxl_banner img{width: 100%;}
	
	.xl_notice{height: 40px;line-height: 40px;}
	.xl_yeal img{width: 100%;height: auto;}
	.xl_yeal p{padding-top: 0;font-size: 16px;}
	.moreswap{text-align: center;}
	.moreswap img{width: 60%;}
	
	.xl_new_day{font-size: 16px;}
	.xl_new_mouth{margin-bottom: 0;}
	
	
	.media-object{width:100%;height: auto;}
}