@import "font-awesome.css";



.con-down .right form .con4 input{-webkit-appearance:none ;border-radius: 0;}

.con-down .right form .con4 input{-webkit-appearance: none;}

body{

	margin:0;
	    margin: 0;
    font-size: 16px;
    font-family:"微軟正黑體","century gothic",Arial,"Microsoft Yahei";
    line-height: 1.5; color: #333;
  

   

}
li{list-style-type:none;}
*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
a, a:hover, a:focus {

    text-decoration: none;

}
 .swiper-button-prev,  .swiper-button-next{outline:none ;}

.w1200{width: 90%; max-width: 1400px; margin: 0 auto; }
.w95{width: calc(100% -  40px); margin: 0 auto; }
.h80{height:80px; clear: both;}
.clear{clear: both;}
.pic-back{background-size: cover; background-position: center center; }



.banner{margin-top: 80px; }
.banner img{ display: block; width: 100%; }
.banner .pic-s{ display: none;}

.banner  .swiper-pagination-bullet {
    width: 20px;
    height: 3px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1; border-radius: 0px;
}
.banner  .swiper-pagination-bullet-active {
    opacity: 1;
    background: #a52025;
}


.banner .swiper-pagination{bottom: 20px;}








.banner-index2{position: relative; margin-top: 52px; display: none;}
.banner-index2 .swiper-pagination{position: absolute; width: 100%; bottom: 15px; left: 0px;}
.banner-index2  .swiper-pagination-bullet{margin-left: 5px; margin-right: 5px;}

.banner-index2 .swiper-pagination-bullet-active{ background-color: #cc0001; }
.banner-index2 .swiper-slide img{display: block;width: 100%;}
@media (max-width: 1200px) {
	.banner{display: none;}
	.banner-index2{display: block;}

}





.pc-nav{width: 100%; height: 80px;   position: relative; z-index: 16; position: fixed; left: 0px; top: 0px;
 background: #fff; transition: all 0.3s ease; }
.pc-nav .logo{width: 180px; height: auto; overflow: hidden; margin-top: 10px; float: left; transition: all 0.3s ease; }
.pc-nav .logo img{width: 100%; }

.pc-nav ul.nav{ float: left; width: calc(100% - 480px); margin-left: 40px;  text-align:center; transition: all 0.3s ease; }
.pc-nav ul.nav li.li1{height: 80px; line-height: 80px; display: inline-block; margin:0 15px; }
.pc-nav ul.nav li.li1 a{color: #333; transition: all 0.3s ease; }
.pc-nav ul.nav li.li1:hover a{color: #a52025; }
.pc-nav .tel{width: auto;  overflow: hidden;  float: right; text-align: right; height: 80px; font-weight: bolder;
    line-height: 80px; font-family: "century gothic"; background: url(../img/008.png) no-repeat left center; padding-left: 30px; }
.pc-nav ul.nav li.li1 .down{ position: absolute; width: 100%; background: #eee; top: 80px; left: 0px; display: none;
 border-top: 1px solid #aaa; }

.pc-nav2{border-bottom:1px solid #aaa; height: 60px;   } 
.pc-nav2 .logo{width: 135px; height: auto; margin-top: 7px; }
.pc-nav2 ul.nav{  width: calc(100% - 440px); }
.pc-nav2 ul.nav li.li1{height: 60px; line-height: 60px;  }
.pc-nav2 .tel{  height: 60px;  line-height: 60px; }
.pc-nav2 ul.nav li.li1 .down{ top: 60px;  border-top: 0px solid #aaa; }

.pc-nav ul.nav li.li1 .down .nav-ser{height: auto; overflow: hidden; padding: 30px 0; }
.pc-nav ul.nav li.li1 .down .nav-ser li{width: 16.6%; height: auto; overflow: hidden; position:relative; 
    text-align: center; float: left; padding:0 10px;}
.pc-nav ul.nav li.li1 .down .nav-ser li img{width:100%; max-width: 70px; }
.pc-nav ul.nav li.li1 .down .nav-ser li h3{font-size: 16px; color: #333; transition: all 0.3s ease; line-height: 1; margin-top: 10px; }
.pc-nav ul.nav li.li1 .down .nav-ser li:hover h3{color: #a52025;}

.pc-nav ul.nav li.li1 .down .nav-case{height: auto; overflow: hidden; padding: 20px 0 30px 0; }
.pc-nav ul.nav li.li1 .down .nav-case li{width: 25%; height: auto; overflow: hidden; position:relative; 
    text-align: left; float: left; padding:0 10px;}
.pc-nav ul.nav li.li1 .down .nav-case li h3{font-size: 16px; color: #333; font-weight: 500; transition: all 0.3s ease; 
    line-height: 1.5;  border-bottom: 1px solid #bbb; padding:15px 5px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.pc-nav ul.nav li.li1 .down .nav-case li:hover h3{color: #a52025; border-bottom: 1px solid #a52025;}

.about{ height: auto; overflow: hidden;  }
.about .about-left{width: calc(100% - 600px); height: auto; overflow: hidden;  float: left;}
.about .about-left h3{font-size: 32px; margin-bottom: 40px;}
.about .about-left h2{font-size: 24px; margin-bottom: 40px;}
.about .about-left .gang{width: 100px; height: 4px; background: #a52025; display: block; margin-bottom: 40px; }
.about .about-left p{margin-bottom: 40px;}



.about .about-right{width:  600px ; padding-left: 80px; height: auto; overflow: hidden;  float: left;   
 font-size: 0; letter-spacing: -3px;}  
.about .about-right ul li{width: 50%; display: inline-block; text-align: center; padding: 40px 0; 
font-size: 16px; letter-spacing: 0px;}
.about .about-right ul li.li3{border-top: 1px solid #ccc;border-right: 1px solid #ccc;}
.about .about-right ul li.li4{border-top: 1px solid #ccc;}
.about .about-right ul li.li1{border-right: 1px solid #ccc;}
 .about .about-right ul li h2{font-family: "century gothic"; font-size: 40px;}
 .about .about-right ul li h3{font-family:"微軟正黑體"; margin-top: 20px; display: block;}
.about-six{background: #f5f5f5; height: auto; overflow: hidden;  }
.about-six li{float: left; height: auto; width: 16.6%; text-align: center; padding:40px 20px;
 transition: all 0.3s ease; border-right: 1px solid #fff;}
.about-six li:last-child{ border-right: 0px solid #fff;}
.about-six li h3{font-size: 20px; color: #a52025; margin-bottom: 10px; transition: all 0.3s ease;}
.about-six li .pic{ padding:0 30% 40% 30%; position: relative; margin: 30px 0 ; }
.about-six li .pic img{width: 40%; position: absolute; left: 30%; top: 0px; transition: all 0.3s ease;}
.about-six li .pic img.img0{filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}
.about-six li .pic img.img1{filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;}
.about-six li .hang2{color: #333; font-size: 14px; height: 126px ;  overflow: hidden;  margin-top: 20px;  }
.about-six li .hang2 b{color: #333; }
.about-six li.cut{background: #a52025; }
.about-six li.cut .pic img.img1{filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}
.about-six li.cut .pic img.img0{filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;}
.about-six li.cut h3{color: #fff; }
.about-six li.cut .hang2{color: #fff; }
.about-six li.cut .hang2 b{color: #fff; }
.dl-menuwrapper{display: none;}
.more{font-size: 16px; display: block;  color: #a52025;   border: 1px solid #aaa;
 padding:5px 30px;transition: all 0.3s ease; font-family: 'century gothic'; float: left; }
.more:hover{ color: #fff;  background: #a52025;  border: 1px solid #a52025; }


.title{text-align: center;}
.title h5{font-size: 40px; color: #aaa; font-family:  "century gothic"; padding-bottom: 40px; position: relative; line-height: 1.2;}
.title h3{font-size: 32px; color: #333; line-height: 1.2;}
.title h5:before{content: " "; display: block;width: 80px; height: 2px; background: #a52025; position: absolute; left: 50%; margin-left: -40px; bottom: 20px;}

.pagcage ul{background-attachment: fixed; overflow: hidden; height: auto; margin-top: 60px;} 
.pagcage ul li{position: relative; width: 33.333%; background:rgba(0,0,0,0.6); float: left;
  padding: 60px 3% 60px 8%; transition: all 0.3s ease; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.pagcage ul li img{position: absolute; left: 5%; top: 60px; width: 60px; }
.pagcage ul h1{font-size: 26px; font-weight: 500; color: #fff; margin-bottom: 12px;}
.pagcage ul h2{font-size: 14px; font-weight: 500; color: #fff;}
.pagcage ul .sp1{width: 20px; height: 3px; background: #fff; display: block; margin: 12px 0;}
.pagcage ul .hang3{font-size: 14px; color: #fff; height: 84px;overflow: hidden; margin-bottom: 30px;}
.pagcage ul .sp2{float: left;  padding:5px 15px; font-size: 14px; display: block; border: 1px solid #fff;
 color: #fff;transition: all 0.3s ease; }
.pagcage ul li:hover{background: #a52025; }
.pagcage ul li:hover .sp2{background: #fff; color: #a52025;}


.case ul {width: calc(100% + 20px); margin-left: -10px; height: auto; overflow: hidden; margin-top: 20px; }
.case ul li{width: calc(25% - 20px); margin: 40px 10px 0 10px; float: left; border-bottom: 1px solid #ccc; transition: all 0.3s ease;}

.case ul li .pic{padding-bottom: 62%; overflow: hidden; position: relative; transition: all 0.3s ease;}
.case ul li .pic img{width: 100%; position: absolute;  left: 0px; top: 0px; transition: all 0.3s ease;}
.case ul li .txt{padding:0 8px; margin-top: 20px; color: #333; transition: all 0.3s ease; }
.case ul li .txt h3{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-weight: 500;
 font-size: 18px; margin-bottom: 20px;}
.case ul li .txt p{ font-size: 14px; height: 63px; overflow: hidden; margin-bottom: 20px;  }

.case ul li:hover{background: #a52025; }
.case ul li:hover .txt{color: #fff;}
.case ul li:hover .pic img{transform:scale(1.1,1.1);}
.case .more{width: 105px; float: none; margin: 0 auto; margin-top: 60px;}
#zA7n{margin-top: 60px; background-attachment: fixed;}
#zA7n .main{padding:60px; }
#zA7n  h3{color: #fff; font-size: 36px; font-weight: 500; transition: all 0.3s ease;
    margin-bottom: 40px; margin-top: 80px; position: relative; }
#zA7n  h3:before{content:  " "; display: block;width: 40px; height: 4px; background: #a52025;
position: absolute; bottom: -40px; left: 0px; }
#zA7n .main .txt{color: #fff;width: 700px; filter:alpha(opacity:0);transition: all 0.5s ease;
 opacity:0;  -moz-opacity:0;-khtml-opacity: 0;}
 #zA7n .main .txt a{color: #fff;}
#zA7n .accordion__li:hover .main .txt{filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}
#zA7n .accordion__li:hover{background: #a52025; }
#zA7n .accordion__li:hover h3{margin-top: 0px; font-size: 28px;}


.advantage-nav{margin-top: 60px; padding: 20px 0 60px 0; position: relative; display: none; }
.advantage-nav:before{ position: absolute; content: " "; display: block;width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1 ;background: rgba(0,0,0,0.8); }
.advantage-nav li{padding:40px 20px; width: 90%; margin-left: 5%; border-bottom: 1px solid #fff; color: #fff; position: relative; z-index: 5; }
.advantage-nav li h3{font-size: 24px; margin-bottom: 20px;}
.news-btn{text-align: center; height: auto; overflow: hidden; margin-top: 40px;}
.news-btn span{text-align: center; padding: 5px 10px; color: #333; cursor: pointer; }
.news-btn span:hover{color: #a52025;}
.news-btn span.cut{color: #a52025;}

.news ul{width:  calc(100% + 20px) ; margin-left: -10px; margin-top: 30px; height: auto;
 overflow: hidden;  display: none; }
.news ul li{width:  calc(33.3% - 20px) ;padding:30px 5px 30px 5px; margin: 0 10px; height: auto;
 overflow: hidden;  border-bottom: 1px solid #ccc;  float: left; }
.news ul li .tim{width: 50px; height: 60px; text-align: right;   float: left;
       font-family: "century gothic"; color: #333; line-height: 1;}
.news ul li .tim .sp1{font-size: 30px;}
.news ul li .tim .sp2{font-size: 14px;}
.news ul li .tim .sp3{font-size: 14px; display: block; margin-top: 5px;}
.news ul li .txt{width: calc(100% - 70px); float: left; margin-left: 20px; color: #333;}
.news ul li .txt h3{font-size: 18px; font-weight: 500;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news ul li .txt p{font-size: 14px; height: 42px; overflow: hidden; margin-top: 12px;}
.news .more{width: 105px; float: none; margin: 0 auto; margin-top: 40px;margin-top: 60px;}
.news ul li:hover .tim{color: #a52025;}
.news ul li:hover .txt{color: #a52025;}




.foot-xian{border-top: 1px solid #aaa; height: 1px; overflow: hidden;}
.foot1 ul {height: auto; overflow: hidden; width: calc(100% + 30px); margin-left: -15px;}
.foot1 ul li{height: auto; overflow: hidden; width: calc(33.333% - 30px); margin-right: 15px; margin-left: 15px; float: left;}
.foot1 ul li .top{font-size: 16px; position: relative; height: 36px; line-height: 36px;}
.foot1 ul li .top:before{ content: " "; display: block; width: 5px; height: 1px; position: absolute; bottom: 0px; left: 0px; background: #a52025;}
.foot1 ul li .top:after{ content: " "; display: block; width: calc(100% - 10px); height: 1px; position: absolute; bottom: 0px; right: 0px; background: #aaa; }
.foot1 ul li .top .a1{display: block; position: absolute; height: 36px; line-height: 36px; padding-left: 25px; right: 0px; top: 0px;
background: url(../img/010.png) no-repeat left center; font-size: 14px; color: #666; transition: all 0.3s ease; }
.foot1 ul li .top .a1:hover{color: #a52025;}
.foot1 ul li .top .a2{display: block; position: absolute; height: 36px; line-height: 36px; padding-left: 25px; right: 0px; top: 0px; font-size: 14px; color: #666; transition: all 0.3s ease; }
.foot1 ul li .top .a2:hover{color: #a52025;}
.foot1 ul li .box{height: auto; overflow: hidden; margin-top: 25px}
.foot1 ul li.li1 .box a{ height: 30px; padding:0 10px; display: inline-block;line-height: 30px;  font-size: 14px;
    color: #333; border: 1px solid #a52025; border-radius: 5px; transition: all 0.3s ease; margin-bottom: 5px; margin-right: 5px; }
.foot1 ul li.li1 .box a:hover{ background:#a52025 ; color: #fff;  }
.foot1 ul li.li2 .box a {width: 50%; display: block; height: 21px; line-height: 21px; float: left;font-size: 14px;
    color: #333;  transition: all 0.3s ease; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom: 5px;padding-right: 10px;}
.foot1 ul li.li2 .box a:hover {color: #a52025;}
.foot1 ul li.li3 .box{font-size: 14px; color: #333;}
.foot1 ul li.li3 .box a{color: #333; transition: all 0.3s ease; }
.foot1 ul li.li3 .box a:hover {color: #a52025; }

.foot1 ul li.li4 ul{width: 100%; height: auto; overflow:hidden; margin-left: 0px; margin-top: 25px;}
.foot1 ul li.li4 ul li{width: 33.3%; height: auto; overflow:hidden; float: left; padding:15px 10px; 
 border-top: 1px solid #aaa; border-right: 1px solid #aaa; margin: 0px; text-align: center;}
.foot1 ul li.li4 ul li:nth-child(-n+3){border-top-width: 0px;}
.foot1 ul li.li4 ul li:nth-child(3n+3) {border-right-width: 0px;}
.foot1 ul li.li4 ul li img{max-width: 50px; margin-bottom: 15px; transition: all 0.3s ease;}
.foot1 ul li.li4 ul li h3{font-weight: 500; color: #333; font-size: 14px; transition: all 0.3s ease; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.foot1 ul li.li4 ul li:hover img{transform:rotateY(180deg);}
.foot-w {background: #fff;}
.foot1 ul li.li4 ul li:hover h3{color: #a52025; }
.foot2{ height: auto; overflow: hidden;border-top: 1px solid #aaa; background: #fff; }
.foot2 .left{width: 350px; height: auto;  float: left;}
.foot2 .left img{ max-width: 150px; }
.foot2 .center{width: calc(100% - 740px); height: auto;  float: left; margin: 0 20px;}
.foot2 .right{width: 350px; height: auto;  float: right;}
.foot2 .center h3{ font-size: 24px;   margin-bottom: 30px;}
.foot2 .center h3 span{ font-size: 16px; font-weight: 500; padding-left: 20px; }
.foot2 .center p{  font-family:"微軟正黑體";}
.foot2 .right h3{ font-size: 24px;   margin-bottom: 30px;}

.foot2 .right a{ width: 70px; height: 70px; margin-right: 20px; display: block; margin-bottom: 20px; float: left;}
.foot2 .right a img{width: 100%;}
.foot2 .right a.a2{position: relative;}
.foot2 .right a.a2 .ewm{width: 120px; height: 120px; border-radius: 3px; box-shadow: 0px 0px 6px rgba(0,0,0,0.35);
 position: absolute; left: -25px; top: -135px; background: #fff; border: 0px solid #fff; display: none;}
 .foot2 .right a .ewm:before{content:  " "; display: block; width: 20px; height: 10px; background: url(../img/020.png) no-repeat ;
 left: 50px; bottom: -10px; 
 position: absolute;  }

.foot2 .right a.a2:hover .ewm{display: block;}

.link {
    height: auto; 
    position: relative;
    margin: 0 auto;
    margin-bottom: 40px; margin-top: 40px;
    overflow: hidden;
}

/* .link-l {
    width: 470px;
    float: left;
    height: auto;
    overflow: hidden;
} */

.link-l span {
    width: 50px;
    height: 2px;
    margin-right: 40px;
    display: block;
    float: left;
    background: #000;
    margin-top: 45px;
}

.link-l t11 {
    display: block;
    float: left;
}

.link-r {
    width: calc(100% - 0px);
    float: left;
    height: auto;
    overflow: hidden;
}

.link-r .link-btn {
    font-weight: 900;
    float: left;
    font-size: 18px;
    color: #666;
    padding: 5px 0;
    margin-right: 36px;
    border-bottom: 2px solid #333;
    border-bottom-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}

.link-r .link-t {
    width: 100%;
    border-bottom: 1px #333 solid;
    height: auto;
    overflow: hidden;
}

.link-r .link-t .jh{color:#333; line-height: 38px;  float: left; font-family:"微軟正黑體"; }

.link-box {
    padding-top: 15px;
    display: none;
}

.link-box a {
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 4px;
    font-size: 14px;color: #333;
}

.foot3{background: #333; padding:15px 0 ; text-align: center; color: #fff;font-family:"微軟正黑體"; }



.case-classify{text-align: center; margin-top: 60px;  height: auto;  overflow: hidden;}
.case-classify li{display: inline-block;  margin:5px 10px; }
.case-classify li a{color: #333;padding:10px 20px; border: 1px solid #999; display: block;transition: all 0.3s ease; }
.case-classify li.cut a{color: #a52025; border: 1px solid #a52025;  }
.case-classify li a:hover{color: #fff; background:#a52025; border: 1px solid #a52025; }

.title2{margin-top: 60px;}
.title2 a{display: inline-block; padding: 10px 25px;  color: #fff; background:#a52025; 
    margin: 30px 0 ; border-radius: 2px; transition: all 0.3s ease;}
.title2 p{font-size: 20px;}
.title2 a:hover{background: #cc0001;}



.case-d-top {height: auto;  overflow: hidden;}
.case-d-top h1{height: auto;  overflow: hidden; font-size: 24px; font-weight: 900;font-family:"微軟正黑體"; margin-bottom: 30px}
.case-d-top .info{width: 100%;height: auto;padding-bottom: 25px;}
.case-d-top .info span{display: inline-block;margin-right: 2%;color: #666;}
.case-d-top a.fw{color: #333; display: block; margin-top: 30px;}
.case-d-top a.fw span{color: #a52025; }

.case-d-center {height: auto;  overflow: hidden; margin-top: 60px;}

.case-d-center img{ max-width: 100%; }

.case-d-bottom{height: auto;  overflow: hidden; margin-top: 40px;}
.case-d-bottom a{display: block;color: #333; transition: all 0.3s ease;}
.case-d-bottom .next{ float: left;}
.case-d-bottom .prev{float: right;}
.case-d-bottom a:hover{color: #a52025; }


.red-four{ height: auto; overflow: hidden; }

.red-four li{width: 33.33%; height: 120px; float: left; text-align: center; vertical-align: middle; color: #fff;}
.red-four li:before{width: 1px;height: 100%;vertical-align: middle; display: inline-block; content: " "; }
.red-four li.li1{background: #990000;}
.red-four li.li2{background: #b30000;}
.red-four li.li3{background: #cc0000;}
.red-four li.li4{background: #df0000;}
.red-four li img{vertical-align: middle; width: 40px; transition: all 0.3s ease;}
.red-four li span{vertical-align: middle; margin-left: 20px; color: #ffffff;}
.red-four li:hover img{transform:rotateY(180deg);}


.solution-d-top{height: auto; overflow: hidden;}
.solution-d-top ul{height: auto; overflow: hidden; width: calc(100% + 20px); margin-left: -10px;}
.solution-d-top ul li{height: auto; overflow: hidden; width: calc(25% - 20px); margin:5px 10px; float: left;}
.solution-d-top ul li a{display: block; width: 100%; padding:5px; color: #333; text-align: center; border: 1px solid #aaa; transition: all 0.3s ease; }
.solution-d-top ul li.cut a{color: #a52025; border: 1px solid #a52025;  }
.solution-d-top ul li a:hover{color: #fff; background:#a52025; border: 1px solid #a52025; }

.solution-d-center h1.tip{font-size: 24px; font-weight: 900; color:#fff ; background: #a52025; padding:5px 20px; border-radius: 3px;}

.solution-d-box {position: relative; height: auto; overflow: hidden; padding-left: 50px; }
.solution-d-box:before{display: block; position: absolute; width: 1px; height: 100%;  left: 19px; top: 0px; background: #a52025; content: " ";}
.solution-d-box {position: relative; height: auto; overflow: hidden;padding-top:60px;}
.solution-d-box .box{padding-bottom: 60px; position: relative;  }
.solution-d-box .box:before{display: block; position: absolute; width: 23px; height: 23px; border-radius: 50%; 
 left: -42px; top: 3px; background-color: #a52025; content: " "; background-image: url(../img/027.png); background-repeat: no-repeat; background-position: center; background-size: 12px 12px;}
.solution-d-box .box h3{font-size: 20px; font-weight: 500; padding-bottom: 20px; color: #a52025;}


.news-list ul {display: block;}
.news-list ul li{width: calc(50% - 20px);}


.page{text-align: center; padding:40px 0; }
.page a{height: 35px; line-height: 35px; display: inline-block; padding:0 12px; border: 1px solid #aaa; margin: 5px; color: #aaa; }
.page a.cut{border: 1px solid #fff; color: #a52025;}
.page a:hover{color: #a52025;}


.news-big{margin-top: 0px; height: auto; overflow: hidden; border-bottom: 1px solid #aaa; padding-bottom: 40px;}
.news-big .pic{width: 400px; height: auto; overflow: hidden; float: left;}
.news-big .pic img{display: block;width: 100%;}
.news-big span{display: block; width: 70px; margin:40px 25px; text-align: right;font-size: 16px; float: left;
 transition: all 0.3s ease; color: #333;}

.news-big span b{font-size: 42px; display: block; line-height: 1; margin-bottom: 10px;font-weight: 500; }

.news-big .txt{width: calc(100% - 520px); height: auto; overflow: hidden; margin-top: 40px; float: left; color: #333;}
.news-big .txt h3{font-size: 24px; font-weight: 500; transition: all 0.3s ease;}
.news-big .txt .txt-box{max-height: 96px; overflow: hidden;transition: all 0.3s ease;}
.news-big .txt i{display: block; width: 80px; height: 2px; margin: 30px 0; background:#a52025; transition: all 0.3s ease;}
.news-big .txt .tim{ margin-top: 30px; display: none; transition: all 0.3s ease;}

.news-big:hover .txt{ color: #a52025; }

.news-d{height: auto; overflow: hidden; }

.news-right{width: 300px; overflow: hidden; height: auto; float: right;}


.news-right .ul1{width: calc(100% + 30px); margin-left: -15px; height: auto; overflow: hidden; margin-bottom: 40px;}
.news-right .ul1 li{width: calc(100% - 30px); float: left; margin: 5px 15px;  background:#a52025; border-radius: 2px; transition: all 0.3s ease; overflow: hidden;}
.news-right .ul1 li a{color: #fff;height: 40px; line-height: 40px; 
    display: block; text-align: center; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-right .ul1 li:hover{background: #cc0001;}
.news-right .ul2{width: calc(100% + 30px); margin-left: -15px; height: auto; overflow: hidden; margin-bottom: 40px;}
.news-right .ul2 li{width: calc(100% - 30px); margin: 0px 15px;  float: left;}

.news-right .ul2 li a{height: 36px; display: block;line-height: 36px;font-size: 14px; color: #333;
    border-bottom: 1px solid #aaa;transition: all 0.3s ease; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-right .ul2 li a:hover{padding-left: 10px;; color: #a52025;  }
.news-right .ul2 .top {
    font-size: 20px; padding: 0 15px; 
    position: relative; border-bottom: 2px solid #a52025; 
    height: 45px;
    line-height: 36px; margin-bottom: 10px;
}
.news-right .ul2 .top .a2 {
    display: block;
    position: absolute;
    height: 36px;
    line-height: 36px;
    padding-left: 25px;
    right: 15px;
    top: 0px;
    font-size: 14px;
    color: #666;
    transition: all 0.3s ease;
}
.news-right .ul2 .top .a2:hover{color: #a52025;}
.news-right .ul3{width: 100% ; height: auto; overflow: hidden; margin-bottom: 40px;}
.news-right .ul3 li{display: inline-block; margin-right: 5px;}

.news-right .ul3 li a{height: 30px;padding: 0 5px; display: block;line-height: 30px;font-size: 14px; color: #333;
    border: 1px solid #a52025;border-radius: 5px;transition: all 0.3s ease;margin-bottom: 5px; margin-right: 5px;}

.news-right .ul3 .top {
    font-size: 20px; border-bottom: 2px solid #a52025; 
    position: relative;
    height: 45px;
    line-height: 36px; margin-bottom: 20px;
}


.news-right .ul3 .top .a1 {
    display: block;
    position: absolute;
    height: 36px;
    line-height: 36px;
    padding-left: 25px;
    right: 0px;
    top: 0px;
    background: url(../img/010.png) no-repeat left center;
    font-size: 14px;
    color: #666;
    transition: all 0.3s ease;
}

.news-right .ul3 .top .a1:hover{color: #a52025;}

.news-right .ul4{margin-bottom: 0px;}
.news-left{width: calc(100% - 350px); height: auto; overflow: hidden; float: left;}
.news-left .t h1{ font-size: 24px; margin-bottom: 20px; }
.news-left .t p{font-size: 14px; color: #999; font-family: "微軟正黑體"}
.news-left .t p span{padding-right: 20px;}
.news-left .t p a{color: #999; }
.news-left .t p a:hover{color: #a52025;}
.news-left .t{margin-bottom: 40px;     border-bottom: 1px dashed #b3b3b3; padding-bottom: 40px;}
.news-left .main{font-family: "微軟正黑體"}
.news-left .zhuming{background: #f3f3f3;
 margin:50px 0px 30px 0px; padding:10px 18px; color:#fb5050;}
.news-left .zhuming b{font-weight: 500;}
.news-left  .case2{margin-top: 40px;}

.best-slo{margin-top: 60px;}
.best-slo form{width: 100%; max-width: 600px; margin: 0 auto; padding-bottom: 40px;}
.best-slo form li{margin-bottom: 10px;}
.best-slo form ul{margin-top: 40px;}
.best-slo form input[type=text] {
    padding: 0 20px;
    width: 100%;
    border: 1px solid #e9e8e8;
    border-radius: 3px;
    line-height: 45px;
}

.best-slo form input[type=submit] {
    padding: 0 20px;
    width: 100%;
    border-radius: 3px;
    line-height: 45px;
    background: #a52025;
    color: #FFFFFF;
    font-size: 16px; border-width: 0px;
}
.best-slo form input[type=submit]:hover { background: #d11818;}


.foot1-2 .li2{width: calc(50% - 30px)}
.foot1-2 .li4{width: calc(50% - 30px)}


.about2 .about-left{width: 100%; float: none; text-align: center; max-width: 900px; margin: 0 auto;}

.about2 .about-right{width: 100%; float: none; padding-left: 0px;}
.about2 .about-right ul{max-width: 900px; margin: 0 auto;}
.about2 .about-right ul li{width: 25%; }
.about2 .about-right ul li.li3{border-top: 0px solid #ccc;border-right: 0px solid #ccc;}
.about2 .about-right ul li.li4{border-top: 0px solid #ccc;}
.about2 .about-right ul li.li1{border-right: 0px solid #ccc;}
.about2 .about-left p{margin-bottom: 0px;}

.promise-b{text-align: center; color: #fff; position: relative;}
.promise{text-align: center; color: #fff; position: relative; z-index: 10; color: #fff;}
.promise-b .black{position: absolute; width: 100%; height: 100%; z-index: 9; left: 0px; top: 0px; background: rgba(0,0,0,0.7);}
.promise h3{font-size: 32px;margin-bottom: 10px;}
.promise h2{font-size: 24px;margin-bottom: 20px;}
.promise span{display: block;background: #a52025; width: 60px; height: 2px; margin: 0 auto; margin-bottom: 20px; }


.pagcage-3 ul li {    width: calc(33.33% - 20px);  }


.about-6 ul li{ width: 16.666% ;padding:150px 20px 20px  20px; text-align: center;height: 520px;}

.about-6 ul li img {

    left: 50%; margin-left: -30px;
    top: 60px;
}

.about-6 ul li p{font-size: 16px; color: #fff; }
.about-6 ul{margin-top: 0px;}

.about-6 ul li a{display: block; width: 100px; height: 40px; color: #fff; text-align: center;  border: 1px solid #fff; 
    line-height: 40px; position: absolute; bottom: 60px; left: 50%; margin-left: -50px;}

.advantage2{height: auto; overflow: hidden; background: #a52025; margin-top: -1px; position: relative;}
.advantage2 .left{width: 50%; text-align: right; color: #fff; padding-right: 10%; padding-top: 80px; padding-bottom: 80px;}
.advantage2 .left h3{font-size: 32px; }
.advantage2 .left span{display: block;background: #fff; width: 60px; height: 2px; float: right; margin-top: 40px;}
.advantage2 .left ul{clear: both; padding-top: 40px; height: auto; overflow: hidden; }
.advantage2 .left ul li{margin-bottom: 10px; font-size: 18px;}
.advantage2 .pic-back{width: 50%; height: 100%; right: 0px; top: 0px; position: absolute;}
.step .left{float: right; text-align: left; padding-right: 0px; padding-left: 10%;}
.step .pic-back{right: auto; left:  0px;}
.step .left span{float: none; }

.you-need h3{font-size: 32px; text-align: center;}
.you-need ul {text-align: center; margin-bottom: 50px;}
.you-need ul li{display: inline-block;
    margin-top: 20px;
 
    text-align: left;
    margin-right: 50px;
    vertical-align: top;
    padding-left: 40px;
    font-size: 20px;
    color: #666666; background: left center no-repeat; 
    height: 30px;
    line-height: 30px;}

.you-need-2 {height: auto; overflow: hidden; position: relative;  } 
.you-need-2:before{position: absolute; width: 1px; height: 100%; left: 360px; top: 0px; background: #aaa; content: " ";}
.you-need-2 .left{height: auto; overflow: hidden; width: 400px; float: left; padding-right: 40px; text-align: right;} 
.you-need-2 .right{height: auto; overflow: hidden; width: calc(100% - 400px); float: left; padding-right: 40px;} 
.you-need-2 .left li{ margin-bottom: 20px; padding-right: 20px; position: relative; font-weight: 900; cursor: pointer; font-size: 20px; }
.you-need-2 .left li.cut:before{position: absolute; width: 3px; height: 100%; right: -2px; top: 0px; background: #a52025; content: " ";}
.you-need-2 .left li.cut{color: #a52025;}
.you-need-2 .right h1{font-size: 24px; margin-bottom: 20px;}
.you-need-2 .right li{display: none;}
.you-need-3{height: auto; overflow: hidden; display: none;}
.you-need-3 h1{font-size: 24px; margin-bottom: 20px;}
.you-need-3  li{margin-top: 40px;}

.domain .about-six{margin-top: 60px;}
.domain ul {font-size: 0;letter-spacing: -3px; margin-top: 20px; vertical-align: top;}
.domain ul li{ width: 25%; text-align: center; display: inline-block;letter-spacing: 0px; 
    font-size: 16px; margin-top: 40px; padding: 0 20px; vertical-align: top}
.domain ul li h3{font-size: 24px;  padding-bottom: 20px; margin-bottom: 20px; position: relative;}
.domain ul li h3:before{position: absolute; width: 60px; height: 2px; display: block; content: " "; background: #a52025;
left: 50%; margin-left: -30px; bottom: 0px;}
.tgong{background: #eee}
.about3 .about-right img{max-width: 100%;}

.website-d{height: auto; overflow: hidden;}
.website-d .left{height: auto; overflow: hidden; width: 50%; float: left; padding-right: 50px;}
.website-d .right{height: auto; overflow: hidden; width: 50%; float: left;}
.website-d .right ul{margin-top: 0px;}
.website-d .right ul li{    width: calc(50% - 20px); margin-top: 0px; margin-bottom: 20px;
background: #a52025; 
    border-bottom: 0px solid #ccc;}
    .website-d .right ul li h5{color: #fff;}
.website-d .left .top {height: auto; overflow: hidden; }
.website-d .left .top .txt{width: calc(100% - 120px); float: left; padding-left: 50px;}
.website-d .left .top h5{font-size: 24px;}
.website-d .left .top .pic{width: 120px; float: left; padding:20px; background:  #a52025; border-radius: 50%; }
.website-d .left .top .pic img{width: 100%;}
.website-d .left ul{clear: both;  margin-top: 40px; border-bottom:1px solid #aaa; }
.website-d .left ul h4{font-size: 20px; color: #a52025; margin-bottom: 20px; }
.website-d .left ul li{padding: 10px 0;border-top:1px solid #aaa; }




.website-six{width: 100%; height: auto; overflow:hidden;  margin-top: 25px;}
.website-six li{width: 16.66%; height: auto; overflow:hidden; float: left; padding:15px 10px; 
 margin: 0px; text-align: center;}

.website-six li img{max-width: 80px; margin-bottom: 15px; transition: all 0.3s ease;}
.website-six li h3{font-weight: 500; color: #333; font-size: 16px; transition: all 0.3s ease; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.website-six li:hover img{transform:rotateY(180deg);}
.website-six .title{margin-bottom: 40px;}

.weixin-box {width: 240px; height: 320px; background: #fff; border-radius: 10px; position: fixed; left: 50%; z-index: 50;
 margin-left: -120px; top: 50%; margin-top: -160px; box-shadow: 0px 0px 8px rgba(0,0,0,0.2);  padding:40px 30px; display: none; }

.weixin-box  img{width: 100%;}
.weixin-box .close{width: 20px; height: 20px; right: 10px; top: 10px;  position: absolute;}
.weixin-box span{display: block; margin-top: 20px; text-align: center;}
.about-top{position: relative;z-index: 2px; background: #fff; height: auto; overflow: hidden;} 
.about-top ul {font-size: 0;letter-spacing: -3px;  }
.about-top li{font-size: 16px; width: 25%; text-align: center; display: inline-block; padding:0 20px; letter-spacing: 0px; vertical-align: top; }
.about-top li h3{font-size: 24px; margin-bottom: 20px;}
.about-top li img{width: 100%; max-width: 150px;}
.inner-back{position: fixed; left: 0px; top: 0px; width: 100%;height: 100%; z-index: -1;}
.inner-w{width: 100%; height: auto; overflow: hidden;  border: 20px solid rgba(255,255,255,0.5); margin-bottom: 40px; position: relative; }
.inner-w2{width: 420px; height: auto; overflow: hidden; background: #a52025; color: #fff; padding:100px 50px;   }
.inner-w2 h2{display: inline-block;font-size: 16px;font-weight: 500;}
.inner-w3{width: 420px; height: auto; overflow: hidden; float: right; background: #a52025; color: #fff; padding:100px 50px;   }
.inner-w4{width: 100%; height: auto; overflow: hidden;  background-color: #a52025; color: #fff; padding:100px 50px; 
 text-align: center;   }
.inner-w4 h3{font-size: 24px;  margin-bottom: 40px;}
.inner-pic1{width: calc(100% - 420px); position: absolute; height: 100%; top: 0px; right: 0px; }
.inner-pic2{width: calc(100% - 420px); position: absolute; height: 100%; top: 0px; left: 0px; }

.con-top{height: auto; overflow: hidden; margin-top:80px; }
.con-top .left{width: 50%; height: auto; overflow: hidden; float: right; background-color: #a52025; }
.con-top .left .box{width: 90%; max-width: 700px;height: auto; overflow: hidden; padding-left: 50px; color: #fff;font-family:"微軟正黑體","Microsoft Yahei"; }
.con-top .left .box .txt{padding:80px 0 40px 0; font-size: 20px; }
.con-top .left .box .txt li{position: relative; padding:10px 0 10px 100px; }
.con-top .left .box .txt li span{position: absolute; left: 0px; top: 10px; }

.con-top .left .box .btt {padding: 0px;overflow: hidden;height: auto; padding-bottom: 80px; max-width:500px;}
.con-top .left .box .btt li { width: 30%; max-width: 156px; height: auto; border: 1px solid #fff; overflow: hidden;
 border-radius: 50%; list-style-type: none; float: left; margin-right: 3%; box-sizing: border-box; transition: all 0.5s ease; position: relative; overflow: hidden; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */}
.con-top .left .box .btt li .img01 {position: absolute;left: 0px;top: 0px;
    transition: all 0.3s ease;filter: alpha(opacity:100);opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}
.con-top .left .box .btt li .img02 {position: absolute;left: 0px;top: 0px;
    transition: all 0.3s ease;filter: alpha(opacity:0);opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;}
.con-top .left .box .btt li:hover .img01 {position: absolute;left: 0px;top: 0px;filter: alpha(opacity:0);opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;}
.con-top .left .box .btt li:hover .img02 {position: absolute;left: 0px;top: 0px;filter: alpha(opacity:100);opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}
.con-top .left .box .btt li:hover {background: rgba(255, 255, 255, 0.4);}
.con-top .left .box .btt li.ck-box-g2:hover {border-radius: 5px;border-width: 1px;}
.con-top .left .box .btt li img {display: block;width: 100%;}

.con-down{height: auto; overflow: hidden; position: relative; }
.con-down .left{width: 50%; height: auto; overflow: hidden; float: right;  padding:80px 0; position: relative; z-index: 2; }
.con-down .left .box{width: 90%; max-width: 700px;height: auto; overflow: hidden;float: right; color: #fff;font-family:"微軟正黑體","Microsoft Yahei"; }
.con-down .right{width: 50%; height: auto; overflow: hidden; float: right; position: relative; z-index: 2;padding:80px 0; color: #fff;}

.con-down .left h3{font-size: 32px; margin-bottom: 24px;}
.con-down .left ul li{padding:8px 0; }
.con-down .left-back{position: absolute; width: 50%; height: 100%; top: 0px; left: 0px;z-index: 1;background-color: #a52025;}
.con-down .right-back{position: absolute; width: 50%; height: 100%; top: 0px; right: 0px;z-index: 1;}
.con-down .right form{height: auto; overflow: hidden; width: 90%; max-width: 700px; padding-left: 50px; }
.con-down .right h3{font-size: 32px; margin-bottom: 24px;}
.con-down .right form .pa35 .con .box{width: 100%; height: auto; overflow: hidden; float: left; margin-bottom: 10px;}
.con-down .right form .pa35 .con .box input{width: 100%; height: 40px; line-height: 40px; padding: 0 10px; color: #fff;
 background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.5); }
.con-down .right form .pa35 .con .box1{width: calc(50% - 10px);}
.con-down .right form .pa35 .con .box1.fl{margin-right: 20px;}
.con-down .right form .pa35 .con1{padding-top: 20px;}
.con-down .right form .pa35 .con1 .t2{font-size: 20px; margin-bottom: 10px;}
.con-down .right form .pa35 .con1 ul li{float: left; width: calc(50% - 20px); margin-right: 20px; font-size: 14px;}
.con-down .right form .pa35 .con1 ul li span{padding-left: 10px; display: inline-block; vertical-align: middle;}
.con-down .right form .pa35 .con1 ul li input{vertical-align: middle;}

.con-down .right form .pa35 .con2{padding-top: 20px;}
.con-down .right form .pa35 .con2 .t2{font-size: 20px; margin-bottom: 10px;}
.con-down .right form .pa35 .con2 ul li{float: left; width: calc(50% - 20px); margin-right: 20px; font-size: 14px;}
.con-down .right form .pa35 .con2 ul li span{padding-left: 10px; display: inline-block; vertical-align: middle;}
.con-down .right form .pa35 .con2 ul li input{vertical-align: middle;}
.con-down .right form .con4 {padding-top: 20px;}
.con-down .right form .con4 input{ width: 100%; height: 40px; line-height: 40px;text-align: center; background: #a52025; color: #fff; border-width: 0px ; }



@media (max-width:1400px){

    .about-6 ul li{ height: 600px;}
    .pc-nav ul.nav {
    float: left;
    width: calc(100% - 420px);
    margin-left: 20px;
    text-align: center;
    transition: all 0.3s ease;
}

}

@media (max-width:1200px) {
	 .dl-menuwrapper{display: block; }
      .pc-nav{display: none;}
      .banner{margin-top: 50px; }
.foot2 .left{width: 200px; height: auto;  float: left;}

.foot2 .center{width: calc(100% - 520px); height: auto;  float: left; margin: 0 20px;}


.about-six li .pic{ padding:0 20% 60% 20%; margin: 10px 0 ; }
.about-six li .pic img{width: 60%; left: 20%;}



#zA7n  h3{ font-size: 28px; }

    .about-6 ul li{ height: 450px; width: 33.33%;}

.con-top{ margin-top:50px; }

}

@media (max-width:1000px) {
  .about .about-left{width: calc(100% - 0px); }
  .about .about-right{width:  100% ; padding-left: 0px; max-width: 800px; margin: 0 auto; margin-top: 60px;}  
 .about-six li{ width: 33.333% ; border-top: 1px solid #fff; }
  .about-six li h3{font-size: 18px; } 

  .case ul li{width: calc(33.33% - 20px)}

  .case2 ul li{width: calc(25% - 20px)}




.about-six{background: #f5f5f5; height: auto; overflow: hidden;  }
 
	
.pagcage ul{background-attachment: scroll;} 
	
.pagcage ul li{ width: 50%;     padding: 60px 3% 60px 12%;}



.pagcage ul li img {width: 50px;}

.about-6 ul li{ padding:130px 20px 20px  20px;}

.about-6 ul li img {
 margin-left: -25px;
}


#zA7n{display: none;}
.advantage-nav{display: block;}
.news ul li{width:  calc(50% - 20px) ;}

.foot1 ul li.li4 ul li{width: 50%;  border-top: 1px solid #aaa !important; border-right: 1px solid #aaa !important;}
.foot1 ul li.li4 ul li:nth-child(-n+2){border-top-width: 0px !important;}
.foot1 ul li.li4 ul li:nth-child(2n+2) {border-right-width: 0px !important;}

.foot1-1 li.li1{ margin-bottom: 0px; }

     .news-big .pic{width: 300px; }
    .news-big .txt{width: calc(100% - 420px); margin-top: 20px;}

    .news-big span{margin-top: 20px;}
        .news-left{width: 100%; float: none;}
    .news-right{width: 100%; float: none; margin-top: 60px;}
    .news-right .ul2 li { width: calc(50% - 30px);}
    .news-right .ul1 li {width: calc(50% - 30px);}

    .domain ul li { width: 33.33%;}

    .about-top li{width: 50%; margin-top: 20px;}
    .about-top li:nth-child(-n+2){margin-top: 0px;}
    .about-top li img{max-width: 100px;}
}







@media (max-width:900px){
   .foot2 .left{display: none;} 
   .foot2 .center{width: calc(100% - 300px); height: auto;  float: left; margin-left: 0px;}
    .foot2 .right{width: 280px;}

    .pagcage-3 ul li {    width: calc(50% - 20px);} 


    .advantage2 .left{width: 100%; text-align: left; color: #fff; padding:80px 5%; float: none; }
    .advantage2 .pic-back{width: 100%; height: auto; padding-bottom: 75%; position: static;}
    .advantage2 .left span{float: none;}
    .you-need-2{display: none;}
    .you-need-3{display: block;}
    .you-need ul {tmargin-bottom: 10px;}


    .website-d .left{ width:100%; float: none; padding-right: 0px;}
.website-d .right{ width: 100%; float: none; margin-top: 60px;}

.website-six li{width: 33.33%;}
   
}
@media (max-width:800px) {
	
.about-six li{ width: 50% ; }
.case ul li{width: calc(50% - 20px)}

.foot1 ul li{width: calc(100% - 30px); margin-bottom: 30px;}
.red-four li{width: 50%; }
.red-four li.li1{width: 100%;}
.news-big span{display: none;}
.news-big .txt{width: calc(100% - 330px); margin-top: 20px; margin-left: 30px;}

.news-big .txt .tim{ display: block; }
.news-big .txt .txt-box{max-height: 72px; }
.news-big .txt i{margin: 20px 0;}

.about2 .about-right ul li{width: 50%; }
.about2 .about-right ul li.li3{border-top: 1px solid #ccc;border-right: 1px solid #ccc;}
.about2 .about-right ul li.li4{border-top: 1px solid #ccc;}
.about2 .about-right ul li.li1{border-right: 1px solid #ccc;}

.domain ul li { width: 50%;}

.inner-w2{width: 100%;  float: none; padding:40px 20px;  }
.inner-w3{width: 100%;  float: none; padding:40px 20px;   }
.inner-w4{padding:40px 20px; }
.inner-pic1{display: none;}
.inner-pic2{display: none;}

.con-top .left{width: 100%; float: none;  padding:60px 0; position: relative; z-index: 2; }
.con-top .left .box {
margin-left: 5%;
    max-width: 1000px;

    padding-left: 0px;

}
.con-top .left .box .txt{padding-top: 0px;}
.con-top .left .box .btt{padding-bottom: 0px;}
.con-down .right-back{display: none;}
.con-down .left-back{display: none;} 
.con-down .right{width: 100%; float: none; padding: 60px 0; background-image: url(../img/a21.jpg);}
.con-down .left {width: 100%; float: none; background: #a52025; padding: 60px 0;}
.con-down .right form {
margin-left: 5%;
    max-width: 1000px;
    padding-left: 00px;
}

.con-down .left .box {
margin-left: 5%;
    max-width: 1000px;

    float: none;

}

.con-down .right form .pa35 .con1 ul li {

    width: 100%;
    margin-right: 0px;
}

}
@media (max-width:600px) {

    .pagcage ul li{ width: 100%;     padding: 60px 3% 60px 80px;}

    .about-6 ul li{ padding:130px 20px 130px  20px; height: auto;}


.about .about-right ul li h2 {font-size: 30px;}
    .about .about-right ul lib {font-size: 14px;}
.news ul li{width:  calc(100% - 20px) ;}

.foot2 .center{width: calc(100% - 0px); height: auto;  float: left; margin-left: 0px;}
    .foot2 .right{width: 100%; margin-top: 40px;}

.case-classify{width: calc(100% - 20px;);}
.case-classify li{display: block;  margin:5px 5px; float: left; width: calc(50% - 10px); }
 .case-classify li a{padding: 10px 0px; font-size: 14px; }   
 .red-four li:before{display: none; }
 .red-four li span{display: block; margin-left: 0px;}
 .red-four li img{margin: 25px 0 10px 0;}
 .news-list ul li{width: calc(100% - 20px);}

  .news-big {display: none;}
.case-d-bottom a {
    width: 100%;
}
  .case-d-bottom .prev {
    float: left;
}


 .news-right .ul2 li { width: calc(100% - 30px);}
    .news-right .ul1 li {width: calc(100% - 30px);}

    .pagcage-3 ul li {    width: calc(100% - 20px);} 

.website-d .right ul li{width: calc(100% - 20px)}
.website-six li{width: 50%;}
  .about-top li{width: 100%;}
  .about-top li:nth-child(2){margin-top: 20px;}


}


@media (max-width:500px) {
    .about-six li{ width: 100% ;  }
    .about-six li .pic{width: 90px; height: 90px; padding:0px; margin: 0 auto;   }
    .about-six li .hang2{height: auto; }
    .case ul li{width: calc(100% - 20px)}
    .domain ul li { width: 100%;}


	
}

.foot3 a{color: #fff;}



.recom-news{width: 100%;height: auto;}
.recom-news .row-news{overflow: hidden; width: 100%;margin-top: 55px;font-size: 0;}
.recom-news .row-news .row-list{display: inline-block;vertical-align: top; width: calc(33.3% - 20px);margin-right: 30px;}
.recom-news .row-news .row-list:nth-child(3){margin-right: 0;}
.recom-news .row-news .row-list>a{display: block;width: 100%;height: auto;}
.recom-news .row-news .row-list>a .pic{overflow: hidden; position: relative;margin-bottom: 20px; width: 100%;height: auto;}
.recom-news .row-news .row-list>a .pic img{display: block;width: 100%;height: auto;}
.recom-news .row-news .row-list>a .pic .txt{position: absolute;bottom: 0;left: 0; width: 100%;text-align: center; background: rgba(0,0,0,0.4);text-align: center;padding: 10px 5%;}
.recom-news .row-news .row-list>a .pic .txt h3{color: #fff;font-size: 16px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.recom-news .row-news .row-list>a:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1); transition: all 0.5s ease;}
.recom-news .row-news .row-list ul{width: 100%;height: auto;}
.recom-news .row-news .row-list ul li{margin-bottom: 10px; width: 100%;height: auto;overflow: hidden;}
.recom-news .row-news .row-list ul li a{color: #000; width:calc(100% - 80px);float: left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 15px;color:#000;display: block;}
.recom-news .row-news .row-list ul li span{float: right; width:80px;font-size: 14px;color: #000;}
.recom-news .row-news .row-list ul li a:hover{color:#a52025;}

@media only screen and (max-width:1024px) {
	.recom-news .row-news .row-list{width: calc(33.3% - 10px);margin-right: 15px;}
	.recom-news .row-news .row-list:nth-child(3){margin-right: 0;}
	.recom-news .row-news .row-list ul li a{font-size: 13px;width: calc(100% - 75px);}
	.recom-news .row-news .row-list ul li span{font-size: 12px;width: 75px;}
	.recom-news .row-news .row-list>a .pic .txt h3{font-size: 15px;}
}
@media only screen and (max-width:720px) {
	.recom-news .row-news .row-list{width:100%;margin-right: 15px;margin-bottom: 20px;}
	.recom-news .row-news .row-list:nth-child(3){margin-right: 0;margin-bottom: 0;}
	.recom-news .row-news .row-list>a .pic .txt h3{font-size: 14px;}
}



.popupBox{
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, .6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
}

.popupBox .ewm{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popupBox .ewm img{
	width: 156px;
	display: block;
	height: auto;
}


.footer{width: 100%;height: auto;background: #fff;}
.footer .fd{width: 100%;height: auto;overflow: hidden;}
.footer .fd ul{width: calc(100% - 250px);float: left;font-size: 0;}
.footer .fd ul li{max-width: 25%;vertical-align: text-top; padding: 0 5%; border-right: 1px solid #f1f1f1; display: inline-block;}
.footer .fd ul li a{display: block;font-size: 15px;color: #000;margin-bottom: 5px;}
.footer .fd ul li a:hover{color: #a52025;}
.footer .fd ul li:last-child{border-right: none;}
.footer .fd .fd-r{text-align: center; width:250px;float: right;text-align: center; height: auto;}
.footer .fd  .fd-r .ewm{ width: 140px;height: auto;display: block;margin: 0 auto;}
.footer .fd  .fd-r .ewm img{display: block;width: 100%;height: auto;}
.footer .fd  .fd-r .tel{color: #a52025;font-size: 24px;width: 100%;}
.footer .foot-d{font-size: 15px;color: #fff; text-align: center; padding: 55px 0 35px 0;background:rgba(51,51,51);margin-top: 55px;}
.footer .foot-d a{color: #fff;margin: 0 5px;}
.footer .foot-d a:hover{color:#a52025;}
.footer .foot-d .ft-list{width: 100%;height: auto;margin-bottom: 10px;}

@media only screen and (max-width:1200px) {
.footer .fd ul{width: calc(100% - 200px);}
.footer .fd ul li{padding: 0 4%;}
.footer .fd .fd-r{width: 200px;}
.footer .fd .fd-r .ewm{width: 120px;}
.footer .fd .fd-r .tel{font-size: 20px;}	
}
@media only screen and (max-width:1024px) {
	.footer .fd ul{width: 100%;height: auto;float: none;text-align: center;}
	.footer .fd ul li{padding: 0 3%;text-align: left;}
	.footer .fd .fd-r{width: 200px;float: none; margin: 0 auto;margin-top: 25px;}
	.footer .foot-d{font-size: 14px;}
}
@media only screen and (max-width:720px) {
.footer .foot-d{font-size: 13px;}
.footer .fd ul li {width: 100%;max-width: 100%; height: auto;border-right: none;border-bottom: 1px solid #f1f1f1;padding: 10px 0;}
.footer .fd ul li a{font-size: 13px;display: inline-block;margin: 5px 10px;}
.footer .fd ul li:first-child{padding-top: 0;}
.footer .fd ul li:last-child{padding-bottom: 0;border-bottom: none;}	

.h80{height: 60px;}
}

.in-banner{margin-top: 60px; width: 100%;height:650px;position: relative; background-size:cover;background-repeat: no-repeat;background-position: center;}
.in-banner  .con{width: 100%;height: auto;padding: 0 5%;text-align: center; position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.in-banner .con h2{color: #fff;font-size: 70px;line-height: 1;}
.in-banner .con h3{font-weight: normal; font-size: 30px;color: #fff;line-height: 1;margin-top: 10px;}
.in-banner .bks{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.25);}

@media only screen and (max-width:1680px) {
.in-banner{height: 600px;}
.in-banner .con h2{font-size: 55px;}
.in-banner .con h3{font-size: 26px;}
}
	
@media only screen and (max-width:1480px) {
.in-banner{height: 550px;}
.in-banner .con h2{font-size: 45px;}
.in-banner .con h3{font-size: 24px;}
}
@media only screen and (max-width:1280px) {
.in-banner{height: 500px;}
.in-banner .con h2{font-size: 40px;}
.in-banner .con h3{font-size: 22px;}
}
@media only screen and (max-width:1024px) {
.in-banner{height:400px;margin-top: 52px;}
.in-banner .con h2{font-size: 32px;}
.in-banner .con h3{font-size: 20px;}
}
	
@media only screen and (max-width:720px) {
	.in-banner{height: 150px;}
	.in-banner .con h2{font-size: 24px;}
.in-banner .con h3{font-size: 16px;margin-top: 5px;}
}


.gab{width: 100%;text-align: center;padding: 10px 0 15px 0;}
.gab a{display: inline-block;color: #bbb;font-size: 14px;text-decoration: none}
.gab a img{width: 16px;height:auto;display: inline-block;margin-right:5px;vertical-align: middle;}
.gab a p{display: inline-block !important;vertical-align: middle;}