@charset "utf-8";
/* CSS Document */
@import url("../css/flexslider.css");
  @font-face { font-family: 'PT Sans';  src: url('./font/PT Sans.ttf') }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font {
	padding: 0;
	margin: 0;
font-family: 'PT Sans';  src: url('./font/PT Sans.ttf')
}
body {
	margin: 0 auto; color: :#666666;
	background: #FFFFFF;
}
img, input, select {
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border: 0
}
img {
	max-width: 100%
}
a {
	text-decoration: none;
}
li {
	list-style: none;
}
i {
	font-style: normal;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	clear: both;
}
.header {
	width: 100%;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
}

.header .header-bottom {
	width: 100%;
	height: 100px;
	background: #555555;
}
.header .header-bottom .menuicon-label {
	position: absolute;
	left: 0;
	top: 0;
	width: 48px;
	height: 48px;
	cursor: pointer;
	display: none;
	transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
}

.header .header-bottom .menuicon-label .line-top {
	width: 17px;
	height: 1px;
	margin-left: 15px;
	background: #fff;
	display: block;
	margin-bottom: 5px;
	margin-top: 20px;
	transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
}
.header .header-bottom .menuicon-label .line-middle {
	width: 17px;
	height: 1px;
	margin-left: 15px;
	background: #fff;
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
	transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
}
.header .header-bottom .menuicon-label .line-bottom {
	width: 17px;
	height: 1px;
	margin-left: 15px;
	background: #fff;
	display: block;
	transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
}

.header .header-bottom .touch-nav {
	position: fixed;
	top: 86px;
	background: #006acd;
	width: 100%;
	height: 0;
	overflow: hidden;
	transition: height 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
}

.header .header-bottom .touch-nav >ul {
	padding: 0 20px 100px 20px;
}
.header .header-bottom .touch-nav>ul>li {
	/*margin-top: 12px;*/
	line-height: 40px;
	/*height: 47px;*/
	/*padding: 0 10px;*/
	border-bottom: 1px solid #013a70;
}
.header .header-bottom .touch-nav>ul>li a {
	color: #fff;
	font-size: 14px;
}
.header .header-bottom .touch-nav>ul>li a.top-menu {
	/*font-weight: bold;*/
	display: block;
	padding: 0 10px;
	font-size: 16px;
}
.header .header-bottom .touch-nav>ul>li>.sub-menu {
	/*margin-left: 20px;*/
	display: none;
}
.header .header-bottom .touch-nav>ul>li.on>.sub-menu {
	display: block;
}
.header .header-bottom .touch-nav>ul>li>.sub-menu a {
	font-size: 14px;
	display: block;
	border-bottom: 1px solid #024584;
	padding-left: 20px;
}
.header .header-bottom .touch-nav>ul>li>.sub-menu a:last-child {
	border-bottom: none;
}
.header .header-bottom .touch-nav>ul>li.on>a.top-menu {
	background: #013c72;
}
.header .header-bottom .touch-nav>ul>li.on>.sub-menu a {
	background: #03498a;
}
.header .header-bottom .containerbox {
	position: relative;
}
.header .header-bottom .brand {
	width:290px; margin-right:30px;
}
.header .header-bottom .brand img {
}
.header .header-bottom .form-search {
	margin: 0;
	width: 60px;
	float: right;
}
.header .header-bottom .header-search .search-btn {
	display: block;
	width: 57px;
	height: 55px;
	background: url(../images/search-btn.png) no-repeat center center;
	margin-top: 15px;
	border: none;
}
.header .header-bottom .form-search.active .header-search .search-btn {
	background: url(../images/search-btn2.png) no-repeat center center #fff;
}
.header .header-bottom .header-search-main {
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	height: 60px;
	background: #fff;
	z-index: 800;
	display: none;
}
.header .header-bottom .header-search-main .search-text {
	color: #707070;
	font-size: 14px;
	height: 60px;
	line-height: 60px;
	padding: 0;
	margin-left: 5%;
	border: none;
	margin-bottom: 0;
	width: 80%;
	box-shadow: none;
}
.header .header-bottom .header-search-main .close-btn {
	position: absolute;
	right: 20px;
	top: 19px;
	font-size: 26px;
	color: #006acd;
}
.header .header-bottom .form-search.active .header-search-main {
	display: block;
}
.header .header-bottom .navbar {
	width: 57%;
}
.header .header-bottom .navbar ul {
	width: 100%;
}
.header .header-bottom .navbar> ul >li {
	/*width: 16.5%;*/
	/*width:19.5%;*/
	float: left;
	height: 98px; padding-right:6%;
}
.header .header-bottom .navbar> ul >li.hover{ background:#555555;}
.header .header-bottom .navbar> ul >li.last {
	margin-right: 0;
}
.header .header-bottom .navbar ul li:before {
	display: none;
	position: absolute;
	left: -100%;
	top: 0;
	background: #ffa800;
	content: '';
	height: 100%;
}
.header .header-bottom .navbar ul li.active:before {
	left: 0;
}
.header .header-bottom .navbar >ul>li>a {
	color: #fff;
	height: 98px;
	line-height: 98px;
	text-align: center;
	position: relative;
	font-size: 15px;
	z-index: 400;
}
.header .header-bottom .navbar >ul>li>a:hover{color:#ff8500;}
.header .header-bottom .navbar >ul>li.last>a {
}
.header .header-bottom .navbar >ul>li.hover>a {
	border-color: #fff!important;
}
.header .header-bottom .navbar >ul>li>.sub-menu {
	background: #555555;
	text-align: left;
	position: absolute;
	left: 0;
	top: -1200px;
	width: 200px;
	width: 1200px; height: 630px;
	/*transition: top .4s linear;*/
}
.sub-menu-left{width: 310px; float: left;color: #FFFFFF;}
.sub-menu-right{width: 890px; float: right; background-color: #fff; height: 630px;}
.sub-menu-left h2{font-size: 20px; line-height: 76px;border-bottom: 1px solid #888888; text-indent: 1em;}
.sub-menu-left ul li{ line-height: 76px; text-indent:2em;border-bottom: 1px solid #888888;font-size: 13px;}
.sub-menu-left ul li a{color:#FFFFFF;cursor: pointer; display: block;}
.sub-menu-left ul li a.active{ background: #ff8500; display: block;}
.sub-menu-left ul li a span{ float: right; padding-right: 20px;}
.sub-menu-con{ display: none; padding: 25px;}
.beam-road-2{ display: block;}
.sub-menu-con dl{ display: block;overflow: hidden; margin: 30px 0;}
.sub-menu-con dl dt{width: 220px; float: left;}
.sub-menu-con dl dd{width: 600px; float: right;}
.sub-menu-con dl dd h2{font-size: 15px; color: #0031cd;}
.sub-menu-con dl dd h3{ color: #ff8500;font-size: 15px; margin: 5px 0;}
.sub-menu-con dl dd p{ font-size: 14px; margin-top: 20px;}

.sub-menu-conb{ display: none; padding-right: 5px;}
.beam-roadb-1{ display: block;}
.sub-menu-conb h2{font-size: 22px; width: 100%; display: block; margin-bottom: 10px; padding-left: 25px;}
.sub-menu-conb dl{ width:193px; float: left;}
.sub-menu-conb dl a{ color:#000}
.sub-menu-conb dl{padding-left: 25px; height:268px}
.sub-menu-conb dl dt{width:100%; float: left;}
.sub-menu-conb dl dd{ font-size: 16px; line-height: 30px; width: 100%; float: left; margin-bottom:10px; text-align:center;}
.produ_item{ display: block;overflow: hidden; padding: 11px 0;}





.header .header-bottom .navbar >ul>li:hover .sub-menu {
	/*transition: top .3s linear;*/
	top: 98px;
}
.header .header-bottom .navbar >ul>li>.sub-menu .divider {
	height: 1px;
	width: 100px;
	background: #7aa3c9;
	margin-left: 15%;
	margin-top: 10px;
}
.header .header-bottom .navbar >ul>li>.sub-menu>a {
	display: block; overflow: hidden;
	color: #fff;
	font-size: 18px;
	height: 50px;
	text-align: center;
	line-height: 50px;
}
.header .header-bottom .navbar >ul>li>.sub-menu>a:hover {
	background: #369eff;
}
.header .header-bottom .navbar >ul> li.active >a {
	border-color: #006acd;
	color: #f27703;
}
.header .header-bottom .join-nav ul li {
	float: right;
}
.list-unstyled {
	padding-left: 0;
	list-style: none;
	margin: 0;
}
.home-slider {
	background: #fff;
	margin-bottom: 0;
}

.home-slider .flex-direction-nav a.flex-next {
	width: 81px;
	height: 81px;
	background: url(../images/arrow_r_yuan.png) no-repeat;
}

.home-slider .flex-prev {
	width: 81px;
	height: 81px;
	background: url(../images/arrow_l_yuan.png) no-repeat;
}

.home-block-title {
	font-size: 35px;
	color: #006acd;
	margin-bottom: 25px;
	font-weight: normal;
	margin-top: 0;
}

.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.containerbox {
	width: 95%;
	max-width: 1230px;
	margin: 0 auto;
}
.wrap {
    width: 100%; overflow: hidden;
    padding-top:98px;
}
.search{background:#ff8500;width: 160px;border-radius: 40px; padding:7px 15px; margin-top: 29px;}
.inp-img{width: 33px;}
.inp-word{width: 125px; height: 25px; background: #ff8500;}
.localtion{ font-size: 15px; line-height: 98px; color: #FFFFFF; margin-left: 2%; float: left;}
.main{width: 1200px; margin: 0 auto;}
.about{width: 100%; margin: 80px auto; display: block;overflow: hidden;}
.about_l{width: 590px; float: left;}
.about_r{width: 572px; float: right; padding-top: 70px;}
.about_l h2{color: #000000; font-size: 29px; font-weight: normal;}
.about_l h3{color: #555555;font-size: 45px; font-weight: bold;}
.about_l span{display: block; width: 100px; border-bottom: 5px solid #ff8500; margin: 13px 0;}
.about_l p{font-size: 16px; margin-bottom: 13px; line-height: 23px;text-align: justify;}
.choose_product{background: url(../images/bg.jpg); width: 100%; padding: 80px 0;}
.product{width: 1200px; margin: 0 auto;}
.product_t{width: 100%; line-height: 145px; background: #FFFFFF; color: #ff8500;font-size: 45px; text-align: center;font-weight: bold;}
.product_n{margin-top: 60px; display: flex;justify-content: space-between;}
.product_n dl{width: 287px; background: #FFFFFF;position: relative;}
.product_n dl dd{padding:15px 25px; }
.product_n dl dd h2{font-size: 15px;}
.product_n dl dd h3{font-size: 17px; font-weight: bold;margin: 10px 0;}
.product_n dl dd p{font-size: 13px; margin-bottom: 65px;}
.product_n dl dd  a{width: 237px;  color: #fff;background: #F27703; line-height: 45px; text-indent: 1em;display: block; position: absolute;bottom: 20px; left: 0;right: 0; margin: 0 auto;}
.service{width: 1200px; margin: 80px auto 30px;}
.service_t{width:1200px; background: #f1f1f1; text-align: center; padding: 40px 0;}
.service_t h2{font-size:25px; font-weight: bold;}
.service_t p{width: 900px; background: #F27703; color: #FFFFFF;font-size: 23px; line-height: 78px;font-weight: bold; margin:20px auto 0;} 
.service_t p a{ color:#fff;}
.service_n_l{width: 750px; margin:0 auto 1%}
.service_n{width: 100%; display: block;overflow: hidden; margin-top: 50px;}
.service_n_l h2{font-size: 45px;color: #ff8500;font-weight: bold;}
.service_n_l p{font-size: 20px; margin: 30px 0;}
.service_n_l ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.service_n_l ul li{width: 50%; margin-bottom: 20px; font-size: 20px;}
.service_n_l a{ text-align: center; margin-top:0px; color: #FF8500; font-size: 20px;  display:block; margin-bottom:50px}
.service_n_r{width:100%; text-align: center; padding-top: 50px;}
.service_n_r p{font-size: 20px; margin: 10px 0;}
.service_n_r p:nth-child(2){color: #FF8500; margin: 20px 0 50px 0;}
.service_n_r p:nth-child(3){margin-top: 0;}
.footer{background: #555555; color: #FFFFFF; padding: 70px 0;}
.footer_n{width: 1200px; margin: 0 auto;}
.footer_n h2{font-size: 35px;font-weight: bold; margin-bottom: 20px;}
.footer_n p{font-size: 17px; line-height: 35px;}
.footer_n p a{color: #FFFFFF;}


/*about*/
.about_us{ margin:150px auto 0!important;}
.about_us dl{width: 100%; margin-top: 70px; display: block;overflow: hidden; position: relative;}
.about_us dl dt{width:633px; float: left;}
.about_us dl dd{ background: #ffffff; box-shadow: #bbbbbb 0px 0px 10px;  padding: 40px; display: block; width: 530px; height: 280px; position: absolute;right: 0; top:50px;border-radius: 20px; right: 10px;}
.about_us dl dd h2{font-size: 30px; color: #555555; text-align: center;}
.about_us dl dd p{ font-size: 14px; line-height: 35px; margin-top: 30px;}
.about_us dl:nth-child(2) dt{ float: right;}
.about_us dl:nth-child(2) dd{ position: absolute; left:10px}

.derler dl{width: 100%; margin-top: 70px; display: block;overflow: hidden; position: relative;}
.derler dl dt{width:633px; float: right;}
.derler dl dd{ background: #ffffff; box-shadow: #bbbbbb 0px 0px 10px;  padding: 40px; display: block; width: 530px; height: 280px; position: absolute;right: 0; top:43px;border-radius: 20px; left: 10px;}
.derler dl dd h2{font-size: 30px; color: #555555; text-align: center;}
.derler dl dd p{ font-size: 16px; line-height: 35px; margin-top: 30px;}
.derler dl:nth-child(even) dt{ float: left;}
.derler dl:nth-child(even) dd{ position: absolute; right:10px; left: inherit;}
.derler dl dd p strong{ color:#F27703}

.dealer_t{text-align: center; margin: 50px auto;}
.dealer_t h2{ font-size: 35px;}
.dealer_t p{ font-size: 22px; font-weight: bold;}
.article p{ font-size: 18px; text-align: left; margin-top: 20px; line-height: 30px;}
.hbg{background: #f1f1f1; padding: 0px 0 30px 0;}
.bottom_border{border-bottom: 1px solid #c4c4c4; display: block;overflow: hidden;}
.product_buy{ display: flex;overflow: hidden;  flex-wrap:wrap;}
.product_buy dl{width:23%; background: #FFFFFF; text-align: center; padding-bottom: 20px; margin-bottom:30px; box-shadow: 0 0 10px #c3c3c3; margin:10px;
}


.product_buy dl img{ width:100%;}
.product_buy dl dd h2{ font-size: 21px; color: #ff8500; margin: 20px 0 5px 0;}
.product_buy dl dd p{font-size: 16px; margin-bottom: 20px;}
.product_buy dl dd a{font-size: 15px; display: inline-block; padding: 2px 6px; background: #F27703; color: #FFFFFF;}
.bgc{ background: #F27703; color: #fff; line-height: 40px!important; width: 910px; margin: 0 auto; text-align:center!important}
.service_t h3{ padding: 0 20px; margin-bottom: 20px; color: #575757; font-weight: normal;}
.product_xx{display: flex;justify-content: space-between; margin-bottom: 70px;}

.product_article_banner{ background: #f1f1f1; text-align: center; margin-top: 98px;}
.pro_art_n{width: 850px; margin: 50px auto; color:#666666}
.pro_art_n p{font-size: 17px; line-height: 40px;}
.pro_art_t dl dd p {font-size: 18px;color: #555555; line-height: 40px;}

.pro_art_xg{width: 1200px; margin: 70px auto; display: block;overflow: hidden;}
.pro_art_xg h2{ font-size:25px; margin-bottom:20px;}
.pro_art_xg  ul{display: flex; justify-content:space-between}
.swiper-pagination-bullet-active{background:#F27703!important}
.pro_art_xg li{width: 24%;text-align: center;}
.pro_art_xg li p{ margin: 20px auto; width: 100%; line-height: 50px; color: #FFFFFF; background: #F27703; font-size: 16px;-webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.pro_art_xg li a{color: #FFFFFF;}
 li a{color: #FFFFFF;}
  li a{color: #FFFFFF;}
.pro_art_xg  .swiper{padding-bottom:2%;}

.news dl{ margin:50px auto; display:block; overflow:hidden}
.news dl dt{ width:607px; float:left; position:relative} 
.news dl dd{width:565px; float:right}
.year{ width:85px; height:110px; background:#00367c; text-align:center; position:absolute; left:0; top:0; color:#fff}
.year h2{ font-size:50px}
.year p{ font-size:20px}
.news dl dd h2{ font-size:30px; color:#555555; line-height:35px; margin-bottom:20px}
.news dl dd p{ font-size:15px; line-height:30px;}
.news dl dd a{ display:block; text-align:right; margin-top:50px; color:#00367c}

.product_inp{ width:100%!important; display:block; overflow:hidden}
.product_inp .contact_n_l_inp{ width:43%; float:left; margin-left:5%}
.product_inp  .sub{ float:right; margin-right:45px;}


.tabflexslider{position:relative;height:400px;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
.flex-control-nav{position:absolute;bottom:135px;z-index:2;width:100%;text-align:center;}

.contact{ margin:150px auto 0!important;}
.contact_t h2{font-size: 30px;}
.contact_t p{font-size: 20px; margin: 10px 0 50px 0;}
.contact_n{width: 100%; margin: 0 auto;display: block;overflow: hidden;}
.contact_n_l{width: 610px; float: left;}
.contact_n_r{width: 520px; float: right;}
.contact_n_l_inp p{font-size: 18px; margin: 20px 0 10px 0;}
.contact_n_l_inp select{width: 100%; height: 60px;border:1px solid #dcdcdc;border-radius: 10px;background: #f0f0f0; line-height: 60px; font-size: 16px;}
.contact_n_l_inp input{width: 100%; height: 60px;border:1px solid #dcdcdc;border-radius: 10px;background: #f0f0f0; line-height: 60px; font-size: 22px; text-indent: 1em;}

.contact_n_r h2{font-size:24px; margin: 20px 0 10px 0;}
.contact_n_r p{font-size: 18px; padding: 5px 0;}
.contact_n_r p a{ color:#000000}
.contact_n_r ul{display: flex; margin: 20px 0 0 35px;}
.contact_n_r ul li{padding-right: 10pxd;}
.sub{width: 200px; height: 60px;font-size: 20px; margin: 20px auto 60px ; background:#F27703;border-radius: 10px; text-align: center;line-height: 60px; color:#fff; font-weight:bold; cursor:pointer}

.product_cs{ width:1000px; position:relative; margin:0 auto; text-align:center;height:700px;overflow:hidden; padding:30px 0 50px 0}
.product_csnum{ position:absolute; width:260px; top:50px; right:0px; z-index:99}
.product_csnum ul{ display:flex;justify-content: space-between;}
.product_csnum ul li{ width:33.3%; text-align:center;}
.product_csnum ul li p{ display:block; line-height:25px; font-size:16px; font-weight:bold; text-align:center}
.product_cs .flex-control-nav{ bottom:0!important}
.sub-menu2{ width:310px!important;}
.header .header-bottom .navbar >ul>li>.sub-menu2{ left:350px!important;}

.product_ffll{ text-align:center; padding-top:3%}
.product_ffll h2{ font-size:26px; margin-bottom:1%}

.product_ffll ul{ display:flex; justify-content:center; margin-bottom:3%}
.product_ffll ul li a{ font-size:16px; line-height:40px; padding:5px 14px; color:#62615c}
.product_ffll ul .active a{background:#F27703; color:#fff}

.product_nr{display:none}
.product_content .active{display: block;}
.product_article_banner  table{ width:1200px; margin: 1% auto 3%; text-align:left; font-size:16px; line-height:40px; border-spacing:0}
.product_article_banner  table tr{ background:#fff;  color:#666666}
.bgnr{ padding:2% 0;}
.bgnr td{ text-indent:1em; width:12%!important;}
.bgnr tr td:nth-child(1){width:20%!important;}
.bgnr tr td:nth-child(2){width:7%!important;}
.product_article_banner  table tr:nth-child(odd){ background:#F27703; color:#fff}
.bgnr h2{ font-size:30px; text-align:left; width:1200px; margin:0 auto}

.poswz{ width:1200px; margin:2% auto 0}
.poswz a{color:#666666}

.piaofu{ position:fixed; right:1%; top:50%; z-index:9999999999}
.piaofu ul{}
.piaofu ul li{ margin-top:10px;}

.contact_yzm input{ width:80%;height: 60px;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    background: #f0f0f0;
    line-height: 60px;
    font-size: 22px;
    text-indent: 1em;}
    
  .contact_yzm p  {font-size: 18px;
    margin: 20px 0 10px 0;}