/*network nav*/

.logo-img{margin-left:-20px;margin-top:-3px;}

.banh{ width: 216px; height:98px; margin: 0 auto;}

.net-body{width:100%;}

 .news-body > div{width:85%;  margin:0 auto; text-align: center; }

 .news-body > div img{ margin: 0 auto;}

 .news-body{ margin-top: 30px;}

.foot{/*  margin-top: 40px; */}

.news-nav{width:100%;height:60px;background:#333; margin: 0 auto; position: relative;}

.news-nav-left{ width:70%; float:left; position: relative;}

.news-nav-left ul{ list-style: none;}

.news-nav-left ul li{ float:left;}

.news-no{position: absolute; left:0px;top:0px;font-family: "微软雅黑","Microsoft Yahei";font-size: 14px;color:#999; width: 100%;height:60px;}

.news-no li a{font-family: "微软雅黑","Microsoft Yahei";font-size: 14px;color:#999; text-decoration: none;}

.news-no li{line-height: 60px; cursor: pointer;width:100px;height:60px;text-align:center;}

.news-no li:first-child{margin-left:4%;}
.news-no li:hover{background:#CB1814;}
.news-no li:hover a p{color:#fff;}
.news-no li:last-child{margin-left:0%;}

.news-top{width:100%;height:100px; text-align:center; margin-top: 70px; font-family:'FuturaCondensedBQ-Medium' ;}

.news-on li{opacity:0;filter:alpha(opacity=0);width:100px;height:90px; text-align: center;   position: relative;cursor: pointer;}

#banner-brand{background: url(../images/pinpai.jpg);

 background-position: center center !important;

    background-repeat:no-repeat  !important;

    background-size:cover  !important

}

.news-on li > div {width:100%;}

.news-on li span{ display: block;  width: 0;

    height: 0;

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    

	position: absolute;top:0px;right:-15px;z-index: 20;

}

.news-on li:first-child{margin-left:0px;}

.news-on{position: absolute; left:0px;top:-30px;width: 100%; }

.news-on li:first-child{padding-left:0px;}

.news-on li a{font-family: "微软雅黑","Microsoft Yahei";font-size: 16px;color:#fff; text-decoration: none;}

.news-nav-right{float:right;width:250px;height:20px; position: absolute; top:50%; margin-top: -10px;right:0px; }

.news-nav-right span{font-family: "微软雅黑","Microsoft Yahei";font-size: 14px;color:#999; cursor:pointer ; }

.news-nav-right a{ text-decoration: none; color:#999;}

.news-nav-right a:hover{ text-decoration: none; color:#999;}

/* support*/

.service-main{ width:100%;}

.service-body{ width:80%;height:100%;  margin:0 auto; margin-top: 50px; position: relative;}



.row-2{ margin-top: 50px;}

.row-3 h3{ margin-top: 0px !important;}





#service-l > div:first-child{ width: 100%; height:100%; }

#service-r { vertical-align: bottom; }

#service-r h3{ font-family: "微软雅黑","Microsoft Yahei"; margin-top: 30px;}

#service-r p{ font-family: "微软雅黑","Microsoft Yahei"; color: #666; line-height:30px;}



.s-pic{ width: 100%; height:100%; overflow: hidden; cursor: pointer; }

.s-pic img{width: 100%; height:100%;

transition: transform .5s ease-in-out;

-webkit-transition: transform .5s ease-in-out;

-moz-transition: transform .5s ease-in-out;

-ms-transition: transform .5s ease-in-out;

-o-transition: transform .5s ease-in-out;



}

.s-pic:hover img{

transform: scale(1.2,1.2);

-webkit-transform: scale(1.2,1.2);

-moz-transform: scale(1.2,1.2);

-o-transform: scale(1.2,1.2);

-ms-transform: scale(1.2,1.2);

		

}

/*engi*/

.anti{ width:100% ;height:550px;  margin-top: 0px; padding-top: 20px; position: relative;}

.anti-top{ text-align: center; margin-top: 20px;}

.anti-top h1{ font-family: 'FuturaCondensedBQ-Medium'; color: #000;}

.anti-top h3{ margin-top: 0px;}

.anti-body{ width:100%;  }
.row1{margin-top:15px;margin-bottom:15px;}
#row1{ width:50%; text-align: center; margin: 0 auto; margin-top: 30px;}

#row1 h3{ font-family: "微软雅黑","Microsoft Yahei"; color:#fff; font-size: 16px; line-height: 30px; }

#row1 span{ display: inline-block; width:20px; height:2px; background: #fff; margin-top: -20px;}

#row1 p{font-family: "微软雅黑","Microsoft Yahei"; color:#999; font-size: 12px; }

#row2{ width:72%; margin: 0 auto; margin-top: 50px;}

.sq{ width:80px; height:80px; background: url(../images/e-icon-1.png); margin: 0 auto; transition: transform .3s ease-in-out;

-webkit-transition: transform .3s ease-in-out;-moz-transition: transform .3s ease-in-out;-ms-transition: transform .3s ease-in-out;

-o-transition: transform .3s ease-in-out;

}

.sq:hover{transform: rotateY(90deg) !important;-webkit-transform: rotate(360deg) !important;

-moz-transform: rotate(360deg) !important;-ms-transform: rotate(360deg) !important;-o-transform: rotate(360deg) !important;

}

.sz{ width:80px; height:80px; background: url(../images/e-icon-2.png); margin: 0 auto;transition: transform .3s ease-in-out;

-webkit-transition: transform .3s ease-in-out;-moz-transition: transform .3s ease-in-out;-ms-transition: transform .3s ease-in-out;

-o-transition: transform .3s ease-in-out;}

.sz:hover{transform: rotateY(90deg) !important;-webkit-transform: rotate(360deg) !important;

-moz-transform: rotate(360deg) !important;-ms-transform: rotate(360deg) !important;-o-transform: rotate(360deg) !important;

}

.sh{ width:80px; height:80px; background: url(../images/e-icon-3.png); margin: 0 auto;transition: transform .3s ease-in-out;

-webkit-transition: transform .3s ease-in-out;-moz-transition: transform .3s ease-in-out;-ms-transition: transform .3s ease-in-out;

-o-transition: transform .3s ease-in-out;}

.sh:hover{transform: rotateY(90deg) !important;-webkit-transform: rotate(360deg) !important;

-moz-transform: rotate(360deg) !important;-ms-transform: rotate(360deg) !important;-o-transform: rotate(360deg) !important;

}

#row2 h3{ font-family: "微软雅黑","Microsoft Yahei"; color:#000; font-size: 16px;  }

#row2 p{ font-family: "微软雅黑","Microsoft Yahei"; color:#999; font-size: 12px;  text-align:center;   }

#row2 > div{text-align: center;}



/*culture*/

.culture{ width:100%; height:600px; background: url(../images/bg2.jpg);background-repeat:no-repeat ;

background-position:center  center;  background-size:cover ;

 padding-top: 40px;}

.culture .row{width:80%; margin: 0 auto;font-family: "微软雅黑","Microsoft Yahei";color: #fff;}

.cul-top{width:100%; height:150px;}

.sp-left{ width:100%; height:230px;overflow: hidden;}

.sp-left img{ transition: transform .3s ease-in-out; -webkit-transition: transform .3s ease-in-out; -moz-transition: transform .3s ease-in-out; 

-ms-transition: transform .3s ease-in-out; -oztransition: transform .3s ease-in-out;cursor: pointer; }

.sp-left:hover img{

transform: scale(1.2,1.2);

-webkit-transform: scale(1.2,1.2);

-moz-transform: scale(1.2,1.2);

-o-transform: scale(1.2,1.2);

-ms-transform: scale(1.2,1.2);

	

}

/*store*/

.store{ width:100%;height:550px; background: url(../images/bgst.png);margin-top:70px; padding-top: 50px;}

.store-m{width:70%;height:100%; margin: 0 auto;}

.st-left{ width:25%; height:650px;float:left;}

.st-r{ width:75%; height:440px;float:left;}

.left-t{width:100%;height:300px;background: #CA1713; padding-top: 40px;}

.left-t > div{text-align: center;}

.left-t > div p{width:80%;font-family: "微软雅黑","Microsoft Yahei";color: #fff;  margin: 20px auto;;}

.sp-l2{ display: inline-block;width: 36px;height: 36px;background: url(../images/stl.png);

 position: absolute;left:-25%;top:220px;}

.sp-r2{ display: inline-block;width: 36px;height: 36px;background: url(../images/str.png);

position: absolute;left:-15%;top:220px;}

.item-t{ width:100%;height:140px;  overflow: hidden;}

.item-t1{ width:50%}

.item-t1 img{ width:100%;float: left;height:140px}

.item-t2{ width:50%; background: #fff;height:100%;float: left; position: relative;}

.item-t2 h5{margin-left: 15px; margin-top:20px ;}

.item-t2  hr{width:95px;height:2px;border: none;border-top: 2px solid #CB1714; margin-left: 15px; margin-top: 0px;}

.item-t2 p{ font-family: "微软雅黑","Microsoft Yahei"; font-size: 12px; width: 60%;margin-left: 15px;margin-top: 0px;}

.item-t2 .more{ width: 38px;height:38px; background: #333; position: absolute;top:40px; right:20px;text-align: center; cursor:pointer;}

.item-t2 .more a{ color:#fff;font-family: "微软雅黑","Microsoft Yahei";font-size: 14px; line-height: 10px;

text-decoration: none;

}



.item-l{ width:40%;height:320px; background: #fff;float: left;margin-top: 0px;}

.item-t3{width:100%;height:50%;position: relative; padding-top: 20px;}

.item-t3 h5{margin-left: 15px;}

.item-t3  hr{width:95px;height:2px;border: none;border-top: 2px solid #CB1714; margin-left: 15px; margin-top: 0px;}

.item-t3 p{ font-family: "微软雅黑","Microsoft Yahei"; font-size: 12px; width: 60%;margin-left: 15px;margin-top: 0px;}

.item-t3 .more{ width: 38px;height:38px; background: #333; position: absolute;top:50%;margin-top: -19px; right:20px;text-align: center; cursor:pointer;}

.item-t3 .more a{ color:#fff;font-family: "微软雅黑","Microsoft Yahei";font-size: 14px; line-height: 10px;

text-decoration: none;

}



.item-t4{width:100%;height:50%; overflow: hidden;}

.item-t4 img{width:100%;height:100%;}

.item-r{ width:60%;height:320px;overflow: hidden;float: left;}

.item-r img{width:100%;height:100%;}





.small{ width:100%;height:160px; background-color: #fff;margin-top: -10px;}



.small h5{margin-left: 15px; margin-top: 20px;}

.small  hr{width:95px;height:2px;border: none;border-top: 2px solid #CB1714; margin-left: 15px; margin-top: 0px;}

.small p{ font-family: "微软雅黑","Microsoft Yahei"; font-size: 12px; width: 90%;margin-left: 15px; margin-top: -10px;}

.small .more{line-height: 20px; width: 74px;height:20px; background: #333; position: absolute;bottom:30px; left:20px;text-align: center; cursor:pointer;}

.small .more a{ color:#fff;font-family: "微软雅黑","Microsoft Yahei";font-size: 14px; line-height: 10px;

text-decoration: none;}



/*project*/

#project{ width:100%}

.vmc-centered{ padding: 10px 0; }

.vmc-centered img { transition: all 0.3s ease;  opacity: 0.5;}

.vmc-centered .vmc_active img { transform: scale(1.6); opacity: 1; }

/*solid*/

.sp-l{ display: inline-block;width: 36px;height: 36px;background: url(../images/sp-l.png); position: absolute;right:-50px;top:100px;}

.sp-r{ display: inline-block;width: 36px;height: 36px;background: url(../images/sp-r.png);position: absolute;right:-50px;top:180px;}

.item .row{ width:100%;height:100%}

.sp-son{ width:100%; overflow: hidden; cursor: pointer;}

.sp-son:hover img{transform: scale(1.2,1.2);

-webkit-transform: scale(1.2,1.2);

-moz-transform: scale(1.2,1.2);

-o-transform: scale(1.2,1.2);

-ms-transform: scale(1.2,1.2);}

.sp-son img{ transition: transform .3s ease-in-out; -webkit-transition: transform .3s ease-in-out; -moz-transition: transform .3s ease-in-out; 

-ms-transition: transform .3s ease-in-out; -oztransition: transform .3s ease-in-out;}



/*视频弹窗*/

.m-pop{z-index: 120;width: 100%;height: 100%;position: fixed;left: 0;right: 0;top:0;bottom:0;background-color: rgba(0,0,0,.5);

    -o-animation: aniV .5s ease-in-out both;

    -moz-animation: aniV .5s ease-in-out both;

    -webkit-animation: aniV .5s ease-in-out both;

    animation: aniV .5s ease-in-out both;

}

#video{ background: #000;}

.m-pop iframe{display: block;width: 100%;height: 100%;}

.m-pop .m-video{width: 698px;height: 478px;position: absolute;left: 50%;top: 50%;margin-left: -349px;margin-top: -236px;z-index: 100;overflow: hidden;}

.m-pop .m-video video{width: 100%;height: 100%;display: block;}

.m-pop .txt{position: absolute;top: 0;left: 0;right: 0;height: 46px;line-height: 46px;background-color: #CA1713;padding: 0 12px;color: #fff;font-size: 13px;}

.m-pop .txt h5{font-weight:normal; }

.m-pop .close{ background: url(../images/video_close.png) no-repeat center center;

    display: block;

    width: 12px;height: 46px;

    position: absolute;right: 0;top: 0;z-index: 1001;

    cursor: pointer; top: 0; right: 10px;

}

@-webkit-keyframes aniV {

  0% {

    transform: scale(0.6);

  }

  100% {

    transform: scale(1);

  }

}

@-moz-keyframes aniV {

  0% {

    transform: scale(0.6);

  }

  100% {

    transform: scale(1);

  }

}

@-o-keyframes aniV {

  0% {

    transform: scale(0.6);

  }

  100% {

    transform: scale(1);

  }

}

@keyframes aniV {

  0% {

    transform: scale(0.6);

  }

  100% {

    transform: scale(1);

  }

}

/*

-----------------[视频弹窗]--------------*/

/*nav*/



@media (max-width: 1337px){



}



@media (max-width: 1337px){



#news-nav { width:100%;}

}

@media (max-width: 1037px){

.news-nav-left{ clear: both; width:100%;}

.news-nav-right{ clear: both; top:130% ;left:0px; text-align: left;}

.news-no li{width:15%;}

.news-on li{width:15%;}	

}

@media  (max-width: 767px) {

.news-top { margin-top:100px;}

#n1 { margin-top: 80px;}

#n3{ margin-top: 80px;}

.pro-main{ margin-top: 10px;}	

}

@media  (max-width: 400px) {

.news-top { margin-top: 100px;}

.pro-main{ margin-top: 30px;}	

}





@media  (max-width:660px){

.news-no li:first-child{margin-left:3%;}

}

@media  (max-width:640px){

.news-no li a{font-size: 12px !important;}

.news-on li a{font-size: 14px !important;}

}



@media (min-width:484px) and (max-width:549px){

	

.news-no li{width:14% ; margin-left:2% ;}

.news-no li:first-child{margin-left:2%;}

.news-no li:last-child{margin-left:3%;}

.news-on li{width:16% ;}



}

@media (max-width:459px){

.news-no li{width:14% ; margin-left:2% ;}

.news-no li:first-child{margin-left:0%;}

.news-no li:last-child{margin-left:2%;}

.news-on li{width:16% ;}



}

@media (max-width:370px){

.news-on li p{ font-size: 12px;}	

}

@media (max-width:359px){

.news-no li{width:15% ; margin-left:1% ; }

.news-no li:first-child{margin-left:0%;}

.news-no li:last-child{margin-left:3%;}	

}





@media (max-width:320px){

	.news-no li{width:15% ; margin-left:1% ; line-height: 20px; padding-top: 20px;}

	.news-on li:last-child{ width:17%}

}

/* pro-nav*/

@media (max-width:1200px){

.product-top ul{ padding-left:0%;}

}

@media (max-width:980px){

.product-top > div {width:80%; }

.product-top li{ margin-left: 6%;}

.product-top ul{ padding-left: 4%;}

	}

@media (max-width:833px){

.product-top > div {width:90%; }

.product-top ul{ padding-left: 0%;}

	}

@media (max-width:710px){

.product-top li{ margin-left: 3%;}

.product-top ul{ padding-left: 2%;}

}

@media (max-width:650px){

.product-top li a{ font-size: 12px;}	

.product-top li{ width:135px;}

.product-top ul{ padding-left: 8%;}

}

@media (max-width:555px){

.product-top > div {width:100%; }

}

@media (max-width:500px){

.product-top li:last-child{ margin-top: 10px;}

	}

@media (max-width:991px){

.culture{height:1000px}

	}

@media  (min-width: 375px) and (max-width: 490px) {
	.item .row{ width: 100%;}	

	.culture .row{ width: 100%;}
	}

@media (max-width:320px){

.culture{height:1100px}

	}



/*store*/

@media (max-width: 1000px){

.store-m{ width:80%}

}

@media (max-width: 730px){

.store-m{ width:100%}

.sp-l2{top:250px}

.sp-r2{top:250px}

}

@media (max-width: 500px) {

.st-left{ display: none;}

.st-r{ width:100%;}

.sp-l2{top:490px; left:0px;}

.sp-r2{top:490px;left:100px;}

.store{height:600px}

.item-t3 .more{ right:0px;}

.item-t2 .more{ right:0px;}

.item-t3 h5{margin-left: 0px; margin-top:0px}

.item-t3  hr{margin-left: 0px;}

.item-t3 p{margin-left: 0px; }

}

@media (max-width: 767px) {

	

}

@media (max-width: 480px) {

	.m-pop .m-video video { height:250px;}

.m-pop .m-video{width: 90%;

    height: 250px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -45%;

    margin-top: -125px;

    z-index: 100;overflow: hidden;}

	

}

@media (max-width: 320px) {

.sp-son{ width:120%}

	

}