@charset "utf-8";
/* CSS Document */



/*banner*/
.banner{width:100%;  position:relative;background-color:#fff; z-index:10;  overflow:hidden;}
.banner_slides{position:relative; overflow:hidden; width:100%; margin:auto; margin-left:auto; margin-right:auto; max-width:100%; min-width:1200px;}
.banner_slides , .slides_container , .slides_control ,.banner_pic{height:600px;}
.banner_slides li.slidesjs-slide{ width:100%; height:600px;}
.banner_slides li a{}
.banner_pic{display:block; width:100%; height:600px;background-size:cover !important; }
.slides_btn{position:absolute; z-index:999;display:block;width:50px;height:80px;margin-top:-40px;top:50%;overflow: hidden;text-indent:-9999px; background-color:rgba(0,0,0,0.1);-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.banner:hover .slides_btn{background-color:rgba(0,0,0,0.5);}
.banner .slides_btn:hover{ background-color:#fda102;}

.btn_previous{ left:-50px; background:url(../images/pre02.png) center center no-repeat; }
.btn_next{ right:-50px; background:url(../images/next02.png) center center no-repeat;}
.banner:hover .btn_previous{left:2%;}
.banner:hover .btn_next{right:2%;}
	
.slides_pagination{ width:390px;height:8px;bottom:20px; right:50%; margin-right:-195px; position:absolute;z-index:100; text-align:center; }
.slides_pagination li{margin: 0 5px;display:inline-block; width:120px;+float:left;}
.slides_pagination li a{display:inline-block; *display:inline;zoom:1;overflow:hidden;width:100%;height:3px;background:#fff;color:#666;}
.slides_pagination li a.active,.slides_pagination li a:hover.active,.slides_pagination li a:hover{background:#e1001a;color:#fff;}
/*banner end*/


.gg{width:100%; min-width:1200px; position:relative; z-index:10; background-color:#fff/*f0c501*/; padding:7px 0; overflow:hidden;}
.gg .ggTp{ overflow:hidden; width:110px;float:left;color:#444;font-size:15px; font-weight:700; height:63px;line-height:65px; padding-left:28px; background:url(../images/hot.png) left center no-repeat; }
.gg .ggNr{ width:550px; overflow:hidden; font-size:14px;white-space:nowrap;line-height:65px;}
.gg .ggNr span{ display:inline-block; min-width:100%; color:#444; }
.gg .ggNr span a{ display:inline-block; margin-right:20px; font-size:14px; color:#666; }
.gg .ggNr span a:hover{ text-decoration:underline; color:#cc0000;}
.searchBox{ position:relative; width:430px; height:41px; background-color:#f4f4f4; margin-top:12px;}
.searchBox .search_input{ display:block; float:left; height:41px; line-height:40px; width:300px; border:0; background:none; font-family:"Microsoft YaHei"; font-size:14px; text-indent:0.5rem; padding-left:20px; background:url(../images/ssdh.png) left center no-repeat; margin-left:13px;}
.searchBox .search_btn{ display:block; float:right;width:105px; height:41px; background:#424242 url(../images/ss.png) center center no-repeat; border:0; cursor:pointer;}
.searchBox .search_btn:hover{ background-color:#fda102;}

.baseTitle{ height:60px; background:url(../images/product_t.png) left center no-repeat; border-bottom:2px solid #c20307;}
.baseTitle .span0{ display:block; width:230px; line-height:60px; color:#fff; font-size:27px; font-weight:700; text-align:center;}
.baseTitle .span1{ width:705px; height:60px; background:url(../images/biaoyu.png) center center no-repeat; margin-left:30px;}
.baseTitle .span2{line-height:32px;display:block; font-size:15px; color:#999; padding-left:15px;}
.baseTitle .baseMore{ margin-top:12px; width:130px; height:35px; display:block; background:url(../images/m.png) left center no-repeat; line-height:35px; text-align:center; font-size:13px; color:#fff; }
.baseTitle .baseMore:hover{text-decoration:underline;}



/**/
.indexMain{position:relative; padding:0 0 40px 0; background:#fff url(../images/contact_bk.jpg) center bottom no-repeat; }

.product_top{ background:url(../images/ab_1hkf.jpg) top center no-repeat; padding:35px 0 35px 0; position:relative;}
.product_top .bg{ position:absolute; z-index:2; width:100%; height:100%;top:0; left:0; overflow:hidden; background-color:rgba(255,255,255,0.3); }
.product_top .star{ position:absolute; z-index:1; width:100%; height:100%;top:0; left:0; overflow:hidden; }
.product_top .star canvas{ display:inline-block; width:100%; height:100%;}
.indexMain .product{ position:relative; z-index:10;}
.indexMain .product_t{ text-align:center; position:relative; z-index:10; }
.indexMain .product_t .div1{font-size:18px; padding:10px 0 5px 0;}
.indexMain .product_t .div1 .span1{ color:#0f6ad0;}
.indexMain .product_t .div1 .span2{ color:#000; }
.indexMain .product_t .div2{ font-size:14px; color:#b5e0fc; padding-top:8px;}
.indexMain .product_t .div3{ text-align: center; height:35px; line-height:35px; position:relative;}
.indexMain .product_t .div3 .span1{ display:inline-block; color:#fff; font-size:33px; font-weight:700; padding:0 30px; background-color:#0873b9;position:relative; z-index:10;}
.indexMain .product_t .div3 .span2{ position:absolute; z-index:1; left:25%; top:50%; width:50%; border-top:1px solid #025c97;}

.proTitle{margin-top:20px; position:relative; z-index:10;}
.proTitle .pclass{ margin:0 auto; display:table;}
.proTitle .pclass li{ float:left; width:232px; margin-right:10px; padding:5px 0;}
.proTitle .pclass li a{ display:block;height:55px; text-align:center; line-height:55px; font-size:16px; font-weight:700;color:#2c78cc;background:#fff;}
.proTitle .pclass li a span{ display:inline-block;}
.proTitle .pclass li a:hover{ background-color:#fda102; color:#fff;}
.proTitle .lxwm_t{ height:90px; background:url(../images/lxt.jpg) center center no-repeat; border:2px solid #c20307;}
.proTitle .lxwm{ padding:10px 0; line-height:20px; font-size:13px; color:#f9d3d4;background-color:#c20307;}
.proTitle .lxwm p{ padding:8px 15px; border-bottom:1px dashed #cd484a;}
.proTitle .lxwm p:last-child{ border:0;}
.prdListBox{}
.indexMain .productList{ overflow:hidden; width:1200px;height:752px; position:relative; margin-top:30px;}
.indexMain .productList ul{ overflow:hidden; width:1210px;height:948px;}
.indexMain .productList ul li{width:292px;overflow: hidden; float:left; margin:0 10px 10px 0; background-color:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1) } 
.indexMain .productList ul li .boxa{ border:1px solid #ebebeb; width:290px; display:block; cursor:pointer; position:relative;}
.indexMain .productList ul li .boxa .spanImg{ display:block; overflow:hidden;width:270px;height:200px; 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{width:100%;height:100%; position:absolute; overflow: hidden; left: 0; top: 0; z-index: 5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;  -moz-transition: all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
.indexMain .productList ul li .boxa .spanImg .aB .em1{ display:block; width:100%; text-align:center; height:40px; background:url(../images/logo_product.png) center center no-repeat; margin-top:60px;}
.indexMain .productList ul li .boxa .spanImg .aB .em2{ display:block; width:100%; text-align:center; height:40px; line-height:40px; color:#fff; font-size:18px;}
.indexMain .productList ul li .boxa .spanImg .ab_Left{ position:absolute; z-index: 1;left:0; width:0; height:100%; top:0; background: rgba(0,0,0,0.5); -moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.indexMain .productList ul li .boxa .spanImg .ab_Right{ position:absolute; z-index: 1;right:0; width:0; height:100%; top:0; background: rgba(0,0,0,0.5); -moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.indexMain .productList ul li .boxa .btm{  padding:0px 10px 10px 10px;}
.indexMain .productList ul li .boxa .spanT{ display:block; height:40px; line-height:40px; text-align:center; background-color:#f4f4f4;color:#000; font-size:14px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; position:relative; margin-bottom:4px;}
.indexMain .productList ul li .boxa .spanT em{ display:block; position:absolute;border-bottom:2px solid #ccc;bottom:0; left:0; width:0%;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.indexMain .productList ul li .boxa:hover .spanT em{ width:100%;}
.indexMain .productList ul li .boxa .btm .span1{ display:block; color:#b7b7b7; font-size:13px; height:30px; line-height:30px; padding-left:25px; background:url(../images/time.png) left center no-repeat;}
.indexMain .productList ul li .boxa .btm .span2{ display:block; color:#b7b7b7; font-size:13px; height:30px; line-height:30px; padding-left:25px; background:url(../images/view.png) left center no-repeat;}
.indexMain .productList ul li:hover{ /*background-color:#f7c433;*/}

.indexMain .productList ul li .boxa:hover .spanT{ color:#fff; background-color:#2c78cc;}
.indexMain .productList ul li .boxa:hover .spanImg .aB{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1; }
.indexMain .productList ul li .boxa:hover .spanImg .ab_Left{ width:50%;}
.indexMain .productList ul li .boxa:hover .spanImg .ab_Right{ width:50%;}
.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;}
/*end foot*/


/**/
.about{ padding:40px 0 50px 0; background:#fff url(../images/1505183489906.jpg) center bottom no-repeat; width:100%; overflow:hidden;}
.about .about_t{height:96px; background:url(../images/ny60.png) top center no-repeat;  margin:0px auto auto auto; text-align:center;}
.about .about_t .span1{ display:block;  font-size:33px; font-weight:700; color:#fff; line-height:60px;}
.about .about_t .span2{ display:block; color:#999; font-size:13px; text-align:center;text-transform:Uppercase; letter-spacing:1px; line-height:55px; height:36px; }
.about .about_t2{ margin:auto; height:0; width:470px; border-top:2px solid #ebebeb; margin-top:30px;} 
.about .indexaboutB{}
.about .textBox{word-break: normal;overflow:hidden; font-size:14px;line-height:35px; height:175px; width:100%;color:#666; margin:20px auto 25px auto; text-indent:2rem;}
.about .textBox p{word-break: normal;}
.about .aboutB{ width:690px; margin:auto; border-top:2px solid #bbb; border-bottom:1px solid #bbb; height:3px; display:none;}

.about .about_number{ border:1px solid #ebebeb; border-top:2px solid #2678c4; border-radius:5px; padding:40px 0; background-color:rgba(255,255,255,0.9)/*rgba(6,89,181,0.3)*/;}
.about .about_number li{ float:left; width:25%; text-align:center;}
.about .about_number li{}
.about .about_number li .div1{ background:url(../images/youshi_small_img.png) top center no-repeat; padding-top:18px; font-size:18px; color:#000;}
.about .about_number li .div2{ color:#aaa; font-size:12px;text-transform:Uppercase; line-height:15px;}
.about .about_number li .div3{ height:50px; line-height:50px; padding-top:20px;}
.about .about_number li .div3 .span1{ color:#fda102; font-size:60px; font-weight:700;}
.about .about_number li .div3 .span2{ color:#fda102; font-size:18px; font-weight:700;}

.about .about_btm{ margin-top:30px; display:none;}
.about .about_btm {}
.about .about_btm .img{width:395px; height:260px; overflow:hidden; position:relative;}
.about .about_btm .img img{ display:block; width:100%; height:100%;}
.about .about_btm .box{ margin-left:30px; width:310px; height:260px; color:#046bb4; position:relative; display:none;}
.about .about_btm .box .div1{ font-size:22px; padding-top:5px;}
.about .about_btm .box .div2{ font-size:40px; font-weight:700; line-height:50px; padding:5px 0 15px 0;}
.about .about_btm .box .div3{ font-weight:normal; color:#333;}
.about .about_btm .box .more{ position:absolute;  left:0px; bottom:10px; display:block; width:175px; height:50px; text-align:center; line-height:50px; background-color:#046bb4;color:#fff; font-size:18px; border-radius:55px;}

.about .about_class{ width:800px; height:260px; background-color:rgba(6,89,181,0.5)}
.about .about_class li{ float:left; width:20%;}
.about .about_class li a{ display:block; width:100%; height:260px; margin:auto; position:relative;}
.about .about_class li a:hover{ background-color:#046bb4;}
.about .about_class li a .span1{  display:block; width:116px; height:116px; border:2px solid #fff; margin:auto; border-radius:100%; overflow:hidden;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover; top:25px; position:relative;}
.about .about_class li:nth-child(2n) a .span1{top:115px;}
.about .about_class li a .span2{ display:block; font-size:13px; color:#333; text-align:center; line-height:40px; top:145px; left:0; width:100%; position:absolute;}
.about .about_class li:nth-child(2n) a .span2{ top:75px;}
.about .about_class li a:hover .span2{ color:#fff; text-decoration:underline;}
/*end*/



/**/
.guanggao{ height:200px; background:url(../images/guanggao.jpg) center center no-repeat; width:100%; overflow:hidden;}
.guanggao .div1{ padding-top:50px;}
.guanggao .div1 .span_l{ display:inline-block; font-size:25px; font-weight:700; color:#fff; height:35px; line-height:30px; padding:0 30px 0 55px; background:url(../images/ee5d2d9_xudy.png) left center no-repeat;}
.guanggao .div2{ width:740px; font-size:14px; color:#fff; line-height:25px; padding-top:20px;}
.guanggao .div3{ padding-top:9px; margin-top:9px; line-height:43px; border-top:1px dashed #aaa; display:none;}
.guanggao .div3 .span1{ color:#fff; font-size:22px;}
.guanggao .div3 .span2{ color:#fff; font-size:25px; font-weight:700;}
.guanggao .div3 .lxbtn{ display:block; width:140px; height:43px; line-height:43px; text-align:center; color:#fff; font-size:14px; background-color:#d8b40b;}
.guanggao .right_ewm{ padding-top:30px;}
.guanggao .right_ewm img{ display:block; height:140px; width:140px; float:right;}
.guanggao .right_ewm .fl{ line-height:30px; color:#fff; font-size:15px; padding-right:15px; padding-top:40px;}


/**/
.youshi{ padding:50px 0;}
.youshi .ysT{ text-align:center;}
.youshi .ysT .div1{ line-height:50px;}
.youshi .ysT .div1 .span1{ color:#000; font-size:34px; font-weight:700;}
.youshi .ysT .div1 .span2{ color:#e91f09; font-size:50px; font-weight:700;}
.youshi .ysT .div1 .span3{ color:#000; font-size:35px; font-weight:700; padding-left:15px;}
.youshi .ysT .div2{ font-size:14px; color:#999; padding:10px 0 15px 0;}
.youshi .ysT .div3{ border-bottom:1px solid #ddd; height:3px; position: relative;}
.youshi .ysT .div3 span{ display:block; position:absolute; bottom:0; left:50%; margin-left:-100px; width:200px; height:0; border-top:3px solid #e61e07;}
.youshi .youshi_box{ height:850px; background:url(../images/youshi.jpg) center center no-repeat;}

/**/
.indexNews{ padding:40px 0; background:#fff; overflow:hidden; }
.indexNews .newsBox{ width:580px; position:relative;}
.indexNews .newsBox .newsT{ line-height:60px; background-color:#2678c4; padding:0 20px;}
.indexNews .newsBox .newsT .div1{ color:#fff; font-size:25px; font-weight:700;}
.indexNews .newsBox .newsT .div2{ color:#b7b7b7; font-size:22px; padding-left:8px;}
.indexNews .newsBox .newsT .news_m{ display:block; color:#fff; font-size:13px;}
.indexNews .newsBox .newsT .news_m:hover{ text-decoration:underline;}
.indexNews .newsBox ul{ position:relative; z-index:10; padding-top:5px;}
.indexNews .newsBox ul li{ width:100%; border-bottom:1px dashed #ddd; padding:15px 0;}
.indexNews .newsBox ul li a{ display:block; height:30px;}
.indexNews .newsBox ul li .spanT{ display:block; height:30px; line-height:33px; font-size: 15px;color:#333; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:400px; padding-left:25px; background:url(../images/wjx.png) left center no-repeat; }
.indexNews .newsBox ul li  .span_time{ display:block; color:#b7b7b7; font-size:13px; line-height:30px;}
.indexNews .newsBox ul li .desc{ display:block;  font-size:13px; color:#999; padding:5px 0 0 0; height:22px; line-height:22px; overflow:hidden;}
.indexNews .newsBox ul li .spanDesc div{line-height: 20px; height:60px; overflow: hidden;}
.indexNews .newsBox ul li a:hover .spanT{ color:#e0222c; text-decoration:underline;}
.indexNews .newsBox ul li a:hover {}


.guanggao2{ height:101px; background:url(../images/gg2.jpg) center center no-repeat; margin-bottom:40px;}

/**/
.cases{ padding:60px 0 30px 0; background:#f4f4f4 url(../images/casesbg.jpg) top center no-repeat; overflow:hidden;}
.cases .cases_t{}
.cases .cases_t .span0{ display:block; text-align:center; height:50px; line-height:50px; color:#fff; font-size:30px; font-weight:700;}
.cases .caseList{ overflow:hidden; padding-top:20px;}
.cases .caseList ul{ width:1208px;}
.cases .caseList li{ float:left; width:292px; margin-right:10px;}
.cases .caseList li a.imga{display: block;width:290px; position:relative;overflow:hidden; border:1px solid #ddd; background-color:#fff;}
.cases .caseList li a.imga .spanImg{ display:block; width:280px; height:200px; margin:5px;background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;}
.cases .caseList li a.imga .spanImg .aB{width:100%;height:100%; position:absolute; overflow: hidden; left: 0; top: 0; z-index: 5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;  -moz-transition: all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
.cases .caseList li a.imga .spanImg .aB .em1{ display:block; width:100%; text-align:center; height:40px; background:url(../images/logo_product.png) center center no-repeat; margin-top:60px;}
.cases .caseList li a.imga .spanImg .aB .em2{ display:block; width:100%; text-align:center; height:40px; line-height:40px; color:#fff; font-size:18px;}
.cases .caseList li a.imga .spanImg .ab_Left{ position:absolute; z-index: 1;left:0; width:0; height:100%; top:0; background: rgba(0,0,0,0.5); -moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.cases .caseList li a.imga .spanImg .ab_Right{ position:absolute; z-index: 1;right:0; width:0; height:100%; top:0; background: rgba(0,0,0,0.5); -moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.cases .caseList li a.imga:hover .spanImg .aB{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1; }
.cases .caseList li a.imga:hover .spanImg .ab_Left{ width:50%;}
.cases .caseList li a.imga:hover .spanImg .ab_Right{ width:50%;}
.cases .caseList li .spanT{ display:block; text-align:center; height:40px; line-height:38px; font-size:14px; color:#333;}
.cases .caseList li a img{ width:100%; height:177px;}
.cases .caseList li .titleBox{ display:block; width:90%; line-height:40px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; text-align:center; margin:auto;}
.cases .caseList li .titleBox a.title{ color:#666; font-size:13px;}
.cases .caseList li .titleBox a:hover{ color:#5fa022;}
.cases .caseList li:hover a.title{ color:#5fa022;}
.cases .caseList .box{ width:9999px;}
.cases .caseList .box ul{ float:left;}

/**/
.index_lxwm{ position:relative; height:460px; border-bottom:1px solid #ddd; overflow:hidden;}
.index_lxwm .m{ display:block; padding:0 20px; background-color:#2678c4; color:#fff; font-size:13px; height:40px; line-height:40px; border-radius:3px; margin-top:20px;}
.index_lxwm .box{ position:relative; z-index:10;}
.index_lxwm .left_nav{ width:350px; background-color:#2678c4; height:460px; border-top:5px solid #fda102; position:absolute;bottom:0; right:50%; margin-right:250px; z-index:10;}
.index_lxwm .left_nav .t{ background:url(../images/lx04.jpg) left bottom repeat-x; height:78px; text-align:center; font-size:35px; color:#fff; line-height:67px;}
.index_lxwm .left_nav ul{ width:100%; margin:auto;}
.index_lxwm .left_nav ul li{ border-bottom:1px solid #015aac; padding:18px 20px; color:#c7d4f6; font-size:15px; line-height:22px;}
.index_lxwm .left_nav .ewm{ width:260px; margin:auto; padding-top:30px;}
.index_lxwm .left_nav .ewm img{ display:block; width:120px; height:120px;}
.index_lxwm .left_nav .ewm span{ display:block; color:#add7fe; font-size:13px; text-align:center; padding-top:5px;}

.index_lxwm .dt{ width:100%; height:380px; left:0; bottom:0; position:absolute; z-index:1; border-top:1px solid #ddd;}
.index_lxwm .dt .dtBox{ width:100%; height:100%;}
.iw_poi_content{ padding:8px 0; line-height:25px; color:#666; font-size:14px;}
.BMap_cpyCtrl.BMap_noprint,.anchorBL img{ display:none !important;}
.BMap_scaleCtrl{ left:15px !important;}