@charset "gb2312";
/* CSS Document */

body,html{margin:0;padding:0;font-family: Microsoft YaHei; font-size: 1rem;  line-height: 1.5; color: #373a3c; background-color: #fff; width:100%; max-width:100%; min-width:1100px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
input:hover,input:active,input:focus{ outline: 0;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#444;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; }
.fl{float:left;}
.fr{float:right;}
textarea{resize:none; overflow:auto;}
.clearfix:after {content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.baseDiv{ width:1200px; margin:0 auto; margin-left:auto !important; margin-right:auto !important;}
/*top*/
.head{ width:100%;  position:relative; z-index:1000;}
.head .head_top{height:38px; line-height:38px; font-size:13px; color:#666; background:#f4f4f4; border-bottom:1px solid #ebebeb; }
.head .head_top .spanN{ padding:0 15px; color:#999; }
.head .head_top a{ color:#666;}
.head .head_top a:hover{ text-decoration:underline; }
.head .head_logo{width:100%; }
.head .head_logo .logoDiv{float:left; width:568px; height:130px; background:url(../images/logo.jpg) left center no-repeat;}
.head .head_logo .l1{ padding-left:20px;/* background:url(../images/top-phone.png) left center no-repeat;*/ text-align:right; text-align:left;}
.head .head_logo .l1 .span_1{ padding-top:15px;}
.head .head_logo .l1 .span0{ display:block; line-height:25px; height:25px; font-size:14px; color:#999;padding-top:18px; display:none;}
.head .head_logo .l1 .span1{ display:block; height:35px; line-height:35px; font-size:30px; color:#e40404;font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; }
.head .head_logo .top_ewm{ height:68px; width:157px; margin:30px auto auto 15px ;}
.head .head_logo .top_ewm img{ display:block; width:100%; height:100%;}


.nav{ position:relative; background:#0460c5;}
.navMain{ position:relative; z-index:100; }
.nav .navMain .navLi{ float:left; position:relative; z-index:101; width:14.2%; }
.nav .navMain .navLi.indexLi{ margin-left:0; border:0; background:none;}
.nav .navMain .navLi a.a1{ display:block;color:#fff ; position:relative; height:60px; line-height:60px; width:100%; text-align:center; font-size:15px;}
.nav .navMain .navLi a.a1 span{ position:relative; z-index:10;}
.nav .navMain .navLi a.a1 em{ position:absolute; z-index:1; left:5%;top:50%;width:90%; margin-top:-19px; height:38px; background:#0471c2; border-radius:38px; display:none; }
.nav .navMain .navLi.active  .a1,.nav .navMain .navLi:hover a.a1{ }
.nav .navMain .navLi.active  .a1 em,.nav .navMain .navLi:hover a.a1 em{ display: block;}
.nav .navMain .navLi .dh2{ width:440px; padding:10px 0 10px 10px; top:100%; left:50%; margin-left:-225px;position:absolute; z-index:1000; display:none; overflow:hidden; -moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; background-color:#fff;}
.nav .navMain .navLi .dh2 a.a2{ display:block; background-color:#1386dc; color:#fff; line-height:20px; font-size:16px; font-weight:700; padding:15px 0; margin:0px 5px; border-bottom:1px solid #ebebeb;text-align:center;}
.nav .navMain .navLi .dh2 a.a2 span{}
.nav .navMain .navLi .dh2 a.a2:hover{ color:#fff; background-color:#cc0000;}
.nav .navMain .navLi .dh2 a.a3{ display:block; color:#666; line-height:20px; font-size:13px; padding:13px 0; margin:0px 5px; border-bottom:1px solid #ebebeb; text-align:center;}
.nav .navMain .navLi .dh2 a.a3:hover{ background-color:#fba915; color:#fff;}
.nav .navMain .navLi .dh2 .dh_div{ float:left; width:200px; padding:10px 5px; background-color:#f9f9f9; margin-right:10px;}
.nav .navMain .navLi:hover .dh2{ display:block;}

/*banner*/
.banner{width:100%; background:#fafafa;position:relative; z-index:11;}
.banner_slides{position:relative; overflow:hidden; width:100%; margin:auto; }
.banner_slides , .slides_container,.slides_control ,.banner_pic{height:570px;}
.banner_slides li.slidesjs-slide{width:100%;height:570px;}
.banner_slides li a{}
.banner_pic{display:block; width:100%; height:570px;}
.slides_btn{position:absolute; z-index:999;display:block;width:40px;height:70px;margin-top:-35px;top:50%;overflow: hidden;text-indent:-9999px; background-color:#fff;filter:alpha(opacity=20); /*IE滤镜，透明度50%*/-moz-opacity:0.2; /*Firefox私有，透明度50%*/opacity:0.2;/*其他，透明度50%*/ background-position: center center; background-repeat:no-repeat; }
.banner:hover .slides_btn{filter:alpha(opacity=60); /*IE滤镜，透明度50%*/-moz-opacity:0.6; /*Firefox私有，透明度50%*/opacity:0.6;/*其他，透明度50%*/ }
.btn_previous{ left:4%; background-image:url(../images/pre01.png);}
.btn_previous:hover{ background-color:#cc0000;background-image:url(../images/pre02.png);}
.btn_next{ right:4%; background-image:url(../images/next01.png);}
.btn_next:hover{ background-color:#cc0000;background-image:url(../images/next02.png);}
	/**/
.slides_pagination{ width:75px;height:14px;bottom:20px; right:50%; margin-right:-37px; position:absolute;z-index:100; text-align:center; }
.slides_pagination li{margin: 0 7px;display:inline-block; width:10px;+float:left;}
.slides_pagination li a{display:inline-block; *display:inline;zoom:1;overflow:hidden;width:10px;height:10px;line-height:50px; border:2px solid #fff;color:#666;border-radius:100%;}
.slides_pagination li a.active,.slides_pagination li a:hover.active,.slides_pagination li a:hover{background:#1386dc;color:#1386dc; border:2px solid #1386dc;}
/*banner end*/


/*搜索*/
.wzgg{width: 100%;height: 70px;background: url(../images/add.jpg)no-repeat center;}
.wzgg2{width: 1200px;margin: 0 auto;font-size: 16px;font-weight: bold;color: #fff;line-height: 70px;padding-left: 40px;}
.wzgg2 span{font-size: 14px;color: #444444;font-weight: normal;padding-left: 45px;}



.baseTitle{margin:auto; position:relative; text-align:center;background:url(../images/title_sj.png) top center no-repeat; padding-top:20px; }
.baseTitle .b1{ position:absolute; top:52px;left:0; height:0px; width:100%; z-index:1;}
.baseTitle .t1{ color:#2f7cd4; font-size:30px; font-weight:700; position:relative; z-index:10;}
.baseTitle .t1 .span1{ padding:0 40px; display:inline-block; }
.baseTitle .t1 .span2{ padding-right:10px; color:#fff; font-size:25px; font-weight:700;; display:inline-block;height:45px; line-height:45px; vertical-align:top;}
.baseTitle .t1 .span3{ display:inline-block;height:45px; line-height:45px;}
.baseTitle .t2{ color:#333; font-size:25px; font-weight:700; position:relative; z-index:10;}


/*首页产品*/
.indexMain{position:relative; padding:0 0 30px 0; background:#fff /*url(../images/productbg.jpg) bottom center no-repeat*/; }
.indexMain .product{ position:relative; z-index:10; padding-top:15px;}
.proTitle{ width:258px;}
.proTitle .t_t{ height:70px; background:#0066cb url(../images/classT1.png) center center no-repeat;color:#fff;  text-align:center;}
.proTitle .t_t .span1{ display:block; font-size:34px; font-weight:700; padding-top:8px;}
.proTitle .t_t .span2{ display:block; font-size:13px;}
.proTitle .pclass{ background:#f3f3f3; border-bottom:3px solid #fba915; padding-top:10px; border:2px solid #0066cb;}
.proTitle .pclass li{}
.proTitle .pclass li.li1{}
.proTitle .pclass li.li1 a{display:block;height:38px; line-height:38px;font-size:17px;color:#fff;background:#0066cb; border-radius:20px; margin:0 10px;  }
.proTitle .pclass li.li1 a span{ display:inline-block;height:38px; line-height:38px; padding-left:12px; padding-right:12px; background:url(../images/bg_span.png) right center no-repeat;}
.proTitle .pclass li.li2{}
.proTitle .pclass li.li2 a{ display:block; font-size:14px; color:#333; border-bottom:1px dotted #ddd8d7;  }
.proTitle .pclass li.li2 a span{ display:inline-block;height:38px; line-height:38px; padding-left:15px; background:url(../images/bg_a.png) left center no-repeat; text-align:center;}

.proTitle .img{ height:93px; width:100%; background:url(../images/classbg.jpg) center center no-repeat; margin-top:12px;}
.proTitle .m{ display:block; height:50px; line-height:50px; background:#0066cb; color:#fff; text-align:center; font-size:20px; margin-top:5px;}
.proTitle .m:hover{ background-color:#fc7f24;}
.proTitle .lxwm{ background-color:#fff; padding:8px 15px; border:1px solid #ddd; line-height:22px;}
.proTitle .lxwm p{ color:#666; font-size:13px; padding:7px 0;}

.prdListBox{}
.indexMain .productList{ overflow:hidden; width:920px;height:728px; position:relative;}
.indexMain .productList ul{ overflow:hidden; width:920px;height:1028px;}
.indexMain .productList ul li{ width:297px; float:left; margin:0 9px 0px 0; } 
.indexMain .productList ul li .boxa{ width:297px; height:210px; border:1px solid #ddd; display:block; cursor:pointer;}
.indexMain .productList ul li .boxa .spanImg{ display:block; overflow:hidden;width:273px; height:190px; margin:10px; position:relative;
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;}
.indexMain .productList ul li .boxa .spanImg .aB{display:none; width:100%;height:100%; position: absolute; background: rgba(0,0,0,0.5); overflow: hidden; left: 0; top: 0; z-index: 5;}
.indexMain .productList ul li .boxa .spanImg .aB em{ display:block; width:100%; height:100%;background:url(../images/chakan.png) center center no-repeat;}
.indexMain .productList ul li .boxa:hover .spanImg .aB{ display:block;}
.indexMain .productList ul li .spanT{ display: block; z-index:10; height:45px; line-height:45px; width:222px; margin:auto; text-align:center;color:#666; font-size:14px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.indexMain .productList ul li .spanT:hover{ color:#e0222c;}
.indexMain .more{ display:block; width:100%; height:10px; margin:auto; background-color:#ebebeb; margin-top:15px; border-radius:10px;}
.indexMain .more:hover{ background-color:#c20307;}


/*关于我们*/

/*公司简介*/
.hxjjk{width: 100%; background: url(../images/abbg.jpg)top no-repeat;overflow: hidden; padding:20px 0;}
.hxjjk h2{font-size: 30px;color: #fff;text-align: center;}
.hxjjnr{width: 1100px;height: 150px;overflow: hidden;color: #fff;font-size: 14px;line-height: 30px;margin: 0 auto;margin-top:10px;}
.hxjjgd a{display: block;width: 105px;height: 35px;background: #3aaf00;text-align: center;margin: 0 auto;margin-top: 20px;color: #fff;line-height: 35px;font-size: 14px;}
.hxjjgd a:hover{background: #dd0000;}

/*新闻*/
.hxnews{width: 100%; margin: 0 auto;overflow: hidden;}
.hxnews h2{width: 656px;height: 101px;margin: 0 auto;font-size: 36px;color: #0066cb;text-align: center;line-height: 40px;margin-top: 20px;background:url(../images/new_bg.jpg) no-repeat center center;padding-top: 10px;}
.hxnews h2 span{color: #3aaf00}
.hxnews h2 p{font-size: 20px;color: #0066cb;line-height: 40px;font-weight: normal;text-transform: uppercase;padding-top: 10px;}


._news{overflow: hidden;margin: 0 auto;width: 1200px;}
._news_main{margin-top: 20px;}
._news_main h1{font-size: 41px;color: #333333;margin-bottom: 37px;text-align: center;}
._news_main h1 em{margin-top: 15px;display: block;font-size: 15px;color: #4f4f4f;font-weight: 500;}
._news_m a{width: 380px;display: inline-block;margin-right: 18px;background: #f3f3f3;}
._news_m a:last-child{margin-right: 0;}
._news_m a strong{width: 380px;margin-bottom: 20px;display: block;overflow: hidden;}
._news_m a img{transition-duration: 0.5s; width: 380px;height:260px; }
._news_m a em{color: #000;margin-bottom: 11px;display: block;font-size: 18px;font-weight: bold;text-align: center;}
._news_m a span{display: block;margin-bottom: 40px;font-size: 14px;color: #535353;line-height: 24px;width: 355px;height: 78px;margin-left: 15px; overflow: hidden;}
._news_m a button{width: 35px;height: 35px;color: #fff;cursor: pointer;background: #cb1469;border: 1px solid #cb1469;margin-left: 165px;margin-bottom: 26px;border-radius: 20px;font-size: 20px;}
._news_m a:hover button{border: 1px solid #009d2d;background: #009d2d;color: #FFFFFF;}
._news_m a:hover img{transform: scale(1.1);}
._news_m a:hover em{color: #de0a0a}

/*案例*/
/*case*/
.cases{ padding:0px 0 20px 0; background:url(../images/abbg.jpg) no-repeat center center; position:relative;}
.cases .caseTitle{}
.cases .caseTitle .div1{ width:64px; height:76px; background:url(../images/new_t.png) center center no-repeat;}
.cases .caseTitle .div2{ padding-top:5px; padding-left:10px;}
.cases .caseTitle .div2 .span1{ display:block; color:#ab0422; font-size:27px; font-weight:700;}
.cases .caseTitle .div2 .span2{ display:block; color:#666; font-size:14px;}
.cases .caseTitle .m{ display:block; width:135px; height:37px; background-color:#80b107; color:#fff; font-size:13px; text-align:center; line-height:37px; margin-top:25px;}
.cases .caseList{  overflow:hidden; position:relative; z-index:10; margin-top:15px;}
.cases .caseList ul{ width:1200px;}
.cases .caseList li{ float:left;margin-right:8px;}
.cases .caseList li a.imga{display:block; background:url(../images/productBg1.png) bottom center no-repeat; padding-bottom:20px; }
.cases .caseList li a.imga .imgSpan{ display:block; width:292px; height:218px;overflow:hidden;background-position:center center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;}
.cases .caseList li .aT{ display:block; color:#fff; text-align:center;overflow:hidden; white-space: nowrap;text-overflow: ellipsis; text-align:center; font-size:14px; line-height:25px;}
.cases .caseList li .titleBox a:hover{}
.cases .caseList li .imga:hover{}
.cases .caseList li .imga:hover img{}
.cases .caseList .box{ width:9999px; position:relative; z-index:10;}
.cases .caseList .box ul{ float:left;}
/*底部*/
.footNav {
	background-color:#3c3b3b;
}
.footNav ul {
	padding:8px 0;
}
.footNav li {
	float:left;
	width:146px;
	text-align:center;
	height:40px;
	line-height:40px;
	border-left:1px solid #454545;
}
.footNav li.indexLi {
}
.footNav li a {
	display:block;
	color:#fff;
	font-size:14px;
	width:100%;
	margin:auto;
}
.footNav li a:hover {
	color:#ffcc33;
}
.footNav .lastA {
	display:block;
	float:right;
	height:56px;
	line-height:56px;
	text-align:center;
	width:160px;
	color:#fff;
	font-size:15px;
	background-color:#eea200;
}
.foot {
	background-color:#343434;
	position:relative;
}
.foot .footLogo {
	width:300px;
	height:95px;
	border-right:1px solid #424547;
	background:url(../images/foot_logo.jpg) center center no-repeat;
}
.foot>.baseDiv {
	position:relative;
	padding:45px 0;
}
.foot .foot_cotact {
	padding-left:35px;
	padding-right:0px;
	width:322px;
	border-right:1px solid #424547;
	line-height:31px;
}
.foot .foot_cotact div {
	float:left;
	margin-right:20px;
	color:#858282;
	font-size:12px;
}
.foot .foot_cotact p {
	float:left;
}
.foot .foot_cotact div a {
	color:#858282;
}
.foot .foot_cotact div a:hover {
	color:#fff;
}
.foot .dianhua {
	padding-left:35px;
}
.foot .dianhua .span1 {
	display:block;
	background-color:#015ebb;
	color:#fff;
	width:200px;
	height:45px;
	line-height:45px;
	font-size:14px;
	text-align:center;
}
.foot .dianhua .span2 {
	display:block;
	text-align:center;
	font-size:26px;
	font-weight:700;
	color:#bcbcbc;
	padding-top:10px;
}
.foot .gzwm {
	float: right;
    margin-top: -26px;
	width:160px;
	
}
.foot .gzwm .ewm {
	margin-top:10px;
}
.foot .gzwm .ewm img {
	display:block;
	width:140px;
	margin: auto;
}
.foot .gzwm .z {
	text-align: center;
	z-index:10;
	height:20px;
	line-height:30px;
	width:100%;
	color:#ccc;
	font-size:12px;
	text-align:center;
}
.copyright {
	ine-height:25px;
	font-size:12px;
	color:#999;
	padding:15px 24px 0 0;
	text-align:left;
}
.copyright span {
	padding:0 8px;
}
.copyright a {
	color:#999;
}
.copyright a:hover {
	color:#fff;
}






/**/
.breadcrumbs{margin-bottom:15px; line-height:30px; border-bottom:3px solid #1386dc; padding-bottom:5px; font-size:14px; color:#999}
.breadcrumbs>.clearfix{ padding:0 30px;}
.breadcrumbs a{color:#666;}
.breadcrumbs a:hover{ text-decoration:underline;}
.breadcrumbs .t1{ font-size:20px; font-weight:700; color:#333;}
.breadcrumbs .sortName{ color:#fff; font-size:20px;}
.breadcrumbs .indexa{ padding-left:30px; background:url(../images/icon-home_61y0.png) left center no-repeat;}
/**/
.page_nav{ padding:15px 15px; color:#999; font-size:14px; text-align:center; background-color:#fff;}
.page_nav .nolink{display:inline-block; margin:0 5px; padding:0 5px; height:25px; line-height:25px; border:1px solid #fff;}
.page_nav font,.page_nav a{ display:inline-block; margin:0 5px; padding:0 10px; border:1px solid #e5e5e5; height:25px; line-height:25px; border-radius:5px;}
.page_nav font{ border:1px solid #fff;}
.page_nav a:hover{ color:#fff; border:1px solid #1386dc; background-color:#1386dc}

.viewpage{ margin:0; padding:20px 0 50px 0; border-top:1px solid #eee;}
.viewpage .main_r_nav{ color:#999; font-size:14px; line-height:30px;}
.viewpage .main_r_nav a{ font-size:14px; color:#444}
.viewpage .main_r_nav a:hover{ text-decoration:underline;}



.main{ background-color:#fff; padding:30px 0;}
.main .main_right{ width:840px;}
.text{ line-height:35px; font-size:15px; color:#666;padding:30px;}
.text span{font-size:15px; color:#666;}
.text img{ max-width:100%;}
.main .tT01{ text-align:center; line-height:35px; margin-top:20px;}
.main .tT01 .span1{ font-size:24px; color:#444;}
.main .subtitle{font-size: 13px; line-height: 24px; height: 24px; color: #8F8F8F; text-align:center;}
.main .subtitle span{ padding:0 10px;}

.main .main_left{ width:182px; }
.main .main_left .titleL{ height:80px; background:url(../images/bt_vt57.jpg) top right no-repeat;  text-align:center; overflow:auto;}
.main .main_left .titleL span{ font-size:24px; color:#fff; font-weight:700; display:block; width:100%; height:80px; line-height:80px;}
.main .main_left .titleL2{ display: block ;width:100%; margin-top:10px; overflow:hidden; }
.main .main_left .titleL2 img{ display:block; width:100%;}
.main .navLeft{}
.main .navLeft li a{ display:block; width:100%; height:45px; line-height:45px;;color:#305dc3; text-align:left; border-bottom:1px solid #305dc3; font-size:14px; position:relative;}
.main .navLeft li a span{ position:relative; z-index:5; padding-left:15px  }
.main .navLeft li a em{ display:block; width:0; position:absolute; z-index:1; left:0; top:0; height:100%;background-color:#305dc3;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main .navLeft li a:hover,.main .navLeft li.active a{ color:#fff;}
.main .navLeft li a:hover em,.main .navLeft li.active a em{ width:100%;}

/*虏煤脝路*/

.main .proList{width:840px;position:relative; margin-top:10px;}
.main .proList{ overflow:hidden; width:849px;}
.main .proList li{ width:274px; float:left; margin:0 9px 0px 0; } 
.main .proList li .boxa{ width:272px; height:220px; border:1px solid #ddd; display:block; cursor:pointer;}
.main .proList li .boxa .spanImg{ display:block; overflow:hidden;width:252px; height:180px; margin:10px; position:relative;
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;}
.main .proList li .boxa .spanImg .aB{display:none; width:100%;height:100%; position: absolute; background: rgba(0,0,0,0.5); overflow: hidden; left: 0; top: 0; z-index: 5;}
.main .proList li .boxa .spanImg .aB em{ display:block; width:100%; height:100%;background:url(../images/chakan.png) center center no-repeat;}
.main .proList li .boxa:hover .spanImg .aB{ display:block;}
.main .proList li .spanT{ display: block; z-index:10; height:35px; line-height:33px; width:222px; margin:auto; text-align:center;color:#666; font-size:13px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.main .proList li .spanT:hover{ color:#e0222c;}

/**/
.main .news_list{}
.main .news_list li{border-bottom: 1px dashed #e4e4e4; padding:15px;}
.main .news_list li .titleBox{}
.main .news_list li a{ color:#333; font-size:15px;}
.main .news_list li .titleBox a:hover{ color:#e83737;}
.main .news_list li .desc{ line-height: 22px; max-height: 44px;  color: #999;  overflow: hidden; font-size:13px; margin-top:8px; padding:0 0 0 0px;}
.main .news_list li .lMore{ font-size:13px; color:#b7b7b7;}