@charset "utf-8";
/* CSS Document */
.flexslider{position:relative;height:780px;background:url(../images/loading.gif) 45% no-repeat;padding-top: 80px;}
.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;}
.mb_11{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%;padding-top:70px;}
.procol{float:left;width:100%;}
.scrollpic {width:100%;margin:90px auto 0 auto;}
#myscroll {display: block;width: 100%;position: relative;height: 600px;overflow: hidden;}
#myscroll #myscrollbox {display: block;float: left;position: absolute;left: 0;top: 0;width: 100%;}
#myscroll ul {display: block;float: left;list-style-type: none;padding: 0;margin: 0;}
#myscroll ul li {display: block;float: left;width:24%;    padding: 5px;}
#myscroll ul li:first-child{    margin-left: 5px;}
#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{ }
#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:20px;width:calc(100% - 30px);color:#7A838C;font-size:14px;line-height:22px;text-align:center;height:60px;}
#myscroll ul li .index_readmore{float:left;width:100%;color:#2c4d67;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%;text-align:center;font-size:16px;color:#000000;margin-top:20px;height:40px;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:70px;height:540px;background:url(../images/parallax1.jpg) no-repeat;background-size: 100% 100%;position: relative;
    background-attachment: fixed;
    background-size: cover;}
.index_about_left{float:left;width:100%;display:block;    padding-top: 40px;}
.index_about_title{float:left;width:100%;color:#fff;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:2px;background:#b2cada;}
.index_about_title:hover:before{width:100%;}
.index_about_text{margin-top:40px;float:left;width:100%;font-size:16px;color:#7A838C;line-height:30px;}
.index_about_text p{color:#fff;}
.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 70px auto;}
#nyscroll {display: block;width: 100%;position: relative;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:100%;     margin-bottom: 20px;}
#nyscroll ul li:first-child{margin-left:0px;}
#nyscroll ul li .move-pr-box{float:left;border:1px solid #D0D0D0; position:relative;width:97%;}
#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:85px;height:100px;overflow:hidden;background:#2c4d67;}
#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:12px;color:#fff;text-align:center;font-weight:bold;text-transform:uppercase;margin-top:10px;}
#nyscroll ul li .blogtextk{float:left;width:87%;margin-left:110px;margin-top:18px;height:81px;}
#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:22px;margin-top:5px;}
#nyscroll ul li .blogtext{float:left;width:100%;color:#7A838C;font-size:14px;margin-top:5px;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:18px;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:right;color:#B9C1CF;font-size:15.21px;font-style:italic;margin-top:-20px;}
.ab-readmore:hover{background:none;color:#0D0403;}


@media screen and (max-width: 1260px) {
	.mid-index_products{
		float:left;
width:96%;
margin-left:2%;
	}
.nvcenter {
	float:left;
width:96%;
margin-left:2%;
}
	.feedbmid{
	float:left;
margin-left:2%;
width:96%;
	}
	.about-white-k2{
	float:left;
width:96%;
margin-left:2%;
	}
	.tjstext{
	height:140px;
	}
	.index_products_nameb{
	height:50px;
	}
.tjprdk {
    width: 96%;
float:left;
margin-left:2%;
}
	.product-n-k{
	width:96%;
margin-left:2%;
	}
	.selmid{
	float:left;
margin-left:2%;
width:96%;
	}

	.banntext{
	height:50px;
	}
.bannbtnk {
    margin-top: 20px;
}
.bannbout {
    float: left;
    width: 95%!important;
    height: 50px;
    background: #EF8200;
    text-align: center;
    line-height: 50px;
    color: #fff;
}

.bannap {
    float: left;
    width: calc(95% - 4px)!important;
    height: 46px;
    text-align: center;
    line-height: 46px;
    color: #fff;
    border: 2px solid #fff;
    margin-left: 0;
margin-top:10px;
}

.banntextk {
    width: 225px;
    left: calc(90% - 225px);
}
.banntext{
	font-size:20px;
}

.video-text-k {
  
    margin-top: 0px;
}
.new-time {
 
    margin-top: 20px;
}
	.yellow-readmore{
	margin-top:20px;
	}

	.video-k-k{
		width: 96%;
    height: 245px;
    margin-left: 2%;
    margin-top: 2%;
	}
.video {
    width:calc( 60% - 4px);
    margin-left: 3%;
}
	.news-k-k{
	width: 96%;
    height: 245px;
    margin-left: 2%;
    margin-top: 2%;
	}
	.news{
	width:37%;
	}
.about-box2 {
    width: 96%;
    margin-left:2%;
}

	.rerl1{font-size:40px;}
.reve-mid {
	margin-left:2%;
    width: 96%;

}



.move-product{
	width:102%;
margin-left:-2%;
}


.protitlek{    width: 96%;
    float:left;
margin-left:2%;}
.about-box2 {
    width: 96%;
    float:left;
margin-left:2%;
}

 
    #product-pr-box{margin-left:5%;}
    .product-pr-box-aimg img{width:100%;}
    .img-move-p-k{margin-top: 5%;}
    .main_us_f{width:96%;margin-left:2%;}
    .about-box{float:left;width:96%;margin-left:2%;}

    .a-r-fa-content-k img{width:100%;}
    
.product-pr-single-downk {
    height: 20%;
}


}