@charset "utf-8";



/* CSS Document */



body {

    font: 14px "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;

    height: 100%;

    min-width: 1260px;

    background: #fff;

    max-width: 100%;

    overflow: auto;

    color: #666;

    overflow-x: hidden;

    padding: 0px;

    margin: 0px;

}



a {

    color: #666;

    text-decoration: none;

    outline: none;

}



img {

    border: 0px;

    vertical-align: middle;

}



a:link {

    text-decoration: none;

    outline: none;

}



a:visited {

    text-decoration: none;

    outline: none;

}



a:hover {

    text-decoration: none;

    color: #333;

    outline: none;

}



ul,

p,

dl,

dt,

dd {

    padding: 0px;

    margin: 0px;

}



li {

    list-style-position: outside;

    list-style-type: none;

}



h1,

h2,

h3,

h4,

h5 {

    padding: 0px;

    margin: 0px;

}



input {

    margin: 0;

    padding: 0;

    outline: 0;

    -webkit-appearance: none;

}



input::-webkit-input-placeholder {

    color: #ccc;

}



input::-ms-input-placeholder {

    color: #ccc;

}



input::-moz-placeholder {

    color: #ccc;

}



input[type=button],

input[type=submit] {

    cursor: pointer;

}



button[disabled],

input[disabled] {

    cursor: default;

}



input {

    background: transparent;

    padding: 0px;

    font-size: 14px;

    color: #888;

    border: 0px;

    outline: none;

}



em {

    font-style: normal;

}



i {

    font-style: normal;

}





/*清除浮动*/



.clear {

    clear: both;

    height: 0px;

    overflow: hidden;

}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

    clear: both;

}



.clearfix {

    /*兼容 IE*/

    zoom: 1;

}





/************全局样式************/



.fl {

    float: left;

}



.fr {

    float: right;

}

.dflex { display: flex;}

.dflex_center { display: flex; align-items: center; justify-content: center;}

.dflex_start { display: flex; align-items: center; justify-content: flex-start;}

.dflex_end { display: flex; align-items: center; justify-content:flex-end;}

.dflex_stretch { display: flex;justify-content: center;align-content: center; align-items: stretch;}

.dflex_space-between { display: flex; align-items: center; justify-content: space-between;}



/*t图片样式*/



.center-block {

    display: block;

    margin-right: auto;

    margin-left: auto

}



img {

    border: 0px;

    vertical-align: middle;

}



.img-responsive {

    display: block;

    height: auto;

    margin-left: auto;

    margin-right: auto;

    max-width: 100%

}



.avatar {

    display: block;

    overflow: hidden;

    width: 100%;

}



.avatar img {

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.avatar:hover img {

    transform: scale(1.3);

    transition: all 1s ease 0s;

    -webkit-transform: scale(1.3);

}





/*文字超出隐藏*/



.dot {

    display: block;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.dot2 {

    display: -webkit-box;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    word-break: break-all;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}





/**/



.wal {

    width: 1200px;

    margin: 0px auto;

}

.main-title { text-align: center; margin-top: 40px;}



.main-title b {

    font-size: 32px;

    color: #333;

    line-height: 40px;

}



.main-title p {

    font-weight: 400;

    color: #666666;

    font-size: 18px;

    line-height: 26px;

    margin-top: 15px;

   

   

}

.main-title i { display: block;}





/*顶部导航*/

.header {

	width: 100%;





}



.top-center { display: flex; flex-direction: row; justify-content: space-between; align-items: center;height: 120px; position: relative;}

.logo { position: absolute; left: 0; top:0}

.logo_txt { margin-left: 220px;}

.logo_txt b{ font-size: 32px; color: #F18D00;}

.logo_txt p { font-size: 19px; line-height: 36px;}

.header_phone { display: flex; align-items: center; padding-left: 20px;}

.header_phone p {

	color:#666;



	margin-bottom:10px;

	font-size:16px;

}

.header_phone p img{ padding-right:8px;}

.header_phone b{ color:#000;   font-size: 38px;

  font-weight:500; margin-top:0;  display: block;}

/*导航菜单*/

.navbar{ width: 100%;  background: url(../images/navbj.jpg) no-repeat center;height:70px;  }

.nav { padding-left: 190px; margin:0;  display: flex; align-items: center; justify-content: space-between;}



.nav li a{ 

	display:block;

	font-size: 16px;

	line-height: 70px;

	color: #333;

    padding: 0 20px;

   text-align: center;





}



.nav a:hover, .nav li:hover > a {

   

    color: #F18D00;

  }

/* 二级菜单 */

.ejxl{display: none;background-color: rgba(255,255,255,.9);transition: all 0s;z-index: 10;

    position: absolute;top:100%; width: 100%;

  

}

.nav li .ejxl li{margin:0 auto ;display: block; padding:0; width: 100%; background: none;}

.nav li .ejxl li a{display: block;color:#444;font-size: 15px;height:35px;line-height:35px; padding:5px 0; width: 100%; text-align: center;  }

.nav li .ejxl li:hover a { background: none;}

.nav li .ejxl a:hover{color: #F18D00;}



/*导航菜单 end*/





/*首页banner图*/



#banner .swiper {

    width: 100%;

    height: 100%;

}



#banner .swiper-slide {

    background-position: center;

    background-size: cover;

}



#banner .swiper-slide img {

    display: block;

    width: 100%;

}



#banner .swiper-button {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    text-align: center;

    color: #fff;

    background: rgba(0, 0, 0, 0.3);

    border-radius: 50%;

    cursor: pointer;

    overflow: hidden;

    z-index: 999;

    width: 60px;

    font-size: 30px;

    line-height: 60px;

    height: 60px;

    transition: all .5s ease;

    outline: none;

}



#banner .swiper-button:hover {

    background: #F18D00;

}



.btn-prev {

    left: 5%;

}



.btn-next {

    right: 5%;

}



#banner .swiper-pagination-bullet {

    position: relative;

    margin: 0 8px!important;

    display: inline-block;

    width: 16px;

    height: 16px;

    border-radius: 8px;

    background: #fff;

    overflow: hidden;

    z-index: 10;

    outline: none;

    opacity: 0.5;

    filter: alpha(opacity=50);

}



#banner .swiper-pagination-bullet-active {

    background-color: #F18D00;

    opacity: 1;

    filter: alpha(opacity=100);

}



#banner .swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 20px;

    left: 0;

    width: 100%;

}





/*首页banner图 end*/





/*产品*/

.product { margin-top: 30px;}



.pro_nav { flex:2;padding:85px ; color: #fff; background:#F18D00; position: relative; }

.sanjiao { position: absolute;  top:0; right: -30px;width: 0; height: 0;

    border-color: transparent #BC6F03; /*上下颜色左右颜色*/

    border-width:50px 0 0 30px; 

    border-style: solid;

    }

.pro_nav b { font-size: 32px;}

.pro_nav p { line-height: 24px; margin: 10px 0;}

.pro_nav ul { margin: 20px 0;}

.pro_nav li { float: left; width: 48%; margin: 1%;} 

.pro_nav li a{ line-height: 45px; display: block; border: 1px solid rgba(255,255,255,.5);  margin: 5px 0; color: #fff; font-size: 16px; text-align: center; 

        -webkit-transition: all 1s ease 0s;

    -moz-transition: all 1s ease 0s;

    -o-transition: all 1s ease 0s;

    transition: all 1s ease 0s;}

.pro_nav li a:hover { background: #fff; border: 1px solid #fff; color: #F18D00;}

.prone {  flex: 4; }



  .prone .swiper-slide span img {

    display: block;

    height: auto;

    margin-left: auto;

    margin-right: auto;

    max-width: 100%; width:100%;

  

}





.prone .swiper-slide p {

    background-color: #f5f5f5;

    color: #666;

    text-align: center;
    font-size: 18px;

    padding:5px 10px;

}


.prone .swiper-slide:hover { box-shadow: 0 0 20px #dedede;}

.prone .swiper-button-next {

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    text-align: center;

    color: #fff;

    background: rgba(0, 0, 0, 0.3);

  

    cursor: pointer;

    overflow: hidden;

    z-index: 999;

    width: 40px;

    font-size: 30px;

    line-height: 60px;

    height: 60px;

    transition: all .5s ease;

    outline: none;

}

.prone .swiper-button-prev {

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    text-align: center;

    color: #fff;

    background: rgba(0, 0, 0, 0.3);

  

    cursor: pointer;

    overflow: hidden;

    z-index: 999;

    width: 40px;

    font-size: 30px;

    line-height: 60px;

    height: 60px;

    transition: all .5s ease;

    outline: none;

}

.prone .swiper-button-prev:hover, .prone .swiper-button-next:hover {

    background: #F18D00;

}
.swiper-slideul li{ float:left; width:48%; margin:8px 1%;}
.swiper-slideul li a img{ width:100%;}
.swiper-slideul li a:hover p{ background:#F18D00; color:#fff;}
/*关于我们*/



.about-box {

    background:url(../images/guide.jpg) no-repeat bottom right;

    padding-top: 30px;

    margin-top: 60px;

    

}





.ab_left {

   

 width: 70%;

    padding-bottom: 50px;

    text-align: center;

    margin: 0 auto;

 



   

}





.jianj  {

    margin-top: 30px;

}







.jianj p {

    line-height: 26px;

    padding-top: 10px;

    color: #fff;

    font-size: 16px;

}

.ab_list2{  display: flex; background: #F18D00; align-items: center; justify-content: space-between; padding: 30px 60px; }

.ab_list2 li{ cursor: pointer; color:#fff;  padding:10px 0; text-align: center;

	-webkit-transition:transform .3s;transition:transform .3s;  font-size: 18px;}

.ab_list2 li b{display: block;font-size: 38px;color: #fff;overflow: hidden;line-height: 55px;}

.ab_list2 li b span { font-size: 16px; font-weight: normal;}

.ab_list2 li i{display: block;}

.ab_list2 li:hover{-webkit-transform:translate(0,-15px);transform:translate(0,-15px);}

.more-btn {

    margin-top: 20px;

    width: 150px;

    text-align: center;

    height: 50px;

    color: #fff;

    background-color: #F18D00;

    line-height: 50px;

    border: 1px solid #F18D00;

    display: inline-block;

    -webkit-transition: all 1s ease 0s;

    -moz-transition: all 1s ease 0s;

    -o-transition: all 1s ease 0s;

    transition: all 1s ease 0s;

}



.more-btn:hover {

    background-color: #fff;

    border: 1px solid #fff;

    color: #F18D00;

    text-decoration: none;

}







/*产品图集*/



#case {  position: relative; }



#case .swiper-container {

  width: 100%;



    

}



#case .swiper-slide {

	width: 100%;

	height: 100%;

	background: #fff;



	position: relative;

  transform: scale(0.85);

  margin-top:50px;

  margin-bottom: 50px;

  -webkit-transition: transform 1.0s;

    transition: transform 1.0s;



  

}

#case .swiper-slide img{

  width: 100%;

 

  display: block;

  height: 100%;

  border: none;

}

#case .swiper-slide a{ display: block; position: relative;}

#case .swiper-slide p {

	line-height:60px;

	padding-top: 0;

	text-align: center;

	color: #fff;

	font-size: 20px;

	margin: 0;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  background: rgba(0,0,0,.5);

  height: 60px;

}

#case .swiper-slide-active{  border-radius: 2px;

  box-shadow: 0 2px 6px rgb(0 0 0 / 30%);

  box-shadow: 0 4px 20px 0 rgb(0 0 0 / 30%);}

#case .swiper-slide-active .layer-mask {

    display: none;

}

.layer-mask {

    width: 100%;

    height:calc(100% - 60px);

    transition: all 0.5s;

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

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 100px;

}





#case .swiper-button-next {

	right: -60px;

	width: 45px;

	height:45px;

  line-height:45px;

  text-align: center;

    border: 2px solid #dedede;

    border-radius: 100%;

	--swiper-navigation-size: 0;

    color: #fff;

    background: rgba(0, 0, 0, 0.3);

    cursor: pointer;

    overflow: hidden;

    z-index: 10;

    font-size: 36px;

    transition: all .5s ease;

    outline: none;



}

#case .swiper-button-prev {

	left:-60px;

	width: 45px;

	height: 45px;

  line-height: 45px;

  text-align: center;

    border: 2px solid #dedede;

    border-radius: 100%;

    --swiper-navigation-size: 0;

    color: #fff;

    background: rgba(0, 0, 0, 0.3);

    cursor: pointer;

    overflow: hidden;

    z-index: 10;

    font-size: 36px;

    transition: all .5s ease;

    outline: none;

    

}

#case .swiper-button-prev:hover, #case .swiper-button-next:hover { border: 2px solid #F18D00; color: #fff; background: #F18D00;}

#case .swiper-slide-active, .swiper-slide-duplicate-active {

  -webkit-transform: scale(1.15);

  transform: scale(1.15);

  z-index: 1002;

}



.swiper-container-android .swiper-slide,.swiper-wrapper {

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

  -moz-transform: translate3d(0,0,0);

  -o-transform: translate(0,0);

  -ms-transform: translate3d(0,0,0);

  transform: translate3d(0,0,0)

}



.swiper-container-multirow>.swiper-wrapper {

  -webkit-box-lines: multiple;

  -moz-box-lines: multiple;

  -ms-flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

  flex-wrap: wrap

}



.swiper-container-free-mode>.swiper-wrapper {

  -webkit-transition-timing-function: ease-out;

  -moz-transition-timing-function: ease-out;

  -ms-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  margin: 0 auto

}





.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {

  height: auto;

}



/*优势*/

.youshi {  background: #f5f5f5; padding: 30px 0 50px; margin-top: 50px;}



.youshi ul{  padding: 0; margin: 0;}

.youshi li{ float:left; width:31.3%; background: #fff; margin:30px 1% ;}

.youshi li a { display: block; padding: 30px;}

.youshi li span{ font-weight:bold; font-size:30px; color: #F18D00; display: block; margin-bottom:12px;}

.youshi li p{ font-size:15px; color:#202020; line-height:25px;}



/*新闻*/

.newsleft { overflow:hidden; width:48%; height:100%; float:left; margin-top: 40px;}

.newsleft .menu{ overflow:hidden; float:left}

.newsleft .menu li{ float:left; width:100%; height:35px; text-align:center; line-height:35px; background-color:#eee; font-size:16px;}

.newsleft .menu li a{ display:block; text-decoration:none; color:#666;}

.newsleft .newslist { overflow:hidden; width:100%; height:100%;}

.newsleft .newslist ul{  padding: 0; margin: 20px 0;}

.newsleft .newslist li{ width:100%; overflow:hidden; margin-bottom:10px; height:25px; line-height:25px;}

.newsleft .newslist li a{ display:block;  color:#000; float:left; width:calc(100% - 150px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.newsleft .newslist li a:hover { color: #F18D00;}

.newsleft .newslist li span{ float:right;  color:#989696; width: 77px;}

.news_right{ float:right; width:48%; margin-top:40px;}

.news_right ul { padding: 0;}

.news_right ul li a{ display: flex; align-items: center; justify-content: center; margin-bottom: 50px;}

.news_01{  width:19%; border-right:1px solid #E3E3E3; }

.news_con{  width:76%; padding-left:20px;}

.news_con b{ padding-bottom:10px; font-size: 18px; display: block;}

.news_con b a{ color:#333; text-decoration:none;}

.news_con b span{ font-size:14px; color:#8E9293; float:right; font-weight: normal;}

.news_con p{ line-height:24px; font-size:14px; color:#8E9293}

.news_right ul li a:hover b{ color: #F18D00;}

/*返回顶部*/



.scroll {

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    position: fixed;

    right: 15px;

    bottom: 50px;

    color: #fff;

    cursor: pointer;

    background: #F18D00;

    font-size: 30px;

    border-radius: 10px;

}



/*底部footer*/



.footer {

    background: url(../images/foot.jpg) no-repeat center;

    background-size: cover;



    padding: 60px 0 0;

    margin-top: 50px;

}

.footer-nav{ display: flex;

    margin-top: 50px;



    display: -webkit- box;

    display: -webkit-flex;

    justify-content: center; align-items: center;}

.footer-nav li { position: relative;  flex: 1;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    }

.footer-nav a { 

    display: block;

    color:#333;   

     height: 100px;

    line-height: 100px;

    text-align: center;

    font-size: 17px;}

.footer-nav li:after {

        content: " | ";

        position: absolute;

        top: 20px;

        font-size: 12px;

        height: 60px;

        line-height: 60px;

        color: #333;

    

 }

.footer-nav li:first-of-type:after{content: "";}

.footer-nav a:hover { color: #F18D00;}

.footer-contact { display: flex; align-items: center; justify-content: space-between; margin: 30px 0;}

.contact-txt p { line-height: 28px; color: #666; width: 50%; float: left;}

.ewm p { line-height: 28px; color: #F18D00; font-size:24px; font-weight: bold; text-align: center; padding-top: 10px;}

.ewm img { width: 120px;}

.copyright {

    padding: 30px 0;

    text-align: center;

    color: #666;

    border-top: 1px solid rgba(255,255,255,.3);

}



.copyright a {

    color: #666;

}