@charset "utf-8";

/* CSS Document */



/*轮播*/

.slideBox{ width:100%; overflow:hidden; position:relative;}

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; margin-left:-50px; bottom:15px; z-index:1; }

.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

.slideBox .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px; background:#ecf0f1; cursor:pointer; border-radius:9px; }

.slideBox .hd ul li.on{ background:#33aae6; }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd li{ zoom:1; vertical-align:middle; }

.slideBox .bd img{ width:100%; display:block;}



/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,

.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.2;   }

.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }

.slideBox .prev:hover,

.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.slideBox .prevStop{ display:none;  }

.slideBox .nextStop{ display:none;  }



/*news*/

.newsC{ overflow:hidden; background:#f0f0f0; padding:25px 0;}

.newsC .title{ color:#009ceb; font-size:30px; font-family:yx; width:13%; height:108px; padding-left:18px; padding-right:47px; border-right:1px solid #a0a0a0;}

.newsC .title p{ margin-top:20px;}

.newsC .content{ padding:0 10px; width:100%;}

.newsC .content .small_img{ margin-top:7.5px; width:16.666%;}

.newsC .content .small_img img{ width:122px; height:86px;}

.newsC .content .desc{ width:83.333%; padding:0 10px;}

.newsC .content .desc h1{ font-size:24px; font-weight:normal; font-family:yx; line-height:38px;}

.newsC .content .desc a{ color:#009ceb;}

.newsC .content .desc a:hover{ color:#42baf6;}

.newsC .content .desc p{ color:#4c4d4d; line-height:24px; overflow:hidden; max-height:48px;}



.txtMarquee-top{ overflow:hidden; position:relative;}

.txtMarquee-top .tempWrap{ margin-top:5px; }

.txtMarquee-top .hd{ overflow:hidden;  height:30px; position:absolute; padding:0 10px; right:20px; top:0; z-index:1; }

.txtMarquee-top .hd .prev,.txtMarquee-top .hd .next{ display:block;  width:18px; height:18px; float:right; margin-right:5px; overflow:hidden;

	 cursor:pointer; background:url("../images/arrow_1.png") 0 -92px no-repeat;}

.txtMarquee-top .hd .next{ background-position:0 -131px;  }

.txtMarquee-top .hd .prevStop{ background-position:-60px -100px;  }

.txtMarquee-top .hd .nextStop{ background-position:-60px -140px;  }

.txtMarquee-top .infoList li{ overflow:hidden;}

.txtMarquee-top .infoList{ top:-94px !important; height:93.5px; overflow:hidden;}





/*product_class*/

.product_class{ overflow:hidden; padding:60px 0;}

.product_class .container{overflow:hidden;}

.product_tab{ width:100%; overflow:hidden;}

.product_class_img{ text-align:center;}

.product_class_img img{ width:41.8181%; margin:0 auto; margin-bottom:15px; cursor:pointer;}

.product_content{ overflow:hidden; max-height:548px; transition:all linear .3s; width:25%;}

.product_list{ max-height:548px;}

.product_line{ background:#f5f6f6; overflow:hidden; max-width:268px; margin-left:7px;}

.product_line img{ width:74.626%; margin:0px auto; margin-top:10px;}

.product_line .line{ height:1px; border:1px solid #c9c9c9; margin:18px auto; width:86.94%;}

.product_line p{ line-height:24px; margin-left:16px;}

.product_line p a{ color:#1f2020;}

.product_line p a:hover{ color:#0ab2f0;}

.product_line > a:last-child{ display:block; width:72px; height:25px; background:#bcc1c8; color:#fff; text-align:center; line-height:25px; margin-left:16px; margin-bottom:12px; margin-top:5px;}

.product_line > a:hover{background:#0ab2f0;}

.no_line p{ margin-top:10px;}

.no_line{ margin-top:7px;}

.product_list_first img{ height:548px;}

.product_list_thd .no_line{ margin-top:0; margin-bottom:7px;}

.tab_box{ overflow:hidden; max-height:548px; width:400%; margin-top:60px;}

.product_list_first img:hover{ transform:scale(1.1); transition:all linear .3s; }

.product_list{ overflow:hidden;}

.product_line img:hover{ transform:scale(1.1); transition:all linear .3s;}



/*information*/

.information{ overflow:hidden; background:#e3e4e4; padding:30px 0;}

.information .container{ overflow:hidden;}

.information .container .title{ overflow:hidden; text-align:center;}

.information .container .title h1{ color:#1b1b1b; font-size:26px; font-family:yx; font-weight:normal;}

.information .container .title .h_bg{ width:242px; height:2px; background:url(../images/h_bg.png) center no-repeat; margin:10px auto;}

.information .container .title a{ display:block; width:77px; height:24px; line-height:24px; background:#3b3b3b; color:#fff; border-radius:5px; margin:30px auto 50px;}

.information .container .title a:hover{ background:#fff; color:#3b3b3b;}

.info_content,.info_left,.info_l_first,.info_l_list,.info_l_list ul{ overflow:hidden;}

.info_l_first .date{ width:102px; height:102px; background:#5ac1f5; color:#fff; text-align:center;}

.info_l_first .date .date_d{ font-size:30px; line-height:55px;}

.info_l_first .date .line{ width:60px; height:1px; background:#fff; margin:0px auto 15px;}

.info_l_first .date .date_ym{ font-size:14px;}

.info_l_first .info_text{ height:102px; overflow:hidden; width:80%; background:url(../images/info_bg.png) no-repeat right 8px;}

.info_l_first .info_text h1{ font-size:18px; margin-top:10px;}

.info_l_first .info_text h1 a{ color:#ef921a;}

.info_l_first .info_text h1 a:hover{ color:#f6ac4b; text-decoration:underline;}

.info_l_first .info_text p{ color:#292929; line-height:24px; height:48px; overflow:hidden; margin-top:20px;}

.info_l_list{ margin-top:20px;}

.info_l_list ul li{ background:#f5f6f6; height:38px; line-height:38px; margin-bottom:8px; padding:0 10px;}

.info_l_list ul li:hover{ background:#5ac1f5; color:#fff;}

.info_l_list ul li:hover a{ color:#fff;}



/*case*/

.case{ overflow:hidden; padding:70px 0 35px;}

.case .container{ overflow:hidden;}

.case .container img{ width:auto; height:auto;}

.case .container div{ margin-top:5px; overflow:hidden; position:relative;}

.case .container div p{ position:absolute; width:99%; background:rgba(0,0,0,.5); left:0; bottom:0; line-height:24px; text-indent:2em; opacity:0;}

.case .container div p a{ color:#fff;}

.case .container div:hover p{ opacity:1;}



.case .container div:nth-child(1) p{overflow:hidden;}

.case .container div:nth-child(3) p{ width:97%; right:0 ; left:auto;}

.case .container div:nth-child(4) p{ width:94.5%;}

.case .container div:nth-child(5) p{ width:100%;overflow:hidden;}

.case .container div:nth-child(6) p{ width:97%; right:0 ; left:auto;}

.case .container .more{ position:relative;}

.case .container .more a{ display:block; position:absolute; width:147px; height:46px; line-height:46px; text-align:center; color:#fff; font-size:18px; border:2px solid #fff; left:20px; bottom:20px; border-radius:5px;}

.case .container .more a:hover{ background:#fff; color:#20b4d4; transition:all linear .3s;}



/*link*/

.link{ overflow:hidden; padding:10px 0; border-top:1px solid #a0a0a0;}

.link_left{ font-size:18px; height:44px; line-height:44px;}

.link .txtMarquee-left{ position:relative;}

.link .txtMarquee-left .hd{ overflow:hidden;  height:30px; margin-top:3px;}

.link .txtMarquee-left .hd .prev,.txtMarquee-left .hd .next{ display:block;  width:18px; height:18px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; 			 cursor:pointer; background:url("../images/arrow_1.png") no-repeat;}

.link .txtMarquee-left .hd .next{ background-position:0 -44px;  }

.link .txtMarquee-left .bd{ padding:10px; }

.link .txtMarquee-left .bd .tempWrap{ width:100% !important;}/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */

.link .txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }

.link .txtMarquee-left .bd ul li{ margin-right:30px;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */

.link .txtMarquee-left .bd ul li a:hover{ text-decoration:underline;}


.fwcx{ margin-top:30px; padding-bottom:30px;}
.fwcx h2{ font-size:30px; text-align:center; line-height:45px; font-weight:normal; color:#333;}
.fwcx .cx_box{ width:490px; margin-left:auto; margin-right:auto; margin-top:25px;}
.fwcx .cx_box span{ display:block; width:80px; font-size:16px; line-height:35px; text-align:right; float:left;}
.fwcx .cx_box .input1{ border:1px solid #ddd; width:310px; height:35px; outline:none;line-height:35px; font-size:14px; text-align:center; border-radius:10px; float:left;}
.fwcx .cx_box .sub1{ margin-left:10px;  width:90px; height:35px; line-height:35px; font-size:16px; text-align:center; border:0px; color:#fff; background-color:#333333; border-radius:10px; float:left;outline:none; 
}
.fwcx .cx_jg{ font-size:14px; margin-top:15px; line-height:30px; color:#ff0000; text-align:center;}

@media all and (max-width:768px){

.fwcx .cx_box{ width:96%; margin-top:15px;}
.fwcx .cx_box span{ width:30%;}
.fwcx .cx_box .input1{ width:65%; float:right;}
.fwcx .cx_box .sub1{ clear:both; margin-left:10px; clear:both;  width:50%;float:none; margin-top:15px;outline:none;margin-left:auto; margin-right:auto; display:block;}


	.newsC{ display:none;}

	.product_class_img img{ width:90%;}

	.product_list_first{ display:none; }

	.tab_box,.product_content,.product_list{ max-height:none;}

	.product_content{ height:auto;}

	.product_content .c3{ width:50%;}

	.product_list_end{ width:100% !important;}

	.product_line{ max-width:none; width:95%; float:left;}

	.product_list_end .product_line{ width:47.55%;}

	.info_left{ width:100%;}

	.info_right { display:none;}

	.info_content .c11{ width:100%;}

	.case .c6{ display:none;}

	.case .c3{ width:50%;}

	.case .container .c3 img{ width:364px;}

}

@media all and (max-width:425px){

/*.slideBox{ height:300px;}

.slideBox .bd img{ height:300px;}*/

	.info_l_first .date{ width:90px; height:90px;}

	.info_l_first .date .date_d{ line-height:45px;}

	.info_l_first .info_text{ width:70%; height:90px;}

	.info_l_first .info_text p{ margin-top:10px;}

	.case .container .c3 img{ width:98%;}

	.case .container .more a{ width:120px; height:36px; line-height:36px;}

	.link_left{ width:20%; font-size:14px;}

	.link .txtMarquee-left{ width:80%;}

	.link .txtMarquee-left .bd{ width:80%;}

	.link .txtMarquee-left .hd{ width:20%;}

}