@charset "utf-8";

*{margin: 0; padding: 0; box-sizing:border-box;

    -webkit-box-sizing:border-box;

    -moz-box-sizing:border-box;

    -webkit-tap-highlight-color: transparent} 

a:hover, button:hover{ cursor:pointer;}

body, button, input, select, textarea /* for ie */ {

    font: 14px / 1.5 "Gotham","Microsoft Yahei";

    -webkit-font-smoothing: antialiased;

}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */

code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */

small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化*/ 

ul, ol { list-style: none; }

ul li{ list-style: none; }

li{ list-style: none; }

a { text-decoration: none; }

article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,

summary, time, mark, audio, video {

    display: block;

    margin: 0;

    padding: 0;

}



.blank15{ display:block; height:15px; width:100%; clear:both;}

.clearfix{*zoom:1;}

img{ vertical-align:middle;}

.l{float: left;}

.r{float: right;}

.c{clear: both;}

body{font-family:"微软雅黑"; background:#fff;}

.clearfix:after{ 

    visibility: hidden; 

    display: block; 

    font-size: 0; 

    content: "."; 

    clear: both; 

    height: 0; 

}

.main{

	display: block;

	width: 100%;

	max-width:1200px;

	margin: 0 auto; 

}

.cpzx{ display:none;}

/*banner*/

.banner{ margin:0 auto 0 auto; overflow:hidden; height: 100%;  display:block;height: calc(100vh);position: relative;}
.banner .swiper-pagination  {
bottom: 65px!important; 
}

.banner .swiper-pagination-bullet{ background: #ffffff;opacity: 1; }

.banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;}

/*.banner .swiper-slide a{ height:100%; display:block;}

.line{ width:100%; position:absolute; bottom:80px; z-index:1; height:1px; background:#505254;}

.banner img{ width:100%; height:100%;}

.banner .swiper-pagination-fraction{ color:#fff; font-size:16px; left:50px;width:auto;bottom:70px;}

.banner .swiper-pagination-current{ color:#0086ca}

.bannerbtn .swiper-button-next, .bannerbtn .swiper-button-prev{	

font-size:20px; color:#fff;top:0; left:0; height:16px; width:16px; 

  border-left:2px solid #0086ca;   border-bottom:2px solid #0086ca; 

  -webkit-transform: translate(0,-13%) rotate(-315deg);  

  -moz-transform: translate(0,-13%) rotate(-315deg);

  -ms-transform: translate(0,-13%) rotate(-315deg);

  -o-transform: translate(0,-13%) rotate(-315deg);}

.bannerbtn .swiper-button-next{ left:120px; 

  -webkit-transform: translate(0,-13%) rotate(-135deg);

  -moz-transform: translate(0,-13%) rotate(-135deg);

  -ms-transform: translate(0,-13%) rotate(-135deg);

  -o-transform: translate(0,-13%) rotate(-135deg);}

*/











header{ width:100%; position:absolute; top:0; z-index:1;}

.logo{ float:left; background: #ffffff;}

.logo img{ height:180px; width:auto;}

.tel{ float:right; margin-top:20px;background:url(../img/tel_bg.png) no-repeat 0px 8px; padding-left:40px; color:#0086ca; font-size:30px;text-shadow: 1px 1px 1px #ffffff;}



.nav_click{ display:none;}

nav{ width:1200px;background:#0086ca; /*line-height:66px;*/line-height:59px; text-align:center;

position:relative; z-index: 22; /*margin:-33px auto 0 auto;*/margin:-59px auto 0 auto;}

nav li{width: 11.1%; position:relative; font-size:14px; color:#fff; float:left; background:url(../img/nav_bg.png) no-repeat right;}

nav li:last-child{ background:none;}

nav li a{ color:#fff; display:block;}



nav li dl{ display: none; z-index:2; background: #fff; border: 1px solid #d7d7d7; width: 130%; 

  position: absolute; top:80px; left:-12%; padding: 20px 0px; }

nav li i{display: none; height: 36px; background:url(../img/navdl_bg.png) no-repeat center;

position: absolute; top:54px; left: 0; right: 0; margin:0 auto; z-index:3} 

nav li dl dd{ float: left; width: 100%; text-align: center; font-size: 14px;

color:#757575; line-height:40px; }

nav li dl dd a{color:#757575;}

nav li dl dd a:hover{color:#0086ca;}

.yuyan img{ height: 20px; }

.navm ul{ width:100%; float:left;}

@media screen and (min-width:861px) {



.navm ul{ display: block;}

}

.navm{ position:relative; margin:0 auto;}

.navlogo{display:none; float:left; line-height: 56px;}

.navlogo img{height:59px;}

.navtel{display:none;float:left;font-size:20px; width:15.5%;

  background:url(../img/tel_bg2.png) no-repeat 0px center #000; 

padding-left:30px; color:#fff; }





.fixednav { margin-top:0; /*height:59px; */ position: fixed; top: 0px; left: 0px; width:100%;  z-index:11;

	 background-size:100% 100%;

}

.fixednav .navm{ width: 90% }

.fixednav .navm ul{ width:65%; margin-left: 2%;}

.fixednav .navm ul li{ padding: 0; width:10%; background: #0086ca;}
.fixednav .navm ul li.yuyan{ width: 15%; }
.navbj{background:url(../img/navbj.jpg) center center ;}

.navbj .navm{ background:#0086ca;}

.fixednav .navm{ background:none;}





/*产品中心*/

.dztit{ padding:50px 0px;}

.dtit{ font-size:26px; color:#0086ca; text-align:left; height:81px; line-height:120px;text-align:center;}

.dtit1{ background:url(../img/dtit_bg1.png) no-repeat; text-align:left; padding-left:40px;} 

.dtit2{ background:url(../img/dtit_bg2.png) no-repeat center;} 

.dtit3{ background:url(../img/dtit_bg3.png) no-repeat center;} 

.dtit4{ background:url(../img/dtit_bg4.png) no-repeat center;color:#fff;}

.dtit5{ background:url(../img/dtit_bg5.png) no-repeat center;}  



.pro li{float:left; width:24%; margin-right:1%; margin-bottom:15px; position:relative; background:#fff; overflow:hidden;

border:1px solid #e6e6e6; box-shadow:2px 2px 2px #e6e6e6; position:relative;}

.pro li:last-child{ margin-right: 0 }

.pro li .n_img{ width:100%; height:230px; overflow:hidden;}

.pro li .n_img img{ width:100%; height:100%; display:inline-block;}

.pro li .n_xia{ padding:20px;}

.pro li .n_tit{ font-size:18px; line-height:25px; height: 50px; color:#414141;}

.pro li .n_txt{ height:85px; overflow:hidden;  margin:15px 0; line-height:24px; font-size:14px;color:#777;}

.pro li:hover .n_tit{color:#0086ca;}

.pro_more{font-size:26px; text-align:center; color:#fff; background:url(../img/pro_dayuh.png) center #0086ca no-repeat; width:50px; height:50px; 

position:absolute; top:205px; right:0px;opacity:0;	filter:alpha(opacity=0);

 -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s;}

.pro li:hover .pro_more{ right:30px;opacity: 1;	filter:alpha(opacity=100);}



.dmore{ margin:0 auto; text-align:center; width:180px; height:50px; line-height:50px; text-transform:uppercase;

font-size:14px; color:#fff; border:2px solid #fff; display:block; margin-top:4%;}

.dmore:hover{color:#0086ca; border:2px solid #0086ca;}



/*工程案例*/

.gcanli{ margin:0 auto; background:#0086ca; height:420px;}

.danli{ width:100%; margin:0 auto; height:100%; overflow:hidden; position:relative;}

.anli{ width:100%; height:100%; position:relative;overflow: hidden;}

.anli_z{ width:54%; height:100%; padding:5% 4%; float:left; background:#fff;}

.anli_z h1{ font-size:20px; color:#414141; margin-bottom:35px;}

.anli_z:hover h1{ color:#0086ca}

.anli_z p{ font-size:14px; color:#777; margin-bottom:35px; line-height:25px; max-height:150px; overflow:hidden;}

.anli_z a.anlimore{font-size:14px; color:#0086ca; border:1px solid #0086ca; width:180px; height:50px; line-height:50px;

 background:url(../img/anlimore_bg.png) no-repeat 115px center; padding:0px 20px; display:block;}

 .anli_z a.anlimore:hover{ box-shadow:2px 3px 3px #ccc; -moz-box-shadow:2px 3px 2px #ccc;-webkit-box-shadow:2px 3px 2px #ccc;}

.anli_y{width:46%; height:100%; float:right;}

.anli_y img{width:100%; height:100%;}



.gcanli .swiper-button-next, .gcanli .swiper-button-prev{ top:auto;bottom:5%; color:#000; font-size:20px;

 height:30px; width:30px; border-left:4px solid #fff;   border-bottom:4px solid #fff;  }

.gcanli .swiper-button-next{

  -webkit-transform: translate(0,-50%) rotate(-135deg);

  -moz-transform: translate(0,-50%) rotate(-135deg);

  -ms-transform: translate(0,-50%) rotate(-135deg);

  -o-transform: translate(0,-50%) rotate(-135deg);}

.gcanli .swiper-button-prev{ right:100px; left:auto;

  -webkit-transform: translate(0,-50%) rotate(-315deg);

  -moz-transform: translate(0,-50%) rotate(-315deg);

  -ms-transform: translate(0,-50%) rotate(-315deg);

  -o-transform: translate(0,-50%) rotate(-315deg);}

  

  

  

  

/*关于我们*/

.about{ padding-bottom:50px;}

.about h1{ text-align:center; font-size:24px; color:#777;}

.about h1 span{ font-size:32px; color:#0086ca}

.introduction{ text-align:center;font-size:14px; color:#777; line-height:1.8; padding:30px 100px; }

.introduction p{ margin-bottom:20px;  }

.abmenu{}

.abmenu li{ float:left; font-size:20px; color:#414141; width:25%; text-align:center;}

.abmenu li a{color:#414141; }

.abmenu li:last-child{ margin-right:0;}

.abmenu li:hover{ color:#0086ca}

.abmenu li i{display:block; width:100%; height:160px; margin-bottom:20px;

-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}

.abmenu li .li1{background:url(../img/abmenu_li1.png) no-repeat center 0px; }

.abmenu li .li1:hover{background:url(../img/abmenu_li1.png) center -161px no-repeat;}

.abmenu li .li2{background:url(../img/abmenu_li2.png) no-repeat center 0px; }

.abmenu li .li2:hover{background:url(../img/abmenu_li2.png) center -161px no-repeat;}

.abmenu li .li3{background:url(../img/abmenu_li3.png) no-repeat center 0px; }

.abmenu li .li3:hover{background:url(../img/abmenu_li3.png) center -161px no-repeat;}

.abmenu li .li4{background:url(../img/abmenu_li4.png) no-repeat center 0px; }

.abmenu li .li4:hover{background:url(../img/abmenu_li4.png) center -161px no-repeat;}





/*新闻中心*/

.news{ background:url(../img/news_dbg.jpg) no-repeat top center; width:100%; padding-bottom:4%;    background-size: cover;}

.newli{width:26.2%; float:left;}

.newli>li, .newtu li{width:100%; float:left; padding:20px;}

.newtu li{width:100%; height:100%;}

.newli>li h1, .newtu li h1{ font-size:26px; color:#4f4f4f; margin-bottom:18px; line-height:1.1;}

.newli>li h1 span, .newtu li h1 span{ display:block; color:#777; font-size:16px;}

.newli>li p, .newtu li p{ border-top:1px solid #d7d7d7; padding:20px 0px; font-size:14px; color:#777; line-height:26px;}

.newli .new_more, .newtu .new_more{color:#bcbcbc; font-size:14px; text-transform:uppercase; display:block;} 



.newtu{ width:21.4%;  float:left;background:url(../img/news_sytu.jpg) no-repeat; height:487px;}

.mask{ width:100%; height:100%; opacity:0;filter:alpha(opacity=0);}

.newtu:hover .mask{opacity: 1;filter:alpha(opacity=100);}



.baise{ background:#fff}

.baise:hover{background:#0086ca; color:#fff;}

.baise:hover p{ border-top:1px solid #fff;}

.huise{ background:#f7f7f7}

.huise:hover{background:#e1e1e1}


.newli > li.huise p{ height:92px;}
.newli > li.baise p{ height:144px;}

.news h1, .news span, .news p, .news .new_more{transition:all 0.5s; -moz-transition:all 0.5s;

-ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}

.baise:hover h1, .baise:hover span, .baise:hover p, .baise:hover .new_more{ color:#fff;animation: bounceinL 0.5s;

-moz-animation: bounceinL 0.5s; -ms-animation: bounceinL 0.5s; -o-animation: bounceinL 0.5s; -webkit-animation: bounceinL 0.5s;}

.huise:hover h1, .huise:hover span, .huise:hover p, .huise:hover .new_more{ animation: bounceinY 0.5s;

-moz-animation: bounceinY 0.5s; -ms-animation: bounceinY 0.5s; -o-animation: bounceinY 0.5s; -webkit-animation: bounceinY 0.5s;}

@keyframes bounceinL{

    0%{opacity:0;transform:translateX(-40px);}

    100%{transform:translateX(0);}

}

@keyframes bounceinY{

    0%{opacity:0;transform:translateY(40px);}

    100%{transform:translateY(0);}

}







/*客户见证*/

.custome{width:100%; margin:0 auto; overflow:hidden; position:relative; margin-bottom:2%;}

.custscro{ height:170px; }

.custome li{ float:left; overflow:hidden;  }
.custome li a{margin-right:1%;  border:1px solid #ededed; display:block;  height:120px; line-height:120px; overflow:hidden; text-align:center; }
.custome li img{ width:auto; height:auto;max-width:100%; max-height:100%;/*-webkit-filter: grayscale(1);-moz-filter: grayscale(1);filter: grayscale(1);-ms-filter: grayscale(1);-o-filter: grayscale(1);filter: gray;*/}


.custdian .swiper-pagination-bullet{ width:14px; height:14px; border:3px solid #959595;}

.custdian .swiper-pagination-bullet-active{background:#0086ca; border:none;}

.custome li:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);

  filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: gray;}

.custome li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1);

-ms-transform:scale(1.1); -moz-transform:scale(1.1);}





















/*底部*/

.copy{width:100%; background:url(../img/foot_bg.png) repeat; padding-top:30px;font-size:14px; color:#747474;}

.copy ul{ width:50%; float: left;background:url(../img/footul_bg.png) no-repeat right;}



.copy ul li{ width:28%; float:left; background: none}

.copy ul li span{ font-size:16px; color:#b9b9b9; margin-bottom:15px;  display:inline-block;}

.copy ul li a{ display:block; float:left; width:100%;line-height:1.8;  color:#b9b9b9;}

.copy ul li a:hover{ color:#0086ca;}

.f_tel{ float:left; margin-left:4%;}

.f_tel h1{font-size:16px; margin-left:20px; margin-bottom:15px; padding-left:30px; background:url(../img/foot_telbg.png) no-repeat left}

.f_tel h2{ font-size:30px; color:#fff; background:#0086ca; border-radius:50px; padding:5px 30px; margin-bottom:20px; text-align:center; }

.f_tel p{line-height:1.8; }

.f_ma{ float:right;}
.f_ma img{ width:150px;}
.f_ma p{line-height:1.8; text-align:center; font-size:16px;}

.copyall{background:url(../img/foot_dibg.png) no-repeat top; padding-top:20px; margin-top:20px; padding-bottom:10px; width: 100%; text-align: center;}

.copyall a{ color:#747474;}

.copyall a:hover{ text-decoration: underline;}



@media screen and (max-width: 1214px) {

  .fixednav .navm{ width:99%;}

}

@media screen and (max-width: 1200px) {

nav{width: 100%}

.main{ max-width:100%; min-width:100%;}

.navlogo{ width: auto; }

.navtel{ background: none; padding:0; width: 14%; font-size:20px;}

.copy{ padding-left:10px; padding-right: 10px;}

}

@media screen and (max-width: 1200px) {

.f_ma{ display:none;}
}
@media screen and (max-width: 1042px) {

.navtel{width: 14%;font-size: 18px;}

}

@media screen and (max-width: 1024px) {



.navtel{ display: none!important }

.fixednav{ background: #0086ca }

.fixednav .navm ul{ width: 72% }

.dztit{ padding: 20px 0px }

}

@media screen and (max-width: 994px){
.fixednav .navm ul{ width: 72% }

}

@media screen and (max-width: 948px){

.f_tel{margin-left: 2%;}

.fixednav .navm ul{ width: 72% }

}



@media screen and (max-width: 909px){

.navlogo{width: 23%}

.f_tel h2{font-size: 24px;}

}

	



@media screen and (max-width:860px) {

.introduction{ text-align:left;font-size:14px; color:#777; line-height:1.8;  padding:30px 15px;}

.introduction p:nth-child(2){ display: none; }
.contact_x .ndtit .ntit {color: #ffffff;}
.ndtit .ntit::before, .ndtit .ntit::after { background-image: none; }
.navlogo img{ height: 48px; margin:2px 0px; }

.navlogo{ line-height: 48px; }

.nav_click{ position: absolute; top:9px;right:0px; background: none;border: none;outline: none;cursor: pointer;}

.nav_click span{display: block;width:25px;height:2px;margin:7px;background-color: #fff;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

.navtel{ display: none!important}	

.logo, .tel{ display: none }

.navlogo, .nav_click{ display: block; }

.navlogo{ width: auto;}

/*nav{display: block;  margin:0; width: 100%;position: fixed;

    top: 0;

    left: 0;}*/



nav{ margin-top: 0 ; }

.banner{height:320px;}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{top:300px;}
.swiper-button-next, .swiper-button-prev{top:160px;}
.line, .bannext, .banprev{ display: none; }

.banner .swiper-pagination-fraction{ left: 0;right:0; margin:0 auto; /*bottom:40px*/ bottom:5px }/*


.line{ bottom: 20px; }

.banner .swiper-pagination-fraction{ bottom:10px; }

.bannerbtn .swiper-button-next, .bannerbtn .swiper-button-prev 

{ bottom: 10px }*/



nav ul{ display:none; position: absolute; width:100%!important; /*top:66px;*/top:52px; left: 0; margin-left:0;

 background: rgba(0,0,0,0.8);  z-index: 1000;}

nav ul li { width: 100%!important; background: none!important;   height:auto; z-index: 1000;}
nav ul li:hover{ border-bottom: 1px solid #fff; }

nav li i{ display: none ;}



nav ul li>a{display:block;line-height:50px;width: 100%;

 text-align: center; font-size:20px; color: #fff; 

 border-bottom:0.01rem solid  rgba(255,255,255,0.3);

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;}

nav ul li>a{

  -webkit-animation-duration: 0.5s;

  animation-duration: 0.5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-name: return;

  animation-name: return;

}

@-webkit-keyframes return {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

nav li dl{ background: none; border: none; position: static; 

  padding:0; margin:0 auto; width:100%; left: 0}

nav li dl dd{font-size: 18px;}



.dztit{ padding:15px 0px;}

.dtit{ height:40px; line-height:40px; text-align:center; font-size: 20px;}

.dtit1, .dtit2, .dtit3, .dtit4, .dtit5{ background:none;padding: 0}

.pro li{ width:50%; margin-right:0;}

.pro li .n_img{ height:250px;}

.pro_more{ opacity:1;filter:alpha(opacity=100);right:5px; width:25px; 

  height: 30px; bottom:5px; top: auto;}

.pro li .n_tit{ font-size: 18px; }

.pro li .n_txt{ margin-top:0; margin-bottom:10px; padding: 10px 0px }

.pro li:hover .pro_more{ right:20px}



.gcanli { height: auto }

.anli_z{ width: 100%; padding-top: 0px; padding:0px 10px; }

.anli_z h1{ margin-bottom: 10px;margin-top: 10px;font-size: 18px; }

.anli_z a.anlimore{ width: 120px; text-align: center; height: 40px; 

  line-height: 40px; background: none; margin-bottom: 10px; }

.anli_z p{margin-bottom: 10px; }

.anli_y{ width: 100% }





.gcanli .swiper-button-next, .gcanli .swiper-button-prev{ width: 18px; height: 18px;

top: 45%;}

.gcanli .swiper-button-next{ right: 15px; }

.gcanli .swiper-button-prev{ left: 15px; }



.abmenu li{ font-size: 16px; }

.about h1{font-size:18px;}

.about h1 span{ font-size:20px;}

.about p{ padding: 0 }

.abmenu li{ width: 25%; }







.newli{ width:96%; float: none; margin:0 auto;}

.newli li{ width:49.5%; margin-right:1%; padding:10px;  margin-bottom: 10px; background: rgba(247,247,247,0.8);}

.newli li:nth-child(2){ margin-right: 0 }



.newli li h1{ margin-bottom: 10px; }

.newli li p{ max-height:65px; overflow:hidden; padding: 10px 0px}

.newtu{ display:none;}

.newli>li h1, .newtu li h1{font-size: 18px; }

.dmore{ width: 40%; height: 40px; line-height: 40px; }



.custome li { }



.copy{background: #272727; padding-top: 0}

.copy ul{ width: 100%; background: none }

.copy ul li{ width: 100% }

.copy ul li span{float: left}

.copy ul li a{ width: auto; float: left; margin:0px 10px; }

.f_tel{width: 100%; text-align: center; margin:0; margin-bottom: 10px; }

.f_tel h1{ display: none;}

.f_tel h2{ width: 78%; padding: 0; margin:0 auto; margin-top: 10px;font-size:20px; }


.copyall{ margin-top: 0px; background: none; padding-top: 0 }

.copy ul:first-child{ display: none }

.copyall span{ width: 100%; display: block; }





.abmenu li i{height:90px;}

.abmenu li .li1{background:url(../img/abmenu_li1.png) no-repeat center 0px; background-size:82px; }

.abmenu li .li1:hover{background:url(../img/abmenu_li1.png) center -90px no-repeat;background-size:82px;}

.abmenu li .li2{background:url(../img/abmenu_li2.png) no-repeat center 1px; background-size:82px;}

.abmenu li .li2:hover{background:url(../img/abmenu_li2.png) center -90px no-repeat;background-size:82px;}

.abmenu li .li3{background:url(../img/abmenu_li3.png) no-repeat center 0px; background-size:82px;}

.abmenu li .li3:hover{background:url(../img/abmenu_li3.png) center -90px no-repeat;background-size:82px;}

.abmenu li .li4{background:url(../img/abmenu_li4.png) no-repeat center 0px;background-size:82px; }

.abmenu li .li4:hover{background:url(../img/abmenu_li4.png) center -90px no-repeat;background-size:82px;}





}



@media screen and (max-width: 640px) {	 
.cpzx{ display:block;}
.pro li{ width: 100%; margin-bottom: 15px;} 

.n_xia{ width: 100%; position: absolute; background: rgba(255,255,255,0.85);left:0; bottom: 0px;}

.pro li .n_xia{ padding: 6px }
.pro li .n_tit{ height: 25px; }
.pro li .n_txt{ width: 93%; padding: 0; margin: 0; line-height: 20px; height: 60px;}

.pro_more{ bottom: 36px; }


.pro li .n_img{ height:240px;}



.custome li{  border:none}

.custome li {}

.custdian .swiper-pagination-bullet{ width: 10px; height:10px; }

.banner{height:160px;}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{top:140px;}
.swiper-button-next, .swiper-button-prev{top:80px;}



}

@media screen and (max-width: 480px) {

}

	

	

	



img{transition:all 0.5s;

 -webkit-transition:all 0.5s;

 -moz-transition:all 0.5s;

 -ms-transition:all 0.5s;

 -o-transition:all 0.5s;}

.transmin, .transmax, .transfY, .transzY, .transzX{transition:all 0.5s;

 -webkit-transition:all 0.5s;

 -moz-transition:all 0.5s;

 -ms-transition:all 0.5s;

 -o-transition:all 0.5s;} 

.transmin:hover { 

-webkit-transform:scale(0.95);-moz-transform:scale(0.95);

-ms-transform:scale(0.95);-o-transform:scale(0.95);

}

.trans99:hover { 

-webkit-transform:scale(0.99);-moz-transform:scale(0.99);

-ms-transform:scale(0.99);-o-transform:scale(0.99);

}

.transmax:hover { 

-webkit-transform:scale(1.1);-moz-transform:scale(1.1);

-ms-transform:scale(1.1);-o-transform:scale(1.1);

}

.transfY:hover{

transform: translateY(-10px);

  -webkit-transform: translateY(-10px);

  -moz-transform: translateY(-10px);

  -ms-transform: translateY(-10px);

  -o-transform: translateY(-10px);

}

.transzY:hover{

transform: translateY(6px);

  -webkit-transform: translateY(6px);

  -moz-transform: translateY(6px);

  -ms-transform: translateY(6px);

  -o-transform: translateY(6px);

}.transzX:hover{

transform: translateX(6px);

  -webkit-transform: translateX(6px);

  -moz-transform: translateX(6px);

  -ms-transform: translateX(6px);

  -o-transform: translateX(6px);

}



.hoveryuan{	position: relative;}

.hoveryuan:before {

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 2;

	display: block;

	content: '';

	width: 0;

	height: 0;

	background: rgba(255,255,255,.2);

	border-radius: 100%;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	opacity: 0;filter:alpha(opacity=0);

}

.hoveryuan:hover:before { -moz-animation: circle .75s; -ms-animation: circle .75s;

 -o-animation: circle .75s;	-webkit-animation: circle .75s;	animation: circle .75s;}



@keyframes circle {

	0% {

		opacity: 1;

	}

	40% {

		opacity: 1;

	}

	100% {

		width: 100%;

		height: 100%;

		opacity: 0;

	}

}

.hovershine {

  position: relative;

}

.hovershine::before {

  position: absolute;

  top: 0;

  left: -75%;

  z-index: 2;

  display: block;

  content: '';

  width: 50%;

  height: 100%;

  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

  -webkit-transform: skewX(-25deg);

  transform: skewX(-25deg);

}

.hovershine:hover:before {

  -webkit-animation: shine .75s;

  animation: shine .75s;

}

@-webkit-keyframes shine {

  100% {

    left: 125%;

  }

}

@keyframes shine {

  100% {

    left: 125%;

  }

}





.find .navlogo{ display:block;}

.find .navtel{ display:block;}



.find2 i{display:block;}

.find2 dl{display:block;}


@media screen and (max-width: 860px) {	  
.find2 i{display:none;}

.qxnav{ display:none; position: fixed; top:0; left:0; width:100%; height:100%; z-index:9;}

}