@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; font-size: 14px;}
img{ border:0;}
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.container{ width:1200px; margin: 0 auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}



@font-face {
    font-family: 'KRASIVYI';
    src: url('../font/KRASIVYI-SCOSF.OTF') format('woff');
    font-weight: normal;
    font-style: normal;
}







/* 导航栏 */
.header_top{width:100%; height:40px; line-height: 40px; background: #f2f2f2; }
.h_huanying{ height: auto; float: left; font-size: 14px; color: #777777; line-height: 40px;}
.header_nav_right{float: right}
.header_nav_right a{float: right; font-size: 14px; color: #777777; line-height:40px; }
.header_nav_right a.f_lx{background: url(../images/h_x.png) no-repeat right center; padding-right: 10px;  margin-right: 10px;}
.header_nav_right a:hover{color:#c40000}
.h_wx{float: right; width:auto; height: 40px;   position: relative;  font-size: 14px; color: #777777; background: url(../images/h_x.png) no-repeat right center; padding-right: 10px; margin-right: 10px;}
.h_wx img{width:100px; height: 100px; position: absolute; top:40px; left:0; z-index: 9; display: none; }
.h_sj{float: right; width:auto; height:40px; font-size: 14px; color: #777777;  position: relative; background: url(../images/h_x.png) no-repeat right center; padding-right: 10px;  margin-right: 10px;}
.h_sj img{width:100px; height: 100px; position: absolute; top:40px; left:0; z-index: 9; display: none;}
.h_wx:hover img{display: block}
.h_sj:hover img{display: block}
.header_center{width:100%; height: 90px;background: url(../images/bga.png) repeat;}
.h_left{width:auto; float: left; margin-top: 10px;}
.h_logo{width:100%; height: 73px; float: left}
.h_left dl{float: left; margin-left: 10px; margin-top: 8px;}
.h_left dl dt{font-size: 28px; color: #044a8e; font-weight: bold; line-height: 40px;}
.h_left dl dd{font-size: 13px; color: #777777; }
.h_left img{float:left;}
.logo_zi{margin:8px 12px 0}
.h_zi{margin-top: 20px; margin-left: 10px;}
.h_right{float: right; margin-top:18px;}
.h_right p{font-size: 14px; color: #777777; background: url(../images/h_dhs.png) no-repeat left center; padding-left: 30px; line-height: 24px;}
.h_right span{font-size: 24px; color: #044a8e; font-weight: bold;}
.header_nav{height:60px; width:100%; background: #0e2b4b  }
.nav{width:1200px; height:60px; margin: 0px auto; }
.nav .nLi{ float:left;  position:relative; display:inline; height:60px;  width:150px; text-align: center; line-height: 55px; 
	background: url(../images/nav_xs.png) no-repeat right center}
.nav .nLi:last-child{background: none}
.nav .nLi h3{ height:100%; width:100%; text-align: center;}
.nav .nLi h3 a p{font-size:16px; color:#fff; line-height:60px; font-weight: bold; }
.nav li.active h3{}
.nav .nLi:hover h3{}
.nav li.active h3 p,.nav .nLi:hover h3 p{color:#ffc028}
.nav .sub{display:none; left:0; top:60px; height:330px;  position:absolute;width:395px;     z-index: 999; background:rgba(255,255,255,0.8); }
.nav .sub li{ zoom:1; border-bottom: 1px solid #eeeeee;  height:40px; line-height:40px;  background:#eeeeee;text-align: center }
.nav .sub li p{ width:100%; float: left; margin: 0px;}
.nav .sub li span{ float: right;}
.nav .sub a:hover{color:#ffc028}


.nav_left{width:120px; height: 330px; float: left; background: #0e2b4b; padding: 15px 0}
.nav_left a{width:100%; height:45px; line-height: 45px; font-size: 16px; color: #fff; display: block; border-bottom: 1px solid rgba(255,255,255,0.1)}
.nav_right{width:275px; height: auto; float: left; padding: 20px;}
.nav_right dl{width:235px; height: auto;}
.nav_right dl dt{width:100%; height: auto; overflow: hidden}
.nav_right dl dt img{width:100%; display: block}
.nav_right dl dd{width:100%; height: auto; overflow: hidden}
.nav_right dl dd h4{width:100%; height: 36px; line-height: 40px; text-align: center; font-size: 16px; font-weight: bold;}
.nav_right dl dd p{width:100%; height:80px; font-size: 12px;  color:#555555; line-height: 20px; word-break:break-all;display:-webkit-box; -webkit-line-clamp:4;
  -webkit-box-orient:vertical; overflow:hidden; text-align:left;}
.sub_contact{right:0!important; left:auto!important}








/* 首页:banner */
.banner{ width:100%; height:660px; position: relative; overflow: hidden}
.banner .slideBox{position:relative;overflow:hidden;width:100%;height:100%}
.banner .slideBox .hd{position:absolute;right:50%; margin-right: -40px; bottom:30px;z-index:1;overflow:hidden;height:22px}
.banner .slideBox .hd ul{float:left;overflow:hidden;zoom:1}
.banner .slideBox .hd ul li{float:left;margin-right:15px;width:12px;height:12px; background: #fff; cursor:pointer; border-radius: 50%;}
.banner .slideBox .hd ul li.on{background:#0e2b4b}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1}
.banner .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%; }




/*产品展示*/
.index_product{width:100%; height:950px; background: url(../images/product_bjs.jpg) no-repeat center; padding-top: 46px; overflow: hidden}
.index_product ul{width:100%; height: auto; overflow: hidden}
.index_product ul li{width:371px; height:auto; overflow: hidden; float: left; margin-right: 10px; margin-bottom: 20px;}
.index_product ul li:nth-child(3n){ margin-right: 0}
.in_pro_pic{width:100%; height:auto; border: 5px solid #bfbfbf; padding: 8px;} 
.in_pro_img{width:100%; height: auto; display: block; position: relative; overflow: hidden}
.in_pro_img img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_product ul li h3{width:100%; height: 40px; line-height: 40px; font-size: 18px; color: #4d4d4d; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; 
	text-align: center; margin-top: 8px;}
.in_hover{width:100%; height: 100%; background: rgba(2,130,203,0.8) url(../images/links.png) no-repeat center; opacity: 0; position: absolute; top:0; left:0}
.index_product ul li:hover .in_hover{opacity: 1}
.index_product ul li:hover .in_pro_pic{border:5px solid #1f90d0}
.index_product ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}





/*案例*/
.index_case{width:100%; height:737px; background: url(../images/case_bjs.jpg) no-repeat center; padding-top: 46px;}
.index_case .container{width:1440px;}
.index_case_title{width:100%; height: auto; overflow: hidden; margin-bottom: 40px; text-align: center}
.index_case_title h4{font-size: 24px; color: #fff;  font-family: "KRASIVYI"}
.index_case_title h3{font-size: 32px; color: #fff; position: relative; line-height: 60px;}
.index_case_title h3:after{content: ""; width: 90px; height: 1px;  background: #fff; position: absolute; bottom:0; left:50%; z-index: 9; margin-left: -45px;}
.index_case_all{ overflow:hidden; position:relative;  }
.index_case_all .bd{width:100%; height: auto; overflow: hidden}
.index_case_all .bd ul{ overflow:hidden; zoom:1; }
.index_case_all .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.index_case_all .bd ul li a{width:462px; height: auto; display: block}
.index_case_pic{width:100%; height: auto; display: block; position: relative; overflow: hidden}
.index_case_pic img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_case_all .bd ul li h4{width:100%; height: 60px; background: #fff; text-align: center; line-height: 60px; font-size: 18px; color: #4d4d4d; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_case_hover{width:100%; height: 100%; background: rgba(2,130,203,0.9) url(../images/links_i.png) no-repeat center; position: absolute; top:0; left:0; opacity: 0; transition: all 1s ease 0s;}
.index_case_all .bd ul li:hover .index_case_hover{opacity: 1; transition: all 1s ease 0s;}
.index_case_all .bd ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_case_hover::before {
    top: 14%;
    right: 5%;
    bottom: 14%;
    left: 5%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

.index_case_hover::after {
    top: 8%;
    right: 10%;
    bottom: 8%;
    left: 10%;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    -o-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
}


.index_case_hover::before,.index_case_hover::after {
    position: absolute;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .4s,-webkit-transform .4s;
    -moz-transition: opacity .4s,-moz-transform .4s;
    -o-transition: opacity .4s,-o-transform .4s;
    transition: opacity .4s,transform .4s;
}


.index_case_all .bd ul li:hover .index_case_hover::before,.index_case_all .bd ul li:hover .index_case_hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}



.index_case_nav{ overflow:hidden; position:relative;  width: 1048px; margin: 0px auto 50px;}
.picScroll-left .hd{ }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:14px; height:24px;   overflow:hidden;
	 cursor:pointer; position: absolute; top:50%; margin-top: -12px; }
.picScroll-left .hd .next{background: url(../images/case_right.png) no-repeat center; right:0}
.picScroll-left .hd .prev{background: url(../images/case_left.png) no-repeat center; left:0}


.index_case_nav .bd{padding: 0px 40px}
.index_case_nav .bd ul{ overflow:hidden; zoom:1; }
.index_case_nav .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative; width: 177px; height: 56px; 
	border: 1px solid #fff}
.index_case_nav .bd ul li a{width:100%; height:56px; line-height: 56px; font-size: 18px; color: #fff; display: block; position: relative; z-index: 9}
.index_case_nav .bd ul li:after{content: ""; width:100%;  height: 100%; background: #fff; position: absolute; top:0; left:-170px; z-index: 0; transition: all 0.4s ease-in-out;}
.index_case_nav .bd ul li:hover a{color:#4d4d4d}
.index_case_nav .bd ul li:hover:after{left:0; transition: all 0.4s ease-in-out;} 





/*关于我们*/
.index_about{width:100%; height: 804px; overflow: hidden; background: url(../images/about_bjs.jpg) no-repeat center; padding-top: 55px; }
.index_about_left{width:503px; height: auto; overflow: hidden; float: left}
.index_about_left h3{font-size: 26px; color: #4d4d4d; font-weight:bold;}
.index_ab_info{width:100%; height: auto; overflow: hidden;font-size: 15px; color: #4d4d4d; margin: 30px 0 }
.index_ab_info a{font-size: 15px; color: #4d4d4d; line-height: 28px;}
.index_about_left h4{font-size: 30px; color: #4d4d4d; font-weight: bold;}
.index_about_right{width:630px; height: 349px; float: right; position: relative}
.index_about_right .slideBox{position:relative;overflow:hidden;width:100%;height:100%}
.index_about_right .slideBox .hd{position:absolute; left:30px; bottom:10px;z-index:1;overflow:hidden;height:20px}
.index_about_right .slideBox .hd ul{float:left;overflow:hidden;zoom:1}
.index_about_right .slideBox .hd ul li{float:left;margin-right:15px;width:12px;height:12px; background: #fff; cursor:pointer; border-radius: 50%;}
.index_about_right .slideBox .hd ul li.on{background:#0e2b4b; width:50px; height:10px; border-radius: 8px; margin-top: 2px}
.index_about_right .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.index_about_right .slideBox .bd ul{width:100%;height:100%}
.index_about_right .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1}
.index_about_right .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%; }
.index_about_right .slideBox .bd li a img{width:100%; height: auto; display: block}
.in_video{width:189px; height: 120px; background: #0e2b4b; text-align: center; padding: 20px 0 0; border-radius: 25px 0 0 0; position: absolute; bottom:0; right:0 }
.in_video h4{font-size: 16px; color: #fff; margin: 8px 0}
.in_video p{font-size: 14px; color: #fff}





.in_about_ul{width:100%; height: auto; overflow: hidden; margin-top: 60px;}
.in_about_ul li{width:285px; height: 150px; float: left; background: #f5f5f5; padding: 20px 0; text-align: center; box-shadow: 0px 0px 5px rgba(255,255,255,0.04); margin-right: 20px;}
.in_about_ul li:last-child{margin-right: 0}
.in_about_ul li h3{font-size: 18px; color:#333333; font-weight: bold; line-height: 40px;}
.in_about_ul li p{font-size: 14px; color: #777777; line-height: 30px;}
.in_about_ul li i{width:100%; height: 40px; display: block; margin: 0px auto;}
.ab1{background: url(../images/ab_i1.png) no-repeat center}
.ab2{background: url(../images/ab_i2.png) no-repeat center}
.ab3{background: url(../images/ab_i3.png) no-repeat center}
.ab4{background: url(../images/ab_i4.png) no-repeat center}

.in_about_ul li:hover{background:#0e2b4b; transition: all 0.4s ease-in-out;}
.in_about_ul li:hover .ab1{background: url(../images/ab_hi1.png) no-repeat center}
.in_about_ul li:hover .ab2{background: url(../images/ab_hi2.png) no-repeat center}
.in_about_ul li:hover .ab3{background: url(../images/ab_hi3.png) no-repeat center}
.in_about_ul li:hover .ab4{background: url(../images/ab_hi4.png) no-repeat center}
.in_about_ul li:hover h3,.in_about_ul li:hover p{color:#fff}




/*优势*/
.index_youshi{width:100%; height: 627px; overflow: hidden; background: url(../images/youshi_bjs.jpg) no-repeat center; padding: 50px 0}
.index_youshi ul{width:100%; height: auto; overflow: hidden}
.index_youshi ul li{width:280px; height: auto; float: left; margin-right: 26px; background: #f8f8fa; padding-bottom: 40px;}
.index_youshi ul li:last-child{margin-right: 0}
.index_ys_pic{width:100%; height: auto; display: block}
.index_ys_pic img{width:100%; height: auto; display: block}
.index_ys_icon{width:90px; height: 90px;  text-align: center; margin: -46px auto 0;     -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;}
.index_youshi ul li h3{width:100%; height: 40px; line-height: 40px; font-size: 20px; color: #4d4d4d; text-align: center; margin-top:18px;}
.index_youshi ul li p{width:100%; height:auto; line-height:24px; font-size: 14px; color: #777777; text-align: center; }

.index_youshi ul li:hover .index_ys_icon{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}



/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden; padding-top:54px;  background: #fff url(../images/news_bjs.jpg) no-repeat bottom center; padding-bottom: 70px;}
.index_news_title{width:100%; height: auto; overflow: hidden; margin-bottom: 40px; text-align: center}
.index_news_title h4{font-size: 24px; color: #707070;  font-family: "KRASIVYI"}
.index_news_title h3{font-size: 32px; color: #1b1b1b; position: relative; line-height: 60px;}
.index_news_title h3:after{content: ""; width: 90px; height: 1px;  background: #626262; position: absolute; bottom:0; left:50%; z-index: 9; margin-left: -45px;}
.index_news_left{width:775px; height: auto; overflow: hidden; float: left}
.index_news_left ul{width:100%; height: auto; overflow:hidden; }
.index_news_left ul li{width:370px; height: 450px; float: left; margin-right: 34px; position: relative}
.index_news_left ul li a{width:360px; height: 440px;background: #f5f5f5;border:1px solid #f5f5f5; display: block; position: relative; z-index:999; padding: 18px;}
.in_left_pic{width:100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.in_left_pic img{width:100%; height: auto; overflow: hidden;}
.index_news_left ul li:last-child{margin-right: 0}
.index_news_left ul li h3{width:100%; height: 40px; line-height: 40px; font-size: 18px; color: #313131; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_news_left ul li span{width:100%; height: 30px; line-height: 30px; font-size: 15px; color: #7d7d7d;}
.index_news_left ul li p{width:100%; height: 84px; line-height: 28px; font-size: 15px; color: #7d7d7d;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden; margin-top: 8px;}
.index_news_left ul li:after{content: ""; width:360px; height: 450px;background: #0e2b4b; position: absolute; left:10px; top:10px; z-index: 9; opacity: 0 }
.index_news_left ul li:hover:after{opacity: 1}
.index_news_left ul li:hover a{border:1px solid #7d7d7d; background: #fff}
.index_news_left ul li:hover h3,.index_news_left ul li:hover p{color:#0e2b4b}

.index_news_right{width:410px; height: 440px; padding: 15px; background: #f5f5f5; float: right}
.news_right_top{width:100%; height: auto; overflow: hidden; border-bottom: 1px solid #bebebe; padding-bottom:10px;}
.news_right_top h3{width:100%; height: 40px; line-height: 40px; font-size: 18px; color: #313131; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news_right_top span{width:100%; height:30px; line-height: 30px; font-size: 15px; color: #7d7d7d; }
.news_right_top p{width:100%; height: 56px; line-height: 28px; font-size: 15px; color: #7d7d7d;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}
.index_news_right ul{width:100%; height: auto; overflow:hidden; margin-top: 20px;}
.index_news_right ul li{width:100%; height:40px; line-height: 40px; }
.index_news_right ul li a{width:100%; height:100%; font-size: 16px; color: #4d4d4d; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_news_right ul li i{color:#0e2b4b; margin-right: 10px;}
.index_news_right ul li:hover a{color:#0e2b4b}
.news_right_top:hover p,.news_right_top:hover h3{color:#0e2b4b}



/*底部*/
.footer{width:100%; height: auto; overflow: hidden; background: #333333; padding-top: 50px; }
.footer_left{width:855px; height: auto; float: left}
.footer_nav{width:100%; height: auto; overflow: hidden;}
.footer_left dl{width:117px; float: left; border-right:1px solid #fff; padding-right: 30px; margin-right: 30px; height: 235px; padding-top: 10px;}
.footer_left dl dt{width:100%; height: 40px; line-height: 40px; margin-bottom: 8px;}
.footer_left dl dt a{font-size: 16px; color: #fff; font-weight: bold;}
.footer_left dl dd{width:100%; height: auto; overflow: hidden;}
.footer_left dl dd a{font-size: 14px; color: #ffffff; line-height: 26px; display: block}
.footer_left dl dd a:hover{color:#0e2b4b}
.footer_left dl:last-child{margin-right: 0}
.footer_right{width:300px; height: auto; float: right;}
.footer_right p{font-size: 14px; color: #fff; line-height:30px; }
.footer_ma{width:100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.f_sj,.f_ma{width:102px; height: auto; display: block; position: relative; float: left; margin: 0px 20px;}
.f_sj img,.f_ma img{width:100px; height: 100px; display: block}
.footer_ma p{width:100%; height: 35px; line-height: 35px; font-size: 14px; color: #fff; text-align: center}
.copy{clear:both;height:auto;  font-size:12px;line-height:30px; background:#252525; margin-top: 30px; padding:8px 0}
.copy_l{ font-size:14px; color:#fff; width:100%}
.copy_l a{color:#fff; margin-left: 20px}
.copy_l a:hover{color:#fff!important}
.footer_zhichi{width:100%; height:48px;}
.footer_zhichi p{ width: auto; float: left; margin-right: 20px;   color:#fff; line-height:48px;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:10px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:10px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 14px; color: #fff; margin-left: 10px;}
.footer_zhichi i{ float: left;}




/*友情链接*/
.footer_link{width:100%; height:auto; overflow: hidden; background: #1a1a1a}
.footer_link p{font-size: 16px; color: #ffffff; float: left;line-height:50px; margin-right: 20px;}
.footer_a a{font-size: 14px; color: #ffffff; float: left; margin-right: 15px; }
.footer_a{width:1063px; height: auto; float: left; overflow: hidden; line-height:30px; margin-top:10px;}
.footer_a a:hover{color:#c40000}

















/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:250px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
	 font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#0e2b4b;
    height: 62px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left; 
}








.p-tit{height:55px;line-height:55px; border-bottom: 1px solid #dcdcdc}
.m-crm{color:#666666;font-size:12px; background: url(../images/home.png) no-repeat left center; padding-left: 30px; float: left; height:55px;}
.m-crm a{margin:0 3px;color:#666;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.m-crm a:hover{color:#333;text-decoration:underline}
.p-tit ul{float:right; height: 100%;}
.p-tit ul li{float:left;margin:0 20px; height:55px;}
.p-tit ul li a{display:block;height:54px;line-height:54px;color:#666;font-size:16px;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.p-tit ul li.active,.p-tit ul li:hover{border-bottom:2px solid #056fb7}
.p-tit ul li.active a,.p-tit ul li:hover a{color:#056fb7}
.ny_futitle{width:100%; height: 68px; line-height: 68px; margin-top: 18px; }
.ny_futitle .container{background: #eeeeee; height: 68px;}
.ny_futitle .ny_fubiao{ width:auto; height: 68px; background:#093987 url(../images/t_bj.jpg) no-repeat;  padding-left: 80px; padding-right:12px;float: left}
.ny_futitle h3{font-size: 24px; color: #fff; font-weight: bold; width:auto; height: 68px; background: url(../images/jts.png) no-repeat center right; padding-right:60px;}
.ny_futitle ul{max-width:900px; height: 100%; float: right; padding-right: 30px;}
.ny_futitle ul li{width:auto; height: 68px; margin-right: 30px; float: left; line-height: 68px;}
.ny_futitle ul li a{color:#333333; font-size: 16px;}
.ny_futitle ul li.active a,.ny_futitle ul li:hover a{color:#056fb7; }


/*设备*/
.ny_shebei{height:auto; overflow: hidden; margin-bottom:60px; margin-top:30px;}
.ny_shebei ul{width:100%; height: auto; overflow: hidden; margin-top: 38px;}
.ny_shebei ul li{width:378px; height: auto; overflow: hidden; float: left;margin-bottom: 27px; margin-right:33px;}
.shebei_pic{width:378px; height: 292px; overflow: hidden; border:1px solid #eeeeee}
.shebei_pic img{width:100%; height: 100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_shebei ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_shebei ul li .she_sousuo{width:100%; height: 45px; background: #eeeeee}
.ny_shebei ul li .she_sousuo p{width:300px; height: 45px; line-height: 45px; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; color: #333333;
	padding-left: 20px;}
.sousuo{width:60px; height: 45px; background: #b5b5b5; text-align: center; float: right; display: flex; align-items: center;}
.sousuo img{align-items: center; margin: 0px auto;}
.ny_shebei ul li:hover .sousuo{background: #093987}
.ny_shebei ul li:nth-child(3n){margin-right:0px;}






/*产品系列*/
.ny_pronav{width:100%; height: auto; overflow: hidden; margin: 20px 0}
.ny_pronav ul{width:1200px; height: auto; margin: 0px auto;}
.ny_pronav ul li{width:162px; height: 44px; background: #dcdcdc; text-align: center; line-height: 44px; float: left; margin-right: 11px; margin-bottom: 12px;}
.ny_pronav ul li a{color:#333333; font-size: 15px;}
.ny_pronav ul li:nth-child(7n){margin-right: 0px;}
.ny_pronav ul li:hover{background:#056fb7; border-bottom: 2px solid #093987}
.ny_pronav ul li.active{background:#056fb7; border-bottom: 2px solid #093987}
.ny_pronav ul li.active a,.ny_pronav ul li:hover a{color:#fff}
.ny_product{overflow:hidden; margin-bottom:60px;}
.ny_product ul{width:100%; height: auto; overflow: hidden;}
.ny_product ul li{width:388px; height:auto; float: left; margin-right: 18px;margin-bottom: 30px; overflow: hidden}
.ny_product ul li:nth-child(3n){margin-right: 0px;}
.pro_pic{width:388px; height: 302px; background: #eeeeee; padding: 10px; }
.pro_img{width:100%; height: 100%; position: relative; overflow: hidden}
.pro_h{width:100%; height: 100%; position: absolute; top: 0px; left:0px; background: url(../images/p_h.png) no-repeat; background-size:100% 100%;opacity: 0;}
.ny_product ul li img{width:100%; height: 100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_product ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_product ul li p{width:100%; height: 43px; background: #b5b5b5; text-align: center; line-height: 43px; font-size: 16px; color: #333333;margin-top: 10px; text-overflow:ellipsis; overflow:hidden;  white-space:nowrap}
.ny_product ul li:hover .pro_h{opacity: 1}
.ny_product ul li:hover p{background: #056fb7; color:#fff}
.ny_produc_xx{width:880px; height: auto; overflow: hidden; font-size: 14px; color: #777777; line-height: 26px;margin: 38px auto 0}
.ny_produc_xx p{font-size: 14px; color: #777777; line-height: 26px;}
.product_pidc .slideBox{ width:100%; height:556px; overflow:hidden; position:relative; margin-top: 50px; }
.product_pidc .slideBox .bd{ position:relative; height:100%; z-index:0;height: 556px;width:880px; margin: 0px auto; }
.product_pidc .slideBox .bd ul{height: 100%;width:100%}
.product_pidc .slideBox .bd li{ zoom:1; vertical-align:middle; height: 556px;width:880px;  }
.product_pidc .slideBox .prev,
.product_pidc .slideBox .next{ position:absolute; left:0px; top:50%; margin-top: -101px;  display:block; width:83px; height:202px; background:#f2f2f2; display: flex; align-items: center;  }
.product_pidc .slideBox .next{ left:auto; right:0px;}
.product_pidc .slideBox .prev:hover,
.product_pidc .slideBox .next:hover{ background: rgba(219,0,16,0.8)}
.product_pidc .slideBox .prev img,.slideBox .next img{align-items: center; margin: 0px auto;}


/*联系我们*/
.m-cot{ height: auto; overflow: hidden; margin-top: 30px;}
.m-cot .ewm{float:right; margin-left: 15px;}
.m-cot .ewm img{width:110px;height:110px;border:1px solid #ddd; padding:5px;}
.m-cot .ewm p{text-align:center; font-size:14px; color:#666; line-height:26px;}
.m-map{width:100%; height:350px; margin-top:50px;}
.m-contright{width:700px; height: auto; float: left;font-size:14px; line-height:28px;color:#666}

#swipebox-prev, #swipebox-next{display:block; overflow:hidden; width:48px; height:48px;}
.ny_contact{margin-bottom:60px;}




/*新闻*/
.p-ct{width:100%; height: auto; overflow: hidden;margin-top: 38px; margin-bottom:60px;}
.new-list{width: 100%; height: auto;overflow: hidden; margin-bottom:25px;}
.new-list li{height:204px;padding:10px; background: #eeeeee; margin-bottom: 18px;}
.new-list li:hover{background:#093987;}
.new-list .f-imgfd-img{width:287px;height:100%;margin-right:40px;overflow:hidden; float: left}
.new-list .f-imgfd-img img{width:100%; height: 100%;}
.new-list li .f-imgfd-li{width:840px;height:100%;float: left; padding-top:15px;}
.new-list h3{width: 100%; height: 35px; line-height: 35px; font-size: 24px; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;font-weight: bold}
.new-list .time{font-size: 14px; color: #333333;line-height: 35px;}
.f-xx{width:100%; height: 55px; line-height: 26px; overflow: hidden; margin-bottom:6px; color:#333333; font-size: 14px; margin-top: 20px;}
.new-list li:hover h3,.new-list li:hover p,.new-list li:hover .f-xx{color:#fff}



/*弹出视频*/
.video_bj{width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:888; display:none}
.video_xx{width:600px; height:400px; position:fixed; top:50%; left:50%; margin-left:-300px; margin-top:-190px; z-index:999}
.close{width:100%; height:40px; text-align:right; background:rgba(0,0,0,0.5);}
.close img{width:32px; height:32px; margin-top:4px; margin-right:10px;}
.video-box{width:100%; height:360px;}
.sj_video{width:100%; height:auto; overflow:hidden; display:none;}

































































/* 内页通用:左侧分类 */
.nyban p{ padding-top:240px; color: #fff; font-size: 14px; text-align: right; }
.nyban p a{ color: #fff; }
.mainl-fl > h3{ width: 250px;  margin-left: -1px; height: 66px; line-height: 66px; text-align: center; font-size: 21px; font-weight: bold; background: #0e2b4b; color: #fff; }
.main-l{ border-top: none; width: 250px;  border-top: none;  }
.mianlfl-li > a > p{ color: #393939; font-size: 16px; float:left;line-height: 52px;  }
.mianlfl-li > a > span{ width:8px; height: 8px; display: block; border-radius: 50%; border:2px solid #0e2b4b; float:left; margin-left: 10px;    margin-top: 20px; margin-right: 13px;  }
.mianlfl-li{ clear: both; }
.mianlfl-li > a { display: block; margin: 0 auto; width: 225px; height: 52px; border-bottom: 1px solid #e5e5e5;  }
.mainl-fl > ul{ padding-top: 10px; }
.mianlfl-li > .active p{ color: #0e2b4b;  }
.mianlfl-li > .active span{ background: #0e2b4b;  }
.mianlfl-li:hover a > span{ background: #0e2b4b; }
.mianlfl-li:hover a > p{ color: #0e2b4b;  }
.zxzx-l{ background: url(../images/zxzx-bg.jpg) no-repeat; height: 95px; width: 217px; margin: 0 auto; margin-top: 20px; margin-bottom: 10px; }
.zxdc-l{ background: url(../images/zxwj-bg.jpg) no-repeat; height: 95px; width: 217px; margin: 0 auto;  margin-bottom: 20px; }
.zxzx-l > a > h3,.zxdc-l > a > h3{ color: #fff; font-size: 18px; text-align: center; padding-top: 25px;  }
.zxzx-l > a > p,.zxdc-l > a > p{ text-align: center; color: #fff; font-size: 12px; }
.mainl-fl2{ margin-top: 20px; border:1px solid #d5d5d5; padding-bottom:10px;  }
.mainl-fl1{ border:1px solid #d5d5d5; border-top: none; }
.mianl-tel{ padding: 0 15px; margin-top: 25px; line-height: 28px;  }
.mianl-tel > p{ color: #626262; font-size: 16px; }
.mianl-tel > h3{ color: #0e2b4b; font-size: 24px;   font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif";  }
.mianl-tel > h3:after{ content:""; width: 100%; height: 1px; background: #e5e5e5; display: inherit; margin-top: 8px; }
.mianl-tel > div > p{ color: #535353; font-size: 15px; line-height: 26px; }
.mianl-tel > div{ padding-top: 8px; }
.mianl-tel > span{ color: #0e2b4b; font-size: 24px;   font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif";  }
/*内页通用：单页面*/
.main-r{ width:920px; margin-top: 100px;  }
.main-title > h3{ font-size: 30px; text-align: center; font-weight: bold; color: #0e2b4b; }
.main-title > p{ color: #dcdcdc; font-size: 30px; font-weight: bold; text-align: center; padding-top: 15px; }
.main-title > p:after{ width:52px; height: 2px; content:""; display: inherit; background: #0e2b4b; margin: 0 auto; margin-top: 15px; }
.mianr-mid{ margin-top: 30px; font-size:16px; color:#666; line-height:24px;}
.mianr-mid > p{line-height: 36px; font-size: 16px; color: #555; }

/*内页通用新闻资讯*/
.nynews-l{ margin-top:30px; width: 585px;}
.nynewst-div { width:187px; height: 152px; overflow:hidden; margin-top: 29px; margin-left: 7px;}
.nynewst-div > img{ width:100%; transition: .6s; }
.nynews-top{ width:100%; height: auto; overflow:hidden;  transition: .3s; border:1px solid #d5d5d5;  }
.nynews-top .r > h3{ color:#555555; font-size:16px; margin-top: 30px;transition: .3s;}
.nynews-top .r > p{ color:#a1a1a1; font-size:14px;transition: .3s;}
.nynews-top .r > span{color:#a1a1a1; font-size:14px; line-height: 40px;transition: .3s;}
.nynews-top .r{width: 320px;margin-right: 50px;}
.nynews-li{border-bottom:1px dashed #d5d5d5;  overflow: hidden; }
.nynews-li > span{ border:2px solid #0e2b4b; border-radius: 50%;  width:8px; height: 8px; display: block; float:left; margin-top: 20px;  margin-right: 6px;position: relative; left:0; transition: .3s;}
.nynews-li > a { float:left; line-height: 52px;  width:76%; color:#1b1b1b; font-size:16px; position: relative; left:0; transition: .3s;}
.nynews-li > p{ float:right;line-height: 52px; color: #626262;font-size: 14px;position: relative; right:0; transition: .3s;}
.nynews-li a:hover  { left:15px; color:#0e2b4b;}
.nynews-li:hover > span{ left:15px; background: #0e2b4b; }
.nynews-li:hover > p{ right:15px; color:#0e2b4b;}
.nynews-top:hover .nynewst-l > img{ transform:scale3d(1.1,1.1,1);}
.nynews-top:hover{ background:#0e2b4b; border:1px solid #0e2b4b;  }
.nynews-top:hover .l > h3{ color:#fff;}
.nynews-top:hover .l > p{ color:#fff; }
.nynews-top:hover .l > span{color:#fff; ;}
.news-bot{ margin-bottom:40px}
.intitle-top > h3{ font-size: 30px;  text-align: center; font-weight: bold;color: #0c46c6;}
.intitle-top > p{ font-size:18px; color:#707070; text-align: center; line-height: 40px; }
.ny-news{ margin-top: 40px; margin-bottom: 70px; overflow:hidden; margin-bottom:40px;}
.main-title > h3 > span{ color: #0e2b4b;  }
.nynewst-l{ width: 210px; height: auto; overflow: hidden; float: left; }
.nynewst-l > img{ width:100%; transition: .6s; }
.nynews-top > a { display: block; padding: 16px; overflow:hidden }
.nynews-top > a > .l{ width: 308px; margin-left: 15px;  }
.nynews-top > a > .l > h3{ color: #535353; font-size: 16px; font-weight: bold; padding-top: 10px; line-height: 30px; width:100%; height:auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap }
.nynews-top > a > .l > span{ color: #898989; font-size: 14px; display: block; line-height: 36px; }
.nynews-top > a > .l > p{ color: #898989; font-size: 14px; line-height: 24px;  }
body{background:url(../images/bga.png) repeat}


.clr{clear:both}
.container,.w1200{margin:0 auto;width:1200px}
.l{float:left;}
.r{float:right;}



/*内页banner*/
.caseban{ background: url(../images/caseban.jpg) no-repeat center; height: 300px; }
.newsban{ background: url(../images/newsban.jpg) no-repeat center; height: 300px; }
.proban{ background: url(../images/proban.jpg) no-repeat center; height: 300px; }
.contban{ background: url(../images/contban.jpg) no-repeat center; height: 300px; }
.aboutban{ background: url(../images/aboutban.jpg) no-repeat center; height: 300px; }
.yxwlban{ background: url(../images/yxwlban.jpg) no-repeat center; height: 300px; }
.jgslban{ background: url(../images/jgslban.jpg) no-repeat center; height: 300px; }
.spzqban{ background: url(../images/spzqban.jpg) no-repeat center; height: 300px; }
.hrban{ background: url(../images/hrban.jpg) no-repeat center; height: 300px; }
.main{overflow:hidden; margin-top:-65px;margin-bottom:60px; }
.title h3{ font-size: 30px; text-align: center; font-weight: bold;}
.title span{ display: block;  width:442px; height: 80px; margin: 0 auto; }



/*荣誉资质*/
.docs-pictures{width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.honor-li{width:218px; height:auto; float:left; margin-right:15px; margin-bottom:20px;}
.honorli-div{width:100%; height:auto; overflow:hidden;  border:1px solid #ddd}
.honorli-div img{width:100%; height:100%; display:block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;
} 
.honor-li:nth-child(4n){margin-right:0}
.honor-li h3{width:100%; height:40px; line-height:40px; font-size:16px; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center; padding:0px 10px;}


/*案例*/
.case-li{width:296px; height:auto; float:left; margin-right:15px; margin-bottom:20px;}
.case-li:nth-child(3n){margin-right:0}
.case-li h3{width:100%; height:40px; line-height:40px; font-size:16px; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center;  padding:0px 10px;}
.docs-pictures li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.case-li:hover h3{color:#fff; background:#0e2b4b;}
.case-div{width:100%; height:198px; overflow:hidden;  border:1px solid #ddd}
.case-div img{width:100%; height:auto; display:block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;
} 




/*内页：新闻资讯*/
.in-news{ margin-top: 60px; background: url(../images/innews-bg.jpg) no-repeat center; background-position: bottom; }
.news-title h3{ color: #0e2b4b;}
.news-title span {width:442px; line-height: 80px; color: #0e2b4b; font-size: 33px;text-align: center; font-weight: bold;}
.news-title span p{ color: #0e2b4b !important;font-size: 33px;text-align: center;font-weight: bold;padding-top: 13px; }
.news-title p{ color: #626262; }
.title h3{ font-size: 30px; text-align: center; font-weight: bold;}
.title span{ display: block;  width:442px; height: 80px; margin: 0 auto; }
.newsli-l{ width:130px; height: 122px; background:#333; transition: .6s;  }
.newsli-l span{ font-size: 20px; font-weight: bold; text-align: center; padding-top: 20px; color: #fff;  border-bottom: 1px solid #444; width: 100px; margin: 0 auto; padding-bottom: 13px;  transition: .6s; display:block;}
.newsli-l p{ text-align: center; font-size: 30px; font-weight: bold; line-height: 40px; color: #fff; padding-top: 10px;   }
.newsli-r{ width: 790px; background: #f5f5f5; padding: 18px 20px; height:122px  }
.news-li{ clear: both; margin-bottom: 20px; display: table; }
.newsli-r h3{ font-size: 20px; line-height: 30px; transition: .6s; width:100%; height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#333}
.newsli-r p{ font-size: 15px; line-height: 24px; margin-top: 5px; width:100%; height:48px; overflow:hidden; color:#333}
.news-li:hover .newsli-l { background: #0e2b4b; }
.news-li:hover .newsli-l span{ border-bottom: 1px solid #fff;  }
.news-li:hover .newsli-r h3{ color: #0e2b4b;  }
.news-li:hover .newsli-r p{ color: #0e2b4b;  }
.ny_news_h1{width: 100%; text-align: center; clear: both; height:40px; font-size:24px; color:#333 }
.ny_news_h1 h1{ font-size:24px; color: #555; }
.ny_news_xxs{width: 100%; line-height: 30px; color: #999; height: 30px;  margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; clear: both; font-size:14px;}
.ny_news_show{margin-bottom:70px;}
.keyword_light img{max-width:100%; height:auto;}


/*内页：联系方式*/
.contact .l{width:590px}
.contact .r{margin-top:15px;}
.contact .l > h3{ font-size: 24px; font-weight: bold; color: #444; padding-bottom: 20px;  }
.contact .l p{ color: #444; }
.contact .l h3{ color: #444;}
.contact .ewm-li > div{ background: #fff; border:1px solid #d5d5d5; }
.contact .foottb-r h3{ color: #444; }
.contact .foottb-r p{ color: #444; text-align:center}
.contact .foottb-r > p:before{ background: #d5d5d5; }
.keyword_light p,.nycont-bot p{ line-height: 36px;font-size: 16px; color: #555;}
.ewm-li{ float:left; margin-left:10px; }
.ewm-li div{ background: url(../images/erm_bg.png) no-repeat; width:128px; height: 128px;  }
.ewm-li div > img{ display: block; margin: 0 auto; width:104px; padding-top: 12px;  }

.nycont-bot{width:100%; height:auto; overflow:hidden; margin-top:40px;}