@charset "utf-8";

/*
 * 1.最外部直接用名称如：class="head",配置类wrap
 * 2.次外层加_in如：class="head_in",配置类inner
 * 3.section分开每部分
 * 4.相同样式的元素总的写样式，位置单独去配置
 * 5.后缀为_active的为动态切换时的样式
 * 6.banner img display:block;
 */


/*修改flexslider样式*/

.flex-control-nav {
	bottom: 15px;
	z-index: 5;
}

.flexslider {
	margin: 0;
	border: none;
}

.flexslider1 {
	overflow: hidden;
}

.flexslider2 .slides {
	/*background: #f6f6f6;*/
}

.flexslider2 ul li>p {
	text-align: center;
	height: 50px;
	line-height: 50px;
	background: #36404b;
	color: #fff;
}
.flexslider3 .slides li{
	position: relative;
	border: 1px solid #dbdbdb;
}
.flexslider2 .slides li img{

}
.flexslider3 .slides li>img{
	height: 285px;
}
.flexslider3 .text{
	height: 240px;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	padding: 20px 15px;
}
.flexslider3 .text p{
	height: 190px;
	overflow: hidden;
}
.n_more{
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 60px;
	height: 40px;
	background: url(../../images/n_more_black.png) left 1px no-repeat;
	background-size:100% 100% ;
}
.n_more:hover{
	background: url(../../images/n_more_red.png) left 1px no-repeat;
}
/*========头部=========*/


/*head*/

.top {
	height: 130px;
	background: #ffffff;
}

.top_in>.fl {
	margin-top: 40px;
}

.top_tel {
	float: right;
	height: 130;
	margin-top: 40px;
}

.top_tel>div.fl {
	width: 230px;
}

.top_tel>div.fl>img {
	margin-right: 10px;
}

.top_tel>div.fl>.text {
	font-size: 14px;
	color: #666;
	line-height: 25px;
}

.head {
	height: 60px;
	background: #36404b;
}

.head_in {
	height: 60px;
}

.nav_in {
	width: 900px;
	height: 100%;
	float: left;
}

.nav_in>li {
	position: relative;
	width: 112px;
	float: left;
	line-height: 60px;
	height: 100%;
}

.nav_in li a {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 60px;
}

.nav_in li a.active {
	background: #fb4f4f;
}

.down_list {
	width: 150px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	z-index: 9999;
	left: 50%;
	top: 60px;
	margin-left: -75px;
}

.down_list a {
	display: block;
	width: 100%;
	height: 40px;
	color: #fff;
	line-height: 40px;
	text-align: center;
}

.down_list a:hover {
	background: #e4454a;
}

.search {
	float: right;
	width: 235px;
	height: 60px;
	background: url(../../images/search-back.png) left top no-repeat;
	background-size: 100% 100%;
}

.search>img {
	height: 25px;
	float: right;
	margin-top: 16px;
	margin-right: 20px;
}

.search>input {
	width: 135px;
	float: left;
	margin-top: 20px;
	margin-left: 50px;
	border: none;
	background: none;
	color: #fff;
}


/*========主体========*/

.m_title {
	background: url(../../images/title_back1.png) left top no-repeat;
	background-size: 100% 100%;
	width: 360px;
	height: 50px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	margin: 35px auto 15px auto;
}

.m_title2 {
	background: url(../../images/title_back2.png) left top no-repeat;
	background-size: 100% 100%;
	width: 360px;
	height: 50px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	margin: 35px auto 15px auto;
}

.m_title_p {
	font-size: 14px;
	color: #666666;
	text-align: center;
	margin-bottom: 30px;
}

.about_img {
	display: block;
	width: 50%;
	height: 580px;
	float: left;
	overflow:hidden;
}

.about_img>img {

}

.con_1 .text {
	width: calc(50% - 150px);
	height: 480px;
	float: right;
	background: #f7f7f7;
	padding-left: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-right: 100px;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}

.con_1 .text>h2 {
	color: #fb4848;
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 30px;
}

.con_1 .text>p {
	height: 340px;
	overflow: hidden;
}

.m_more {
	display: block;
	font-size: 16px;
	color: #fff;
	width: 170px;
	line-height: 46px;
	text-indent: 30px;
	height: 46px;
	background: url(../../images/more_back.png) left top no-repeat;
	background-size: 100% 100%;
}

.more_cof_1 {
	margin-top: 40px;
}

.con_2 {
	overflow: hidden;
}

.con_3 {
	margin-bottom: 40px;
}

.con_3_in {
	overflow: hidden;
	padding-bottom: 40px;
}

.p_title {
	position: relative;
	width: calc(100% - 30px);
	height: 50px;
	background: #36404b;
	top: -5px;
	color: #fff;
	line-height: 50px;
	padding: 0 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.liu {
	position: absolute;
	left: 50%;
	margin-left: -35px;
	top: -55px;
	width: 70px;
	height: 55px;
	background: url(../../images/sda_black.png) left top no-repeat;
	background-size: 100% 100%;
}
.flexslider3 .slides li:hover .liu{
	background: url(../../images/sda_red.png) left top no-repeat;
}
.flexslider3 .slides li:hover .p_title{
	background: #fb4848;
}
/*===========foot===========*/

.foot_cont_in{
	height: 110px;
	background: url(../../images/foot_back.png) left top no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 55px;
}
.foot_cont_in>ul>li{
	float: left;
	margin-left: 30px;
	margin-top: 35px;
}
.foot_cont_in>p{
	color: #fff;
	font-size: 18px;
	float: left;
	margin-top: 43px;
	margin-left: 40px;
}
.more_cof_2{
	float: right;
	margin-top: 35px;
	margin-right: 30px;
}
.foot {
	height: 190px;
	background: #36404b;
}

.foot_in {
	height: 190px;
	color: #fff;
	text-align: center;
	line-height: 160px;
}

.foot_in a {
	color: #FFFFFF;
}

.foot_in p {
	padding-top: 40px;
}

.foot_in p span {
	padding: 0 27px 0 30px;
}


/*cpr*/

.cpr {
	height: 50px;
	line-height: 50px;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 14px;
}


/*公司简介*/

.con {
	padding: 30px 0;
	overflow: hidden;
}

.con_in {
	min-height: 1080px;
}

.con_l {
	width: 320px;
	overflow: hidden;
}

.con_title {
	width: 100%;
	height: 47px;
	background: #fb4f4f;
	border-radius: 5px;
	text-align: center;
	font-size: 22px;
	color: #FFFFFF;
	line-height: 47px;
}

.con_ul {
	width: 100%;
	overflow: hidden;
}

.con_ul li {
	width: 100%;
	height: 40px;
	margin-top: 24px;
}

.con_ul a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #666666;
	border-radius: 5px;
	text-align: left;
	font-size: 18px;
	color: #666666;
	line-height: 38px;
	padding-left: 20px;
}

.con_ul a:hover {
	background: #515151;
	color: #FFFFFF;
}

.con_ul a span {
	float: right;
	font-size: 12px;
	line-height: 35px;
	margin-right: 20px;
	color: #fb4f4f;
}

.con_txt {
	height: 575px;
	padding: 0 20px 20px 20px;
	margin-top: 50px;
	text-align: center;
	border: 1px solid #666666;
	border-radius: 5px;
}

.kuang {
	width: 183px;
	height: 53px;
	display: inline-block;
	border: 1px solid #fb4f4f;
	margin-top: 30px;
	margin-bottom: 20px;
}

.kuang>div {
	display: inline-block;
	width: 110px;
	background: #FFFFFF;
	position: relative;
	top: -20px;
}

.kuang .p1 {
	font-size: 24px;
	font-weight: 600;
	color: #fb4f4f;
}

.kuang .p2 {
	font-size: 14px;
	color: #fb4f4f;
	font-weight: 600;
	padding-top: 5px;
}

.con_ul_2 {
	text-align: left;
}

.con_ul_2 li {
	position: relative;
	width: 100%;
	margin-top: 30px;
}

.con_ul_2 li img {
	height: 25px;
	position: absolute;
	top: -2px;
}

.con_ul_2 li p {
	font-size: 14px;
	padding-left: 35px;
}

.qr_con {
	width: 171px;
	height: 172px;
	margin-top: 30px;
}

.con_r {
	width: 840px;
	overflow: hidden;
}

.con_r_title {
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #666666;
}

.con_r_title img {
	/*margin: 20px auto;*/
}

.con_r_title h2 {
	float: left;
	font-size: 22px;
	color: #666666;
	padding-top: 8px;
}

.bread {
	float: right;
	padding-top: 16px;
}

.bread a {
	font-size: 12px;
	color: #666666;
}

.con_r_txt {
	width: 100%;
	box-sizing: border-box;
	min-height: 745px;
	padding: 20px;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}

.con_r_txt>img {
	display: block;
	width: 70%;
	margin: 20px auto;
}


/*在线留言*/

.kcbm {
	width: 410px;
	min-height: 600px;
	margin: 0 auto;
	margin-top: 40px;
}

.ipt_div {
	width: 100%;
	min-height: 50px;
	box-sizing: border-box;
	border: 1px solid #666666;
	border-radius: 5px;
	margin-top: 22px;
	line-height: 50px;
	padding-left: 20px;
}

.ipt_div label {
	font-size: 16px;
	padding-right: 10px;
}

.ipt_div input {
	width: 290px;
	font-size: 16px;
	border: none;
}

.bm_p {
	font-size: 16px;
}

.ipt_div textarea {
	width: 360px;
	min-height: 200px;
	resize: none;
	border: none;
	font-size: 16px;
}

.yzm {
	width: 150px;
	height: 51px;
	float: right;
	background: #CCCCCC;
	border-bottom-right-radius: 5px;
}

.yzm {
	width: 150px;
	height: 51px;
	float: right;
	background: #CCCCCC;
	border-bottom-right-radius: 5px;
}

#tjbmb {
	display: block;
	width: 100%;
	height: 45px;
	border: none;
	border-radius: 5px;
	background: #fb4f4f;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 600;
	margin-top: 40px;
}

.pl_ul {
	margin-top: 50px;
	width: 100%;
	overflow: hidden;
}

.pl_ul li {
	float: left;
	width: 260px;
	height: 200px;
	margin-right: 20px;
	margin-bottom: 50px;
}

.pl_ul img {
	width: 100%;
	height: 100%;
}

.pl_ul li p {
	text-align: center;
	color: #666;
}


/*新闻列表*/

.news_list {
	margin-top: 50px;
}

.nb_img {
	width: 100%;
	/*height: 100%;*/
}

.t_text span {
	display: inline-block;
	width: 70px;
	margin-right: 30px;
	text-align: center;
	text-indent: 0;
}

.t_text span:nth-child(1) {
	border-bottom: 2px solid #034492;
}

.news_list li {
	height: 160px;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCCCCC;
}

.news_list .time {
	width: 86px;
	height: 119px;
	margin-top: 10px;
	background: #fb4f4f;
	color: #FFFFFF;
	text-align: center;
	margin-right: 17px;
}

.time p:nth-child(1) {
	font-size: 24px;
	font-weight: 600;
	padding-top: 25px;
}

.time p:nth-child(2) {
	font-size: 14px;
	padding-top: 15px;
}

.news_list li h2 {
	font-size: 16px;
	color: #666666;
	padding-top: 10px;
}

.news_list li>p {
	font-size: 14px;
	color: #666666;
	line-height: 28px;
	text-align: justify;
}


/*联系我们*/

#xzcmap {
	width: 100%;
	height: 500px;
	margin-top: 40px;
}