@charset "utf-8";



@font-face{

	font-family: roman;

	src: url("../font/Times-New-Roman.fon");

}

@font-face{

	font-family: cuti;

	src: url("../font/impact.ttf");

}



/*-- 全局reset

-------------------------------------------*/



html, body, div,

h1, h2, h3, h4, h5, h6,

hr, p, blockquote,

dl, dt, dd, ul, ol, li,

pre, form, fieldset, object, code,

legend, button, input, textarea, label,

th, td, a, img {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

}

.clear{

	clear: both;

}

body {

    font: 16px  "Microsoft Yahei", Times,"serif",roman;

    color: #333;

}



/*清除内外边距*/

h1, h2, h3, h4, h5, h6 {

    font-weight: normal;

    font-size: 100%;

	font-family: "Microsoft Yahei", Times,"serif",roman;

}



/*设置默认字体*/

:focus {

    outline: 0;

}



ul,

ol {

    list-style: none;

}



/*重置列表*/

fieldset, img {

    border: 0 none;

    vertical-align: top;

}



/*重置图片元素*/

address, caption, cite, code, dfn, em, i, th, var, optgroup {

    font-style: normal;

    font-weight: normal;

}



abbr, acronym {

    border: 0;

    font-variant: normal;

}



input, button, textarea, select, optgroup, option {

    font-family: inherit;

    font-size: inherit;

    font-style: inherit;

    font-weight: inherit;

}



code, kbd, samp, tt {

    font-size: 100%;

}



/*@purpose To enable resizing for IE */

/*@branch For IE6-Win, IE7-Win */

input, button, textarea, select {

    *font-size: 100%;

    outline: none;

}



/*

form label {

    cursor: pointer;

}

*/



textarea {

    resize: none;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



/*重置表格*/

blockquote, q {

    quotes: none;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

    content: '';

    content: none;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



a {

    color: #333;

    text-decoration: none;

    -webkit-transition: color .2s ease-in-out;

    -moz-transition: color .2s ease-in-out;

    transition: color .2s ease-in-out;

    -webkit-transition: background-color .2s ease-in-out;

    -moz-transition: background-color .2s ease-in-out;

    transition: background-color .2s ease-in-out;



}



a:hover {

    text-decoration: none;

}



a.special,

.special a {

    color: #1eb37b;

}



a.special:hover,

.special a:hover {

    color: #1eb37b;

    text-decoration: none;

}



/*--清除浮动

-------------------------------------------*/

.cf:before,

.cf:after,

.clearfix:before,

.clearfix:after {

    content: "";

    display: table;

}



.cf:after,

.clearfix:after {

    clear: both;

}



.cf,

.clearfix {

    clear: both;

    *zoom: 1;

}



/*-- 字号、颜色、外边距、内补丁、居中、行高、显示、隐藏

--------------------------------------------------------------------------*/

.c-333 {

    color: #333;

}



.c-666 {

    color: #666;

}



.c-999 {

    color: #999;

}



.c-green {

    color: #1fb079;

}



.c-orange {

    color: #fc714c;

}



.c-reg {

    color: #d90106;

}



/* 字号 */

.f9 {

    font-size: 9px;

    -webkit-text-size-adjust: none;

}



.f12,

.fb12 {

    font-size: 12px;

}



.simsun {

   font-family: "Microsoft Yahei", Times,"serif",roman;

}



.f14,

.fb14 {

    font-size: 14px;

}



.f16,

.fb16 {

    font-size: 16px;

}



.f18,

.fb18 {

    font-size: 18px;

}



.f20,

.fb20 {

    font-size: 20px;

}



.fb,

.fb12,

.fb14,

.fb16,

.fb18,

.fb20 {

    font-weight: 700;

}



/* 隐藏 居中 */



.tc {

    text-align: center;

}



.tr {

    text-align: right;

}



.show {

    display: block;

}



.hide {

    display: none !important;

}



/*文字隐藏,省略号*/

.ti,

.te {

    white-space: nowrap;

    overflow: hidden;

}



.ti {

    text-indent: -999em;

}



.te {

    text-overflow: ellipsis;

}





/*自己开始*/

.wrap{

	width: 1200px;

	margin: 0 auto;

}



/*====================头部开始*********/

.header{

	width:100%;

	z-index:999;

	background: #fff;

}

.header01{

	height: 90px;

}

.h_logoright{

	width:75%;

	

}

/*logo*/

.h_logo{

	margin-top: 30px;

	width: 25%;

}

.h_logo a img{

	height: 44px;

	display: block;

	float: left;

}





/*电话*/

.headtel{

	float: right;

	line-height: 32px;

	color: #ed1c24;

	padding-right: 30px;

	margin-top: 7px;

}

.headtel img{

	width: 35px;

	padding-right: 5px;

}

.headtel a{

	color: #ed1c24;

}

/*电话end*/





/*导航*/

.h_toubu{

	float: right;

	clear: both;

}

.header .nav{

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s;

	height: 100%;

	line-height: 30px;

	display: block;

}

.header .navbar_nav li{

	float:left;

	position: relative;

	display: block;

	margin: 0 20px;

	line-height: 35px;

	border-right: 1px solid rgba(255,255,255,.1);

}

.header .navbar_nav li a{

	text-decoration: none;

	height: 100%;

	padding: 0 10px;

	display: block;

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s;

	color: #666;

	font-size: 16px;

}

.header .navbar_nav li:hover a{

	color: #ed1c24;

	border-bottom: 2px solid #ed1c24;

}

.header .navbar_nav li.active a{

	color: #ed1c24;

	border-bottom: 2px solid #ed1c24;

}

.header .navbar_nav li.dropdown{

	display: inherit;

	position: relative;

}

.header .navbar_nav li.dropdown .jt{

	width: 20px;

	height: 20px;

	background: url(i/top.png) no-repeat;

	background-size: 100% 100%;

	display: block;

}

.header .navbar_nav li.dropdown .dropdown_menu{

	display: none;

	position: absolute;

	top:60px;

	background: #fff;

	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);

	width: 120%;

    left: -10%;

	z-index: 9;

}

.header .navbar_nav li.dropdown .dropdown_menu a{

	font-size: 14px;

	color: #666;

	padding: 0 10px;

	line-height: 40px;

	text-align: center;

	background: #fff;

	margin-bottom: 2px;

}

.header .navbar_nav li.dropdown:hover .dropdown_menu{

	display: block;

	background: #f3f3f3;

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s;

}

.header .navbar_nav li.dropdown:hover .dropdown_menu a{

	color: #666;

}

.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{

	color: #fff;

	background: #2871da;

}



/*白色背景的头部*/

.header.on{

	background: #fff;

	

}

.header.on .h_logo .img1{

	display: none;

}

.header.on .h_logo .img2{

	display: block;

}

.header.on .navbar_nav li a{

	color: #fff;

}



#navToggle{

	display: none;

}



.m_nav{

	position: fixed;

	top: 0px;

	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);

	width: 100%;

    height: 100%;

    background: #fff;

    transition: all ease 0.5s;

    -webkit-transition: all ease 0.5s;

	z-index: 1000;

    opacity: 1;

    visibility: visible;

    margin-top: 0;

    overflow-y: auto;

    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

    top: 0;

    transform: translateX(100%);

}

.m_nav.open{

    transform: translateX(0);

}

.m_nav .top{

	height: 60px;

	padding: 20px;

	box-sizing: border-box;

}

.m_nav .top .closed{

	width: 30px;

	height: 30px;

	vertical-align: middle;

	float:right;

	cursor: pointer;

}

.m_nav .logo{

	width: 100%;

	margin:0 auto;

}

.m_nav .logo img{

	display: block;

	margin:30px auto;

}

.m_nav .ul{

	margin-top: 30px;

	    width: 100%;

    display: block;

}

.m_nav .ul li{

	padding: 0 20px;

	    display: block;

	border-bottom: 1px solid #f5f5f5;

	transform: translateY(0);

	-webkit-transform: translateY(100%);

    transform: translateY(100%);

    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

    opacity: 0;

}

.m_nav.open .ul li{

	opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

}

.m_nav .ul li:nth-child(1) {

    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

.m_nav .ul li:nth-child(2) {

    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;

}

.m_nav .ul li:nth-child(3) {

    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

}

.m_nav .ul li:nth-child(4) {

    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;

}

.m_nav .ul li:nth-child(5) {

    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

}

.m_nav .ul li:nth-child(6) {

    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

.m_nav .ul li a{

	display: block;

	text-decoration: none;

	color: #333;

	font-size: 16px;

	height: 50px;

	line-height: 50px;

	width: 100%;

}

.m_nav .ul li .dropdown_menu{

	display: none;

}

.m_nav .ul li.dropdown.active .dropdown_menu{

	display: block;

}

.m_nav .ul li .dropdown_menu a{

	display: block;

	height: 40px;

	line-height: 40px;

	padding: 0 40px;

	box-sizing: border-box;

	border-bottom: 1px solid #f5f5f5;

	font-size: 1em;

}

.m_nav .ul li .dropdown_menu a:last-child{

	border: none;

}

.banner{

	width: 100%;

}

.banner img{

	width: 100%;

}



/*网站底部*/

.footer{

	background: #f5f5f5;

	padding: 55px 0;

	overflow: hidden;

	border-top: 1px solid #eee;

	clear: both;

}

.foot-left img{

	width: 220px;

}

.foot-left{

	width: 30%;

	float: left;

}

.footlist{

	width: 18%;

	float: left;

}

.footlist p{

	font-size: 18px;

	color: #333;

	padding-bottom: 20px;

}

.ftlist a{

	font-size: 14px;

	line-height: 32px;

	display: block;

	color: #999;

}

.foot-right{

	width: 22%;

	float: right;

	text-align: right;

}

.foot-right i{

	font-size: 22px;

	color: #333;

	padding-bottom: 20px;

}

.ftlianxitel p{

	font-weight: 700;

	color: #e1131a;

	font-size: 26px;

	line-height: 26px;

	padding-top: 10px;

}

.ftlianxitel span{

	font-size: 14px;

	color: #888888;

}

.foot-right img{

	width:100px;

	margin-top: 15px;

}

.ftwen{

	background:url("../images/ftbj.jpg") no-repeat center top;

	height: 60px;

	line-height: 60px;

	

	text-transform: uppercase;

}

.ftwen01{

	float: left;

	font-size: 14px;

	color: #999;

}
.ftwen01 a{
	color: #999;
}
.ftwen02{

	font-size: 14px;

	color: #fe9fa3;

	float: right;

	text-align: right;

}

.ftwen02 a{

	color: #fe9fa3;

}

/*网站底部end*/

/*三块优势*/

.youshisan{

	padding: 70px 0;

	overflow: hidden;

}

.ysmain li{

	display: block;

	float: left;

	width: 33%;

	text-align: center;

}

.ysmain li img{

	display: block;

	margin: 0 auto;

}

.ysmain li p{

	font-size: 24px;

	color: #333;

	padding: 20px 0;

}



.ysmain li span{

	font-size: 14px;

	color: #666;

	line-height: 24px;

	display: block;

	width: 85%;

	margin: 0 auto;

}

/*三块优势end*/

@media screen and (max-width: 1500px){

	.wrap{

		width: 90%;

		margin: 0 auto;

	}

}

@media screen and (max-width: 1440px){

	.header .navbar_nav li{

		margin: 0 5px;

	}

	.headtel {

    padding-right: 19px;

}

	.header .navbar_nav li a{

		padding: 0 15px;

	}

}

@media screen and (max-width: 1360px){

	.header{

		

	}

	

	.bonav a{

		margin-left: 20px;

	}

}

@media screen and (max-width: 1260px){

	.cndns-right {

    display: none;

}

	.h_logo .wen{

		display: none;

	}

	.h_logo a p{

		border-right: none;

	}

	a.botel {

    background-size: 95%;

    margin-top: 8px;

		width: 25px;

		height: 25px;

		overflow: hidden;

}

	.boyoujian{

		display: none!important;

	}

	

}

@media screen and (max-width: 1080px){



	.ftwen{

		background: #333;

	}

	.ftwen02 a{

		color: #999;

	}

	.footlist{

		width: 15%;

	}

	.foot-right {

    width: 34%;

}

	

}

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

	

	.headtel {

    padding-right: 30px;

    margin-top: 36px;

}

	

	.m_nav .ul li a{

		font-size: 1em;

	}

.h_logo .wen p {

    font-size: 27px;

	padding-top: 3px;

}



	.h_toubu{

		width: 5%;

		position: absolute;

		top: 8px;

		right: 0;

		background: none;

	}

	.header01{

		height: 90px;

	}

	.h_logo {

		margin-top: 22px;

}

	.h_logo a p{

		font-size: 26px;

	}

	.header #navToggle {

		height: 100%;

		padding: 9px 15px;

		margin-right: 15px;

		margin-top: 15px;

		display: inline-block;

		float: right;

	}

	.header #navToggle span {

		position: relative;

		width:24px;

		height: 2px;

		margin-top: 19px;

	}

	.header #navToggle span:before,

	.header #navToggle span:after {

		content: '';

		position: relative;

		width: 100%;

		height: 2px;

		left: 0;

	}

	.header #navToggle span,

	.header #navToggle span:before,

	.header #navToggle span:after {

		-webkit-transition: 0.3s;

		-moz-transition: 0.3s;

		-o-transition: 0.3s;

		transition: 0.3s;

		display: block;

		background: #333;

	}

	.header.on #navToggle span,

	.header.on #navToggle span:before,

	.header.on #navToggle span:after {

		-webkit-transition: 0.3s;

		-moz-transition: 0.3s;

		-o-transition: 0.3s;

		transition: 0.3s;

		display: block;

		background: #111;

	}

	

	.header #navToggle span:before {

		top: 8px;

	}

	.header #navToggle span:after {

		bottom: 10px;

	}

	.header #navToggle.open span:before {

		top: 10px;

		-webkit-transform: translateY(-11px) rotate(-45deg);

		-moz-transform: translateY(-11px) rotate(-45deg);

		-ms-transform: translateY(-11px) rotate(-45deg);

		-o-transform: translateY(-11px) rotate(-45deg);

		transform: translateY(-11px) rotate(-45deg);

	}

	.header #navToggle.open span:after {

		bottom: 12px;

		-webkit-transform: translateY(10px) rotate(45deg);

		-moz-transform: translateY(10px) rotate(45deg);

		-ms-transform: translateY(10px) rotate(45deg);

		-o-transform: translateY(10px) rotate(45deg);

		transform: translateY(10px) rotate(45deg);

	}

	.header #navToggle.open span {

		background: none;

	}

	.header #navToggle.open span:before,

	.header #navToggle.open span:after {

		background: #4f4f4f;

	}

	

	.header .nav{

		display: none;

	}

	.footnav .navtit{

		display: none;

	}

	.bonav{

		width: 100%;

	}

	.foot{

		padding: 30px 0 0 0;

	}

	.footnav{

		display: none;

	}

	.bocontact {

    overflow: hidden;

    padding: 30px 0 25px;

}

	.erweima{

		width: 50%;

	}

	.erimg{

		width: 30%;

	}

	.erimg img{

		width: 100%;

	}

	.contel{

		margin: 0 2%;

		width: 60%;

		text-align: right;

	}

	.contel a{

		text-align: left;

		    right: -94px;

	}

	.coadd {

    margin: 25px 0;

}

	.contel span{

		font-size: 24px;

	}

	.footlianxi{

		width: 80%;

	}

	.footerweima{

		width: 20%;

	}

	.foot02{

		line-height:22px;

		padding: 15px 0;

	}

}

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

	.header01{

		height: 90px;

	}

	.header #navToggle {

    margin-top: 8px;

}

	.headtel {

    padding-right: 30px;

    margin-top: 28px;

}

	.footlist02{

		display: none;

	}

	.footlist{

		width: 30%;

	}

	.foot-right{

		width: 70%;

	}

	.ftwen{

		padding: 15px 0;

		width: 100%;

		height:80px;

	}

	.ftwen01,.ftwen02{

		line-height: 20px;

		width: 100%;text-align: center;

	}

	.ysmain li{

		width: 100%;

		margin-bottom: 30px;

	}

	.youshisan{

		padding: 40px 0;

	}



}

@media screen and (max-width: 640px){

	



}

@media screen and (max-width: 560px){

	.headtel{

		display: none;

	}

	

	.header01{

		height: 60px;

	}

	.h_logo{

		margin-top: 16px;

		width: 50%;

	}

	.h_logo a img {

    height: 30px;

}

	

	.h_logo a p {

    font-size: 20px;

}



	.header #navToggle {

    margin-top: 0px;

		    padding:9px 15px;

		margin-right: 0;

}

	.foot01 {

    padding: 30px 0;

    overflow: hidden;

}

	.footlianxi .main {

    padding: 15px 0 0 0;

}

	.footlianxi .main p{

		line-height: 24px;

	}

	.footlianxi .dizhi p{

		    width: 83%;

		line-height: 24px;

	}

	.contactnr{

		width: 100%;

	}

	.h_logo .wen{

		display: none;

	}

	.h_toubu {

    width: 13%;

    position: absolute;

    top: 3px;

    right: 0;

}



	.ftnav{

		display: none;

	}

	.ftwen{

		line-height: 20px;

		padding-top: 15px;

	}

	.footer{

		padding: 35px 0;

	}

}

@media screen and (max-width: 560px){

	

	

}