﻿/*.container{width:1200px;margin: 0 auto;}*/
body{ color:#333; background:#fff;}
button{outline:none;}
a,img{transition: all 0.3s;-webkit-transition:all 0.3s;}
.left{float: left;}
.right{float: right;}
.bg-white{background:#fff;}
.hidd{overflow:hidden !important;}
.text-over{white-space:nowrap;/*文字溢出*/overflow:hidden; text-overflow:ellipsis}
/*.item:hover img{transform: scale(1.05) ; transition-duration:0.5s; box-shadow: 0 0 5px #666;}*/


#nav-toggle { position: absolute; right: 14px; top: 18px; color: #fff;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7); 
    -ms-transform: scale(0.7); 
    -o-transform: scale(0.7); 
    transform: scale(0.7);
    transform-origin: 50% 50%;
 }

.m-hd{display:none; width:100%; background:#fff; position:relative;}
.m-bar{background: url(../images/top-bg.jpg) repeat-x; padding:10px 0;}
.m-hd .m-nav{ text-align: center; position:absolute; z-index: 999; max-height: 0; width:100%; background:#fff;overflow: hidden;-webkit-transition: all 300ms ease;
    transition: all 300ms ease;}
.m-nav.on {
    max-height: 999px;
}
.m-hd .m-nav li{}
.m-hd .m-nav li a{display: block;
    width: 100%;
    line-height: 40px;
    text-align: center;
    border-top: 1px solid #e0e0e0;
    font-size: 15px;
    background-color: #fff;
    padding: 0 20px;
    color: #333;}
.m-hd .m-nav li a.hover{ background:#e8e8e8;}
.m-hd .m-nav li.shoulans{ padding:10px; border-top:1px solid #e0e0e0;}
.m-hd .m-nav li.shoulans a{ height: 36px;
    line-height: 36px;
    width: 33%;
    text-align: center;
    display: inline-block;
    margin: 0 2%;
    background-color: #014099;
    color: #fff;}

.page{ margin:30px 0; color:#333;}
.page a:hover{ color:#007dc9;}
#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 5px; width: 35px; background: #e83435; position: absolute; display: block; content: ''; }
#nav-toggle span:before { top: -10px; }
#nav-toggle span:after { bottom: -10px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#nav-toggle.active span:after { transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); top: 10px; }
.search{ height:30px; line-height: 1.4; margin-top: 10px;}
.search input{ border: 1px solid #fff;
    padding: 6px 10px;outline:none;}
.search input:focus{border-color:#e8e8e8;}
.search button{border: 1px solid #000;
    background: #000;
    color: #fff;
    padding: 6px 20px;}
.m-nav .search{ margin-bottom:20px;}
.m-nav .search input{border-color:#000;}
.header{/*height:155px;*/background: url(../images/top-bg.jpg) repeat-x;}
.header .logo{margin:10px 0 6px 0px;}
.header .logo img{display:inline-block;margin-right: 10px;}
.header .info{float: right;}
.header .contact{height: 35px;line-height: 35px;padding-top: 10px;}
.header .contact .langs{text-align: right; font-size: 14px;}
.header .nav{ height:50px; width:100%;background:#0d3674;}
.header .nav ul li{float: left; line-height: 50px;}
.header .nav ul li a{font-size: 15px;color: #fff;display: block;padding:0px 25px;transition: .3s;font-weight:bold;}
.header .nav ul li a:hover,.header .nav ul li a.hover{background:#da380d;color: #f5f5f5;}
.hotline{ width:270px; height:62px; background:url(../images/hotline-bg.png) no-repeat; padding:11px 0 11px 44px;position:absolute; right:0; z-index: 9;}
.hotline .icon{display:inline-block; width:41px; height:40px; background: url(../images/hot-tel.png) no-repeat;vertical-align: middle;}
.hotline .tel{display:inline-block;vertical-align: middle; color:#fff; font-size:16px; margin-left: 10px; line-height: 1.3;}
.hotline .tel .num{ font-size: 18px;}

.banner{width: 100%;position:relative;}
.banslide .item{ height:680px;-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;}
.banslide.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{font-size: 60px; line-height: 40px;width:40px; height:40px;position:absolute;  top:40%; }
.banslide .owl-nav .owl-prev{left: 50px;}
.banslide .owl-nav .owl-next{right: 50px;}
.banslide .owl-nav button.[class*=owl-]{background:rgba(0,0,0,0.2);}
.banslide .owl-nav [class*=owl-]:hover{background:none;}
.banslide.owl-theme .owl-dots{margin-top: -50px;position:relative;}
.banslide.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ce1012;
}


.part-title{text-align: center;}
.part-title .title{ font-size: 36px;text-align: center; color:#0d3674;}
.part-title .title span{ margin:0 16px;}
.part-title .title:before,.part-title .title:after{
    content:"";
    display:inline-block;
    width:100px;
    vertical-align: middle;
    border-top: 1px solid #f00000;
}
.part-title .text{ margin:40px 0; line-height: 25px;}

.h-about{padding:50px 0; background:#f6f6f6;}

.wrap-about-pic .item p{ text-align: center; line-height: 40px; color:#000;}
.wrap-about-pic .item em{padding: 20px;position: absolute; text-align: right;
    color:transparent;
    font-size: 28px;
    top: 0;
    bottom: 40px;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.2); 
    opacity: 0; 
    -webkit-transform: scale(0); 
    transform: scale(0); 
    -webkit-transition: all 0.35s ease-in-out; 
    transition: all 0.35s ease-in-out; }
.wrap-about-pic .item:hover em{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);}
.wrap-about-pic .item:hover img{ box-shadow: 0 0 5px #333; transition-duration: 0.2s;}
.h-pro{padding:50px 0 30px; background:url(../images/hpro-bg.jpg); }

.wrap-pro-pic .picMarquee-left{border:0; padding:0;}
.wrap-pro-pic .item{text-align: center; margin-bottom: 30px;}
.wrap-pro-pic .item .pic{overflow:hidden; display:block;}
.wrap-pro-pic .item .pic .img{ width:100%; height:190px; background-size:cover; background-position:50% 50%;}
.wrap-pro-pic .item .cons{background:#fff; padding: 40px 0;-webkit-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;}
.wrap-pro-pic .item h2{margin:0px 0 20px; font-size: 18px; font-weight: normal; color:#000;}
.wrap-pro-pic .item .desc{padding:0 40px;font-size: 12px;}
.wrap-pro-pic .item p{line-height: 2;}
.wrap-pro-pic .item .more{height:36px; border:1px solid #ddd; display:inline-block; line-height: 36px; padding:0 15px;}
.wrap-pro-pic .item:hover .img{webkit-transform: scale(1.1);
    transform: scale(1.1); transition-duration:0.5s;}
.wrap-pro-pic .item:hover .cons{ background:#0d3674; color:#fff;}
.wrap-pro-pic .item:hover .cons a,.wrap-pro-pic .item:hover .cons h2{ color:#fff;border-color: #fff; transition: all .6s;}
/*首页优势*/
.h-advantage{}
.h-advantage .top-ban{height:84px; background:#0d3674; color:transparent; text-align: center; line-height: 84px; position:relative;box-shadow: 0px 5px 0px #b8b8b8 ;}
.h-advantage .top-ban img{ display:inline;vertical-align: middle; }
.h-advantage .top-ban:after{
    content:"";
    display:block;
    position:absolute;
    left:50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-width: 35px 40px 40px 40px;
    border-style: solid;
    border-color: #0d3674 transparent transparent transparent;
}
.h-advantage .intr{text-align: center; margin:76px 0 30px;}
.h-advantage .intr .t1{ color:#000;font-size: 30px;}
.h-advantage .intr .t1 span{ font-size: 20px; font-weight: normal;}
.h-advantage .intr .t2{font-size: 36px; color:#0d3674; margin-top: 10px;}
.adv-content{ overflow:hidden;/* display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap; */}
.h-advantage .item{ margin-bottom: 40px; cursor:pointer;
    /* display: flex;
    flex-direction: column; */
    }
.h-advantage .item .wrp{ border:1px solid #ddd ;}
.h-advantage .item .wrp .pic{overflow:hidden;}
.h-advantage .item .wrp:hover img{webkit-transform: scale(1.1);
    transform: scale(1.1); transition-duration:0.5s;}
.h-advantage .item .title{ 
    background-size: cover;background-position: 50% 50%;
    height:50px; background:#0d3674; margin: 0px 0 15px; color:#fff;text-align:center;font-size:24px; }
.h-advantage .item .title em{font-size: 40px; vertical-align: middle;}
.h-advantage .item .title span{text-indent: 0; margin: 0 0 0 10px; line-height:50px ;vertical-align: middle;}
.h-advantage .item  .adv-de{padding: 0 20px 0px; height:80px;}

/*首页适用行业板块*/
.h-industry{ background:#d2d3d8;padding: 20px 0 30px;}
.h-industry .icon{ margin-right:50px; float:right;}
.h-industry .text{ margin-top: 30px;float:left; color:#000; margin-left:20px;}
.h-industry .text h2{ font-size:36px;  font-weight: normal;}
.h-industry .in-list{ margin-top: 20px;}
.h-industry .in-list li{ float:left; border:1px solid #666; width:60px;height:60px; font-size:20px;margin-right: 20px; text-align: center; border-radius: 5px; color:#666;cursor:pointer; vertical-align: middle;transition: all 0.5s;
    -webkit-transition: all 0.5s; /* Safari */
}
.h-industry .in-list li:hover{transform: rotate(360deg);
    opacity: 1;
    background: #db380d;
    color:#fff; border-color: #db380d;}
.h-industry .in-list li.nd span{ font-size: 16px;}

/*新闻*/
/*公司新闻*/
.wrap-news{margin:0 auto; padding:30px 0;}
.wrap-news li{}
.wrap_hd{height:43px;border:1px solid #e0e0e0; overflow:hidden;}
.wrap_hd .wrap_hd1{float:left;line-height:39px;margin-left:20px;}
.wrap_hd .wrap_hd2{float:right;line-height:39px;margin-right:10px;}
.wrap_hd .wrap_hd2 a:hover{color:#ce1012;}
.wrap_con{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.wrap_con ul{}
.wrap_con ul li{line-height:34px;border-bottom:1px dashed #b8b8b8;width: 100%;}
.wrap_con ul li:last-child{ border:0;}
.wrap_con ul li  a{font-size:13px;}
.wrap_con ul li  a:hover{color:#ce1012;}
.wrap_con ul li span{float:right; font-size:12px; color:#989898;}
.wrap-news .news .news_pic{height:250px;background:url(../images/news.jpg) no-repeat;background-position:left 20px top 12px;*position:relative;*left:9px;*top:12px;}
.wrap-news .info{margin-right: 0;}
.wrap-news .info .info_pic{height:250px;background:url(../images/info.jpg) no-repeat;background-position:left 20px top 12px;*position:relative;*left:9px;*top:12px;}


.environment{ margin:0 0 30px 0;}
.picMarquee-left{ overflow:hidden; position:relative;  border:1px solid #ccc; border-top:0; padding:10px 20px; }
.picMarquee-left .item img{  padding:2px; border:1px solid #ccc; box-sizing: border-box;}
.picMarquee-left .item .title{ text-align: center;line-height:35px;}
.picMarquee-left .owl-dots{ display:none;}
/*.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:260px; height:166px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:35px;   }*/


.footer{width:100%;background:#000;font-size: 13px;}
.foot-t{ 
/* background:url(../images/foot-bg.jpg); */
color:#999;
background:#222;
padding:50px 0 40px;}
.foot-nav{ text-align: center; padding:0px 0 15px; border-bottom: 1px dashed #999;}
.foot-nav a{ color:#999; padding:0 25px;}
.footer a:hover{ text-decoration:underline;}
.copy-r{ text-align: right;}
.foot-con{  margin-top: 10px; line-height: 2.2;}
.foot-con a{color:#bbb;}
.foot-con p{margin:0;}
.foot-con .li span{ display:inline-block; margin-right:10px;}
.footer .links{ }




/*内页*/
.a-banner{ height:375px; width:100%;-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;}
.n-box{ margin:30px 0;}
.Bread{ margin:0 0 20px 0;}
.Bread .chnal_name h3{ font-size: 28px; font-weight: normal; color:#333;}
.Bread .position{border-bottom:1px solid #d0c9c9; line-height: 30px;}
.side-nav{  margin-bottom: 30px;}
.side-nav .tit{ background:#0d3674; line-height: 60px; font-size: 22px; color:#fff; text-align: center;}
.left-contact{margin-top:20px;}
.left-contact .bord span{ float:left; height:21px;}
.bord{border:1px solid #d4d4d4; border-top:0;padding:20px;}
.slide-nav{display:none;}
.side-nav .sub-nav ul{ background:#fff;border:1px solid #d4d4d4; border-top:0;}
.side-nav .sub-nav a{border-left:3px solid transparent; height:45px; line-height: 45px; display:block; padding:0 20px;background:#f0f0f0;font-weight:bold;margin-bottom:10px;font-size:15px;color:#0d3674;}
.side-nav .sub-nav a:hover,.side-nav .sub-nav a.curren{ border-left:3px solid #999;  height:45px; line-height: 45px;background:#ccc;}
.n-content{ min-height: 500px;}
.n-content img{height:auto !important;}

/*product*/
.product_list ul{}
.product_list li{margin-bottom: 40px;}
.pro_box{  background-color:#fff;  position:relative; border:1px solid #eee;box-shadow: 0px 27px 25px -33px #121D12; }
.pro_infor{ text-align: center; color:#454545; font-size:14px; line-height:30px;}
.pro_Bimg{ overflow:hidden; }
.pro_Bimg img{height:190px !important;}
.pro_model,.pro_power{ height:48px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 48px;}
.pro_model{}
.product_list .pro_box:hover img{-webkit-filter: contrast(1.4);filter: contrast(1.4);}
.product_list .pro_box:hover .pro_infor{background:#2a6dd2; color:#fff;}
.pro_show{ position:absolute; left:0; background:url(../images/recom_shyy.png) repeat; width:100%; height:100%; }
/*.pro_shBox{ width:285px; height:161px; background:url(../images/recom_shdbd.png) no-repeat bottom;}*/
.pro_shBox{position: relative;
      top: 50%;transform: translateY(-50%); }
.pro_shModel,.pro_shPower{ color:#FFF;  text-align:center;line-height:normal; }
.pro_shModel{ font-size:20px; font-weight:bold; padding:0 15px;}
.pagelist{ text-align: center; margin:20px 0;}
.pagelist li{ display:inline-block; margin-right: 5px; }
.pagelist li a{border:1px solid #e8e8e8; padding:6px 16px; display:inline-block;}
.pagelist li a[href]:hover,.pagelist li.thisclass a {border-color:#007dc9; color:#007dc9;background:#f5f5f5;}

.shrink-pic{ overflow:visible !important;}
/* .shrink-pic .pro_box:hover{ box-shadow: 0px 0px 5px #999;} */
.shrink-pic .pro_box:hover img{transform: scale(1.1);transform:scale(1.1);}
/*.pro_shPower{ font-size:18px; margin-top:12px; margin-bottom:45px;}
.pro_shMore{ width:96px; height:32px; margin:0 auto;}
.pro_shMore a{ display:block; width:96px; height:32px; line-height:32px; background-color:#e20a17; color:#FFF; font-size:18px; text-align:center; margin-top: 10px;}*/

/*产品内页*/
.art-title{ text-align: center; color:#000; font-size: 28px; font-weight: normal;}
.art-date{ text-align: center; color:#333; font-size: 12px; margin:15px 0 30px 0;}
.art-into{ line-height: 1.8;}



/*news list*/
.news_list {
}
.news_list li {
    border-bottom: 1px solid #E6E6E6;
    overflow: hidden;
    padding: 12px 0 12px 0;
}
.news_list li .date {
    background: #fff;
    color: #333;
    display: inline-block;
    margin-right: 20px;
    float: left;
    font-family: verdana;
    text-align: center;
    border-radius: 4px;
    font-size: 24px;
    font-family: verdana;
    border: 1px solid #2384D5;
    padding: 5px 0 0;
}
.news_list li .date em {
    display: block;
    font-style: normal;
    font-size: 14px;
    font-family: arial;
    background: #2384D5;
    padding: 3px 15px;
    color: #fff;
    margin-top: 5px;
}
.news_list li div {
    color: #999;
    font-size: 12px;
    margin-left: 95px;
    line-height: 22px;
}
.news_list li div a {
    display: block;
    font-size: 18px;
    color: #333;
    margin-bottom: 5px;
}
.news_list li div a:hover {
    color: #f30;
}

.video-wrap{ max-width:100%; width:640px; margin:0 auto;}


.side{position:fixed;width:50px;height:275px;right:0;top:250px;z-index:100;}
.side ul li{width:50px;height:50px;float:left;position:relative;margin-bottom:2px;}
.side ul li .sidebox{position:absolute;width:50px;height:50px;border-radius:5px 0 0 5px;top:0;right:0;transition:all 0.3s;background:#000022;color:#fff;font:16px/50px "微软雅黑";overflow:hidden;}
.side ul li a:hover .sidebox{width:175px;box-sizing: border-box;}
.side ul li img{float:right;max-width: 100%;}
.side2{position:fixed;width:40px;right:10px;z-index:100;top:500px;height:80px;}
.side2 ul li{width:40px;height:40px;}
.side2 ul li a{display:block;background-color:#e4392a;height:40px;width:40px;text-align:center;line-height:40px;}
.side2 ul li a img{vertical-align:middle;display:inline-block;}
.side2 ul li a:hover{background-color:#000022;}
.side2 ul li .weixin{position:absolute;left:-154px;bottom:0;display:none;}
.side2 ul li .weixin em{background:url(../images/arr3.png) no-repeat;width:5px;height:17px;display:block;position:absolute;right:-5px;top:50%;margin-top:3px;}
.side2 ul li .weixin img{display:block;}

.cons-cas{margin-bottom:50px; }
.cons-cas ul{list-style:none;border-top:1px solid #ddd;}
.cons-cas li{float:left; width:50%; line-height:2.2; padding:10px 15px; border-bottom:1px solid #ddd;}
.cons-cas li:nth-child(2n){ border-left:1px solid #ddd;}

.cons-catis .tit{ font-weight:bold; text-align:center; color:#0d3674; font-size:36px;}
.cons-catis .tis{ font-size:18px; text-align:center; margin:20px 0 40px;word-spacing:5px; }