@charset "utf-8";

/*d全局控制*/
body{margin:0px;padding:0px;font-family:"微软雅黑";color:#000;font-size:12px;line-height:22px;-webkit-text-size-adjust: none;background: #fff;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;font-family:"微软雅黑";outline: 0;}
img{border:0;vertical-align:top;}
ul,li{list-style:none;}
a{color:#000;text-decoration:none;transition:all 0.3s;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.cl{clear:both;}.fb{font-weight:bold;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}


/*header*/
.header{width: 1440px; margin: 0 auto;}
@media only screen and (max-width: 1440px) {
	.header{width: 1200px;}
}
.logo{float: left; width: 270px; margin: 22px 0 17px 0;}
.nav{float: right; padding: 40px 0;}
.nav li{float: left; width: 100px; text-align: center; line-height: 34px; padding-right: 2px; font-size: 15px; background: url(../images/nav_line.jpg) no-repeat right center;}
.nav li:last-child{background: none; padding: 0;}
.nav a{color: #222;}
.nav a:hover{color: #e70012;}
.nav .nav_on a{color: #e70012;}

.flexslider{min-width:1200px;position:relative;overflow:hidden;}
.slides{width:100%;position:relative;z-index:1;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.slides img{width: 100%; display: block;}
.flex-control-nav{position:absolute;bottom:42px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:18px;height:18px;margin:0 10px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:18px;height:18px;border-radius:50%;line-height:0;overflow:hidden;background: url(../images/point_01.jpg) no-repeat;cursor:pointer;text-indent: 999px;}
.flex-control-nav .flex-active{background: url(../images/point_02.jpg) no-repeat;}
.bn_bg{width: 100%; position: absolute; bottom: 0; left: 0; z-index: 2;}
.bn_bg img{width: 100%;}


/*mainbody*/
.about_box{width: 1200px; margin: 0 auto 108px;}
.tit{width: 100%; text-align: center;}
.tit h4{color: #222; font-size: 36px; font-weight: normal; line-height: 60px;}
.t_about{padding-bottom: 28px;}
.about{width: 895px; text-align: center; line-height: 28px; color: #696969; font-size: 16px; margin: 0 auto 12px;}
.about a{color: #696969;}
.about_list{width: 100%;}
.about_list li{float: left; width: 240px; text-align: center; height: 285px; padding-top: 50px; box-sizing: border-box; background: url(../images/about_bg01.png) no-repeat right top; background-size: 100% 100%;}
.about_list li:last-child{background: url(../images/about_bg03.png) no-repeat right top; background-size: 100% 100%;}
.about_list .about_on:last-child{background: url(../images/about_bg02.png) no-repeat right top; background-size: 100% 100%;}
.about_list .about_on{background: url(../images/about_bg02.png) no-repeat right top; background-size: 100% 100%;}
.about_list h4{color: #222; font-size: 30px; line-height: 44px; font-weight: normal; margin-bottom: 27px;}
.about_list .about_on h4{color: #fff;}
.about_fon{width: 165px; font-size: 16px; line-height: 28px; color: #696969; margin: 0 auto;}
.about_list .about_on .about_fon{color: #fff;}

.brand_bg{min-width: 1200px; height: 817px; background: url(../images/brand_bg.jpg) no-repeat center top; background-size: cover;}
.t_brand{padding-bottom: 207px;}
.brand_box{width: 1200px; position: relative; margin: 0 auto; overflow: hidden;}
.brand{position: relative;}
.brand img{width: 100%;}
.brand_fon{width: 490px; text-align: center; color: #fff; font-size: 30px; padding-top: 40px; line-height: 66px; background: url(../images/brand_fon.png) no-repeat; background-size: 100% 100%; position: absolute; left: -92px; bottom: 38px; z-index: 5; display: none;}
.brand_box .swiper-slide-active .brand_fon{display: block;}
.brand_box .swiper-brand{width: 850px; margin: 0 auto; overflow: hidden;}
.swiper-slide:not(.swiper-slide-active){
  transform: scale(0.8);
}
.brand_box .swiper-slide-active{width: 305px !important;}
.brand_box .swiper-button-prev {
	top: 150px;
	left: 0;
	width: 52px;
	height: 126px;
	background: url(../images/brand_prev.png) no-repeat;
}
.brand_box .swiper-button-next {
	top: 150px;
	right: 0;
	width: 52px;
	height: 126px;
	background: url(../images/brand_next.png) no-repeat;
}

.news_box{width: 1200px; padding: 107px 0 103px 0; margin: 0 auto;}
.t_news{padding-bottom: 37px;}
.news{width: 1160px; margin: 0 auto;}
.news li{float: left; width: 560px; height: 433px; padding: 28px 23px; box-sizing: border-box; background: #efeeee; margin: 0 10px;}
.news img{width: 514px; height: 238px;}
.news h4{border-bottom: solid 1px #e7e7e7; height: 40px; line-height: 40px; color: #222; font-size: 16px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 18px 0 7px 0;}
.news h4 span{font-size: 18px;}
.news_fon{color: #838383; font-size: 15px; line-height: 26px; height: 52px; overflow: hidden;}

.union_bg{min-width: 1200px; height: 729px; padding-top: 94px; background: url(../images/union_bg.jpg) no-repeat center top; background-size: cover;}
.t_union{padding-bottom: 40px;}
.union{width: 1182px; margin: 0 auto;}
.union ul{margin-right: -74px;}
.union li{float: left; width: 240px; height: 400px; padding: 44px 39px 44px 38px; box-sizing: border-box; border-radius: 400px; background: rgba(255,255,255,0.6); margin-right: 74px;}
.union img{width: 163px; height: 163px; border-radius: 50%;}
.union h4{height: 38px; line-height: 38px; text-align: center; color: #222; font-size: 24px; font-weight: normal; margin: 25px 0 10px 0;}
.union_fon{color: #676767; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden;}
.union span{width: 100%; text-align: center; display: block; color: #676767; font-size: 16px; line-height: 24px; }
.union .union_on{background: #fff;}


/*footer*/
.foot_box{min-width: 1200px; height: 198px; background: #fff; position: relative;}
.foot_bg01{width: 100%; min-height: 239px; background: url(../images/foot_bg01.png) no-repeat center top; position: absolute; top: -224px; left: 0; z-index: 2;}
.menu_box01{width: 1200px; border-bottom: solid 1px #c8c8c8; padding: 10px 0; margin: 0 auto;}
.menu_tit01{float: left; color: #222; font-size: 16px; text-transform: uppercase;}
.menu_tit01 h4{color: #b8b8b8; font-size: 16px; font-weight: normal; font-family: arial;}
.menu01{float: right;}
.menu01 li{float: left; line-height: 44px; padding-left: 30px; font-size: 15px;}
.menu01 a{color: #595959;}
.foot{width: 1200px; padding: 26px 0 33px 0; margin: 0 auto;}
.f_logo{float: left; width: 270px;}
.copyright01{float: left; width: 710px; line-height: 24px; color: #595959; font-size: 15px; margin: 13px 0 0 40px;}
.share{float: right; margin-top: 14px;}
.share li{float: left; width: 45px; position: relative; cursor: pointer; margin-right: 14px;}
.share li:last-child{margin: 0;}
.share img{width: 45px; height: 45px; border-radius: 50%;}
.share_code{width: 100px; height: 100px; border: solid 1px #ccc; background: #fff; position: absolute; left: -30px; top: -120px; z-index: 3;  opacity: 0; visibility: hidden;transition:all .3s ease-out 0s;transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);}
.share_code img{width: 100px; height: 100px; border-radius: 0;}
.share li:hover .share_code{opacity:1;visibility:visible;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}


/*news*/
.banner{min-width: 1200px; position: relative;}
.banner img{width: 100%;}
.bn_tit{width: 266px; text-align: center; height: 60px; line-height: 60px; background: url(../images/bn_tit.png) no-repeat; color: #333; font-size: 32px; font-weight: bold; position: absolute; top: 55%; left: 29%;}
.main{width: 1200px; min-height: 400px; padding-top: 70px; margin: 0 auto;}
.tmar{margin-bottom: 60px;}
.news_list{width: 1138px; padding-top: 3px; margin: 0 auto;}
.news_list li{border-bottom: solid 1px #e1e1e1; padding: 31px 0 22px 0;}
.news_list li:last-child{border: none;}
.news_day{float: left; width: 109px; text-align: center; height: 74px; padding-top: 12px; background: #d6b333; color: #fff; font-family: arial; color: #fff; font-size: 16px; line-height: 28px;}
.news_day h4{font-size: 24px; font-weight: normal; line-height: 36px;}
.news_day i{width: 26px; height: 1px; line-height: 0; background: #fff; display: block; margin: 0 auto;}
.news_right{float: right; width: 998px; color: #828282; font-size: 15px; line-height: 25px;}
.news_right h4{color: #222; font-size: 18px; height: 24px; line-height: 24px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom: 12px;}
.news_right a{color: #d6b333; font-size: 15px; margin-left: 20px;}
.news_list .news_on .news_day{background: #e70012;}
.page{width: 100%; text-align: center; padding-top: 67px; font-size: 15px;}
.page a{height: 25px; line-height: 25px; padding: 0 8px; display: inline-block; border: solid 1px #d6b333; border-radius: 5px; color: #606060; margin: 0 2px;}
.page a:hover{background: #d6b333; color: #fff;}
.page .page_on{background: #d6b333; color: #fff;}

.foot_bg02{width: 100%; padding: 217px 0 9px 0; background: url(../images/foot_bg02.jpg) no-repeat center top #3e87dd; background-size: 100%;}
.menu_box02{width: 1200px; border-bottom: solid 1px #3374c0; padding: 10px 0; margin: 0 auto;}
.menu_tit02{float: left; color: #fff; font-size: 16px; text-transform: uppercase;}
.menu_tit02 h4{font-size: 16px; font-weight: normal; font-family: arial;}
.menu02{float: right;}
.menu02 li{float: left; line-height: 44px; padding-left: 30px; font-size: 15px;}
.menu02 a{color: #fff;}
.copyright02{float: left; width: 710px; line-height: 24px; color: #fff; font-size: 15px; margin: 13px 0 0 40px;}


/*brand*/
.brand_part{border: solid 1px #ccc; height: 308px; position: relative; margin-bottom: 41px;}
.brand_left{width: 314px; text-align: center; height: 310px; padding-top: 74px; box-sizing: border-box; background: url(../images/brand_left.jpg) no-repeat; position: absolute; top: -1px; left: -1px;}
.brand_left h4{color: #fff; font-size: 24px; line-height: 36px; font-weight: normal;}
.brand_text{width: 80%; line-height: 28px; color: #fff; font-size: 16px; padding-top: 30px; margin: 0 auto;}
.brand_pic{width: 772px; margin: 5px 0 0 394px;}
.brand_pic li{float: left; width: 244px; margin-right: 20px;}
.brand_pic li:last-child{margin: 0;}
.brand_pic img{width: 180px; height: 300px;}

.pro_top{height: 94px; padding-top: 22px; background: url(../images/pro_top.jpg) no-repeat right 7px;}
/*.pro_top li{float: left; width: 194px; text-align: center; height: 43px; line-height: 43px; background: #e2e2e2; font-size: 16px; margin-right: 10px;}*/
.pro_top li{float: left; width: 194px; text-align: center; height: 43px; line-height: 43px; background: #e2e2e2; color: #222; font-size: 16px; margin-right: 10px;}
.pro_top .pro_on{background: #e70012; color: #fff;}
/*.pro_top a{color: #222; display: block;}
.pro_top .pro_on a{background: #e70012; color: #fff;}*/
.pro{width: 100%;}
.pro ul{margin-right: -20px;}
.pro li{float: left; width: 285px; text-align: center; margin: 0 20px 18px 0;}
.pro h4{color: #606060; font-size: 16px; line-height: 56px; height: 56px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_pic{width: 283px; height: 326px; border: solid 1px #e7e7e7; position: relative;}
.pro_pic img{width: 100%; height: 100%;}
.pro_tm{width: 285px; height: 328px; background: rgba(231,0,18,0.3); font-size: 18px; position: absolute; top: -1px; left: -1px; opacity:0; transform:scale(0);transition:all 0.8s ease-in-out;backface-visibility:hidden;zoom:1;}
.pro li:hover .pro_tm{opacity:1;transform:scale(1);}
.pro_tm a{height: 100%; padding-top: 117px; box-sizing: border-box; display: block; color: #fff;}
.pro_tm span{font-size: 48px; line-height: 44px; display: block; font-family: "宋体";}


/*about*/
.about_text{color: #696969; font-size: 16px; line-height: 28px; margin-bottom: 70px;}
.about_text img{margin-bottom: 36px;}
.font_tit{width: 750px; text-align: center; height: 64px; line-height: 64px; color: #fff; font-size: 24px; background: url(../images/font_bg.jpg) no-repeat; margin: 0 auto 30px;}
.list{width: 100%; padding: 37px 0 78px 0;}
.list ul{margin-right: -52px;}
.list li{float: left; width: 365px; border-bottom: solid 4px #e1e1e1; padding-bottom: 28px; margin-right: 52px;}
.list img{width: 100%; height: 102px; margin-bottom: 15px;}
.list_fon{line-height: 28px; height: 196px; color: #696969; font-size: 16px; overflow: hidden;}
.fonts{color: #696969; font-size: 16px; line-height: 28px;}
.fonts h4{color: #e70012; font-size: 24px; font-weight: normal; line-height: 40px; padding: 30px 0; text-indent: 32px;}
.fonts p{text-indent: 32px;}



#news_con {	width: auto;	min-height: 360px;	padding: 15px;	/*padding-right: 0px;*/	color:#000;	text-align:justify;}
#news_con .h1 {	text-align: center;	font-size: 16px;	height: 35px;	line-height: 35px;}
#news_con .h2 {	text-align: center;	font-weight: normal;	width: auto;	height: 25px;	line-height: 25px;	border-top: solid 1px #ccc;	border-bottom: solid 1px #ccc;	color: #666;	margin-bottom: 5px; font-size:14px}
#news_con #pic { position:relative;text-align: center;	margin-bottom: 5px;}
#news_con #pic #prev{ position:absolute; top:50%; left:0px; font-size:50px;font-weight:bold}
#news_con #pic #next{ position:absolute; top:50%; right:0px; font-size:50px;font-weight:bold}
#news_con #pic #prev_none{ position:absolute; top:50%; left:0px; color:#999; font-size:50px;font-weight:bold}
#news_con #pic #next_none{ position:absolute; top:50%; right:0px; color:#999; font-size:50px;font-weight:bold}
#news_cons_title{border-bottom:solid 1px #ccc; font-weight:bold ; font-size:15px; margin-bottom:10px;}
#news_cons{ margin-bottom:15px;margin-bottom: 10%;}
#news_cons p{line-height: 24px;}