@charset "utf-8";
/* CSS Document */
.head
{
	
background: url(../../images/8/v2500/t_bg.jpg) center no-repeat;
	
width: 100%;
	
float: left;
	
height: 40px;
}
.head_1
{
	
width: 1200px;
	
margin: auto;
}
.head_l
{
	
float: left;
	
width: auto;
}
.head_l img
{
	
float: left;
	
line-height: 40px;
	
margin-top: 12px;
	
margin-right: 10px;
}
.head_l p
{
	
height: 40px;
	
line-height: 40px;
	
float: left;
	
margin: 0px;
	
font-size: 14px;
	
color: #fff;
	
font-family: arial;
}
.head_r
{
	
float: right;
}
.head_r a img
{
	
margin-left: 10px;
	
margin-top: 7px;
}
.nav_c
{
	
width: 100%;
	
float: left;
	
height: 90px;
}
.nav_1
{
	
width: 1200px;
	
margin: auto;
}
.nav_l
{
	
margin-top: 10px;
	
float: left;
	
margin-bottom: 10px;
}
.nav_r
{
	
float: left;
	
width: 735px;
	
height: 90px;
	
position: absolute;
	
z-index: 99999;
	
left: 370px;
}
.nav_s
{
	
float: right;
	
width: 174px;
	
margin-top: 30px;
}


h1{text-align:center;/* color:#fff; */padding-top: 15px;}
ul{list-style:none}
nav{/* height:40px; *//* margin:40px auto; *//* background-color:rgba(23,23,50,.7); */text-align:center;/* border-radius:4px; */}
.main{display:flex;justify-content:center}
.main a
{
	color:#333;
}
.main li a:active {color: #fff;}
.main>li{/* margin:0 2% */width: 110px;color: #333;}
.main>li a{/* border-left:1px solid #171732 */color: #333;/* height: 90px; */line-height: 90px;}
.main a{text-decoration:none;
color:#ffe; 
text-transform:capitalize;
font-family:monospace; 
display:block;
 font-size: 15px;
 transition:background-color .5s ease-in-out;
 font-family:raleway,sans-serif;
 width:110px;
 overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 }
.main a:hover{background-color:#00539f;}
.main>li a:hover
{
	color:#fff;
}
.main>li:hover
{
	background-color:#00539f;
	height:90px;
	color:#fff;
}
.drop li{opacity:0;transform-origin:top center;width: 280px !important;}
.drop li a{background-color: rgba(255,255,255,.7);padding:10px 0;width: 280px;height: 40px;line-height: 40px;}
.main li:hover .menu1 li:first-of-type{animation:menu1 .3s ease-in-out forwards;animation-delay:.3s}
.main li:hover .menu1 li:nth-of-type(2){animation:menu1 .3s ease-in-out forwards;animation-delay:.6s}
.main li:hover .menu1 li:nth-of-type(3){animation:menu1 .3s ease-in-out forwards;animation-delay:.9s}
.main li:hover .menu1 li:last-of-type{animation:menu1 .3s ease-in-out forwards;animation-delay:1.2s}@keyframes menu1{from{opacity:0;transform:translateX(30px) rotateY(90deg)}to{opacity:1;transform:translateX(0) rotateY(0)}}.main li:hover .menu2 li:first-of-type{animation:menu2 .3s ease-in-out forwards;animation-delay:.3s}.main li:hover .menu2 li:nth-of-type(2){animation:menu2 .3s ease-in-out forwards;animation-delay:.6s}.main li:hover .menu2 li:nth-of-type(3){animation:menu2 .3s ease-in-out forwards;animation-delay:.9s}.main li:hover .menu2 li:nth-of-type(4){animation:menu2 .3s ease-in-out forwards;animation-delay:1.2s}.main li:hover .menu2 li:nth-of-type(5){animation:menu2 .3s ease-in-out forwards;animation-delay:1.5s}.main li:hover .menu2 li:nth-of-type(6){animation:menu2 .3s ease-in-out forwards;animation-delay:1.8s}.main li:hover .menu2 li:last-of-type{animation:menu2 .3s ease-in-out forwards;animation-delay:2.1s}@keyframes menu2{0%{opacity:0;transform:scale(.7)}50%{opacity:.5;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}.main li:hover .menu3 li:first-of-type{animation:menu3 .3s ease-in-out forwards;animation-delay:.3s}.main li:hover .menu3 li:nth-of-type(2){animation:menu3 .3s ease-in-out forwards;animation-delay:.6s}.main li:hover .menu3 li:nth-of-type(3){animation:menu3 .3s ease-in-out forwards;animation-delay:.9s}.main li:hover .menu3 li:last-of-type{animation:menu3 .3s ease-in-out forwards;animation-delay:1.2s}@keyframes menu3{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.main li:hover .menu4 li:first-of-type{animation:menu4 .3s ease-in-out forwards;animation-delay:.3s}.main li:hover .menu4 li:nth-of-type(2){animation:menu4 .3s ease-in-out forwards;animation-delay:.6s}.main li:hover .menu4 li:nth-of-type(3){animation:menu4 .3s ease-in-out forwards;animation-delay:.9s}.main li:hover .menu4 li:last-of-type{animation:menu4 .3s ease-in-out forwards;animation-delay:1.2s}@keyframes menu4{0%{opacity:0;transform:translateX(50px) rotate(-90deg)}100%{opacity:1;transform:translateX(0) rotate(0)}}.main li:hover .menu5 li:first-of-type{animation:menu5 .3s ease-in-out forwards;animation-delay:.3s}.main li:hover .menu5 li:nth-of-type(2){animation:menu5 .3s ease-in-out forwards;animation-delay:.6s}.main li:hover .menu5 li:nth-of-type(3){animation:menu5 .3s ease-in-out forwards;animation-delay:.9s}.main li:hover .menu5 li:last-of-type{animation:menu5 .3s ease-in-out forwards;animation-delay:1.2s}@keyframes menu5{0%{opacity:0;transform:rotateX(-90deg)}100%{opacity:1;transform:rotateX(0)}}.main li:hover .menu6 li:first-of-type{animation:menu6 .3s ease-in-out forwards;animation-delay:.2s}.main li:hover .menu6 li:nth-of-type(2){animation:menu6 .3s ease-in-out forwards;animation-delay:.4s}.main li:hover .menu6 li:nth-of-type(3){animation:menu6 .3s ease-in-out forwards;animation-delay:.6s}.main li:hover .menu6 li:last-of-type{animation:menu6 .3s ease-in-out forwards;animation-delay:.8s}@keyframes menu6{0%{opacity:0;transform:scale(2)}100%{opacity:1;transform:scale(1)}}.white-mode{text-decoration:none;padding:7px 10px;background-color:#122;border-radius:3px;color:#fff;transition:.35s ease-in-out;position:absolute;left:15px;bottom:15px;font-family:sans-serif}.white-mode:hover{background-color:#fff;color:#122}
.drop li a:hover
{
	background:#e5541d;
}
.drop li
{
	display:none;
}
.main>li:hover .drop li
{
	display:block;
}

.main li:hover > a
{
	color:#fff;
}
.product
{
	
width: 100%;
	
float: left;
	
margin: auto;
}
.product_1
{
	
width: 1200px;
	
text-align: center;
	
margin: auto;
}
.product_1 h1
{
	
color: #000;
	
font-size: 34px;
	
margin-bottom: 5px;
}
.product_1 span
{
	
    height: 2px;
    width: 45px;
    background: #e5541d;
    text-align: center;
    display: inline-block;
}
.product_1 p
{
	
font-size: 14px;
	
line-height: 24px;
	
color: #999999;
	
margin-top: 5px;
}
.top_search
{float: right;}
.box
{
	
}
.top_search .box input {
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #dedede;
    -moz-border-radius: 4px;
    -webkit-border-radius: 11px;
    border-radius: 22px;
    width: 160px;
    padding-left: 10px;
    margin-top: 0px;
    margin-left: 2px;
    font-family: "微软雅黑";
    color: #939393;
    outline: none;
}
.ss input {
    display: block;
    float: right;
    height: 15px;
    position: relative;
    margin-top: -21px;
    width: 20px;
    margin-right: 13px;
}





@charset "utf-8";
/* CSS Document */
.pr1
{
	width:100%;
	float:left;
	/* background: #efeeec; */
	margin:auto;
}
.pr1_q
{
	width:1200px;
	margin:auto;
	/* background: #fff; */
	border-radius: 10px;
	/* height: 275px; */
	margin-bottom: 20px;
	/* margin-top: 20px; */
}
			.Box {position: relative;padding: 0px 15px 15px 15px;margin-top: 20px;}
			.Box .content {width: 1200px;margin: 0 auto;float: left;}
			.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
			.Box .Box_con {position: relative;overflow: hidden;width: 1178px;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(img/jtl02.png) no-repeat center;left: -72px;}
			.Box .Box_con .btnr {background: url(img/jtr02.png) no-repeat center;right: -72px;}
			.Box .Box_con .btnl:hover {background: url(img/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(img/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;height: 222px;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;overflow: hidden;width: 1177px !important;height: 220px;}
			.Box .Box_con .conbox ul li {float: left;width: 275px;height: 218px;margin-left: 20px;overflow: hidden;border: 1px solid #d6d6d6;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;}
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
			.Box .BoxSwitch {margin-top: 12px;text-align: center;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 10px;height: 10px;background: #ccc;margin: 0 5px;cursor: pointer;border-radius: 50%;}
			.Box .BoxSwitch span.cur {background: #22367a;}
.box_1
{
	width: 1167px;
	/* float:left; */
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #dadada;
	margin-bottom: 20px;
	margin: auto;
	text-align: center;
	margin-bottom: 15px;
}
.box_1 h1
{
	font-size:16px;
	font-weight:100;
	float:left;
	color:#000;
}
.box_1 p
{
		font-size:14px;
	font-weight:100;
	float:right;
	color:#999999;
}




*{margin:0;padding:0;list-style-type:none;}
.scroll-outer{/* height:421px; *//* background:url(images/bg.jpg) 50% 0 no-repeat; */}
#scroll{width:1080px;margin:0 auto;padding-top: 15px;font-family:"Microsoft Yahei";}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{position:relative;width: 330px;height: auto;margin:0 auto;background-color:#eeeeee;overflow:hidden;border: 1px solid #d6d6d6;text-align: center;}
#scroll .shd{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.15);}
#scroll .shd a{display:block;width:250px;height:239px;*background-image:url(about:blank);background-image:url(about:blank)\0;}
#scroll .txt{position:absolute;left:0;bottom:0;width:226px;height:100px;padding:0 12px;color:#888;box-shadow:0 0 15px 15px rgba(228, 233, 238, 0.95);background-color:#e4e9ee\9;background-color:rgba(228, 233, 238, 0.95);}
#scroll h3{width:226px;height:25px;margin-bottom:6px;padding-top:6px;font:700 18px/25px arial,"Microsoft Yahei";overflow:hidden;}
#scroll h3 a{color:#333;text-decoration:none;}
#scroll h3 a:hover{color:#338de6;}
#scroll p{width: 330px;height:54px;line-height: 45px;font-size: 14px;text-align: center;}

#scroll .item:hover .shd{background-color:rgba(0, 0, 0, 0);}
#scroll .item:hover .txt{background-color:#fff\9;background-color:rgba(248, 249, 249, 0.95);box-shadow:0 0 15px 15px rgba(248, 249, 249, 0.95);}


.owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width: 30px;height: 45px;margin:0;padding:0;border-radius:0;font: 64px/47px "宋体";background-color:transparent;overflow:hidden;_display:none;}

.owl-theme .owl-controls .owl-buttons .owl-prev{left: -55px;top: 142px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-55px;top: 142px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}
.item:hover .yc1
{
	position:absolute;
	top:0px;
}
.wz
{
	
height: 85px;
	
background: #eeeeee;
}
.wz h1
{
	
color: #424240;
	
font-size: 14px;
	
font-weight: 100;
	
border-top: 1px solid #e8e8e8;
}
.wz p
{
	
}
.case
{
	
width: 100%;
	
float: left;
	
margin: auto;
	
height: 590px;
	
background: url(../../images/8/v2500/bg_19.jpg) no-repeat;
}
.case_1
{
	width:1200px;
	margin:auto;
	text-align: center;
	margin-bottom: 20px;
}
.case_1 h1
{
	font-size:30px;
	font-weight:100;
	margin-bottom: 10px;
	margin-top: 25px;
	text-transform: uppercase;
	color: #fff;
}
.case_1 span
{
    height: 2px;
    width: 45px;
    background: #e5541d;
    text-align: center;
    display: inline-block;
}
.case_1 p
{
	
text-align: center;
	
color: #fff;
	
line-height: 24px;
	
font-size: 14px;
	
margin-top: 10px;
}

.case_2
{
	
width: 1200px;
	
margin: auto;
}
.case_2 li:hover
{
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.4);
	transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s;
}
.case_2 li
{
	transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s;
width: 350px;
	
background: #fff;
	
padding: 10px;
	
float: left;
	
margin-right: 45px;
	
text-align: center;
	

}
.case_2 h1
{
	
color: #000000;
	
font-size: 18px;
	
font-weight: 100;
	
text-transform: uppercase;
	
margin-bottom: 10px;
}
.case_2 h1:hover
{
	color: #e5541d;
}
.case_2 span
{
	
height: 2px;
	
width: 45px;
	
background: #afdb16;
	
text-align: center;
	
display: inline-block;
}
.case_2 p
{
	
text-align: center;
	
color: #999999;
	
line-height: 24px;
	
font-size: 14px;
	
margin-top: 10px;
	
width: 300px;

	
margin: auto;

	
margin-top: 10px;
	
margin-bottom: 10px;
}

.right
{
	float: right !important;
	margin: 0px !important;
}

.about
{
	
width: 100%;
	
float: left;
	
margin: auto;
	
margin-top: 25px;
	
margin-bottom: 20px;
}
.about_1
{
	
width: 1200px;
	
margin: auto;
}
.about_l
{
	
float: left;
}
.about_r
{
	
width: 670px;
	
float: right;
}
.about_r h1
{
	
color: #000;
	
float: left;
	
font-size: 20px;
	
margin-top: 15px;
	
font-weight: 100;
}
.about_r p
{
	
float: left;
	
line-height: 24px;
	
font-size: 14px;
	
margin-top: 10px;
	
font-family: Arial;
}
.about_r span
{
	float: left;
    width: 150px;
    height: 40px;
    line-height: 40px;
    background: #e5541d;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin-top: 20px;
}

.about_r span a
{
	color:#fff;
} 
.news
{
	
width: 100%;
	
float: left;
	
margin: auto;
	
background: #efefef;
	
height: 466px;
}
.news_1
{
	
width: 1200px;
	
margin: auto;
}
.news_l
{
	
width: 395px;
	
float: left;
}
.news_r
{
	
}
.news_t
{

height: 60px;

/* line-height: 60px; */

border-bottom: 1px solid #c8c8c8;

margin-top: 10px;
}
.news_t h1
{
	
float: left;
	
font-size: 20px;
	
color: #00539f;
	
font-weight: 100;
line-height: 60px;
}
.news_t p
{
	
float: right;
	
line-height: 60px;
	
font-size: 14px;
}
.news_b
{

}
.news_b li
{
	
float: left;
	
border-bottom: 1px solid #c8c8c8;
	
padding-bottom: 15px;
}
.news_b h1
{
	
font-size: 14px;
	
color: #00539f;
	
float: left;
	
font-weight: 100;
	
margin-bottom: 5px;
}

.news_b span
{
	
margin-right: 8px;
	
font-weight: 600;
	
font-size: 16px;
}
.news_b p
{
	
float: left;
	
color: #666666;
	
line-height: 22px;
	
font-size: 14px;
}
.news_r
{
	width:710px;
	float:right;
}
.news_t1
{
	
float: left;
	
width: 710px;
	
margin-top: 15px;
	
border-bottom: 1px dashed #a9a9a9;
	
padding-bottom: 25px;
}
.news_t_l
{
	
float: left;
}
.news_t_r
{
	
float: right;
	
width: 495px;
}
.news_t_r h1
{
	
float: left;
	
color: #000;
	
font-size: 14px;
	
font-weight: 100;
}
.news_t_r p
{
	
float: left;
	
line-height: 24px;
	
font-size: 14px;
	
color: #999;
	
margin-top: 10px;
}
.footer_x
{
  width: 100%;
    float: left;
    margin: auto;
    background: #323230;
    border-top: 4px solid #e5541d;
    height: 310px;
}
.footer_x_1
{
	width: 1200px;
	margin:auto;
	margin-top: 24px;
}
.footer_x_t
{

margin: auto;

display: inline-block;
}
.footer_x_t p
{
	
display: inline-block;
	
width: 295px;
	
color: #9e9e9c;
	
line-height: 42px;
	
font-size: 14px;
}
.footer_x_c
{
	
text-align: center;
	
margin-top: 25px;
	
border-bottom: 1px solid #1d1d1b;
	
padding-bottom: 20px;
}
.footer_x_c p
{
	margin-left: 15px;
	
margin-right: 15px;
display: inline-block;
	}
.footer_x_c  img
{
	

}
.footer_x_d
{
	width:1200px;
	margin:auto;
}
.footer_x_d1
{
	width: 279px;
	float:left;
	margin-top: 25px;
	border-right: 1px solid #1e1e1c;
	padding-left: 20px;
}
.footer_x_d1 img
{
	margin-right:15px;
}
.footer_x_d1 p
{
	
font-size: 14px;
	
line-height: 22px;
	
margin-bottom: 10px;
}
.db
{
	width:100%;
	float:left;
	margin:auto;
	background:#232323;
	height:45px;
}
.db_1
{
	width:1200px;
	margin:auto;
}
.db_1 p
{
	color:#fff;
	line-height:45px;
	font-size:14px;
}