@charset "UTF-8";

/**
 *
 * @authors Joeshu (1442702103@qq.com)
 * @date    2017-09-16 18:58:35
 * @version $Id$
 */

*,
*:before,
*:after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
button,
input,
textarea,
p,
th,
td{margin: 0; padding: 0;}

body{font-size: 14px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none}

ol,
ul{list-style: none}

img{vertical-align: top; border: 0; max-width: 100%;}

table{border-spacing: 0; border-collapse: collapse;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.pull-right{float: right;}
.pull-left{float: left;}
.show{display: block !important;}
.hide{display: none !important;}
.pr{position: relative;}
.pa{position: absolute;}
.fl{float:left}
.fr{float:right}
a{color: #333; text-decoration: none; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}

a:hover{text-decoration: none;}
.clearfix:before,
.clearfix:after{display: table; content: " ";}
.clearfix:after{clear: both;}
.container:after,
.container-fulid:after,
.shouji:after,
.ind-tit2 ul:after{display: table; line-height: 0; content: ""; clear: both}
.container{width: 1000px; margin-left: auto; margin-right: auto;}
.middle{position: relative; width: 1000px; height: 100%; margin-left: auto; margin-right: auto;}
.container-fulid{width: 100%;}


/*rem*/

html{font-size: 40px}

@media (min-width: 800px){html{	font-size: 60px
	}}

@media (min-width: 1024px){html{	font-size: 60px
	}}

@media (min-width: 1152px){html{	font-size: 70px
	}}

@media (min-width: 1280px){html{	font-size: 70px
	}}

@media (min-width: 1366px){html{	font-size: 76.5px
	}}

@media (min-width: 1440px){html{	font-size: 87.5px
	}}

@media (min-width: 1680px){html{	font-size: 87.5px
	}}

@media (min-width: 1920px){html{	font-size: 100px
	}}


/*start*/

html,
body{position: relative; height: 100%;}
.swiper-container{width: 100%; height: 100%; margin-left: auto; margin-right: auto; -webkit-transform-origin: center top 0;-moz-transform-origin: center top;-ms-transform-origin: center top;-o-transform-origin: center top; overflow: hidden; transform-origin: center top;}
.swiper-slide{text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}


/*背景图*/

#slideHome .swiper-slide:nth-child(1){background: url(../img/bg1.jpg) no-repeat 50%; background-size: cover;}

#slideHome .swiper-slide:nth-child(2){background: url(../img/bg2.jpg) no-repeat 50%; background-size: cover;}

#slideHome .swiper-slide:nth-child(3){background: url(../img/bg3.jpg) no-repeat 50%; background-size: cover;}

#slideHome .swiper-slide:nth-child(4){background: url(../img/bg4.jpg) no-repeat 50%; background-size: cover;}

#slideHome .swiper-slide:nth-child(5){background: url(../img/bg5.jpg) no-repeat 50%; background-size: cover;}

#slideHome .swiper-slide:nth-child(6){background: url(../img/bg6.png) no-repeat 50%; background-size: cover;}
.swiper-container-vertical>.swiper-pagination-bullets{right: 60px; /*background: url(../img/nav.png) no-repeat center;*/}
/*.swiper-container-vertical>.swiper-pagination-bullets:after{content: ""; position: absolute; z-index: -1; width: 1px; height: 100%; top: 0; left: 50%; background-color: rgba(255, 255, 255, .2);}*/
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{width: 8px; height: 8px; margin: 10px 0; background: #fff;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #f15a24;}
.swiper-button-next{left: 50%; bottom: 60px; top: auto; height: 24px; background-size: cover; background-image: url(../img/arrow.png); z-index: 2016;-webkit-animation: guidebot 1.5s infinite; animation: guidebot 1.5s infinite;}
@-webkit-keyframes guidebot{0%{-webkit-transform: translateY(0px); opacity: 0;}60%{-webkit-transform: translateY(12px); opacity: 1;}100%{-webkit-transform: translateY(22px); opacity: 0;}}


/*第一屏*/

.header{position: relative; width: 100%; height: 80px;}
.header .logo{position: absolute; top: 50px; left: -56px;}
.header .logo img{width: 120px;}
.header .nav{position: absolute; top: 40px; right: 0;}
.header .nav li{position: relative; display: inline-block; height: 44px; line-height: 44px; text-align: center; margin-left: 30px;}
.header .nav li a{font-size: 16px; color: #fff; display: block;}
.header .nav li:hover a,
.header .nav li.active a{color: #f15a24; border-bottom: 1px solid rgba(241, 90, 36, .3);}
.header .nav li:hover:after,
.header .nav li.active:after{content: ""; background: #f15a24; position: absolute; bottom: -1px; left: 22px; width: 20px; height: 2px;}
.header .nav a.zc{ background: #e75725; border-radius: 3px; color: #333 !important; padding: 0 15px; font-weight: bold;}
.tab-menu{display: inline-block; margin-top: 60px; position: relative; width: 430px; height: 50px;}
.tab-con{margin-top: 140px; margin-bottom: 40px;}
.tab-menu>a{position: absolute; top: 0; display: block; background: rgba(255, 255, 255, .2); z-index: 1; width: 214px; height: 50px; line-height: 50px; text-align: center; color: #fff; border-radius: 6px;}
.tab-menu>a.active{background: #F15A24; opacity: 1; box-shadow: 0 9px 13px 0px #22010A;}
.tab-menu>a:nth-child(2){left: 210px; z-index: 0;}
.title-home{position: relative; font-size: 24px; color: #fff; letter-spacing: 18px; width: 100%; height: 30px; line-height: 30px; margin-top: 40px; margin-bottom: 40px;}
.title-home:before,
.title-home:after{position: absolute; content: ""; width: 60px; height: 1px; top: 14px; background: rgba(255, 255, 255, .2);}
.title-home:before{left: 60px;}
.title-home:after{right: 60px;}
.line-home{position: relative; margin: 0 auto; background-color: rgba(255, 255, 255, .2); width: 840px; height: 1px; margin-top: 40px; margin-bottom: 40px;}
.line-home>span{position: absolute; left: 270px; top: -3px; display: block; background: #F15A24; width: 300px; height: 6px; box-shadow: 0 0 20px #F15A24;}
.title-sub{width: 678px; border-radius: 6px; margin: 0 auto; font-size: 20px; height: 40px; line-height: 40px; color: #fff; letter-spacing: 12px; background: rgba(240, 90, 36, .8);}


/*第二屏*/

.slide2-l,
.slide2-t,
.slide2-r,
.slide2-b{position: absolute;}
.slide2-l{left: 0; top: 300px;}
.slide2-r{right: 50px; top: 300px;}
.slide2-t{left: 50%; transform: translateX(-50%); top: 100px;}
.slide2-b{left: 50%; transform: translateX(-50%); bottom: 100px;}
.title{position: relative; font-size: 36px; height: 40px; line-height: 40px; width: 100%; text-align: center; color: #fff; letter-spacing: 10px; margin-bottom: 40px;}
.title:before{position: absolute; top: 18px; left: 0; content: ""; width: 260px; height: 1px; background: rgba(255, 255, 255, .3);}
.title:after{position: absolute; top: 18px; right: 0; content: ""; width: 260px; height: 1px; background: rgba(255, 255, 255, .3);}
.meiti,.yingyong,.zhibo,.slide2-text{position: absolute;}
.meiti{left: 200px; top: 50px; width: 450px;}
.yingyong{left: 0; top: 456px; width: 360px;}
.zhibo{right: 80px; bottom: 130px; width: 360px;}
.slide2-text{right: 80px; bottom: 450px;}
.slide2-text p{position: relative; height: 50px; line-height: 50px; color: #d1d1d1; text-align: left; padding-left: 18px;}
.slide2-text p:before{content: ""; position: absolute; width: 6px; height: 6px; border-radius: 3px; top: 22px; left: 0; background: #bab6b4;}
.slide2-text p:last-child{color: #fff;}


/*第三屏*/

#slide3 img{}


/*第四屏*/

.telModel{float: left; width: 330px; color: #fff;}
.telModel h2{font-size: 24px; margin-bottom: 30px;}
.vi-text{width: 100%; color: #fff; height: 150px; margin-top: 40px;}
.vi-text h4{font-size: 24px;}
.vi-text p{color: #d1d1d1; height: 48px; line-height: 48px; font-size: 20px;}


/*第五屏*/

.slide5-t,
.slide5-b{position: absolute; left: 0; width: 100%; background: #fff;}
.slide5-t{top: 0; height: 90px;}
.slide5-b{bottom: 0; height: 40px;}
.slide5-text{position: absolute; top: 60%; left: 0; width: 1550px; height: 156px; background: rgba(70, 26, 10, .6); color: #fff; background: url(../img/bg_orange.png) no-repeat; background-size: cover;}
.slide5-con{float: left; position: relative; text-align: left; padding-bottom: 20px;}
.slide5-con:after{content: ""; position: absolute; bottom: 0; left: 0; width: 50px; height: 1px; background: #fff;}
.slide5-con:first-child{margin-right: 50px;}
.slide5-con>p{height: 48px; line-height: 48px; font-size: 18px;}
.slide5-con>p>b{font-size: 20px;}
.slide5-location {}


/*box-shadow: 0 2px 10px 0px #000;}*/


/*.mata{background: url(../img/mata.png) no-repeat 50%;background-size:cover;}*/

.bg-purple{position: absolute; top: 0; left: 0; width: 1550px; height: 100%; background: rgba(240, 90, 36, .8);}


/*第六屏*/

.f-container{padding-top: 100px; padding-right: 60px; text-align: left;}
.f-logo{float: left; width: 270px; height: 250px; border-bottom: 1px solid rgba(255, 255, 255, .4);     display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;}
.f-logo img{
	width: 150px;
}
.f-con{float: right; width: 600px; height: 250px; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .4); padding-bottom: 30px;}
.f-nav{border-bottom: 1px solid rgba(255, 255, 255, .4); padding-bottom: 30px;}
.f-nav li{position: relative; display: inline-block; height: 46px;}
.f-nav li:not(:last-child){margin-right:33px;}
.f-nav li:after{position: absolute; bottom: 0; left: 0; content: ""; width: 18px; height: 2px; background: #fff;}
.f-nav li a{color: #fff; letter-spacing: 4px;}
.f-contanct{margin-top: 40px;}
.f-contanct>p{height: 48px; line-height: 48px; font-size: 18px;}
.wrap{background: rgba(255, 255, 255, .1); width: 100%; height: 50%; margin: auto 0;}
.icon{width: 24px; height: 24px; display: inline-block; margin-right: 10px; vertical-align: middle;}
.icon-tel{background: url(../img/tel.png) no-repeat 50%;}
.icon-location{background: url(../img/location.png) no-repeat 50%;}
.copyright{width: 100%; color: #d1d1d1; margin-top: 60px;}