@charset "utf-8";
/* CSS Document */
html {height: 100%;}
body {
/*  font-family: 'Arial','Microsoft JhengHei', Helvetica, sans-serif, dashicons, FontAwesome, icomoon !important;*/
	font-family: "Microsoft YaHei","微软雅黑";
	font-size: 13px;
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	overflow-x: hidden;
	margin: 0 auto;
	padding: 0;
}

div, p, span,dt,dl,dd,i,em{margin:0;padding:0; list-style:none; font-style: normal;}
h1,h2,h3,h4,h5,ul,li{list-style-type:none; margin: 0; padding: 0;}

input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select {margin:0; padding:0;}

a {color: #333;text-decoration: none;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a:hover {color: #ff3300; text-decoration: none;}
a:active,a:focus {outline: 0;color: #ff3300; text-decoration: none;}
img {border:0; vertical-align: middle;}


.fl{ float:left;}
.fr{ float: right;}

.clear{clear: both;}

.clearfix::after{
    content:"";
　　height:0;
　　line-height:0;
　　display:block;
　　visibility:hidden;
　　clear:both;
}

.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.map .title{ font-size: 22px; line-height: 34px;}

/*上一条，下一条*/
.news_pre{padding: 10px 0; clear:both; border-bottom: 1px solid #E7E7E7;}

/*分页样式*/
.List_page{text-align:right;padding:15px 0;clear:both;}
.List_page a{background:#fff;margin:1px;padding:4px 10px;border:1px solid #cccccc;color:#333;}
.List_page span{background:#666;color:#FFF;margin:1px;padding:4px 10px;border:1px solid #cccccc;}


/*搜索查询*/
.search {overflow: hidden;position: relative;  height: 70px; line-height: 70px; box-shadow:2px 2px 10px #ccc ;-webkit-box-shadow:2px 2px 10px #ccc;}
.search-left{float: left; }
.search-left b{color: #333;}
.search-left a{color: #666;}
.search-left a:hover{color: #ff3300;}
.search-right{float: right;}
.search-right input{color: #666; height: 32px;line-height: 32px; padding-left: 5px; width: 300px;border: 1px solid #E7E7E7;}
.search-right .search-submit{background: #65be1d;border: 0;color: #FFF;height: 34px;line-height: 34px; padding: 0 15px;cursor: pointer;}


/*以上是公共样式*/
.container{ width: 1180px; margin: 0 auto; overflow: hidden;}
.top{ background: url(../images/top.jpg) no-repeat center; height: 5px;}

.head{height: 80px;}
.logo{ width: 200px; padding: 7px 0;}
.logo img{max-width: 100%;}


/*Menu导航 */
.nav{width: 840px; position: absolute; padding-left: 330px;}
.nav ul{margin: 0;}
.nav ul li{float: left;position: relative;font-size: 16px;text-align: center; height: 80px; line-height: 80px;}
.nav ul li a{display: block;width: 120px;color: #333;}
.nav ul li.hover a,.nav ul li:hover a{color: #fff;background:#023b89;}
.nav ul li .subnav{background: #fff;border-top: 2px solid #023b89;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%;width:190px;z-index: 199;}
.nav ul li .subnav{filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav ul li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav ul li .subnav a{color: #666;display: block;font-size: 13px;line-height: 40px;height: 40px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 1px solid #eee;background: #fff;}
.nav ul li .subnav a:hover{color: #FFF;background: #023b89;text-indent: 10px;}


/*banner开始*/
#Ibanner{ margin: 0px auto; padding: 0px; height:390px; overflow: hidden; }
.Ibanner, .Ibanner *{margin:0; padding:0;}
.Ibanner{width:100%; height:390px; overflow:hidden;position:relative;}
.slider{overflow:hidden;}
.slider li{float: left;height:390px;color: #333; text-align: center; }

.num{ position:absolute; right:0px; bottom:20px; width:52%;}
.num li{float: left;list-style:none;width: 14px;height: 14px;font-size: 0px;cursor: pointer;margin: 0px;background:url(../images/dots.png) ; background-position:0  -15px;overflow:hidden;z-index:999;}
.num li.on{width: 14px;height: 14px;font-size: 0px;background-position:0  -30px;}


/*首页模块标题*/
.home-bt{text-align: center; padding: 50px 0; color:#FFF;} 
.home-bt span{display: inline-block; width: 100%; font-size: 26px; text-align: center; line-height: 60px; font-weight: bold; background: url(../images/fg.png) no-repeat center bottom;}

/*首页公司简介*/
.company{ width: 100%;background: url(../images/combg.jpg); padding: 30px 0; height: 420px; margin: 30px 0;}
.company-bt{ padding: 30px 0;}
.company-bt h1{text-align: center; margin: 0;color: #FFF; padding: 15px 0;}
.company-bt p{ text-align: center; font-size: 36px; text-transform: uppercase; font-weight: bold; color: #FFF;}
.company .company-img{ width: 500px; float: left; padding-right: 30px;}
.company .company-img img{max-width: 100%;}
.company p{text-indent: 2em; line-height: 26px; color: #FFF;}
.company a{ border: 1px solid #E7E7E7; color: #FFF; padding: 10px 30px; position: absolute; margin: 15px 0;}
.company a:hover{ color: #FFF; background: #c10a2d;}


/*首页产品展示*/
.home-pro{overflow: hidden;}
.home-pro ul{margin: 0;overflow: hidden;}
.home-pro ul li{ float:left;text-align:center; width: 278px; background: #FFF; margin-right:30px;border:1px solid #023b89; margin-bottom: 30px;}
.home-pro ul li:nth-of-type(3n+0){margin-right:0px;}
.home-pro ul li:hover{border:1px solid #ff6f02;}
.home-pro ul li .list-img{ position: relative;height: 208px; overflow: hidden; background: #FFF;}
.home-pro ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.home-pro ul li .list-img img:hover{transform:scale(1.2);}
.home-pro ul li h2{ text-align:center; overflow:hidden; background: #023b89;color: #FFF; clear:both; font-size: 15px; font-weight: normal; height: 40px; line-height: 40px; margin:10px;}
.home-pro ul li:hover h2{background: #ff6f02;color: #FFF;}


/*首页新闻*/
.home-news{ background: #f8f8f8; padding: 40px 0;}
.home-news ul{width: 100%;}
.home-news ul img{max-width: 100%; padding: 10px 0;}
.home-news ul{float: left; background: #FFF; width: 535px; margin-left: 30px; padding: 20px;}
.home-news ul:nth-of-type(1){ margin-left:0;}
.home-news ul li{height: 33px; line-height: 33px; border-bottom: 1px dashed #e7e7e7;}
.home-news ul li h1{ margin: 0; font-size: 13px; font-weight: normal; float: left;}
.home-news ul li a{ color: #333;}
.home-news ul li a:hover{ color: #c10a2d;}
.home-news ul li span{ float: right; font-size: 12px; color: #999;}



/*内页*/
.sub-head{overflow: hidden; background:url(../images/page1.jpg) no-repeat center; height: 260px; background-size: cover;}
.sub-head span{display: block; text-align: center; color: #FFF; font-size: 32px; padding-top: 90px; padding-bottom: 30px;}
.sub-head p{ border-top: 1px solid #666; height: 50px; line-height: 50px; text-align: right; color: #ccc;}
.sub-head p a{ color: #ccc;}
.sub-head p i{padding-right: 8px;}


/*内页新闻*/
.news{overflow: hidden;}
.news ul{ width:100%;}
.news ul li{float: left; border-bottom:1px dashed #ccc; line-height:40px; margin-right: 28px; width:100%; font-size: 14px;}
.news ul li span{ float:right; color: #999;}

/*新闻详情页一行两列展示*/
.News-list{overflow: hidden;}
.News-list ul{ width:100%;}
.News-list ul li{ border-bottom:1px dashed #ccc; line-height:32px; background:url(../images/newspic.jpg) no-repeat left; 
width: 434px; margin-right: 30px;  float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.News-list ul li span{ float:right;}
.News-list ul li:nth-of-type(2n+0){ margin-right: 0;}


/*留言部分*/
.book_add{margin:0;padding:0;list-style:none;}
.book_add input{vertical-align:middle;border:1px solid #ccc;padding:10px;background:#fff;}
.book_add textarea{vertical-align:top;border:1px solid #ccc;padding:4px 10px;overflow:hidden;}
.book_add li{padding:5px;clear:both;}
.book_add li span{display:block;float:left;width:73px;font-size: 16px; line-height: 33px;}
.book_add li:last-child{ padding-left: 78px;}
.book_add .anniu{ background: #c10a2d; color: #FFF; width: 120px; height: 48px;font-size: 16px; text-align: center; border: 0; cursor: pointer;}
.book_add #showmsg{position:absolute;color:#f30;margin:-35px 0 0 140px;*margin:8px 0 0 20px;}

/*内页产品*/
.Product{overflow: hidden;}
.Product ul{margin: 0;}
.Product ul li{ float:left;text-align:center; width:287px; padding-right: 19px; padding-bottom: 20px;}
.Product ul li:nth-of-type(3n+0){padding-right:0;}
.Product ul li .list-img{border:1px solid #e7e7e7; padding: 3px;position: relative; height: 208px; overflow: hidden;}
.Product ul li .list-img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.Product ul li .list-img img:hover{transform: scale(1.2);}
.Product ul li h2{ text-align:center; overflow:hidden;font-size: 13px; font-weight: normal; line-height: 40px;}


/*内页荣誉*/
.honor{overflow: hidden; padding: 15px 0;}
.honor ul{margin: 0;}
.honor ul li{ float:left;text-align:center; width: 208px; padding-right: 22px; margin-bottom: 20px;}
.honor ul li:nth-of-type(4n+0){padding-right:0;}
.honor ul li .list-img{border:1px solid #e7e7e7; position: relative; height: 190px; overflow: hidden;}
.honor ul li .list-img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.honor ul li .list-img img:hover{transform: scale(1.2);}
.honor ul li h2{ text-align:center; overflow:hidden;font-size: 13px; font-weight: normal; line-height: 40px;}

/*内页热门产品*/
.product-hot{overflow: hidden; padding: 15px 0;}
.product-hot ul{margin: 0;}
.product-hot ul li{ float:left;text-align:center; width: 208px; padding-right: 22px; margin-bottom: 20px;}
.product-hot ul li:nth-of-type(4n+0){padding-right:0;}
.product-hot ul li .list-img{border:1px solid #e7e7e7; position: relative; height: 190px; overflow: hidden;}
.product-hot ul li .list-img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.product-hot ul li .list-img img:hover{transform: scale(1.2);}
.product-hot ul li h2{ text-align:center; overflow:hidden;font-size: 13px; font-weight: normal; line-height: 40px;}


.web-Left{width: 240px;}
.web-Left .top{ background:url(../images/left.jpg) no-repeat right #023b89;color: #FFF; height: 80px;}
.web-Left .top span{display: block; font-size: 22px; padding-top: 15px; padding-left: 20px; font-weight: bold;}
.web-Left .top em{ text-transform: uppercase; display: block;font-style: normal; font-size: 12px; color: #6ba0c9;padding-left: 20px;}
.menu1 {overflow: hidden;}
.menu1 h2 {font-size: 14px;height: 46px;line-height: 46px;font-weight: normal;border-bottom: 1px solid #e7e7e7; background: #f5f5f5;}
.menu1 h2 a{display: block;  color: #333; padding-left:20px;}
.menu1 h2 a:hover{display: block; padding-left: 20px; background: #c10a2d;color: #FFF;}
.menu1 h3 {height: 46px;line-height: 46px;color: #FFF;background: #137c08; font-weight: normal; padding-left: 30px;}
.menu1 h3 a {color: #4b4b4c;}
.menu1 h3 a:hover {color: #ff3300;}
.menu1 .leftmenu_h{ background: #c10a2d;color: #FFF;}
/*.menu1 .no {display: none;}*/



.left_contact {overflow: hidden;}
.left_contact h1{background:#c10a2d; color:#FFF; padding: 15px 5px; font-size: 22px; font-weight: normal; text-align: center; }
.left_contact p{background: #f5f5f5; line-height: 26px; padding: 15px 10px;}

.here-title{ border-bottom: 1px solid #e7e7e7; margin-bottom: 15px;}
.here-title h4{ border-bottom: 2px solid #023b89; display:inline-block; margin: 0; font-weight: normal; font-size: 18px; line-height: 33px;}
.here-title span{ float: right;line-height: 33px;}
.here-title span a{  color: #333;}
.here-title span a:hover{  color: #023b89;}

/*当前位置*/
.here {overflow: hidden;height: 40px; line-height: 40px; border-bottom: 1px solid #dfdfdf; margin-bottom: 20px;}
.here span{ font-size: 15px;}
.here span b{color: #d0231b;}


.web-right{width: 900px; padding-left: 40px;}
.danye-line { padding: 15px 0; line-height: 25px; overflow: hidden;}
.danye-line img{ max-width: 100%; }

.Details{overflow: hidden;}
.Details h1{margin:5px 0;padding:0;text-align:center;font-size:24px;}
.Details dt{display: block; text-align:center;color:#999;border:1px solid #e1e1e1;border-left:0;border-right:0;margin:10px 0;padding:15px 0;}
.Details .Details-contact{ line-height: 26px;}
.Details .Details-contact img{max-width: 100%;}



.link{overflow: hidden; background:#023b89; padding: 15px 0; border-bottom: 1px solid #85cdee;}
.link span{color: #FFF; font-size: 18px; }
.link ul{margin: 0;}
.link ul li{float: left; color: #FFF; line-height: 30px;}
.link ul li a{color: #FFF;}
.link ul li a:hover{color: #ff6f02;}
.link ul li i{padding: 0 8px;}

footer{overflow: hidden;background: #023b89;}
.copy{ overflow: hidden;padding: 20px 0;}
.copy p{ line-height: 26px; color: #FFF;}
.copy p a{color: #FFF;}
.copy p a:hover{color: #ff6f02;}