@charset "utf-8";
/* CSS Document */

/*banner*/
.banner{width:100%; background:#fafafa; position:relative; z-index:11;height:470px; max-width:1920px; margin:0 auto;}
.banner_box{ position:fixed;height:470px; width:100%; max-width:1920px; margin:0 auto;}
.banner_slides{ position:relative; overflow:hidden; width:100%; margin:auto; }
.banner_slides , .slides_container,.slides_control ,.banner_pic{ display:block;height:470px;}
.slidesjs-slide{width:100%;height:100%;}
.banner_slides li a{ display:block;}
.banner_pic{display:block; width:100%; height:100%;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.3);}
.banner .slides_btn:hover{ background-color:#fda102;}

.btn_previous{ left:-50px; background:url(pre02.png) center center no-repeat;  border-radius:5px 0 0 5px;}
.btn_next{ right:-50px; background:url(next02.png) center center no-repeat; border-radius:0px 5px 5px 0px;}
.banner:hover .btn_previous{left:4%;}
.banner:hover .btn_next{right:4%;}

.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:#e40011;color:#fff;}

/*banner end*/

.indexMain{position:relative; z-index:100; background-color:#fff; }




/*产品分类*/
.indexTypes{padding:20px 0;}
.indexTypes ul{height:180px;background:#4b95d2 url(20000029981.jpg) center center no-repeat; overflow:hidden;}
.indexTypes ul li{position:relative;float:left;width:260px;overflow:hidden;height:180px;overflow:hidden;transition:none;}
.indexTypes ul li:hover{cursor:pointer;}
.indexTypes ul li.currnet{width:520px;}
.indexTypes ul li .title23{width:260px;font-size:18px;color: #fff;font-family:"微软雅黑";height:180px; float:left;}
.indexTypes ul li .title23 a{color:#fff; width:260px; height:100%;display:block; text-align:center;}
.indexTypes ul li .title23 .img{ display: block; height:70px; margin-top:35px;}
.indexTypes ul li .title23 .spanT{ display:block; padding-top:10px;}
.indexTypes ul li.current .title23{ background:#E40011;}
.indexTypes ul li .con{position:absolute; top:0; width:260px; left:260px;overflow:hidden;height:180px;overflow:hidden; }
.indexTypes ul li .con ul{padding-top:12px;}
.indexTypes ul li .con ul li{float:none;height:auto;width:auto;}
.indexTypes ul li .con a{ display:block; width:260px; height:180px;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}
.indexTypes ul .lin_1001 .title23 .img{background:url(class01.png) no-repeat center center; }
.indexTypes ul .lin_1002 .title23 .img{background:url(class02.png) no-repeat center center; }
.indexTypes ul .lin_1003 .title23 .img{background:url(class03.png) no-repeat center center; }
.indexTypes ul .lin_1004 .title23 .img{background:url(class04.png) no-repeat center center; }


/**/
.index_product{ position:relative; z-index:10; background:#fff; }
.index_product .product{ background-color:#f1f1f1; padding:45px 0 0 0;}
.prdListBox{ padding:20px 0 50px 0; background:#fff url(probg.png) bottom center no-repeat; margin-top:15px; position:relative;}
.prdListBox .top_m{ display:block; width:120px; height:40px; position:absolute; top:-10px; left:50%; margin-left:-60px; background:url(pro_top.jpg) top center no-repeat;}
.indexMain .productList{ overflow:hidden; width:1300px;height:950px; position:relative;}
.indexMain .product_title{}
.indexMain .productList ul{ overflow:hidden;height:auto; width:1320px;}
.indexMain .productList ul li{width:304px; border:3px solid #ebebeb; float:left; margin:0 20px 10px 0px;  background:#fff;  -moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;} 
.indexMain .productList ul li .boxa{ width:100%;  display:block; cursor:pointer;}
.indexMain .productList ul li .boxa .spanImg{ display:block; overflow:hidden;width:100%; height:304px; 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:block; width:100%;height:100%; position: absolute; background: rgba(0,0,0,0.5); overflow: hidden; left: 0; top: -100%; z-index: 5; -moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s; transition:all 0.4s; }
.indexMain .productList ul li .boxa .spanImg .aB .em1{ display:block; width:100%; height:90px;background:url(chakan.png) center center no-repeat; margin-top:90px;}
.indexMain .productList ul li .boxa .spanImg .aB .em2{ display:none; text-align:center; color:#fff; font-size:22px; padding-top:10px;}
.indexMain .productList ul li .boxa:hover .spanImg .aB{top:0 }
.indexMain .productList ul li .boxa .spanImg .chakan{ display:block; width:80%; position:absolute; z-index:10; left:10%;bottom:-46px; background:#2495e4; color:#fff; font-size:14px; text-align:center;-moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; height:46px; line-height:46px; }
.indexMain .productList ul li:hover .boxa .spanImg .chakan{ bottom:0;}
.indexMain .productList ul li .title{ padding:8px 20px 5px 20px;}

.indexMain .productList ul li .spanT{ display: block; width:100%; z-index:10; height:40px; line-height:40px;  margin:auto; text-align:left;color:#333; background-color:#fff; font-size:16px; position:relative;  }
.indexMain .productList ul li .spanT span{overflow:hidden;white-space: nowrap;text-overflow: ellipsis; display:block; width:200px;}
.indexMain .productList ul li .spanT .jt{ display:block; position:absolute; right:0;top:0; width:25px; height:40px; background:url(jt.png) center center no-repeat;}
.indexMain .productList ul li .btm{ padding:0 20px 15px 20px;}
.indexMain .productList ul li .btm .span1{ display:block; color:#b7b7b7; font-size:13px; height:30px; line-height:30px; padding-left:25px; background:url(time.png) left center no-repeat;}
.indexMain .productList ul li .btm .span2{ display:block; color:#b7b7b7; font-size:13px; height:30px; line-height:30px; padding-left:25px; background:url(view.png) left center no-repeat;}

.indexMain .productList ul li:hover{box-shadow: 0px 10px 20px #e8ecf1; }
.indexMain .productList ul li:hover .spanT{ color:#e0222c;}
.pro_more{ width:610px; margin:auto; position:relative; background-color:#ffb200; height:60px; margin-top:40px;}
.pro_more .m_bg{ position:absolute; z-index:1; left:0; top:0; height:100%; width:0;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; background:#e40011;}
.pro_more .tel{ height:54px; margin:3px; background-color:#fff; line-height:54px; padding:0 40px; position:relative; z-index:10;}
.pro_more .tel span{ display:block;color:#e40011; font-weight:700; }
.pro_more .tel .span1{ font-size:28px;}
.pro_more .tel .span2{ display:block; font-size:35px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
.pro_more a{ display:block; line-height:60px; color:#fff; width:165px; text-align:center; float:right;position:relative; z-index:10;}
.pro_more:hover .m_bg{ width:100%;}


/*合作伙伴*/
.hzhb{ padding:10px 0 30px 0; position:relative; overflow:hidden;}
.hzhb .box{ width:9999px; position:relative; z-index:10;}
.hzhb .box ul{ float:left;}
.hzhb .box ul li{ float:left; border:1px solid #ebebeb; width:210px; margin-right:15px; height:90px; background-color:#fff;background-position:center center; -webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.hzhb .box ul li:hover{transform: translate3D(0,-10px,0);-webkit-transform: translate3D(0,-10px,0);}

/*切换*/
.slideTxtBox{ padding:45px 0; background-color:#f0f0f0; overflow:hidden;}
.gslm_list{width:440px;height:480px;}
.gslm_list li{width:100%;height:160px;float:left;background: url(gslm_pic1.jpg) top center;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.gslm_list li.on{background: url(gslm_pic2.jpg) top center;}
.gslm_list li:hover{background: url(gslm_pic2.jpg) top center;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.gslm_list li a{width:100%;height:160px;float:left;display: block;overflow: hidden;text-overflow:ellipsis;}
.gslm_list li a i{width:64px;height:68px;float:left;display: block;margin-left: 42px;margin-top: 48px;background: url(lm1.png) no-repeat center center;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.gslm_list li a i.gsjjicon{background-position: 0px 0px;}
.gslm_list li a i.gsryicon{background-position: -64px 0px;}
.gslm_list li a i.ycspicon{background-position: -128px 0px;}
.gslm_list li:hover a i.gsjjicon{background-position: 0px -68px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.gslm_list li:hover a i.gsryicon{background-position: -64px -68px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.gslm_list li:hover a i.ycspicon{background-position: -128px -68px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.gslm_list li.on a i.gsjjicon{background-position: 0px -68px;}
.gslm_list li.on a i.gsryicon{background-position: -64px -68px;}
.gslm_list li.on a i.ycspicon{background-position: -128px -68px;}
.gslm_list li a .content2{width:260px;height:110px;float:left;margin-top: 12px;margin-left: 44px;}
.gslm_list li a .content2 .tith2{width:100%;height:62px;float:left;line-height: 62px;color: #0b4c84;font-size: 18px;text-align: left;font-weight: bold;overflow: hidden;text-overflow:ellipsis;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.gslm_list li a .content2 .note{width:100%;height:56px;float:left;line-height: 28px;font-size: 13px;color: #0b4c84;overflow: hidden;text-overflow:ellipsis;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.gslm_list li:hover a .content2 .tith2{color: #fff;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.gslm_list li:hover a .content2 .note{color: #fff;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.gslm_list li.on a .content2 .tith2{color: #fff;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.gslm_list li.on a .content2 .note{color: #fff;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.gslm_arc{width:780px;height:440px; background:#fff; padding:15px 40px ;}
.gslm_arc .tith1{width:100%;height:45px;line-height: 45px;color: #0b4c84;font-size: 22px;font-weight: bold;}
.gslm_arc .pic{width:100%;height:330px;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}
.gslm_arc .pic img{width:100%;height:300px;}
.gslm_arc .note{width:100%;line-height:25px;color: #333;font-size:14px;margin-top: 15px;overflow: hidden;text-overflow:ellipsis;}
.slideTxtBox .bd{ height:480px; background-color:#fff;}




/*关于我们*/
.about{ background:#0074bf url(aboutbg.jpg) bottom center no-repeat; padding:40px 0 50px 0; overflow:hidden;}
.about .about_title{ height:50px; line-height:30px; position:relative; }
.about .about_title .b1{ position:absolute; z-index:1; left:0; bottom:0; width:80px; border-bottom:2px solid #333;}
.about .about_title .t1{color:#3883e1; font-size:37px; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;}
.about .about_title .t2{ color:#2563d0; padding:0 10px; font-size:20px; display:none;}
.about .about_title .t3{ color:#3883e1; font-size:15px; line-height:43px;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; padding-left:20px; display:none;}
.about .about_title .more{float:right;width:57px;height:23px;margin-top:20px;display:block;border-bottom:1px solid #999999;overflow:hidden;position:relative;}
.about .about_title .more .more_gt{width:5px;height:11px;background:url(more-ico.png) no-repeat center center;position:absolute;right:0px;top:5px;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;}
.about .about_title .more:hover{border-color:#2364D1;}
.about .about_title .more:hover .more_gt{right:51px;background:url(more_blue.png) no-repeat center center;}
.about .about_title .more:hover span{color:#2364D1;padding-left:15px;padding-right:0;}
.about .about_title .more>span{font-size:14px;color:#666666;padding-right:15px;line-height:23px;float:right;display:block;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;}

.about .div1{ font-size:14px; color:#c8c8c8; padding-top:20px; }
.about .about_right{ width:660px; padding-top:30px; overflow:hidden;}
.about .about_right .img{ width:400px; height:300px; position:relative; background:rgba(255,255,255,0.3);}
.about .aboutBox{/*box-shadow: 0px 0px 10px #999;*/background:rgba(255,255,255,0.2); padding:25px 0;}
.about .aboutBox .box{ line-height:40px; font-size:15px; color:#f1f1f1;height:280px;  overflow:hidden; width:580px; margin:auto;}
.about .about_right .m{ padding-top:20px; width:760px;}
.about .about_right .m a{ display:block; float:left; margin-right:60px; height:70px; line-height:70px; width:300px; text-align:center; color:#fff; font-size:18px; background-color:#3883e1; position:relative;}
.about .about_right .m a span{ display:inline-block; position: relative; z-index:10;}
.about .about_right .m a span.span1{ padding-left:40px;}
.about .about_right .m a span.span2{ padding-right:50px; background:url(play.png) right center no-repeat;}
.about .about_right .m a.a1{}
.about .about_right .m a.a1 span.span1{ background:url(qieye.png) left center no-repeat;}
.about .about_right .m a.a2 span.span1{ background:url(jiangbei.png) left center no-repeat;}
.about .about_right .m a::after,.about .about_right .m a::before{ display:block; content:""; position:absolute; left:0; height:0; width:100%; z-index:1;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear; background-color:#ffb200;}
.about .about_right .m a::after{ top:50%;}
.about .about_right .m a::before{ bottom:50%;}
.about .about_right .m a:hover::after,.about .about_right .m a:hover::before{ height:50%;}

.about .about_left{ padding-top:30px;}
.about .about_left ul{ width:588px; border-left:1px solid rgba(170,170,170,.5);border-top:1px solid rgba(170,170,170,.5);}
.about .about_left ul li{ float:left; border:1px solid rgba(170,170,170,.5);width: 294px;height: 210px; box-sizing:border-box; border-left:0; border-top:0;}
.about .about_left ul li a{ display:block; position:relative; width:100%; height:100%;}
.about .about_left ul li a::after{width: 294px; height: 215px;content: " ";padding: 0;position: absolute;top: 0;right: 0;border-radius: 0; z-index:1;transition: all .36s ease;}
.about .about_left ul li a:hover::after{background-color: #588df4;width: 100%;height: 100%;z-index: 1;padding: 10px;box-shadow: 0 4px 12px rgba(0,0,0,.39);top: -10px;right: -10px;transition: all .36s ease;border-radius: 4px;}
.about .about_left ul li .box{ width:190px; margin:auto; position:relative; z-index:10; padding-top:40px;}
.about .about_left ul li .box .div_1{ color:#fff; font-size:40px; font-weight:700; line-height:60px; height:60px; padding-left:60px; }
.about .about_left ul li .box .div_1 .span1{ color:#eee/*ffb200*/; font-size:18px; font-weight:normal; padding-left:10px;}
.about .about_left ul li .box .div_2{ position:relative; color:rgba(255,255,255,.62); padding-top:15px; margin-top:15px;}
.about .about_left ul li .box .div_2::after{ content:""; display:block;transition: all .7s ease; position:absolute; left:0; width:40px; top:0; border-top:1px solid rgba(255,255,255,.28);}
.about .about_left ul li:hover .box .div_2::after{ width:100%;}
.about .about_left ul li.li1 .box .div_1{background:url(about_01.png) left center no-repeat;}
.about .about_left ul li.li2 .box .div_1{background:url(about_02.png) left center no-repeat;}
.about .about_left ul li.li3 .box .div_1{background:url(about_03.png) left center no-repeat;}
.about .about_left ul li.li4 .box .div_1{background:url(about_04.png) left center no-repeat;}




/*优势产品分类*/
.ys_class{ padding:60px 0; background:#fff url(classbg.png) center center no-repeat; overflow:hidden;}
.ys_class>.w1300{ overflow:hidden;}
.ys_class ul{ width:1320px;}
.ys_class ul li{ float:left; width:310px; margin-right:20px;}
.ys_class ul li a{ display:block;}
.ys_class ul li .name{ width:100%; height:55px; line-height:55px; text-align:center;background: #ffb200; font-size:24px; color:#fff;}
.ys_class ul li .img{ width:100%; height:440px;background-position:center center; -webkit-background-size: cover; -moz-background-size: cover;   -o-background-size: cover;  background-size:cover; margin-top:2px;}
.ys_class ul li .btm{ height:120px; width:100%; background:url(xzms.png) top center no-repeat; text-align:center; color:#fff; position:relative;}
.ys_class ul li .btm .box{ color:#bbb; padding-top:18px; letter-spacing:3px;}
.ys_class ul li .btm .btm_logo{ height:50px; width:50px; position:absolute; bottom:20px; left:50%; margin-left:-25px; background:url(class_logo.png) center center no-repeat;filter: alpha(Opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.ys_class ul li a:hover{transform: translate3D(0,-10px,0);-webkit-transform: translate3D(0,-10px,0);}

/*优势*/
.ys{  padding:40px 0 60px 0; background:#fff;overflow:hidden;}
.ys .yst{ height:250px; background:url(yst.jpg) bottom center no-repeat; text-align:center;}
.ys .yst .div1{ text-align:center; color:#0301cf; font-size:22px; font-weight:700; padding-top:190px;}
.ys .yst .div2{ color:#b7b7b7; font-size:13px;}
.ys .yst2{ text-align:center; font-size:15px; color:#333;line-height:30px;}
.ys .ys_ul{ margin:100px auto 70px auto; position:relative; height:510px; background:url(ysbg.png) center center no-repeat; }
.ys .ys_ul .yuan{ width:300px; height:300px; position:absolute; top:50%; margin-top:-150px; left:50%; margin-left:-150px; border-radius:100%;background-position:center center; -webkit-background-size: cover; -moz-background-size: cover;   -o-background-size: cover;  background-size:cover; background-color:#f4f4f4;}
.ys .ys_ul li{ position:absolute; z-index:10;}
.ys .ys_ul li .nr{ width:400px;}
.ys .ys_ul li .nr .box{}
.ys .ys_ul li .nr .box .div1{ font-size:25px; font-weight:700; color:#1579c6;}
.ys .ys_ul li .nr .box .div2{ font-size:17px; color:#333; line-height:35px; padding-top:15px;}
.ys .ys_ul li .nr .box .div2 p{ padding-left:33px; background:url(wujiaoxing.png) left center no-repeat;}

.ys .ys_ul li.lin1{ left:0; top:0; width:670px; background:url(youshi_bg01.png) left top no-repeat; height:221px;}
.ys .ys_ul li.lin2{ right:0; top:0; width:395px; height:221px; border-top:1px solid #ccc;}
.ys .ys_ul li.lin3{ left:0; bottom:0; width:395px;  border-bottom:1px solid #ccc;}
.ys .ys_ul li.lin4{ right:0; bottom:0; width:670px; background:url(youshi_bg04.png) left top no-repeat; height:221px;}

.ys .ys_ul li.lin1 .nr{ margin-left:30px; margin-top:30px;}
.ys .ys_ul li.lin2 .nr{ margin-left:20px; margin-top:20px; width:375px;}
.ys .ys_ul li.lin2 .nr .box .div2{ padding-top:15px;}
.ys .ys_ul li.lin2 .nr .img{ width:455px; margin-left:-80px; height:95px; background:#f4f4f4 url(ys_img01.jpg) center center no-repeat; overflow:hidden; margin-top:5px;}
.ys .ys_ul li.lin3 .nr{ margin-bottom:20px; width:455px;}
.ys .ys_ul li.lin3 .nr .img{ width:455px; height:95px; background:#f4f4f4 url(ys_img01.jpg) center center no-repeat; overflow:hidden; margin-top:10px;}
.ys .ys_ul li.lin3 .nr .box .div2 p{ line-height:25px; width:330px;}
.ys .ys_ul li.lin4 .nr{margin-top:30px; width:375px;}
.ys .ys_ul li.lin4 .nr .box .div2{}

/*广告*/
.guanggao{ height:200px; width:100%; background:url(ggt.jpg) center center no-repeat;}

/*新闻*/
.indexNews{ padding:50px 0; background:#fff; overflow:hidden;}
.indexNews .news_title{ height:50px; line-height:50px;}
.indexNews .news_title .div_t{ color:#0b62cb; font-size:28px; font-weight:700;}
.indexNews .news_title .div_t2{ color:#bbb; font-size:15px; padding-left:15px;}
.indexNews .news_title a{ display:inline-block; height:32px; line-height:32px; padding: 0 20px; color:#666; font-size:14px; margin-left:10px; margin-top:9px;}
.indexNews .news_title a.active,.indexNews .news_title a:hover{ background-color:#03439b; color:#fff;}

.indexNews .newsBox{ padding:50px 0 15px 0; overflow:hidden;}
.indexNews .newsBox .news_list{ width:1320px;}
.indexNews .newsBox .news_list li{ float:left; margin-right:20px; width:244px;  background-color:#fff;}
.indexNews .newsBox .news_list li a{ display:block;position:relative; width:100%;}
.indexNews .newsBox .news_list li .b{ position:absolute; z-index:1; left:0; top:102px; height:255px; width:242px; border:1px solid #ddd; border-radius:5px;}
.indexNews .newsBox .news_list li .img{ height:163px; width:100%;overflow:hidden; position:relative; z-index:10;}
.indexNews .newsBox .news_list li .img .div1{ width:163px; height:163px; border-radius:100%; overflow:hidden;background-position:center center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; margin:auto;}
.indexNews .newsBox .news_list li .img .div2{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(wit_bg1.png) center center no-repeat;}
.indexNews .newsBox .news_list li .nr{ position:relative; z-index:10;}
.indexNews .newsBox .news_list li .nr .div1{ width:200px; margin:auto; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; color:#000; font-size:15px; padding-top:15px;}
.indexNews .newsBox .news_list li .nr .desc{ width:200px; line-height:22px; color:#999; font-size:13px; margin:auto; margin-top:10px; height:110px; overflow:hidden;}
.indexNews .newsBox .news_list li .nr .time{ width:130px; margin:auto; background-color:#0b62cb; line-height:35px; font-size:13px; color:#fff; text-align:center; border-radius:5px; margin-top:20px;}
.indexNews .newsBox .news_list li a:hover{transform: translate3D(0,-20px,0);-webkit-transform: translate3D(0,-20px,0);}
.indexNews .newsBox .news_list li a:hover .nr .time{ background-color:#e40011;}
.indexNews .newsBox .news_list li a:hover .img .div2{background:url(wit_bg2.png) center center no-repeat;}

/*.indexNews .newsBox ul{ width:1350px; margin:auto;}
.indexNews .newsBox ul li{ background-color:#f9f9f9; float:left; width:625px;  margin:20px 50px auto auto; box-sizing:border-box; padding:20px;transition:all .3s linear; position:relative; border:1px solid #ebebeb;}
.indexNews .newsBox ul li .box{ position:relative; overflow:hidden;}
.indexNews .newsBox ul li a{ display:block; margin:auto;}
.indexNews .newsBox ul li a .img{}
.indexNews .newsBox ul li a .nr{ width:360px; margin-left:20px;}
.indexNews .newsBox ul li a .nr .div1{ color:#000; font-size:16px; font-weight:700; padding-top:5px;}
.indexNews .newsBox ul li a .nr .desc{ height:44px; line-height:22px; color:#b7b7b7; font-size:13px; overflow:hidden; margin-top:5px;}
.indexNews .newsBox ul li a .nr .time{ color:#666; font-size:13px; margin-top:5px;}
.indexNews .newsBox ul li .b{ position:absolute; top:0; left:0; height:0; width:0; border-bottom:1px solid #0074bf;transition: all .3s linear;}
.indexNews .newsBox ul li:hover{transform: translate3D(0,-6px,0);-webkit-transform: translate3D(0,-6px,0); box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.indexNews .newsBox ul li:hover .b{ width:100%;}*/
/*.indexNews .newsBox .news_list{ width:920px; padding-top:10px;}
.indexNews .newsBox li{  border-bottom:1px dashed #ddd; height:116px; padding:10px 0;transition:all .3s linear; position:relative; position:relative;}
.indexNews .newsBox li .bg{ position: absolute; left:0; bottom:0; width:100%;transition:all .3s linear; height:0; background-color:#f4f4f4;}
.indexNews .newsBox li .img{ display:block; width:200px; height:116px; position:relative;
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;position:relative; z-index:10;}
.indexNews .newsBox li .titleBox{ display:block; width:720px; height:116px; position:relative; z-index:10;}
.indexNews .newsBox li .titleBox .left{ width:660px; position: relative; left:0; padding-left:20px;-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.indexNews .newsBox li .titleBox .t1{ padding-top:12px;}
.indexNews .newsBox li .titleBox .title{ overflow:hidden;white-space: nowrap;text-overflow: ellipsis; width:400px;   font-size: 16px; color: #333; line-height:25px;}
.indexNews .newsBox li .titleBox .title span{ color:#ffb200;}
.indexNews .newsBox li .titleBox .desc{ color:#999; font-size:13px; line-height:22px; height:22px; overflow:hidden; margin-top:5px;}
.indexNews .newsBox li .titleBox .t2{ line-height:25px; padding-top:15px;}
.indexNews .newsBox li .time{ font-size:13px;color:#999; padding-left:25px; background:url(time.png) left center no-repeat;}
.indexNews .newsBox li .view{ font-size:13px;color:#999; padding-left:25px; background:url(view.png) left center no-repeat;}
.indexNews .newsBox li:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.indexNews .newsBox li:hover .bg{ height:100%;}
*/
/*case*/
.cases{position:relative; padding:40px 0;}
.cases .caseList{  overflow:hidden;position:relative; z-index:10; margin-top:35px;}
.cases .caseList ul{}
.cases .caseList li{float:left;margin-right:20px; width:350px; background:#f4f4f4;}
.cases .caseList li a.imga{display:block; position:relative; width:100%; height:250px; overflow:hidden;background-position:top center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; }
.cases .caseList li .aT{ display:block; color:#3883e1; text-align:center;overflow:hidden; white-space: nowrap;text-overflow: ellipsis; text-align:center; font-size:17px; line-height:60px; position:relative;}
.cases .caseList li .aT span{ position:relative; z-index:10;}
.cases .caseList li .aT em{ display:block; position:absolute; z-index:1;bottom:0; left:0; width:100%; height:0; -moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; background-color:#0074bf;}
.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;}
.cases .more{ display:block; width:750px; background:url(con5more.png) center center no-repeat; height:60px; margin:auto; margin-top:30px;}
.cases .caseList li a.imga .aB{display:block; width:100%;height:100%; position: absolute; background: rgba(0,116,191,0.5); overflow: hidden; left: 0; top: -100%; z-index: 5; -moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; }
.cases .caseList li a.imga .aB em{ display:block; width:100%; height:100%;background:url(chakan.png) center center no-repeat;}
.cases .caseList li:hover a.imga .aB{ top:0;}
.cases .caseList li:hover .aT em{ height:100%; }
.cases .caseList li:hover .aT{ color:#fff;}

/*视频*/
.index_video{ padding:40px 0;}
.index_video>.w1300{ overflow:hidden;}
.index_video ul{ width:1333px; padding:0px 0 15px 0;}
.index_video ul li{ float:left; width:409px; margin:20px 33px auto auto; padding:20px 0; background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1); border:1px solid #f1f1f1;}
.index_video ul li a{ display:block; width:369px; margin:auto;}
.index_video ul li .title{display:block; color:#000; font-size:15px;}
.index_video ul li .img{ display:block; width:100%; height:210px; position:relative;background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; margin:10px 0;}
.index_video ul li .img .bg{ position:absolute; left:0;top:0; width:100%; height:100%; background:rgba(0,0,0,0.4) url(video.png) center center no-repeat; display:block;-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.index_video ul li .time{ font-size:13px;color:#999; padding-left:25px; background:url(time.png) left center no-repeat;}
.index_video ul li .view{ font-size:13px;color:#999; padding-left:25px; background:url(view.png) left center no-repeat;}
.index_video ul li:hover .img .bg{ background:rgba(0,0,0,0.6) url(video.png) center center no-repeat; }

/*地图*/
.dt{ width:100%; position:relative; z-index:10; border-top:5px solid #e40011;}
.dt .dtBox{ height:600px; width: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;}


/*底部*/
.foot-services{overflow:hidden;background:#f0f0f0}
.foot-services ul{overflow:hidden;margin:0 auto;padding:36px 0;}
.foot-services ul li{ float:left;border-right:1px dashed #d3d3d3; box-sizing:border-box; width:20%; text-align:center;}
.foot-services ul li:last-child(){ border:0;}
.foot-services ul li a{display:block}
.foot-services ul li a .img{ width:60px; height:60px;background: url(toggle.gif);margin: auto;}
.foot-services ul li a .title{font-size: 16px;font-weight: bold;color: #000; margin-top:5px;}
.foot-services ul li a .desc{font-family: "宋体";font-size: 12px;line-height: 22px;color: #666; width:60%; margin:auto; height:44px; overflow:hidden; margin-top:5px;}
.foot-services ul li.lin_1 a .img{background-position:-60px -0px;}
.foot-services ul li.lin_1 a:hover .img{background-position:-60px -159px;}
.foot-services ul li.lin_2 a .img{background-position:-310px -0px;}
.foot-services ul li.lin_2 a:hover .img{background-position:-310px -160px;}
.foot-services ul li.lin_3 a .img{background-position:-565px 4px;}
.foot-services ul li.lin_3 a:hover .img{background-position:-565px -156px;}
.foot-services ul li.lin_4 a .img{background-position:-819px 4px;}
.foot-services ul li.lin_4 a:hover .img{background-position:-819px -156px;}
.foot-services ul li.lin_5 a .img{background-position:-1081px 1px;}
.foot-services ul li.lin_5 a:hover .img{background-position:-1081px -159px;}
