.banner{padding: 2% 7%; background-image:url(../images/banner_line.png); background-position: bottom right; background-size: cover; position:relative;}
.banner .content{ position: relative;}
.banner-png{ position: absolute; left:75px; bottom: 45px;}
.banner-img{ float: left; width:49%; position: relative; padding-left: 50px;}
.banner-img .cricle{ position: absolute; top:10%; left:50px; height:80%;}
.banner-img .cricle img{ max-height: 100%;}
.banner-img .swiper-button-next{ right:auto; left:0; margin-top: -45px; width: 91px; height: 91px; background: url(../images/banner_button.png);}
.banner-text{ position: absolute; left:54%;  height: 100%; width: 45%; padding-bottom:5%;}
.banner-text .con{ display: inline-block; width: 100%; vertical-align: middle;}
.banner-text .con+i{ display: inline-block; height: 100%; vertical-align: middle;}
.banner-text .tit{ padding-bottom: 70px; position:relative;}
.banner-text .tit:after{ content: ""; position: absolute; bottom:0; left:0; width:50px; height: 5px; background: #e06100;}
.banner-text .tit span{ display:block; font-size: 112px; line-height: 112px; color: #333333; opacity:0.05; letter-spacing:5px; }
.banner-text .tit p{ margin-top: -65px; font-size: 48px; line-height: 50px; color: #111111; letter-spacing: 3px;}
.banner-text .button{ margin-top: 70px;}
.banner-text .button a{ margin-right: 15px; display: inline-block; width: 200px; height: 60px;  text-align: center; letter-spacing: 2px; color: #FFFFFF; line-height: 60px; border-radius: 30px;}
.banner-text .button a:nth-child(1){ background: #ee7700;}
.banner-text .button a:nth-child(2){ background: #32393b;}


.home-add{ position: relative;}
.home-add .text{ position: absolute; top:8%; left:0; width: 100%;}
.home-add .text img{ max-width:38%;}


.home-global{ padding: 120px 0 115px;}
.home-global .left{ float: left; width: 42%; padding-top: 80px;}
.home-global .left .tit{ font-size: 42px; color: #111111; letter-spacing:3px; }
.home-global .left .des{ margin-top: 40px; max-width: 520px; letter-spacing: 1px; line-height: 24px; font-size: 12px;}
.home-global .left .des span{ font-weight: bold;}
.home-global .left a{ margin-top: 75px; display: block; width: 230px; height: 60px; line-height: 60px; border-radius: 30px; text-align: center; font-size: 12px; color:#FFFFFF; background: #ee7700; letter-spacing: 2px;}
.home-global .right{ float: right; width: 52%; position: relative; padding-bottom: 70px; overflow: hidden;}
.home-global .swiper-slide{ z-index: 0; padding-left: 80px; padding-right:0; padding-bottom:60px; padding-top:0;}
.home-global .swiper-slide .box{opacity:1; border-radius:15px; overflow: hidden;}
.home-global .swiper-slide-active{ z-index:3;  padding-left: 0; padding-right:80px; padding-bottom: 0; padding-top:60px;}
.home-global .swiper-slide-active .box{ opacity:1;}
.home-global .swiper-slide-prev{ z-index: 1;  padding-left: 80px; padding-right:0; padding-bottom:60px; padding-top:0;} 
.home-global .swiper-slide-prev .box{opacity:1;}
.home-global .swiper-slide-next{ z-index: 2;  padding-left: 40px; padding-right: 40px; padding-bottom: 30px; padding-top:30px;}
.home-global .swiper-slide-next .box{ opacity:1;}
.home-global .swiper-button-prev,
.home-global .swiper-button-next{top:auto; margin-top:0; bottom:0; }
.home-global .swiper-button-prev{ left:50%; margin-left:-110px;}
.home-global .swiper-button-prev:hover{ background-image:url(../images/prev_gray.png);}
.home-global .swiper-button-next{ right:50%; margin-right: -40px; }
.home-global .swiper-button-next:hover{ background-image:url(../images/next_gray.png);}


.home-show img{ width: 100%;}


.home-probox{ padding: 135px 0 200px; text-align: center; }
.home-probox .theme{ color: #111111; letter-spacing:5px;}
.home-probox .theme div{ font-size: 42px;}
.home-probox .theme p{ margin-top: 30px; font-size: 24px;}
.home-probox .ico-div{ margin:30px auto 0; max-width: 480px;}
.home-probox .ico-div div{ float: left; width: 33.33333333%;}
.home-probox .ico-div span{ display: inline-block; border: 1px solid #f0f0f0; border-radius: 100%;}
.home-probox .ico-div p{ margin-top:5px; letter-spacing: 2px; color: #111111;}
.home-probox .content{ margin-top: 95px; display: inline-block; position: relative;}
.home-probox .anim-01{ left:330px; top:30px;}
.home-probox .anim-02{ left:420px; top:55px;}
.home-probox .anim-03{ left:165px; top:200px;}
.home-probox .anim-04{ left:440px; top:188px;}
.home-probox .anim-05{ left:560px; top:195px;}
.home-probox .text{ position:absolute;}
.home-probox .text-01{ left:386px; top:-7px;}
.home-probox .text-02{ left:475px; top:50px;}
.home-probox .text-03{ left:-35px; top:255px;}
.home-probox .text-04{ left:284px; top:244px;}
.home-probox .text-05{ left:618px; top:252px;}
.home-probox .text span{ position:absolute; width:200px; font-size: 16px; color: #111111; letter-spacing:2px; text-align: left;}
.home-probox .text-01 span{ right:0; top:-33px; text-align: right;}
.home-probox .text-02 span{  right:0; top:-33px; text-align:right;}
.home-probox .text-03 span{ left:0; bottom:15px;}
.home-probox .text-04 span{ left:0; bottom:15px;}
.home-probox .text-05 span{ right:0; bottom:15px; text-align: right;}

.anim-container{ position: absolute; width: 116px; height: 116px; }  
.anim-container .dot { position:absolute; width: 10px; height: 10px; left:53px; top: 53px; -webkit-border-radius: 20px -moz-border-radius: 20px; background:#ee7700;  border-radius: 20px;  z-index: 2; }  
.anim-container .smallpulse { position:absolute; width: 48px; height: 48px; left:34px; top:34px; background:#ee7700; -webkit-border-radius:60px; -moz-border-radius:60px;   border-radius:120px; border:1px solid #D9C99E; z-index: 1; opacity: 0;  -webkit-animation: warn 2s linear 0.2s;  -moz-animation: warn 2s linear 0.2s; animation: warn 2s linear 0.2s;  -webkit-animation-iteration-count: infinite;   -moz-animation-iteration-count: infinite;  animation-iteration-count: infinite;  } 
.anim-container .pulse { position:absolute; width: 116px; height: 116px; left:0px; top:0px; background:#ee7700; -webkit-border-radius:120px; -moz-border-radius:120px; border-radius:120px; z-index: 1; opacity: 0; -webkit-animation: warn 2s linear; -moz-animation: warn 2s linear;  
animation: warn 2s linear;  -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;} 

@keyframes warn {  
    0% {  
        transform: scale(0);  
        opacity: 0.0;  
    }  
    25% {  
        transform: scale(0.25);  
        opacity: 0.1;  
    }  
    50% {  
        transform: scale(0.5);  
        opacity: 0.2;  
    }  
    75% {  
        transform: scale(0.75);  
        opacity: 0.3;  
    }  
    100% {  
        transform: scale(1);  
        opacity: 0.0;  
    }  
}  
@-webkit-keyframes warn{  
    0% {  
        -webkit-transform: scale(0);  
        opacity: 0.0;  
    }  
    25% {  
        -webkit-transform: scale(0);  
        opacity: 0.1;  
    }  
    50% {  
        -webkit-transform: scale(0.1);  
        opacity: 0.2;  
    }  
    75% {  
        -webkit-transform: scale(0.5);  
        opacity: 0.3;  
    }  
    100% {  
        -webkit-transform: scale(1);  
        opacity: 0.0;  
    }  
}  
  
  

.home-know{ background: #faf9f8;}
.home-know .content{ position: relative; padding: 70px 0 50px; }
.home-know .content:before{ content: "";  content: ""; position: absolute; top:0; left:0; width: 0px; height: 0px; border-style:solid dashed dashed dashed ;  border-color:#FFFFFF transparent transparent transparent ; border-width:20px;}
.home-know .theme{ line-height: 60px; background: url(../images/ico_know.png) no-repeat left top; color: #111111; font-size:32px; letter-spacing: 3px; padding-left: 85px; position:relative;}
.home-know .theme:before{ content: ""; position: absolute; left:85px; top:0; width: 26px; height: 1px; background: #ee7700;}
.home-know .button{ position: absolute; top:70px; right:0; width: 146px; height: 48px;}
.home-know .button:before{ content: ""; position: absolute; top:50%; margin-top: -15px; left:50%; width: 1px; height: 30px; background: #dcdcdc;}
.home-know .button .swiper-button-next,
.home-know .button .swiper-button-prev{ top:0; margin-top: 0;}
.home-know .swiper-container{ margin-left: 85px; }
.home-know .swiper-slide{ line-height: 24px; font-size: 12px; color: #555555;}
.home-know .ques{ margin-top: 10px; padding-left: 30px; position: relative; color: #111111;}
.home-know .ques span{ color: #ee7700; font-weight: bold;}
.home-know .ans{  margin-top: 8px; padding-left: 30px; position: relative;}
.home-know .ques i,
.home-know .ans i{ position: absolute; top:2px; left:0; display: inline-block; width: 20px; height: 20px; line-height:20px; text-align: center; background: #000000; color: #FFFFFF; text-align: center; border-radius: 10px; font-style: normal; font-size: 12px;}
.home-know .ans i{ background: #999999;}


.home-floor{ height: 774px; background-image: url(../images/home_floor_bg.jpg);}
.home-floor .content{ float: right; width:100%; max-width: 740px; color: #FFFFFF; text-align: right; padding-top: 115px;}
.home-floor .content h2{ margin-right: -12px; font-size: 54px; letter-spacing: 7px;}
.home-floor .content .des{ margin-top: 20px; font-size:30px; line-height: 42px; letter-spacing: 5px;}
.home-floor .content .des span{ color: #ee7700;}
.home-floor .content .text{ border-top: 1px solid rgba(255,255,255,.2); margin-top: 20px; padding-top: 25px; font-size:12px; line-height: 20px; color: #dddddd; letter-spacing:2px;}
.home-floor .content .img{ float: right; margin-top:40px; margin-right:-15px; }
.home-floor .content .tip p{ float: left; width: 38%; text-align: left; font-size: 12px; color: #cccccc; letter-spacing:1px;}
.home-floor .content .tip p:first-child{ width: 62%; padding-left:10px;}
.home-floor .content .tip p span{ color: #e17206;}


.home-news{ padding: 120px 0;}
.home-news .theme{ float: left;}
.home-news .theme span{ display: block; line-height: 42px; height: 42px; font-size: 42px;color: #111111; letter-spacing: 5px;}
.home-news .theme p{ margin-top: 15px; font-size: 18px; color: #555555; letter-spacing: 5px;}
.home-news .tab{ margin-top: 35px; float: right;}
.home-news .tab span,
.home-news .tab a{ margin-left:10px; display: inline-block; padding: 0 55px; border-radius:5px; line-height: 44px; height: 44px; background: #32393b; color: #FFFFFF; font-size: 12px; letter-spacing:2px; cursor: pointer;}
.home-news .tab span:hover,
.home-news .tab a:hover,
.home-news .tab span.active,
.home-news .tab a.active{ background: #ee7700;}
.home-news .js-tab-box{ margin-top: 40px;}
.home-news .js-tab-con{ display: none;}
.home-news .js-tab-con.active{ display: block;}
.home-news .bigbox{ float: left; width: 48%; border-radius:10px; overflow: hidden; display: block; position: relative; letter-spacing:2px;}
.home-news .bigbox img{ width: 100%;}
.home-news .bigbox .text{ position: absolute; bottom:0; left:0; width: 100%; height: 82px; line-height: 82px; color:#FFFFFF; background: url(../images/home_news_bg.png) repeat-x; padding-left:50px; padding-right: 160px;}
.home-news .bigbox .text span{ display: block; font-size: 18px;}
.home-news .bigbox .text em{ position: absolute; top:0; right:45px; font-size: 12px;}
.home-news .bigbox:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-news .box{ float: left; width: 23%; margin-left: 3%; border-radius:8px; padding: 45px 35px 0; font-size: 12px; color: #555555;  letter-spacing: 2px;}
.home-news .box .date{font-size: 12px;}
.home-news .box .tit{ margin-top: 15px; font-size: 18px; color: #111111;}
.home-news .box .des{ margin-top: 20px; line-height: 24px; height: 72px; overflow: hidden;}
.home-news .box span{ margin-top: 180px; display: block; padding:15px 0 32px; border-top: 1px solid #ee7700; color: #ee7700;} 
.home-news .box:hover .tit{ color: #ee7700;}


@media (max-width:1640px) {
	.home-news .box span{ margin-top: 120px;}
}


@media (max-width:1300px) {
	.home-global .left .tit{ font-size: 38px;}
	.home-news .theme p{ letter-spacing: 3px;}
}