@charset "utf-8";
#body0 .gotop{background: #f9f9f9;}
.banner{width: 100%;position: relative;overflow: hidden}
.banner .bd ul{width: 100% !important; position: relative; height: 720px;}
.banner .bd li{width: 100% !important;height: 720px;background-position: center 0;background-attachment: fixed;background-repeat: no-repeat;min-width: 1200px}
.banner .bd li a{display: block; width: 100%; height: 100%}
.banner .hd{position: fixed;left: 0; top: 680px; width: 100%; overflow: hidden; z-index: 1;}
.banner .hd ul{text-align: center}
.banner .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 10px;height: 10px;margin: 5px;overflow: hidden;font-size: 0;background-color: #efefef;border-radius: 50%}
.banner .hd ul .on{background-color: #898989}
.banner .arrow {position:absolute; top:25%; margin-top:0; width:100px; height:50%; padding:0;cursor: pointer;} 
.banner .arrow span,.banner .arrow span:after,.banner .arrow span:before {position:absolute; top:50%; height:2px; background-color:#fff; border-radius:1px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all .4s ease; transition:all .4s ease } 
.banner .arrow span {margin-top:-1px; width:0 } 
.banner .arrow span:after,.banner .arrow span:before {content:""; width:30px } 
.banner .arrow.btn-prev span {left:50%; margin-left:-10px } 
.banner .arrow.btn-prev span:before {left:0; bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.banner .arrow.btn-prev span:after {left:0; top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.banner .arrow.btn-next span {right:50%; margin-right:-10px } 
.banner .arrow.btn-next span:before {right:0; bottom:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.banner .arrow.btn-next span:after {right:0; top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
 .banner .arrow:hover span {width:40px } 
 .banner .arrow:hover.btn-prev span {margin-left:-20px }
.banner .arrow:hover.btn-next span {margin-right:-20px }
.banner .btn-next {right:2.1%}
.banner .btn-prev { left:2.1%}

.index-about{ padding-top: 60px; background: #fff; position: relative; z-index: 9 }
.index-about .about1{ width: 25%; padding-left: 6%; text-align: left; padding-top: 15px;}
.index-about .about1 ul li{ position: relative; padding-bottom: 14px; color: #000; font-size: 13px; line-height: 16px;}
.index-about .about1 ul li::after{ content: ''; width: 15px; height: 4px; background-color: #222; position: absolute; top:6px; left: -28px;}
.index-about .about2{ padding-top:16px; }
.index-about .about2 p{ color: #5a5a5a; }
.index-about .about2 p.p1{  font-size: 50px; text-transform: uppercase; line-height: 58px;}
.index-about .about2 p.p2{ font-size: 51px; line-height: 82px;}
.index-about .about2 p span{ display: inline-block; margin-right: 18px; color: #ffb2bf; font-weight: bold; vertical-align: middle; }
.index-about .about2 p span i{ display: block; width: 65px; height: 10px; background: #ffb2bf; }
.index-about .about2 p span i.i2{ margin-top: 13px;}
.index-about .about3{ padding-top:16px; padding-left: 68px; font-size: 28px; color: #5a5a5a; letter-spacing: 1px; line-height: 42px;}


.index-nav{ padding-right: 3%; padding-top: 40px; padding-bottom: 20px;  text-align: right; background: #fff; position: relative; z-index: 9  }
.index-nav a{ display: inline-block; margin-left: 25px; color: #5a5a5a; font-size: 15px; cursor: pointer; }
.index-nav a:hover{ color: #ff0000;}

.index-case{ width: 95%; margin: 0 auto; padding-bottom: 75px; background: #f9f9f9; position: relative; z-index: 9  }
.caseul li{ float: left; position: relative; display: block; width: 33.3%; overflow: hidden; }
.caseul li .company{ position: absolute; width: 84%; left: 8%; bottom: 30px; color: #d6d6d6; opacity: 1; transition: all .1s linear; -webkit-transition:  all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; -o-transition: all .1s linear;}
.caseul li .company span{ display: inline-block; font-size: 12px; line-height: 22px; margin-top: 10px;}
.caseul li .case-summary{ position: absolute; top: 0; left: 0; width: 84%; height: 84%; padding: 8%; background: url(../images/black.png) repeat; opacity: 0; transition: all .1s linear; -webkit-transition:  all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; -o-transition: all .1s linear; }
.caseul li .case-summary .box{ position: relative; width: 100%; height: 100%;}
.caseul li .case-summary .box p{ position: absolute; left: 0; color: #f9f9f9;}
.caseul li .case-summary .box .p1{ font-size: 18px;}
.caseul li .case-summary .box .p2{ bottom: 0; font-size: 14px; line-height: 22px;}
.caseul li .case-summary .box .p2 span{ display: inline-block; font-size: 24px; margin: 10px 0; }
.caseul li a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1)}
.caseul li a:hover .company{ opacity: 0; }
.caseul li a:hover .case-summary{ opacity: 1;}
#load_span{ height: 40px; line-height: 40px; padding-top: 40px; text-align: center; }

.index-news{ width: 1280px; margin: 0 auto; background: #f9f9f9; position: relative; z-index: 9  }
.index-news .news-box{ float: left; width: 33.3333%; position: relative; z-index: 9 }
.index-news .news-tit{ position: relative; padding: 30px 0 30px 58px; background: #fff; font-size: 22px; }
.index-news .news-tit::after{ position: absolute; content: ""; left: 60px; top: 80px; width: 15px; height: 15px; background: url(../images/jt.png) center top no-repeat; }
.index-news .news-list{ font-size: 13px; padding: 30px 80px 30px 45px; min-height: 156px; background: url(../images/newsbg.png) left 60px no-repeat;}
.index-news .business{ padding-right: 15px;}
.index-news .business p{line-height: 22px; font-size: 13px;}
.index-news .news-box:first-child .news-list{ background: none; }
.index-news .news-list ul li{ line-height: 22px;}
.index-news .news-list ul li a{ display: block; width: 100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all 0.3s ease; font-size: 13px;}
.index-news .news-list ul li a:hover{ color:#000; }