/* 清除内外边距 */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
*{   margin: 0;
    padding: 0;}
input,textarea {border: 0 none; box-shadow: none; outline: none;}
/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}
a:hover{text-decoration: unset}
/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}
/*设置浮动*/
li{float: left;list-style: none}
/* 头部 */
.head{width: 100%;overflow: hidden;}
.head .logo{width: 1200px;margin: 20px auto;overflow: hidden;}
.head .logo .logot{float: left;}
.head .logo .right{float: right;width: 510px;margin-top: 15px;}
.head .logo .right .ss{float: left;width: 237px;height: 30px;border-radius: 25px;border: 1px solid #dadada;margin-left: 55px;}
.head .logo .right .ss .serach{border: 0px;padding-left: 14px;margin-left: 7px;margin-top: 4px;}
.head .logo .right .ss .sub{background: url(../images/ss.png)no-repeat;width: 24px;height: 24px;float: right;margin-top: 7px;margin-right: 5px;}
.head .logo .right .dj{float: right;font-size: 14px;margin-top: 5px;}
.head .logo .right .dj .cn{ display: table-cell;vertical-align:middle;margin-right: 10px;line-height: 30px;display: inline-block;text-align: center;width: 100px; height: 30px;background: url(../images/b.png)no-repeat;color: #fff;}
.head .logo .right .dj .en{ display: table-cell;vertical-align:middle;margin-left: -20px;;line-height: 30px;display: inline-block;text-align: center;width: 100px; height: 30px;background: url(../images/b.png)no-repeat;color: #fff;}
.head .logo .right .dj .cn:hover{background: url(../images/bs.png)no-repeat;}
.head .logo .right .dj .en:hover{background: url(../images/bs.png)no-repeat;}
.head .logo .right .dj .cc{background: url(../images/bs.png)no-repeat;}
.head .dh{overflow: hidden;width: 100%;border-bottom:1px solid #ccc }
.head .dh ul{width: 960px;margin: 0 auto}
.head .dh ul li.on{background: url(../images/hover.png)no-repeat bottom}
.head .dh ul li.on a{color: #007bc3;}
.head .dh ul li a:hover{color: #007bc3;}
.head .dh ul li a{padding: 35px;display: block;padding-bottom: 15px;padding-top: 0;font-size: 16px;text-transform: uppercase}
.head .dh ul li:hover{background: url(../images/hover.png)no-repeat bottom;}
/* 轮播 */
.banner_sy{width: 100%;}
.slides{
	text-align: center;
}
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-color: #FFF;
}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	display: block;
	text-align: center;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
.flexslider .slides li span{
	font-size: 28px;
	line-height: 80px;
	height: 80px;
	width: 100%;
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {
	background: #fff;
	position: relative;
	zoom: 1;
}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {
	width: 50px;
	height: 50px;
	margin: -13px 0 0;
	display: block;
	position: absolute;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	transition: opacity 1s;
	background-color:rgba(255, 255, 255, 0.4);
}
.flex-direction-nav li a.next {
	right: 5px;
	background-position: 0px center;
	background-image: url(../images/hover_right.png);
	background-repeat: no-repeat;
	transition: opacity 1s;
}
.flex-direction-nav li a.prev {
	left: 5px;
	background-position: 0 0;
	background-image: url(../images/hover_left.png);
	background-repeat: no-repeat;
	transition: opacity 1s;
}
.flexslider:hover a.next{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.flexslider:hover a.prev{
	filter:alpha(opacity=100);
	-moz-opacity:1; 
	opacity:1;
}

.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
	overflow: hidden;
	height: 0px;
}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
.list{width: 100%;border-top: 1px solid #ccc;padding-top: 20px;margin-top: 20px;}
.listnav{width: 1200px;overflow: hidden;margin: 0 auto;}
.listnav h1{float: left;font-size: 23px;font-weight: 300;line-height: 55px;text-transform: uppercase}
.listnav .ima1{vertical-align: middle;margin-top: 28px;float: left;margin-left:15px;width: 66%;}
.listgd{line-height: 55px;float: right;text-transform:uppercase}
.listgd img{margin-top: 21px;float: right;margin-left: 5px;}
.list .cp{max-width: 1200px;margin: 0 auto;width: 100%;}
.pro_class {
margin-top: -30px;
padding-top:20px;
padding-bottom: 30px; }
.pro_class .pro_class_kv {
position: relative;
width: 100%;
background: #fff;
margin: 0 auto;
padding: 20px 0px; }

.pro_class .pro_class_kv .box {margin:0 6px;padding-top: 6px;}
/* .pro_class .pro_class_kv .box::after {
background: #efefef;
width: 1px;
height: 100%;
position: absolute;
content: "";
left: -15px;
top: 0;
bottom: 0;
margin: auto; } */
.pro_class .pro_class_kv .box .img_box {
width: 100%; }
.pro_class .pro_class_kv .box .img_box img {
width: 100%; }
.pro_class .pro_class_kv .box .pro_text {
background: #eeeeee;
width: 100%;
padding: 20px 0;
position: relative; }
.pro_class .pro_class_kv .box .pro_text .pro_tit {
font-size: 14px;
margin-left: 15px;
text-align: left;
font-weight: 500; }

.pro_class .pro_class_kv .box .pro_text:hover .dh_sd{
	color: #fff;
	border: 1px solid #fff;
}
.item1:hover .box .pro_text{background: #007bc3}
.item1:hover{background: #007bc3}
.item1:hover .pro_tit{
	color: #fff;
}

.pro_class .pro_class_kv .box .pro_text .more {
text-transform: uppercase;
margin: 0 auto;
margin-left: 15px;
margin-top: 15px;
font-size: 14px;
display: inline-block;
border: 1px solid #656161;
padding: 3px 8px;
color: #656161; }
.pro_class .pro_class_kv .box .pro_text .more:hover {
/* background: #F27703; */
color: #fff; }
.pro_class .pro_class_kv .owl-prev {
transition: all 0.1s;
width: 45px;
height: 50px;
background: url(../images/sprite.png) 5px -269px no-repeat;
position: absolute;
left: 0px;
top: -110px;
bottom: 0;
margin: auto;
opacity: 1; }
.pro_class .pro_class_kv .owl-prev:hover {
background: url(../images/sprite.png) 5px -110px no-repeat; }
.pro_class .pro_class_kv .owl-next {
transition: all 0.1s;
width:35px;
height:50px;
background: url(../images/sprite.png) 5px -349px no-repeat;
position: absolute;
right: 5px;
top: -110px;
bottom: 0;
margin: auto;
opacity: 1; }
.pro_class .pro_class_kv .owl-next:hover {
background: url(../images/sprite.png) 0 -185px no-repeat; }
.pro_class .pro_class_kv .owl-controls {
position: initial; opacity: 1;}
.about{width: 100%;background: #f3f3f3;overflow: hidden;padding-bottom: 50px;}
.about .aboutnr{max-width: 1200px;margin: 0 auto;width: 100%;}
.about .aboutnr .left{float: left;width: 780px;}
.about .aboutnr .left .tit{margin-top: 15px;}
.about .aboutnr .left .tit h1{    float: left;font-size: 25px;font-weight: 300;line-height: 55px;}
.about .aboutnr .left .tit .img2{    margin-top: 28px;float: left; margin-left: 15px;width: 58%;}
.about .aboutnr .left .abs{width: 100%;float: left;}
.about .aboutnr .left .videoArea{width: 50%;}
.about .aboutnr .left .abs .nr{width: 48%;float: right;color: #424140;line-height: 29px;font-size: 16px}
.about .aboutnr .right{float: right;width: 370px;}
.about .aboutnr .right .tit{margin-top: 15px;}
.about .aboutnr .right .tit h1{    float: left;font-size: 20px;font-weight: 300;line-height: 55px;text-transform: uppercase}
.about .aboutnr .right .tit .img3{    margin-top: 28px;float: left; margin-left: 15px;width: 39%;}
.news{}
.news ul li{margin-bottom: 35px;border-bottom: 1px dashed  #ccc;padding-bottom: 15px;}
.news ul li img{float: left;width: 90px;}
.news ul li p{float: right;width: 70%;text-align: left}
.foot{width: 100%;border-top: 2px solid #b9b9b9;background: #d6d6d6;overflow: hidden;}
.foot .footnav{width: 100%;max-width: 1200px;margin: 0 auto;padding-top: 30px;padding-bottom: 30px;overflow: hidden;}
.foot .footnav .abouttit{float: left;}
.foot .footnav h1{color: #717173;font-size: 17px;font-weight: 600}
.foot .footnav ul {padding-top: 15px;}
.foot .footnav ul li{float: none;line-height: 35px;background: url(../images/foot.png)no-repeat 0;padding-left: 15px;vertical-align: middle;font-size: 13px;}
.foot .footnav .listtit{float: left;margin-left: 70px;}
.foot .footnav .newslist{float: left;margin-left: 70px;}
.foot .footnav .ewm{float: left;margin-left: 80px}
.foot .footnav .ewm img{padding-top: 15px;}
.foot .footnav .form{float: left;margin-left: 70px}
.foot .footnav .form input{border-radius:0 ;width: 250px !important;display: block;background: #d6d6d6;border-bottom: 1px solid #aeaeae;margin-bottom: 25px;font-size: 12px;padding: 0;height: 20px;}
.foot .footnav .form textarea{width: 250px;height: 25px;display: block;background: #d6d6d6;border-bottom: 1px solid #aeaeae;margin-bottom: 15px;}
.btn-text{width: 85px;height: 26px;background: #007ac3;color: #fff;border: 0px}
.btn-reset{width: 85px;height: 26px;background: #504e4f;color: #fff;border: 0px}
.yellow {padding: 7px 0; margin: 4px; text-align: center; font-size:14px; float:none}
.yellow B{ padding:0 4px; font-size:12px}
.yellow a,.yellow a:link {border: #ddd 1px solid; margin: 3px; padding: 3px 7px; text-decoration: none; font-size:14px; color:#666}
.yellow a:hover {border: #007ac3 1px solid;background: #007ac3; color: #fff; text-decoration:none}
.yellow span.current {border: #007ac3 1px solid; font-weight: bold; margin: 3px; color: #fff; padding: 3px 7px;background: #b9b9b9; font-size:14px}
.yellow span.disabled {border: #ddd 1px solid; padding: 3px 7px; margin: 3px; color: #aaa; font-size:14px }
.yellow span:hover{background: #b9b9b9;color: #fff}