body {font-size:14px;font-family:Microsoft Yahei; color:#503e49;  }

.wrap {width:100%;overflow:hidden;}

*{margin:0; padding:0;	}

dl {margin:0;}

dt {font-weight:normal;}

ul {list-style-type:none;margin:0;}

h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}

a {color: #503e49; outline:none;text-decoration:none;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

a:hover {text-decoration:none;color:#503e49;outline:none;}

a:focus {text-decoration:none;color:inherit;outline:none;}

img { border:0;vertical-align:middle;}

table {border-collapse:collapse;}

input {border:0;outline:none;}

/*公共样式勿删除*/

.clearfix:after {content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.clearfix {zoom: 1;}

.f_b {font-weight:bold;}

.v_m {vertical-align:middle;}

.v_t {vertical-align:top;}

.fl { float:left;}

.fr {float:right;}

.db {display:block;}

.dnb {display:inline-block;}

.d_n {display:none;}

.bod_r50 {border-radius:50%;}

.bod_r {border-radius:5px;}

.p20 {padding:20px;}

.pt5 {padding-top:5px;}

.pb5 {padding-bottom:5px;}

.pl5 {padding-left:5px;}

.pr5 {padding-right:5px;}

.pt10 {padding-top:10px;}

.pb10 {padding-bottom:10px;}

.pl10 {padding-left:10px;}

.pr10 {padding-right:10px;}

.pt15 {padding-top:15px;}

.pl15 {padding-left:15px;}

.pr15 {padding-right:15px;}

.pb15 {padding-bottom:15px;}

.pr20 {padding-right:20px;}

.pb20 {padding-bottom:20px;}

.pl20 {padding-left:20px;}

.pt20 {padding-top:20px;}

.pr25 {padding-right:25px;}

.pb25 {padding-bottom:25px;}

.pl25 {padding-left:25px;}

.pt25 {padding-top:25px;}

.pr30 {padding-right:30px;}

.pb30 {padding-bottom:30px;}

.pl30 {padding-left:30px;}

.pt30 {padding-top:30px;}

.mt5 {padding-top:5px;}

.mb5 {margin-bottom:5px;}

.ml5 {margin-left:5px;}

.mr5 {margin-right:5px;}

.mt10 {margin-top:10px;}

.mb10 {margin-bottom:10px;}

.ml10 {margin-left:10px;}

.mr10 {margin-right:10px;}

.mt15 {margin-top:15px;}

.ml15 {margin-left:15px;}

.mr15 {margin-right:15px;}

.mb15 {margin-bottom:15px;}

.mr20 {margin-right:20px;}

.mb20 {margin-bottom:20px;}

.ml20 {margin-left:20px;}

.ml80 {margin-left:80px;}

.mt20 {margin-top:20px;}

.mr25 {margin-right:25px;}

.mb25 {margin-bottom:25px;}

.ml25 {margin-left:25px;}

.mt25 {margin-top:25px;}

.mr30 {margin-right:30px;}

.mb30 {margin-bottom:30px;}

.ml30 {margin-left:30px;}

.mt30 {margin-top:30px;}

.t_c {text-align:center;}

.t_r {text-align:right;}

.t_l {text-align:left;}

.f36 {font-size:36px;}

.f32 {font-size:32px;}

.f30 {font-size:30px;}

.f28 {font-size:28px;}

.f24 {font-size:24px;}

.f22 {font-size:22px;}

.f20 {font-size:20px;}

.f12 {font-size:12px;}

.f18 {font-size:18px;}

.f16 {font-size:16px;}

.f14 {font-size:14px;}

.bod {border:1px solid #eee;}

.b_t {border-top:1px solid #eee;}

.b_r {border-right:1px solid #ddd;}

.bb_d {border-bottom:1px dotted #ddd;}

.bb {border-bottom:1px solid #eee;}

.b_l {border-left:1px solid #eee;}

.lh30 {line-height:30px;}

.lh24 {line-height:24px;}

.t_d {text-decoration:underline;}

.p_r {position:relative;}

.c_p {cursor:pointer;}

.c_6 {color:#666;}

.white { color:#fff;}

.red {color:#d32d39;}

.c_9 {color:#999;}

.c_3 {color:#333;}

.yellow {color:#ae8b61;}

.blue{color:#295faa;}

.bgf {background:#fff;}

.orange {color:#ff9000;}

.box_s {box-shadow:0 0 5px rgba(0,0,0,0.1);}

.td2 {text-indent:2em;}

.bgcolor {background:#f8f8f8;}

.green {color:#2daf57;}

.p10 {padding:10px;}

.p15 {padding:15px;}

.p20 {padding:20px;}

.p30 {padding:30px;}





/**/

.top{

	background:#503e49;

	color:#fff;

	line-height:36px;

}

.top a{

	color:#b4aab0;

}

.top a.on{

	color: #fff;

}

.top b{

	padding-left: 30px;

}

.header .logo{

	padding: 15px 0 0 15px;

}

.navbar-default {

	margin:0;

	border:none;

	background:none;

}

.navbar-default .navbar-nav>li>a {

	padding:30px 20px;

	color: #000;

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover {

	background: #503e49;

	color: #fff;

}

.footer {

	background: #120d0a;

	color: #fff;

}

.footer .b{

	padding: 30px 0;

	color: #646464;

}

.footer .a{

	padding: 30px 0 20px;

}

.footer .a a{

	color: #b6b6b6;

}

.footer .a .box{

	float: left;

	width: 135px;

}

.footer .a .box li{

	line-height: 36px;

}

.footer .a h3{

	font-size: 16px;

}

.footer .tel{

	font-size: 26px;

	color: #b6b6b6;

}

.main_nav_bottom{

	background: #120d0a;

	color: #fff;

	text-align: center;

	font-size: 26px;

	padding: 10px;

	display: none;

}

.side_kf{

	position: fixed;

	right: 0;

	top: 50%;

	z-index: 999;

	text-align: center;

	border: 1px solid #ddd;

	width: 77px;

	background: #f7f7f7;

	font-size: 12px;

	margin-top: -160px;

}

.side_kf>ul>li>a i{

	display: inline-block;

	width: 31px;

	height: 31px;

	background-image: url(../images/home_16.png);

	background-repeat: no-repeat;

}

.side_kf>ul>li>a .ico2{

	background-position: 0 -80px;

}

.side_kf>ul>li>a .ico3{

	background-position: 0 -162px;

}

.side_kf>ul>li>a .ico4{

	background-position: 0 -250px;

	height: 20px;

}

.side_kf>ul>li{

	border-bottom: 1px solid #ddd;

	position: relative;

}

.side_kf>ul>li:last-child{

	border: none;

}

.side_kf>ul>li>a {

	display: block;

	padding: 10px 0;

}

.side_kf>ul>li:hover>a{

	background: #ffffff;

}

.side_kf>ul>li>a>p{

	margin: 7px 0 0;

}

.side_kf>ul>li:hover .dropdown-menu{

	display: block;

}

.side_kf .dropdown-menu{

	right: 110%;

	width: 200px;

	border-radius: 0;

	border-top: 3px solid #503e49;

	left: auto;

	top: 0;

}

.side_kf .dropdown-menu dl{

	padding:15px 20px;

}

.side_kf .dropdown-menu dt{

	font-weight: bold;

	color: #503e49;

	font-size: 18px;

	margin-bottom: 10px;

}

.side_kf .dropdown-menu dd{

	color: #939393;

}

.homepage .a{

	background: url(../images/bg_02.jpg) center no-repeat;

	height: 554px;

}

.homepage .a .box1 .p20{

	padding: 15px 20px;

}

.homepage .a .box1 .bg{

	color: #fff;

	background: #503e49;

	padding:10px 20px 15px;

}

.homepage .a .box1 .bg h3{

	font-size: 28px;

	margin: 0;

	font-weight: bold;

}

.homepage .a .box1 .bg h3 b{

	font-size: 40px;

}

.homepage .a .box1 .bg p{

	font-size: 16px;

	margin-top: 8px;

	margin-bottom: 0;

}

.homepage .a .box1 .bg h4 b{

	font-size: 20px;

}

.homepage .a .box1 .bg .btn{

	color: #fff;

	background: #362630;

}

.homepage .a .box1 .bg .b_l{

	border-left: 1px solid #73656d;

}

.homepage .a .box1{

	background: #fff;

	z-index: 100;

	margin-top: -50px;

	position: relative;

	margin-bottom: 30px;

}

.homepage .a .box1 .input-group-btn>.btn{

	border-left: 1px solid #fff;

	height: 40px;

}

.homepage .a .box1:after{

	content: '';

	display: block;

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

	height: 54px;

	background: url(../images/s_03.png) right center no-repeat;

}

.homepage .box2 li{

	float: left;

	width: 33.333%;

	text-align: center;

}

.homepage .box2 li a{

	display: inline-block;

	background: #fff;

	border-radius: 50%;

	width: 160px;

	height: 160px;

	font-size: 18px;

	color: #503e49;

	position: relative;

	padding-top: 30px;

	margin-top: 30px;

}

.homepage .box2 li a:hover{

	background: #503e49;

	color: #fff;

}

.homepage .box2 li a:hover i{

	background-image: url(../images/home_14.png);

}

.homepage .box2 li a:hover:after{

	display: none;

}

.homepage .box2 li a:after{

	content: '';

	border: 2px dotted #d7d7d7;

	display: block;

	border-radius: 50%;

	position: absolute;

	left: 5px;

	top: 5px;

	right: 5px;

	bottom: 5px;

}

.homepage .box2 li i{

	display: inline-block;

	width: 66px;

	height: 66px;

	background-image: url(../images/home_13.png);

	background-repeat: no-repeat;

}

.homepage .box2 li p{

	margin-top: 5px;

}

.homepage .box2 li .ico2{

	background-position: -218px 0;

}

.homepage .box2 li .ico3{

	background-position: -430px 0;

}

.homepage .box2 li .ico4{

	background-position: 0 -189px;

}

.homepage .box2 li .ico5{

	background-position: -223px -189px;

}

.homepage .box2 li .ico6{

	background-position: -433px -189px;

}

.homepage .box2  .left h2{

	font-size: 36px;

	padding-top: 70px;

}

.homepage .box2  .left h2:after{

	content: '';

	display: block;

	width: 50px;

	height: 3px;

	background: #503e49;

	margin-top: 25px;

}

.homepage .box2  .left p{

	line-height: 32px;

	margin: 30px 120px 0 0;

}

.homepage .b {

	overflow: hidden;

	margin-bottom: 40px;

}

.homepage .b ul{

	margin: 0 -0.5px;

}

.homepage .b li{

	float: left;

	width: 25%;

	padding: 0.5px;

}

.homepage .b li img{

	width: 100%;

}

.homepage .b li .box{

	position: relative;

}

.homepage .b li a{

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.35);

}

.homepage .b li dl{

	border: 2px solid #fff;

	width: 198px;

	height: 198px;

	font-size: 20px;

	color: #fff;

	text-align: center;

	position: absolute;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%, -50%);

	    transform: translate(-50%, -50%);

}

.homepage .b li dl i{

	display: inline-block;

	width: 68px;

	height: 68px;

	background: url(../images/1_03.png);

	background-repeat: no-repeat;

	margin: 40px 0 15px;

}

.homepage .b li dl .ico1{

	background-position: 5px 0;

}

.homepage .b li dl .ico2{

	background-position: -472px 0;

}

.homepage .b li dl .ico3{

	background-position: -955px 0;

}

.homepage .b li dl .ico4{

	background-position: -1433px 0;

}

.homepage .b li:hover a{

	background: rgba(0,0,0,0);

}

.homepage .b li:hover dl{

	background: rgba(255,255,255,0.8);

	color: #503e49;

	border: 2px solid rgba(255,255,255,0.2);

}

.homepage .b li:hover dl i{

	background-image: url(../images/1_04.png);

}

.title_common {

	text-align: center;

	padding: 55px 0 25px;

}

.title_common dl:after{

	content: '';

	display: block;

	width: 284px;

	height: 3px;

	background: url(../images/line_05.png) left center no-repeat ;

	position: absolute;

	right: -310px;

	top: 50%;

	margin-top: -2px;

}

.title_common dl:before{

	content: '';

	display: block;

	width: 284px;

	height: 3px;

	background: url(../images/line_03.png) right center  no-repeat;

	position: absolute;

	left: -310px;

	top: 50%;

	margin-top: -2px;

}

.title_common dl{

	display: inline-block;

	position: relative;

}

.title_common dt{

	font-size: 36px;

}

.title_common dd{

	color: #999;

	line-height: 22px;

	margin-top: 8px;

}



.homepage .c{

	color: #fff;

	text-align: center;

	background: #503e49;

	padding-bottom: 50px;

}

.homepage .c .box{

	margin-top: 20px;

}

.homepage .c .box p{

	font-size: 18px;

	margin-top: 30px;

}

.title_common_white dl,.title_common_white dd{

	color: #fff;

}

.title_common_white dl:before{

	background: url(../images/line_10.png) right center no-repeat;

}

.title_common_white dl:after{

	background: url(../images/line_13.png) left center no-repeat;

}

.more_common {

	display: inline-block;

	width: 150px;

	height: 42px;

	text-align: center;

	border-radius: 42px;

	border: 1px solid #ddd;

	line-height: 42px;

	color: #333333;

	margin: 40px 0 60px;

}

.more_common:hover{

	background: #503e49;

	    color: #fff;

}

.homepage .d li{

	float: left;

	width: 25%;

	background: #f0f0f0;

	text-align: center;

}

.homepage .d li .pic {

	height: 259px;

	overflow: hidden;

}

.homepage .d li .pic img{

	width: 100%;

}

.homepage .d li dl{

	padding:30px 20px 0;

	height: 266px;

	overflow: hidden;

}

.homepage .d dt p{

	font-size: 20px;

	font-weight: bold;

	margin-top: 10px;

}

.homepage .d dt p:after{

	content: '';

	display: block;

	margin: 10px auto;

	width: 50px;

	border-bottom: 1px solid #666;

}

.homepage .d dd{

	line-height: 24px;

	color: #666;

}

.homepage .e{

	height: 642px;

	background: url(../images/bg_04.jpg) center no-repeat;

	padding-top: 95px;

}

.homepage .e .box{

	background: #fff;

}

.homepage .e p{

	line-height: 32px;

	color: #5a5a5a;

}

.homepage .e h4{

	font-size: 36px;

}

.homepage .e h4:after{

	content: '';

	display: block;

	width: 50px;

	height: 3px;

	background: #503e49;

	margin: 25px 0;

}

.homepage .e h5{

	font-size: 18px;

	margin: 15px 0 25px;

}

.homepage .e .media-object{

	width: 509px;

	height: 452px;

}

.homepage .e .media-left{

	padding-right: 30px;

}

.homepage .e .more_common{

	background: #503e49;

	color: #fff;

	margin: 20px 0 0 0;

}

.homepage .f{

	background: #f9f9f9;

}

.homepage .f .box a{

	display: block;

	background: #fff;

	padding: 15px;

}

.homepage .f .box a:hover{

	box-shadow: 0 0 15px rgba(0,0,0,0.1);

}

.homepage .f .row{

	margin: 0 -10px;

}

.homepage .f .col-lg-4{

	padding: 0 10px;

}

.homepage .f .box  .pic{

	height: 215px;

	overflow: hidden;

}

.homepage .f .box  .pic img{

	width: 100%;

}

.homepage .f .box p{

	color: #999;

	margin: 10px 0 7px;

}

.homepage .f .box dd{

	color: #888;

	line-height: 26px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

	height: 78px;

}

.homepage .f .box h4{

	font-weight: bold;

	font-size: 16px;

	margin-bottom: 15px;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}



/**/

.banner_info {

	background: url(../images/2_02.jpg) center no-repeat;

	position: relative;

	height: 300px;

}

.banner_info dl{

	position: absolute;

	text-align: center;

	color: #fff;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%, -50%);

	    transform: translate(-50%, -50%);

}

.banner_info dl dt{

	font-size: 32px;

	font-weight: bold;

	padding-bottom: 20px;

}

.aboutus .a {

	padding: 70px 0;

}

.aboutus .a .row p{

	line-height: 32px;

	color: #777;

	margin: 0;

	padding: 5px 0;

}

.aboutus .a .row h4{

	font-weight: bold;

	font-size: 16px;

	margin: 0;

}

.aboutus .a h2{

	font-size: 32px;

	padding-top: 30px;

}

.aboutus .a  h2:after {

    content: '';

    display: block;

    width: 50px;

    height: 3px;

    background: #503e49;

    margin: 15px 0 25px;

}

.aboutus .a img{

	max-width: 100%;

	max-height: 370px;

}

.aboutus .a .nav-tabs{

	text-align: center;

	font-size: 16px;

	border: none;

}

.aboutus .a .nav-tabs>li{

	display: inline-block;

	float: none;

	margin: 0 5px;

}

.aboutus .a .nav-tabs>li>a{

	width: 176px;

	height: 45px;

	border-radius: 45px;

	padding: 0;

	background: #ececec;

	line-height: 45px;

	border: none;

	margin: 0;

}

.aboutus .a .nav-tabs>li.active>a, 

.aboutus .a .aboutus .a .nav-tabs>li.active>a:focus, 

.aboutus .a .nav-tabs>li.active>a:hover{

	background: #503e49;

	color: #fff;

}

.aboutus .b{

	background: url(../images/bg2_02.jpg) center no-repeat;

	height: 497px;

	color: #fff;

	text-align: center;

	padding-top: 10px;

}

.aboutus .b h4{

	color: #dddddd;

	line-height: 28px;

	margin-top: 0;

}

.aboutus .b h4 span{

	display: block;

}

.aboutus .b img{

	margin-top: 40px;

}

.aboutus .b p{

	font-size: 18px;

	margin-top: 30px;

}

.aboutus .c{

	padding-bottom: 40px;

}

.aboutus .c img{

	width: 100%;

}

.aboutus .c .pic{

	display: block;

	border: 1px solid #eee;

}

.aboutus .c p{

	text-align: center;

	font-size: 16px;

	margin-top: 20px;

}

.aboutus .c .p_r{

	padding: 0 60px;

}

.aboutus .c .swiper-button-next,.aboutus .c .swiper-button-prev{

	width: 30px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	border: 1px solid #ddd;

	background: none;

	border-radius: 50%;

}

.aboutus .c .swiper-button-next{

	right: 0;

}

.aboutus .c .swiper-button-prev{

	left: 0;

}

.aboutus .c .swiper-button-next:hover,.aboutus .c .swiper-button-prev:hover{

	background: #503e49;

	border: 1px solid #503e49;

	color: #fff;

}

.aboutus .d .box p{

	background: rgba(0,0,0,0.5);

	margin: 0;

	position: absolute;

	left: 0;

	bottom: 0;

	padding: 20px;

	color: #fff;

	font-size: 16px;

	width: 100%;

}

.gallery-thumbs .swiper-slide:after{

	content: '';

	display: block;

	position: absolute;

	background: rgba(0,0,0,0.5);

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}

.gallery-thumbs .swiper-slide-active:after{

	display: none;

}

.aboutus .d .more_common{

	background: #503e49;

	    color: #fff;

}

/**/

.newslist {

	padding-top: 30px;

}

.newslist .box li{

	padding: 30px 0;

	border-bottom: 1px solid #eee;

}

.newslist .box li .media-heading{

	font-weight: bold;

	font-size: 16px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	overflow: hidden;

}

.newslist .box li p{

	color: #777;

	line-height: 26px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

	height: 78px;

	margin: 20px 0 40px;

}

.newslist .box li .more{

	color: #777;

}

.newslist .box li .media-object{

	width: 318px;

	height: 200px;

}

.newslist .media-left{

	position: relative;

	padding-right: 30px;

}

.newslist .media-left .data{

	display: inline-block;

	position: absolute;

	left: 0;

	bottom: 0;

	font-size: 12px;

	color: #fff;

	background: #503f49;

	padding: 10px;

}

.pagination>li>a, .pagination>li>span{

	color: #666;

	margin: 0 5px;

}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{

	background: #503f49;

	border: 1px solid #503f49;

}

.pagination{

	margin: 50px 0;

}

/**/

.newsitem {

	padding: 50px 0;

}

.newsitem .left .hd{

	border-bottom: 1px solid #eee;

}

.newsitem .left .hd h1{

	font-size: 24px;

	margin-top: 0;

}

.newsitem .left .bd {

	padding: 15px 0;

}

.newsitem .left .hd h4{

	color: #7c7b7b;

	padding: 15px 0;

}

.newsitem .left .bd p{

	line-height: 34px;

	color: #5a5a5a;

	padding: 15px 0;

}

.newsitem .left .bd img{

	max-width: 100%;

}

.newsitem .left .ft{

	border-top: 1px solid #eee;

	padding-top: 20px;

	line-height: 30px;

}

.newsitem .right h3{

	font-size: 18px;

	margin-top: 0;

}

.newsitem .right li{

	padding: 15px 0;

	border-bottom: 1px solid #eee;

}

.newsitem .right li .t_r{

	color: #a8a8a8;

}

.newsitem .right li .media-object{

	width: 95px;

	height: 60px;

}

.newsitem .right li .media-heading{

	line-height: 20px;

}



/**/

.joinus {

	padding: 30px 0 60px;

}

.joinus li{

	margin-top: 10px;

}

.joinus .flex{

	display: flex;

	align-items: center;

	background:url(../images/8_02.png) 97% center no-repeat #ededed;

	line-height: 58px;

	padding: 0 30px;

	font-size: 16px;

	font-weight: bold;

	color: #5a5a5a;

	cursor: pointer;

}

.joinus .flex.on{

	background:url(../images/8_03.png) 97% center no-repeat #503f49;

	color: #fff;

}

.joinus .flex_item{

	flex: 1;

}

.joinus li .dropbox{

	padding:5px 20px;

	line-height: 30px;

	border: 1px solid #eee;

	display: none;

}

.joinus li .dropbox p{

	padding: 10px 0;

}

.joinus .tip {

	text-align: center;

	padding: 30px 0;

}

.joinus .tip span{

	display: inline-block;

	background: #a9a9a9;

	font-size: 18px;

	color: #fff;

	font-weight: bold;

	padding: 5px 30px;

}



/**/

.jiamen {

	padding: 70px 0;

}

.jiamen .right{

	border: 2px solid #eee;

	padding: 10px 30px;

}

.jiamen .right ul{

	line-height: 36px;

	color: #5a5a5a;

	padding-bottom: 20px;

	padding-top: 10px;

}

.jiamen .right .title{

	border-bottom: 1px solid #eee;

	font-size: 18px;

	padding: 20px 0 15px;

}

.jiamen .right .title span{

	border-left: 3px solid #503f49;

	padding-left: 15px;

	display: inline-block;

	line-height: 18px;

}

.jiamen .left{

	text-align: center;

}

.jiamen .left .box{

	position: relative;

	margin-top: 25px;

}

.jiamen .left .box img{

	width: 100%;

}

.jiamen .left .box p{

	color: #fff;

	position: absolute;

	left: 0;

	width: 100%;

	bottom: 0;

}

.jiamen .left li a{

	display: block;

	border-radius: 54px;

	background: #ececec;

	font-size: 16px;

	margin-bottom: 10px;

	line-height: 54px;

}

.jiamen .left li a:hover,.jiamen .left li a.on{

	color: #fff;

	background: #503f49;

}

.jiamen .left .title{

	font-size: 16px;

	margin: 30px 0 15px;

	position: relative;

}

.jiamen .left .title:after{

	content: '';

	display: block;

	border-bottom: 1px solid #eee;

	position: absolute;

	left: 0;

	top: 12px;

	width: 100%;

	z-index: 1;

}

.jiamen .left .title b{

	display: inline-block;

	background: #fff;

	padding: 0 15px;

	position: relative;

	z-index: 3;

}

/**/

.contentus .c{

	background: url(../images/9_08.png) bottom center no-repeat;

	height: 832px;

	padding-top: 95px;

}

.contentus .c .right{

	border: 1px solid #eee;

	padding: 40px;

	background: #fff;

}

.contentus .c .right input{

	height: 56px;

	margin-bottom: 30px;

	border-radius: 0;

}

.contentus .c .right textarea{

	border-radius: 0;

}

.contentus .c .right button{

	height: 56px;

	background: #503f49;

	color: #fff;

	font-size: 16px;

	margin-top: 30px;

	border-radius: 0;

}

.contentus .c .left p{

	color: #888888;

	line-height: 30px;

	padding-top: 15px;

}

.contentus .c .left h2{

	font-size: 26px;

}

.contentus .c .left h2:after{

	content: '';

	width: 40px;

	display: block;

	border-bottom: 2px solid #503f49;

	margin-top: 15px;

}

.contentus .a{

	text-align: center;

	padding: 60px 0 88px;

}

.contentus .a h2{

	height: 210px;

	background: #f5f5f5;

	font-size: 24px;

	margin: 0;

	padding-top: 70px;

}

.contentus .a .box{

	padding: 0 30px;

}

.contentus .a .box_s{

	height: 237px;

	margin-top: -48px;

	background: #fff;

}

.contentus .a dt{

	font-size: 22px;

	margin-top: 15px;

}

.contentus .a dd{

	line-height: 30px;

	font-size: 16px;

	/*margin-top: 20px;*/

	color: #7c7b7b;

}

.contentus .a span{

	display: inline-block;

	width: 80px;

	height: 80px;

	border-radius: 50%;

	background: #503f49;

	position: relative;

	margin-top: -40px;

	padding-top: 20px;

}

.contentus .a span i{

	display: inline-block;

	background-image: url(../images/9_05.png);

	background-repeat: no-repeat;

	width: 38px;

	height: 36px;

}

.contentus .a span .ico1{

	background-position: 2px 0;

}

.contentus .a span .ico2{

	background-position: -389px 0;

}

.contentus .a span .ico3{

	background-position: -779px 0;

}

/**/

.case h4{

	text-align: center;

	line-height: 30px;

	font-size: 16px;

	margin-bottom: 30px;

}

.case h4 span{

	display: block;

}

.case .a {

	padding: 40px 0;

}

.case .a .nav-tabs{

	margin-bottom: 50px;

}

.case h5{

	font-size: 16px;

	margin: 15px 0 25px;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

.case .pic{

	position: relative;

}

.case .pic img{

	width: 100%;

}

.case .pic:after{

	content: '';

	display: none;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background:url(../images/7_08.png) center no-repeat rgba(0,0,0,0.5);

}

.case a:hover .pic:after{

	display: block;

}

.modal-dialog{

	width: 950px;

}

.modal-dialog img{

	width: 100%;

}

.modal-body{

	padding: 0 30px;

}

.modal-header,.modal-footer{

	border: none;

}

.modal-footer{

	padding: 15px 30px 25px;

}

/**/

.products .row .more {

	display: inline-block;

	background: url(../images/5_13.png) right center no-repeat;

	padding-right: 30px;

	line-height: 20px;

}

.products .row{

	margin: 0 -10px;

}

.products .col-lg-4{

	padding: 0 10px;

}

.products .row a{

	display: block;

	border: 1px solid #eee;

	margin-top: 30px;

	height: 430px;

	position: relative;

}

.products .row a img{

	width: 100%;

}

.products .row a .t_r{

	display: none;

	margin-top: 20px;

}

.products .row a dl{

	padding: 20px;

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	background: #fff;

	border-top: 5px solid #fff;

}

.products .row a dt{

	font-weight: bold;

	font-size: 16px;

	margin-bottom: 10px;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

.products .row a p{

	line-height: 28px;

	margin: 0;

	color: #888;

	height: 84px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

}

.products .row a .pic{

	height: 269px;

	overflow: hidden;

}

.products .row a:hover dl{

	background: #503f49;

	color: #fff;

}

.products .row a:hover dl p{

	color: #fff;

}

.products .row a:hover .t_r{

	display: block;

}

.products .nav-tabs{

	width: 783px;

	margin: 70px auto 40px;

	box-shadow: 0 0 10px rgba(0,0,0,0.1);

	border: none;

	text-align: center;

	border-radius: 0 0 45px 45px;

}

.products .nav-tabs>li{

	float: none;

	display: inline-block;

	font-size: 16px;

}

.products .nav-tabs>li i{

	display: block;

	margin: 0 auto 10px;

	width: 26px;

	height: 26px;

	background-image: url(../images/5_05.png);

	background-repeat: no-repeat;

}

.products .nav-tabs>li>a{

	margin: 0;

	padding:20px 40px;

	border-radius: 0;

	border: none;

}

.products .nav-tabs>li>a .ico2{

	background-position: -163px 0;

}

.products .nav-tabs>li>a .ico3{

	background-position: -330px 0;

}

.products .nav-tabs>li>a .ico4{

	background-position: -495px 0;

}

.products .nav-tabs>li.active>a,

.products .nav-tabs>li>a:hover,

.products  .nav-tabs>li.active>a:focus,

.products  .nav-tabs>li.active>a:hover{

	background: #503f49;

	border: none;

	color: #fff;

}

.products .nav-tabs>li.active>a i,

.products .nav-tabs>li>a:hover i,

.products  .nav-tabs>li.active>a:focus i,

.products  .nav-tabs>li.active>a:hover i{

	background-image: url(../images/5_06.png);

}

.products .nav-tabs>li.active>a:after,

.products .nav-tabs>li>a:hover:after{

	content: '';

	display: block;

	width: 100%;

	height: 5px;

	position: absolute;

	background: #503f49;

	top: -5px;

	left: 0;

}

.products .nav-tabs>li.active>a:before,

.products .nav-tabs>li>a:hover:before{

	content: '';

	display: block;

	width: 100%;

	height: 5px;

	position: absolute;

	background: #503f49;

	bottom: -5px;

	left: 0;

}





/**/

.proitem {

	padding-bottom: 50px;

}

.proitem .a {

	padding-top: 60px;

}

.proitem .a .right span{

	display: inline-block;

	margin-right: 15px;

	text-align: center;

}

.proitem .a .right .title{

	font-size: 24px;

	border-bottom: 1px solid #eee;

	padding-bottom: 20px;

	margin-bottom: 10px;

	margin-top: 0;

}

.proitem .a .right li{

	line-height: 38px;

	word-wrap:break-word

}

.proitem .b{

	border: 1px solid #eee;

	margin-top: 60px;

}

.proitem .b .title{

	line-height: 60px;

	font-size: 18px;

	background: #f5f5f5;

}

.proitem .b .title span{

	display: block;

	width: 210px;

	color: #fff;

	background: #503f49;

	position: relative;

	text-align: center;

}

.proitem .b .title span:after{

	content: '';

	width:0;

		height:0;

		border-right:5px solid transparent;

		border-left:5px solid transparent;

		border-top:5px solid #503f49;

		position: absolute;

		bottom: -5px;

		left: 50%;

		margin-left: -5px;

}

.proitem .b .box{

	padding: 30px;

	line-height: 36px;

}

.proitem .b .box img{

	max-width: 100%;

	display: block;

	margin: 20px auto;

}

.proitem .a .gallery-top img{

	width: 100%;

	border: 1px solid #eee;

}



.proitem .a .gallery-thumbs img{

	width: 100%;

	border: 1px solid #ddd;

}

.proitem .a .gallery-thumbs .swiper-slide:after {

    content: '';

    display: block;

    position: absolute;

    background: rgba(255,255,255,0.5);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

.proitem .a .gallery-thumbs .swiper-slide-active:after{

	display: none;

}

.proitem .a .gallery-thumbs .swiper-slide-active img{

	border: 1px solid #503f49;

}

.homepage .a .box1 .p20 p{

	height: 20px;

	overflow: hidden;

}







































@media (min-width:992px) and (max-width:1199px){

   .header .logo img{

	   width: 250px;

   }

   .navbar-default .navbar-nav>li>a{

	   padding: 25px 15px;

   }

   .homepage .a .box1 .bg h3{

	   font-size: 20px;

   }

   .homepage .a .box1 .bg p{

	   font-size: 12px;

   }

   .homepage .d li .pic {

	   height: 208px;

   }

   .homepage .d li dl img{

	   width: 60px;

   }

   .homepage .d li dl{

	   height: 208px;

	   overflow: hidden;

	   padding: 15px;

   }

   .proitem .a .right li{

	   line-height: 30px;

   }

	

}

@media (min-width:768px) and (max-width:991px){

   .header .logo img{

   	   width: 150px;

   }

   .navbar-default .navbar-nav>li>a{

   	   padding: 15px 5px;

   }

  .homepage .box2 .left h2{

	  padding-top: 0;

  }

  .homepage .d dd{

	  height: 48px;

	  overflow: hidden;

  }

  .homepage .d li dl img{

  	   width: 60px;

  }

  .homepage .d li .pic{

	  height: 159px;

  }

  .homepage .d li dl{

  	   height: 159px;

  	   overflow: hidden;

  	   padding: 15px;

  }

  .homepage .e .media-object{

	  width: 300px;

  }

  .homepage .e h4{

	  font-size: 24px;

  }

  .homepage .e h5{

	  font-size: 16px;

	  margin: 0 0 10px 0;

  }

  .homepage .e p{

	  line-height: 24px;

  }

  .homepage .e .more_common{

	  margin: 0;

  }

  .homepage .e h4:after{

	  margin: 10px 0;

  }

  .homepage .e{

	  height: 400px;

	  padding-top: 60px;

  }

  .homepage .f .box .pic{

	  height: 122px;

  }

  .footer .fr{

	  display: none;

  }

  .homepage .a{

	  height: auto;

	  background-size: cover;

  }

  .title_common dl:after{

	  right: -260px;

	  width: 240px;

  }

  .title_common dl:before{

  	  left: -260px;

  	  width: 240px;

  }

  .aboutus .b{

	  height: auto;

	  background-size: cover;

	  padding-bottom: 30px;

  }

  .newslist .box li .media-object{

	  width: 260px;

	  height: 150px;

  }

  .newslist .box li p{

	  margin: 15px 0;

  }

  .newsitem .right {

	  display: none;

  }

  .products .row a .pic{

	  height: 161px;

  }

  .products .row a{

	  height: 320px;

  }

  .proitem .a .right .title{

	  margin-top: 30px;

  }

  .aboutus .a .nav-tabs>li>a{

	  width: 150px;

  }

  .contentus .a dd{

	  font-size: 12px;

  }

  .contentus .c .right{

	  padding: 15px;

  }

	

}



@media (max-width:767px){

	body{

		padding-bottom: 60px;

	}

    .main_nav_bottom{

		display: block;

	}

	.footer,.top{

		display: none;

	}

	.header .logo{

		padding: 10px 0 0 15px;

	}

	.logo img{

		width: 210px;

	}

	.navbar-collapse{

		float: none;

	}

	.navbar-default .navbar-nav>li>a{

		padding: 10px 20px;

	}

	.title_common dl:after,.title_common dl:before{

		display: none;

	}

	.side_kf{

		display: none;

	}

	.homepage .d li,.homepage .box2 li,.homepage .b li{

		width: 50%;

	}

	.homepage .a{

		height: auto;

		background-size: cover;

	}

	.homepage .d li dl{

		padding-top: 20px;

	}

	.homepage .d li dl img{

		width: 50px;

		

	}

	.homepage .b li dl{

		width: 120px;

		height: 120px;

		font-size: 12px;

	}

	.homepage .b li dl i{

		margin: 10px 0;

	}

	.homepage .c .box p{

		font-size: 13px;

		margin-top: 10px;

	}

	.homepage .c .box img{

		width: 100px;

	}

	.homepage .e .media-body,.homepage .e .media-left,.homepage .e .media-right{

		display: block;

		width: 100%;

		padding-right: 0;

	}

	.homepage .e {

		height: auto;

		background-size: cover;

		padding: 15px 0;

	}

	.homepage .e .media-object{

		width: 100%;

	}

	.homepage .e .media-body{

		padding: 15px;

	}

	.homepage .f .box a{

		margin-top: 15px;

	}

	.more_common{

		margin: 20px 0;

	}

	.homepage .e h4{

		font-size: 24px;

	}

	.homepage .e h5{

		font-size: 16px;

		margin: 10px 0;

	}

	.homepage .e p{

		line-height: 24px;

	}

	.title_common{

		padding: 25px 0 15px;

	}

	.homepage .a .box1 .bg .b_l{

		border: none;

	}

	.homepage .a .box1{

		margin-top: 15px;

	}

	.homepage .box2 .left h2{

		padding-top: 0;

	}

	.title_common dt,.homepage .box2 .left h2{

		font-size: 24px;

	}

	.homepage .box2 .left h2:after{

		margin-top: 15px;

	}

	.homepage .d dd{

		font-size: 12px;

	}

	.homepage .box2 .left p{

		margin: 15px 0 0 0;

	}

	.homepage .f .box .pic{

		height: 190px;

	}

	.homepage .d li .pic{

		height: 139px;

	}

	.title_common dd,.aboutus .c p{

		font-size: 12px;

	}

	.aboutus .a .nav-tabs>li>a{

		/*width: 90px;*/

		font-size: 14px;

		height: 36px;

		line-height: 36px;

	}

	.aboutus .a h2{

		font-size: 24px;

		padding: 0;

	}

	.aboutus .a{

		padding: 15px 0;

	}

	.aboutus .a .row p{

		line-height: 24px;

	}

	.aboutus .b{

		height: auto;

		background-size: cover;

		padding-bottom: 15px;

	}

	.aboutus .b img{

		margin-top: 20px;

	}

	.aboutus .d .box p{

		font-size: 12px;

		padding: 10px;

	}

	.newslist .box li .media-object{

		width: 110px;

		height: auto;

	}

	.newslist .box li p{

		margin: 5px 0;

		height: 26px;

		-webkit-line-clamp: 1;

	}

	.newslist .box li .media-heading{

		font-size: 14px;

	}

	.newslist .media-left{

		padding-right: 10px;

	}

	.newslist .box li{

		padding: 15px 0;

	}

	.newslist .media-left .data{

		display: none;

	}

	.newsitem .left .ft .t_r{

		text-align: left;

	}

	.newsitem .right{

		display: none;

	}

	.joinus .flex{

		font-size:12px;

		padding:0 30px 0 15px;

	}

	.joinus .tip span{

		font-size:14px;

		display:block;

	}

	.joinus{

		padding:0 0 20px;

	}

	.joinus .tip{

		padding-bottom:15px;

	}

	.jiamen{

		padding: 30px 0;

	}

	.contentus .a .box_s{

		margin-top: 20px;

	}

	.case h4,.case h5{

		font-size: 12px;

	}

	.case h4 span{

		display:inline;

	}

	.case .row{

		margin: 0 -5px;

	}

	.case .col-xs-6{

		padding: 0 5px;

	}

	.aboutus .a .nav-tabs>li{

		margin: 5px 2px;

	}

	.modal-dialog{

		width: auto;

	}

	.modal-footer{

		text-align: left;

	}

	.proitem .a .right .title{

		margin-top: 30px;

	}

	.proitem .a .right li{

		line-height: 24px;

	}

	.proitem .b .box{

		padding: 15px;

		line-height: 24px;

	}

	.contentus .c{

		padding-top: 20px;

	}

	.contentus .c .right{

		padding: 15px;

	}

	.contentus .c .right input{

		margin-bottom: 15px;

	}

	.contentus .c .right button{

		margin-top: 15px;

	}

	.contentus .a h2{

		height: 120px;

		padding-top: 40px;

	}

	.jiamen .right{

		padding: 10px 15px;

	}

	.jiamen .right ul{

		line-height: 24px;

		padding: 15px 0;

	}

	.jiamen .right .title{

		padding: 10px 0;

	}

	.products .nav-tabs{

		width: auto;

	}

	.products .row a .pic{

		height: 115px;

	}

	.products .row a{

		height: 220px;

	}

	.products .row a dl{

		padding: 10px;

	}

	.products .row a dt{

		font-size: 14px;

		margin-bottom: 5px;

	}

	.products .row a p{

		line-height: 20px;

		height: 60px;

	}

	.newsitem .left .bd p{

		line-height: 24px;

	}

	.newsitem{

		padding: 20px 0;

	}

	.newsitem .left .hd h4{

		margin: 0;

		padding-top: 0;

	}

}