h2.title { background: #000; text-align: center; line-height: 78px; font-size: 36px; font-weight: bold; color: #ff9e00;}
h2.title span { margin-left: 14px; font-size: 36px; font-weight: bold; text-transform: uppercase; line-height: 41px; transform: translate(0,3px); display: inline-block;}

h1.title1 { font-weight: bold; font-size: 18px; line-height: 18px; color: #ff9e00; text-align: center;}

.classify { background: #047362; text-align: center;}
.classify a { display: inline-block; background: #aa0102; color: #fff; font-size: 18px; line-height: 34px; height: 35px; margin: 20px 8px; transition: all 0.2s ease;}
.classify a span:first-child { background: url("../img/classify_left.gif") no-repeat; width: 14px; height: 35px; float: left;}
.classify a span:last-child { background: url("../img/classify_right.gif") no-repeat; width: 14px; height: 35px; float: left;}
.classify a strong { float: left; font-weight: normal; padding: 0 22px;}
.classify a:hover { transform: translate(3px,3px);}


.page { text-align: center; margin: 10px 0;}
.page a,.page span,.page p { display: inline-block; font-size: 14px; line-height: 30px; margin: 0 10px;}
.page a:hover { color: #8ab9ad;}

.content { overflow: hidden;}
.bg1 { background: url("../img/bg1.jpg") no-repeat; background-size:cover; color: #fff;}
.bg2 { background: url("../img/bg2.jpg") no-repeat; background-size:cover; color: #fff;}

.about p,.brand p,.project p,.join p { text-align: justify;}

/*关于我们*/
.about1 { padding-top: 90px; text-align: center;}
.about1 h2 { font-size: 23px; line-height: 23px; color: #ff9e00; font-weight: bold;}
.about1 h3 { font-size: 33px; line-height: 33px; color: #ff9e00; font-weight: bold; margin: 27px 0 17px;}
.about1 h4 { font-size: 33px; line-height: 33px; color: #ff9e00; font-weight: bold;}
.about1 .img1 { margin: 37px auto 0;}
.about1 .text { border-radius: 50%; background: #ff9e00; position: absolute; right:-37px; bottom:150px; z-index: 2; width: 330px; height: 330px; padding-top: 20px;}
.about1 .text p { color: #000; font-weight: bold; text-align: center;}


.about2 { padding: 45px 0 7px;}
.about2 p { font-weight: lighter;}
.about2 .left { width: 480px;}
.about2 .left h1 { font-size: 18px; line-height: 18px; color: #ff9e00; font-weight: bold; text-align: center;}
.about2 .left h2 { color: #ff9e00; font-size: 43.4px; line-height: 44px; font-weight: bold; margin: 19px 0 15px; letter-spacing: 3px;}
.about2 .left h3 { color: #ff9e00; font-size: 27px; line-height: 27px; font-weight: bold; letter-spacing: 3px;}
.about2 .left h4 { color: #ff9e00; font-size: 34.9px; line-height: 35px; font-weight: bold; margin: 17px 0 12px; letter-spacing: 2px;}
.about2 .left h5 { color: #ff9e00; font-size: 20px; line-height: 20px; font-weight: bold; margin: 80px 0 23px; letter-spacing: 2.4px;}
.about2 .left h6 { color: #ff9e00; font-size: 39px; line-height: 39px; font-weight: bold; margin-bottom: 16px;}

.about2 .right { width: 480px; margin: 33px 70px 0 0;}
.about2 .right h2 { font-size: 43px; line-height: 43px; font-weight: bold; color: #ff9e00; margin-bottom: 6px;}
.about2 .right .img1 { margin: 0 -40px 0 -120px;}

.about3 { padding: 90px 0 110px;}
.about3 h2 { font-size: 18px; line-height: 18px; font-weight: bold; text-align: center; color: #ff9e00;}
.about3 h3 { font-weight: bold; font-size: 40px; line-height: 40px; text-align: center; color: #ff9e00; margin: 50px 0 33px;}
.about3 ul li { float: left; margin-right: 22px;}
.about3 ul li:last-child { margin-right: 0;}
.about3 ul li h4 { background: url("../img/about3_title_bg.png") no-repeat; width: 222px; height: 38px; line-height: 38px; text-align: center; font-size:18px; margin-bottom: -20px; position: relative; z-index: 2; color: #000; font-weight: bold;}
.about3 ul li img { margin: auto;}

.about4 { padding: 90px 0 110px;}
.about4 p { text-align: justify;}
.about4 .left { width: 530px;}
.about4 h2 { font-size: 18px; color: #ff9e00; font-weight: bold; line-height: 18px; text-align: center;}
.about4 h3 { color: #ff9e00; font-weight: bold; font-size: 77px; line-height: 77px; margin: 47px 0 15px;}
.about4 h4 { color: #ff9e00; font-size: 42px; line-height: 42px;}
.about4 h5 { color: #ff9e00; font-weight: bold; font-size: 40.7px; line-height: 41px; margin: 14px 0 15px;}
.about4 h6 { color: #ff9e00; font-size: 38.4px; line-height: 39px; font-weight: bold; margin-bottom: 12px;}

.about5 { padding: 120px 0;}
.about5 .left { width: 700px;}
.about5 h2 { font-weight: bold; color: #ff9e00; font-size: 34px; line-height: 34px; margin-bottom: 13px;}
.about5 .right { position: relative;}
.about5 .right .img1 { margin-right: 32px;}
.about5 .right .img2 { position: absolute; top:428px; right:-39px;}

.about6 { padding: 120px 0 130px;}
.about6 .left { position: relative; height: 960px;}
.about6 .left .img1 { margin-left: 38px;}
.about6 .left .img2 { position: absolute; bottom:0; left: 0;}
.about6 .right { width: 705px;}
.about6 h2 { color: #ff9e00; font-weight: bold; font-size: 34px; line-height: 34px; margin:33px 0 15px;}


/*品牌文化*/
.brand1 { padding: 80px 0 105px;}
.brand1 h2 { text-align: center; font-weight: bold; color: #ff9e00; font-size: 18px;}
.brand1 h3 { font-weight: bold; font-size: 45px; line-height: 45px; text-align: center; color: #ff9e00; margin: 25px 0 24px;}
.brand1 h4 { color: #ff9e00; font-size: 16px; line-height: 26px; text-align: center;}
.brand1 ul { margin-top: 48px;}
.brand1 li { float: left; width: 240px; margin-right: 80px; margin-bottom: 48px;}
.brand1 li:nth-child(4) { margin-right: 0;}
.brand1 li:nth-child(5) { width: 535px; margin-left: 187px;}
.brand1 li h5 { background: url("../img/brand1_title_bg.png") no-repeat; width: 240px; height: 38px; line-height: 38px; text-align: center; position: relative; z-index: 2; font-size: 22px; font-weight: bold; margin: auto;}
.brand1 li div { background: #aa0102; height: 160px; padding: 54px 40px 0; margin-top: -20px;}
.brand1 li p { line-height: 26px;}


.brand2 { padding: 70px 0 95px;}
.brand2 h2 { font-size: 18px; font-weight: bold; line-height: 18px; color: #ff9e00; text-align: center;}
.brand2 h3 { text-align: center; color: #ff9e00; font-size: 45px; font-weight: bold; line-height: 45px; margin: 26px 0 54px;}
.brand2 li { position: relative; width: 290px; margin-right: 13px; float: left;}
.brand2 li:last-child { margin-right: 0;}
.brand2 li .ico { position: absolute; top:-31px; left: 109px; z-index: 2;}
.brand2 li div { background: #000; padding: 25px 20px 0; height: 200px;}
.brand2 li h4 { font-weight: bold; font-size: 18px; line-height: 18px; color: #ff9e00;}


.brand3 { padding: 75px 0 145px;}
.brand3 h2 { font-size: 18px; font-weight: bold; line-height: 18px; color: #ff9e00; text-align: center;}
.brand3 h3 { text-align: center; font-weight: bold; font-size: 45px; line-height: 45px; color: #ff9e00; margin: 35px 0 15px;}
.brand3 h4 { text-align: center; font-size: 32px; line-height: 32px; margin-bottom: 60px; color: #ff9e00;}
.brand3 li { float: left; width: 400px; height: 301px; background: #047362;}
.brand3 li:nth-child(2) { padding: 70px 62px 0;}
.brand3 li:nth-child(2) h5 { font-size: 20px; line-height: 20px; font-weight: bold; color: #ff9e00;}
.brand3 li:nth-child(2) h6 { font-size: 33.7px; line-height: 34px; font-weight: bold; margin: 14px 0 6px; color: #ff9e00;}
.brand3 li:nth-child(4) { padding: 45px 46px 0;}
.brand3 li:nth-child(4) h5 { font-size: 23.5px; line-height: 24px; font-weight: bold; color: #ff9e00;}
.brand3 li:nth-child(4) h6 { font-size: 37px; line-height: 37px; font-weight: bold; margin: 7px 0; color: #ff9e00;}
.brand3 li p strong { color: #ff9e00;}
.brand3 li:nth-child(6) { padding: 80px 50px 0;}
.brand3 li:nth-child(6) h1 { font-size: 27.2px; line-height: 28px; color: #ff9e00; margin-bottom: 4px;}


/*项目优势*/
.project { overflow: inherit !important;}
.project1 { padding: 90px 0 95px;}
.project1 .box1 .left { width: 714px;}
.project1 .box1 h1 { color: #ff9e00; font-weight: bold; font-size: 49.5px; line-height: 50px;}
.project1 .box1 h2 { color: #ff9e00; font-size: 24px; line-height: 24px; margin:12px 0 8px;}
.project1 .box2 { margin-top: 50px;}
.project1 .box2 .right { width: 433px;}
.project1 .box2 h2 { font-size: 58.5px; line-height: 59px; font-weight: bold; color: #ff9e00;}
.project1 .box2 h3 { font-size: 23.6px; line-height: 23.6px; color: #ff9e00; margin: 16px 0 14px;}
.project1 .box2 h4 { font-size: 21.6px; line-height: 22px; font-weight: bold; color: #ff9e00;}


.project2 { padding: 75px 0 95px;}
.project2 h2 { text-align: center; font-weight: bold; font-size: 18px; line-height: 18px; color: #ff9e00;}
.project2 h3 { font-weight: bold; text-align: center; font-size: 45px; line-height: 45px; color: #ff9e00; margin:26px 0 13px;}
.project2 h4 { font-size: 18px; line-height: 18px; text-align: center; color: #ff9e00; margin-bottom: 24px;}
.project2 li { float: left; width: 576px;}
.project2 li:first-child { margin-right: 44px;}
.project2 li:first-child div { padding: 40px 45px 0;}
.project2 li:last-child div { padding: 29px 45px 0;}
.project2 li div { background: #000; height: 200px;}
.project2 li h5 { font-size: 18px; line-height: 18px; font-weight: bold; margin-bottom: 5px; color: #ff9e00;}


.project3 { padding: 95px 0 90px;}
.project3 .box1 .left { width: 605px;}
.project3 .box1 h2 { color: #ff9e00; font-weight: bold; font-size: 46.5px; line-height: 46px;}
.project3 .box1 h3 { color: #ff9e00; font-size: 27.5px; line-height: 28px; margin: 13px 0 15px;}
.project3 .box2 { margin-top: 26px;}
.project3 .box2 .right { width: 546px;}
.project3 .box2 h2 { color: #ff9e00; font-weight: bold; font-size: 45px; line-height: 45px;}
.project3 .box2 h3 { color: #ff9e00; font-size: 26px; line-height: 26px; margin: 13px 0 16px;}
.project3 .box2 .right p:last-child { margin-top:30px; }


/*招商合作*/
.join1 { padding-top: 75px; text-align: center; color: #ff9e00;}
.join1 h2 { font-size: 18px; font-weight: bold; line-height: 18px;}
.join1 h3 { font-size: 48px; line-height: 48px; font-weight: bold; margin: 33px 0 20px;}
.join1 h4 { font-size: 20px; line-height: 20px;}
.join1 h4 span { color: #aa0102;}
.join1 h5 { font-size: 38.5px; line-height: 39px; font-weight: bold; margin: 14px 0 18px;}
.join1 h6 { font-size: 24.8px; line-height: 25px; font-weight: bold; margin-bottom: 28px;}
.join1 h6 span { color: #aa0102;}
.join1 .img1 { margin: auto;}


.join2 { padding: 70px 0 115px;}
.join2 p { font-weight: lighter;}
.join2 h2 { font-size: 18px; font-weight: bold; line-height: 18px; color: #ff9e00; text-align: center;}
.join2 h3 { font-size: 48px; font-weight: bold; line-height: 48px; color: #ff9e00; text-align: center; margin: 40px 0 18px;}
.join2 h4 { font-size: 25px; line-height: 25px; margin-bottom: 55px; color: #ff9e00; text-align: center;}
.join2 .right { width: 550px;}


.join3 { padding: 88px 0;}
.join3 h2 { font-size: 18px; font-weight: bold; line-height: 18px; color: #ff9e00; text-align: center;}
.join3 h3 { font-size: 48px; line-height: 48px; font-weight: bold; margin: 24px 0 35px; color: #ff9e00; text-align: center;}
.join3 .left { width: 590px;}
.join3 .left h4:first-child { margin-top: 0;}
.join3 h4 { font-size: 18px; line-height: 18px; font-weight: bold; margin: 9px 0 3px; color: #ff9e00;}
.join3 .img2 { margin: -100px auto 0;}


.join4 { padding: 90px 0 120px;}
.join4 h2 { font-size: 18px; font-weight: bold; line-height: 18px; color: #ff9e00; text-align: center;}
.join4 h3 { font-size: 48px; font-weight: bold; line-height: 48px; color: #ff9e00; text-align: center; margin: 26px 0 24px;}
.join4 h4 { font-size: 23px; line-height: 23px; color: #ff9e00; text-align: center; margin: 0 0 34px;}
.join4 li { float: left; width: 230px; margin-right: 12px;}
.join4 li:last-child { margin-right: 0;}
.join4 li div { background: #ff9e00; color: #fff; padding: 34px 17px 0; height: 155px;}
.join4 li h5 { font-weight: bold; font-size: 23.4px; line-height: 23px; margin-bottom: 9px;}
.join4 li:nth-child(4) p { line-height: 24px;}


/*联系我们*/
.contact { padding: 50px 0; color: #fff;}
.contact h2 { font-size: 20px; line-height: 30px; margin-top: 15px; color: #ff9e00; font-weight: bold;}

/*新闻中心*/
.news li { border:#cbcbcb solid 1px; padding: 15px; background: #fff; overflow: hidden; margin: 20px 0;}
.news li .text { width: 940px; position: relative;}
.news li .text h2 { font-weight: bold; font-size: 24px; line-height: 34px; margin-bottom: 3px;}
.news li .text span { font-size: 14px; display: inline-block; margin:24px 5px 0;}
.news li .text span a { display: inline-block;}
.news li .left { overflow: hidden;}
.news li img { transition: all 0.5s ease; width: 200px;}
.news li:hover img { transform: scale(1.1);}

.news_display { padding: 50px 0;}
.news_display h2 { text-align: center; font-size: 24px; font-weight: bold; line-height: 40px;}
.news_display { padding-bottom: 7%;}
.news_display .page { margin-top: 15px;}

/*在线留言*/
.bbs { width: 700px; margin:50px auto;}
.bbs p { padding-left: 5px; color: #858585; letter-spacing: 3px;}
.bbs input,.bbs textarea { outline: none; width: 100%; font-size: 14px; line-height: 30px; border-radius: 10px;; border:#ff9e00 solid 1px; margin-bottom: 5px; padding: 0 10px; color: #858585;font-family:"Microsoft YaHei";}
.bbs input.submit { width: 100px; margin:10px auto 0; display: block; background: #ff9e00; border:none; color: #fff;}
.bbs input:focus,.bbs textarea:focus { border-style:solid; border-color: #ff9e00; box-shadow: 0 0 15px #ff9e00;}

/*产品展示*/
.pro { width: 1200px; margin: 50px auto;}
.pro .left { width: 260px;}
.pro .left h2 { font-size: 20px; line-height: 65px; color: #fff; background: #ff9e00; text-align: center; font-weight: bold; }
.pro .left ul li { line-height:45px; font-size: 16px; text-align: left; margin-top:6px; padding-left: 26px; border:#cacaca solid 1px; background: url("../img/pro_button_blue.gif") no-repeat 234px center; overflow: hidden; transition: all 0.5s ease;}
.pro .left ul li a { transition: all 0.5s ease;}
.pro .left ul li:hover { background: url("../img/pro_button_white.gif") no-repeat 234px center #ff9e00;}
.pro .left ul li:hover a { color: #fff;}

.pro .phone { background: #ff9e00; text-align: right; width: 260px; height: 110px; color: #fff; overflow: hidden; padding-right: 22px; margin-top: 6px;}
.pro .phone p { font-size: 24px; font-weight: bold; line-height: 24px; margin: 30px 0 8px;}
.pro .phone span { font-size: 22px; line-height: 22px; font-weight: bold;}

.pro .right { width: calc(100% - 264px);}
.pro .right h3 { font-size: 18px; font-weight: bold; background: #ff9e00; color: #fff; text-align: center; line-height: 65px;}
.pro .right .box { border:#cacaca solid 1px; margin-top: 6px;}
.pro .right ul { padding: 5px;}
.pro .right ul li { position: relative; margin: 5px; width: 294px; color: #fff; overflow: hidden; display: inline-block; transition: all 0.5s ease; border:#fff solid 6px;}
.pro .right ul li img { width: 100%;}
.pro .right ul li h4 { font-size: 14px; text-align: center; line-height: 35px;}
.pro .right ul li .intro { background: #ff9e00; height: 36px; position: absolute; bottom:0; left: 0; padding: 0 15px; width: 100%;}
.pro .right ul li .intro p { font-size: 12px; line-height: 20px;}
.pro .right ul li:hover { position: relative; transform: scale(1.3); z-index: 2;}
.pro .right ul li:hover h4 { font-size: 12px; font-weight: bold; text-align: left; line-height: 18px; padding-top: 5px;}
/*.pro .right ul li:hover .intro { height: 100px;}*/

/*店面展示*/
.store { width: 1200px; margin: 50px auto;}
.store ul li { float: left; margin: 5px; width: 290px;}
.store ul li img { transition: all 0.5s ease; width: 100%;}
.store ul li:hover img { transform: scale(1.1);}













































