@charset "utf-8";
/* CSS Document */
.flexslider{position:relative;height:780px;background:url(../images/loading.gif) 45% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:780px;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:47%;}
.flex-direction-nav li a{display:block;width:50px;height:110px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:0px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:0px;background:url(../images/next.png) center center no-repeat;}
.flex-direction-nav li a:hover.flex-prev{background:url(../images/prev_hover.png) center center no-repeat;}
.flex-direction-nav li a:hover.flex-next{background:url(../images/next_hover.png) center center no-repeat;}
@media only screen and (max-width: 1440px) {
.flexslider{height:640px;}
.slides li{height:640px;}
}
@media only screen and (max-width: 1366px) {
.flexslider{height:570px;overflow:hidden;}
.slides li{height:570px;}
}
@media only screen and (max-width: 1280px) {
.flexslider{height:533px;overflow:hidden;}
.slides li{height:533px;}
}
@media only screen and (max-width: 1024px) {
.flexslider{height:430px;overflow:hidden;}
.slides li{height:430px;}
}
/*通用*/
.index_title{float:left;width:100%;border-bottom:1px solid #EFF0F4;padding-bottom:10px;}
.index_tit{color:#000000;font-size:30px;}
.index_title p{color:#333;font-size:16px; text-align:center; line-height:28px; width:75%; margin:0 auto; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}

/*优势*/
.cent_box1{padding:20px 0 66px; background-color: #F9F9F9;}
.cent_box1 .cen_other{padding:0;}
.cent_box1 .chan_tit{width:67%;}
.cen_other li{position:relative; height:300px;}
.cen_other .li02{background-color:transparent;}
.cen_other .li03{background-color: #2a2a51;}
.cen_other .li02 .info,.cen_other .li04 .info{position: absolute;top: 0;left: 0;right:0;bottom:0;background: 0;}
.cen_other .li03 .info,.cen_other .li04 .info{padding:31% 15%;}
.cent_box1 .cen_other li .info .p{font-size:14px;line-height: normal;}
.pro_other{padding:60px 0;}
.pro_other .info{padding:20% 10% 0; background:url(../images/line.png) right top no-repeat; position:relative; color:#fff; text-align: center;}
.pro_other .info .i_a{display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.pro_other .info .img{display:block; text-align: center;margin-bottom: 30px;}
.pro_other .info .img .ico2{width:65px; height:71px; background-position:0 -129px;}
.pro_other .info ._tel{font-size:32px;font-family: Arial; color:#fff;display: block;line-height: 30px;}
.pro_other .info .tit{ padding-top:10%;font-size:30px; font-weight: normal; line-height: 57px; transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.pro_other .li02 .info{padding:32% 10% 0;}
.pro_other .li01{background-color:#3399FF;}
.pro_other .li02{background-color:#2a2a51;}
.pro_other li:hover ._full{transform:scale(1.05);-webkit-transform:scale(1.05);}
.pro_other li:hover .tit{font-size:35px}
.fw_other .li02 .info,.fw_other .li01 .info{ padding: 31% 10%;}
.fw_other .li01 .info .p{ font-size: 13px; line-height: normal}

/*产品*/
.index_products{float:left;width:102%;margin-left:-2%; padding-top:45px;}
.procol{float:left;width:100%;}
.scrollpic {width:100%;margin:50px auto 0 auto;}
#myscroll {display: block;width: 100%;position: relative;height: 570px;overflow: hidden;}
#myscroll #myscrollbox {display: block;float: left;position: absolute;left: 0;top: 0;width: 1000000px;}
#myscroll ul {display: block;float: left;list-style-type: none;padding: 0;margin: 0;}
#myscroll ul li {display: block;float: left;width:305px;}
#myscroll ul li:first-child{margin-left:25px;}
#myscroll ul li .index_products_single{display: block;float:left;border:1px solid  #DFDFDF;}
#myscroll ul li .index_products_img{float:left;width:100%;position:relative;position:relative;overflow:hidden;}
#myscroll ul li .index_products_img img{ width:280px; height: 260px;}
#myscroll ul li .index_products_img:hover .index_productsimg{transform:scale(1.1);-webkit-transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-transform:scale(1.1);}
#myscroll ul li .index_products_text{float:left;margin-left:15px;margin-top:8px;width:calc(100% - 30px);color:#7A838C;font-size:14px;line-height:22px;text-align:center;height:74px;}
#myscroll ul li .index_readmore{float:left;width:100%;color:#428BCA;font-size:14px;font-style:italic;text-align:center;margin-bottom:30px;margin-top:25px;}
#myscroll ul li .index_readmore:hover{color:#2C1A6E;}
#myscroll ul li .index_productsimg{float:left;width:100%;}
#myscroll ul li .index_products_name{float:left;width:96%; padding:0 2% 1%;text-align:center;font-size:16px;color:#000000;margin:15px 0 8px;height:45px;position:relative;}
#myscroll ul li .index_products_name:before{content:'';position:absolute;left:calc(50% - 50px);bottom:0px;background:#000;width:100px;height:2px;}
#myscroll ul li .index_products_name:hover{color:#2C1A6E;font-weight:bold;}
#myscroll ul li .index_products_name:hover:before{background: #2C1A6E;bottom: 5px;}
#mybtns a {width: 42px;height: 42px;display: block;float: right;margin-right: 1px;background-color: #c1c1c1;margin-left:10px;}
#mybtns a:hover {background-color: #347fdc;}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll #myscrollbox {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#mybtns #left {background-image: url(../images/jt_l.png);}
#mybtns #right {background-image: url(../images/jt_r.png);}


/*关于*/
.index_about{float:left;width:100%;margin-top:50px;height:540px;background: url(../images/aboutbk.jpg) no-repeat top;background-size: 100% 100%;}
.index_about_left{float:left;width:48%;display:block;}
.index_about_title{float:left;width:100%;color:#000000;font-size:32px;font-weight: normal;position:relative;padding-bottom:10px;}
.index_about_title:before{content:'';position:absolute;left:0;bottom:0;width:50px;height:3px;background:#428BCA;}
.index_about_title:hover:before{width:100%;}
.index_about_text{margin-top:40px;float:left;width:100%;font-size:14px;color:#7A838C;line-height:30px;}
.index_about_text p{ text-indent:2em;}
.index_about_right{float:left;width:46%;margin-left:6%;}
.index_more{float:left;width:200px;margin-top:30px; background-color:#0057A7;text-align:center; padding:5px 0;}
.index_more:hover{background-color: #0068C6;}
.index_readmore{color:#fff;font-size:18px;line-height:35px;margin-top:20px; }
.index_readmore:hover{background:none;}

/*新闻*/
.nv{float:left;width:100%;}
.newsk{float:left;width:102%;margin-top:50px;}
.nscrollpic {width:100%;margin:50px auto 0 auto;}
#nyscroll {display: block;width: 100%;position: relative;height: 570px;overflow: hidden;}
#nyscroll #nyscrollbox {display: block;float: left;position: absolute;left: 0;top: 0;width: 1000000px;}
#nyscroll ul {display: block;float: left;list-style-type: none;padding: 0;margin: 0;}
#nyscroll ul li {display: block;float: left; width:390px; margin-left:20px;}
#nyscroll ul li:first-child{margin-left:0px;}
#nyscroll ul li .move-pr-box{float:left;wmargin-left:2%;border:1px solid #D0D0D0; position:relative;}
#nyscroll ul li .move-pr-box:hover{margin-top:-10px;}
#nyscroll ul li .blogtitle{float:left;width:100%;color:#0D0403;font-size:50px;font-family:"微软雅黑",impact;border-bottom: 1px solid #E4E4E4;position:relative;padding-bottom:15px;}
#nyscroll ul li .blogtitle:before{content: '';width: 368px;height: 3px;background: #0575BD;position: absolute;left: 0px;bottom: -1.5px;}
#nyscroll ul li .justify-k{float:left;width:64%;}
#nyscroll ul li .blogdatek{position:absolute;top:0px;width:80px;height:100px;overflow:hidden;background:#428BCA;}
#nyscroll ul li .newstimenk{float:left;margin-left:15px;margin-top:25px;width:calc(100% - 30px);}
#nyscroll ul li .bdyear{float:left;width:100%;text-align:center;color:#fff;font-size:27px;line-height:32px;border-bottom:1px solid #fff;font-weight:bold;padding-bottom:5px;}
#nyscroll ul li .bdDate{float:left;width:100%;font-size:16px;color:#fff;text-align:center;font-weight:bold;text-transform:uppercase;margin-top:10px;}
#nyscroll ul li .blogtextk{float:left;width:calc(100% - 40px);margin-left:20px;margin-top:18px;height:250px;}
#nyscroll ul li .blogdatak{float:left;width:100%;}
#nyscroll ul li .bdico{float:left;width:14px;}
#nyscroll ul li .bdtextd{float:left;margin-left:10px;color:#B9C1CF;font-size:14px;}
#nyscroll ul li .blogtexttitle{float:left;width:100%;color:#505050;font-size:16px;margin-top:25px;}
#nyscroll ul li .blogtexttitle:hover{color:#428BCA;}
#nyscroll ul li .blogtext{float:left;width:100%;color:#999;font-size:14px;margin-top:25px;line-height:20px;}
#nyscroll ul li .abimg{float:left;width:100%;overflow:hidden;}
#nyscroll ul li .abimg img{float:left;width:100%;}
#nyscroll ul li .abimg:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-transform:scale(1.1);}
#nyscroll ul li .abtextk{float:left;width:100%;margin-top:20px;}
#nyscroll ul li .abtext{margin-top:30px;float:left;width:100%;color:#979797;font-size:16px;font-family: LW;}
#nyscroll ul li .readmork{margin-top:25px;float:left;width:100%;}
#nyscroll ul li .abreadmore{float:left;width: 125px;height: 35px;border: 2px solid #E60012;border-radius: 4px;line-height: 35px;text-align: center;color: #E60012;font-size: 16px;display: block;}
#nyscroll ul li .abreadmore:hover{color: #fff;background:#E60012;}
#nyscroll ul li .blogdatak{float:left;width:100%;}
#nyscroll ul li .bdico{float:left;width:14px;}
#nyscroll ul li .bdtextd{float:left;margin-left:10px;color:#B9C1CF;font-size:14px;}
#nybtns a {width: 42px;height: 42px;display: block;float: right;margin-right: 1px;background-color: #c1c1c1;margin-left:10px;}
#webkit a:hover {background-color: #347fdc;}
.new_btns{ background-color: #c1c1c1;height: 42px;width:112px; float: right; text-align:center; color:#FFFFFF;}
.new_btns:hover {background-color: #347fdc;}
.new_btns a{color:#fff;font-size:16px;line-height:42px;}
#nybtns a:hover, #nyscroll, #nybtns a, #nyscroll #nyscrollbox {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#nybtns #n_left {background-image: url(../images/jt_l.png);}
#nybtns #n_right {background-image: url(../images/jt_r.png);}

.ab-readmore{float:left;color:#999;font-size:14px;line-height:35px;font-style:"微软雅黑",italic;margin-top:20px;}
.ab-readmore:hover{background:none;color:#428BCA;}