﻿

.banner{ position:relative; width:100%;}
.banner .bd{ width:100%; position:relative; z-index:1;}
.banner .bd img{vertical-align: bottom;width: 100%;height: auto;}
.banner .prev{position: absolute;width: 40px;height: 80px;top: 50%;margin-top: -40px;background: url(../image/bprev_02.png) no-repeat;left: 10%;cursor: pointer;transition: all .5s ease;z-index: 3;display: none}
.banner .next{position: absolute;width: 40px;height: 80px;top: 50%;margin-top: -40px;background: url(../image/bnext_02.png) no-repeat;right: 10%;cursor: pointer;transition: all .5s ease;z-index: 3;display: none}
.banner .prev:hover{background: url(../image/bprev.png) no-repeat;}
.banner .next:hover{background: url(../image/bnext.png) no-repeat}


#bannerpagination{width: 100%;text-align: center;position: absolute;bottom: 17px;z-index: 3}
#bannerpagination .swiper-pagination-bullet{width:10px; height:10px; background:rgba(255,255,255,.7); margin:0 10px;outline: none;opacity: 1;transition: all .3s ease;}
#bannerpagination .swiper-pagination-bullet-active{background:#fe8f01;width: 20px;border-radius: 20px}

.time-bar{box-shadow: -6px -6px 24px rgba(163,163,163,.3);margin-top: 80px;border-radius: 10px;background: #fff}
.time-bar .t{border-bottom: 1px solid #e5e5e4;padding: 30px 80px 15px}
.time-bar .t .f{float: left;}
.time-bar .t .f1{box-sizing: border-box;padding-left: 32px;height: 42px;background: url(../image/ico_02.png)no-repeat left;}
.time-bar .t .f1 input,.time-bar .t .f2 input{width: 240px;margin-left: 15px;padding-left: 10px;height: 42px;line-height: 42px;border: none;background: none;outline: none;font-size: 14px;color: #999999}
.time-bar .t .f2{box-sizing: border-box;padding-left: 32px;height: 42px;background: url(../image/ico_03.png)no-repeat left;margin-left: 130px}
.time-bar .t .f3{float: right;display: block;}
.time-bar .t .f3{cursor: pointer;background: url(../image/ico_04.png)no-repeat #fe8f02 31px 10px;width: 160px;height: 42px;font-size: 14px;color: #fff;line-height: 42px;box-sizing: border-box;padding-left: 61px;border-radius: 25px}
.time-bar .b{padding: 40px 0 33px}
.time-bar .b ul li{float: left;width: 33.33%;text-align: center;display: block;}
.time-bar .b .i{text-align: center;}
.time-bar .b .i .num{font-size: 60px;color: #3f2e78;font-weight: bold;font-family: arial}
.time-bar .b .i .ti .p1{font-size: 18px;font-weight: bold;color: #333333}
.time-bar .b .i .ti .p2{font-size: 14px;color: #999999;margin-top: 3px}

.top1{text-align: center;}
.top1 .s{font-size: 72px;font-weight: bold;font-family: arial;letter-spacing: 6px;text-transform: uppercase;}
.top1 .ti{margin-top: -70px}
.top1 .ti .a{font-size: 26px;font-weight: bold;color: #373c64;}
.top1 .ti .b{font-size: 24px;font-weight: bold;margin-top: 15px}
.top1 .ti i{font-style: normal;}
.top1 .ti .b1{color: #373c64;}
.top1 .ti .b2{color: #ff8e01;}
.top1 .sti{font-size: 18px;color: #999999;font-family: arial;position: relative;width: 1920px;left: 50%;margin-left: -960px}
.top1 .sti::before{position: absolute;content: '';left: 0;top: 50%;height: 1px}
.top1 .sti::after{position: absolute;content: '';right: 0;top: 50%;height: 1px}
.topt1 .sti::before,.topt1 .sti::after{width: 645px;background: #ececec}
.topt1 .s{color: rgba(243,243,243,.5);}
.topt2 .sti::before,.topt2 .sti::after{width: 738px;background: #e5e5e5}
.topt2 .s{color: rgba(221,218,218,.5)}
.topt3 .sti::before,.topt3 .sti::after{width: 760px;background: #e5e5e5}
.topt3 .s{color: rgba(243,243,243,.5);}
.topt5 .sti::before,.topt5 .sti::after{width: 625px;background: #e5e5e5}
.topt5 .s{color: rgba(243,243,243,.5);}
.topt8 .sti::before,.topt8 .sti::after{width: 538px;background: #ececec}
.topt8 .s{color: rgba(249,249,249,1);}
.topt9 .sti::before,.topt9 .sti::after{width: 627px;background: #ececec}
.topt9 .s{color: rgba(249,249,249,1);}

.top2{}
.top2 .ti .a{font-size: 26px;font-weight: bold;color: #373c64;}
.top2 .ti .b{font-size: 24px;font-weight: bold;margin-top: 10px}
.top2 .ti i{font-style: normal;}
.top2 .ti .b1{color: #373c64;}
.top2 .ti .b2{color: #ff8e01;}
.top2 .sti{font-size: 18px;color: #999999;font-family: arial;margin-top: 5px;}


.top3{text-align: center;}
.top3 .ti{font-size: 24px;color: #fff;font-weight: bold;}
.top3 .sti{font-size: 18px;color: #ffffff;font-family: arial;text-transform: uppercase;margin-top: 6px}


.section1{padding-bottom: 90px;padding-top: 75px}
.section1 .tempWrap{margin-top: 46px;width: 1200px!important;overflow: hidden;}
.section1 .s1-c .ci{margin-right: 32px;width: 274px;position: relative;margin-top: 40px;float: left;}
.section1 .s1-c .ci .ico2{position: absolute;left: 50%;margin-left: -40px;top: 60px;z-index: 9;transition: all .5s;}
.section1 .s1-c .i{box-shadow: 0 0 18px rgba(63,39,10,.2);height: 348px;overflow: hidden;border-bottom: 1px solid #dcdcdc}
.section1 .s1-c .i .pic{position: relative;}
.section1 .s1-c .i .pic img{width: 100%}
.section1 .s1-c .i .pic .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;background: rgba(55,60,100,.45);}
.section1 .s1-c .i .text{text-align: center;box-sizing: border-box;border: 1px solid #dcdcdc;padding-top: 20px;padding-bottom: 23px;border-bottom: 0;background: #fff;transition: all .5s ease;position: relative;z-index: 10}
.section1 .s1-c .i .text .ti a{font-size: 14px;color: #333333;font-weight: bold;padding-bottom: 6px;background: url(../image/ico_05.png)no-repeat bottom center;}
.section1 .s1-c .i .text .cont{font-size: 12px;color: #333333;line-height: 22px;width: 225px;margin: 12px auto 0 auto;min-height: 58px;padding-bottom: 10px;transition: all .5s ease;}
.section1 .s1-c .i .text .more{display: block;margin: 0 auto;width: 122px;height: 26px;line-height: 26px;background: #ff8e01;text-align: center;color: #fff;border-radius: 3px}
.section1 .s1-c .ci:hover .text{transform: translateY(-40px);}
.section1 .s1-c .ci:hover .ico2{transform: translateY(-100px);}
.section1 .s1-c .ci:hover .cont{padding-bottom: 0}
.con{margin-top: 26px}
.con .prev{cursor: pointer;width: 54px;height: 36px;background: url(../image/prev_01.png)no-repeat;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s;-o-transition: transform 0.5s;display: inline-block;margin-right: 17px}
.con .next{cursor: pointer;width: 54px;height: 36px;background: url(../image/next_01.png)no-repeat;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s;-o-transition: transform 0.5s;display: inline-block;}
.con .prev:hover{background: url(../image/prev_02.png)no-repeat;transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2)}
.con .next:hover{background: url(../image/next_02.png)no-repeat;transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2)}

.section2{background: url(../image/bc_01.png)no-repeat top center;background-size: cover;width: 100%;padding-top: 80px;padding-bottom: 105px}
.section2 .s2-c{margin-top: 90px}
.section2 .s2-c ul li{width: 200px;margin-right: 50px;float: left;cursor: pointer;}
.section2 .s2-c ul li:last-child{margin-right: 0}
.section2 .s2-c .ci .pic{width: 179px;height: 174px;background: url(../image/ico_06.png)no-repeat;transition: all .5s ease;text-align: center;box-sizing: border-box;padding-top: 40px;}
.section2 .s2-c ul li:hover .pic{background: url(../image/ico_07.png)no-repeat;}
.section2 .s2-c .pic img{display: inline-block;}
.section2 .s2-c .ci .text{font-size: 16px;color: #999999;margin-top: 17px;text-align: center;}
.section2 .s2-c .ci .pic p{font-size: 18px;color: #ffffff;text-align: center;margin-top: 5px}
.section2 .con{margin-top: 30px}

.section3{padding-top: 80px;padding-bottom: 92px}
.section3 .s3-c{margin-top: 70px}
.section3 .s3-c .c-l{width: 490px;}
.section3 .s3-c .c-r{width: 650px;height: 468px;overflow: hidden;}
.section3 .s3-c .c-l .title .ti{font-size: 24px;color: #333333;border-bottom:2px solid #ff8e01 ;display: inline-block;padding-bottom: 2px}
.section3 .s3-c .c-l .title .sti{font-size: 16px;color: #333333;line-height: 30px;margin-top: 5px}
.section3 .s3-c .c-l .list{margin-top: 35px}
.section3 .s3-c .c-l .list ul li{margin-bottom: 42px}
.section3 .s3-c .c-l .list .i{}
.section3 .s3-c .c-l .list .i .pic{}
.section3 .s3-c .c-l .list .i .text{width: 377px;padding-top: 5px}
.section3 .s3-c .c-l .list .i .text .ti{font-size: 18px;color: #585b8c}
.section3 .s3-c .c-l .list .i .text .cont{font-size: 14px;color: #666666;margin-top: 5px}
.section3 .s3-c .c-r img{display:block;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s;-o-transition: transform 0.5s;max-width: 100%;}
.section3 .s3-c .c-r:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}

.section4{position: relative;width: 1920px;left: 50%;margin-left: -960px}

.section5{padding-top: 60px;padding-bottom: 24px;background: url(../image/bc_02.png)no-repeat;background-size: cover;width: 100%}
.section5 .tempWrap{margin-top: 114px}
.section5 .s5-c .s5-slide ul li{float: left;margin-right: 16px;margin-bottom: 28px}
.section5 .s5-c .s5-slide ul li:nth-child(5n){margin-right: 0}
.section5 .s5-c .i{position: relative;}
.section5 .s5-c .i img{width: 227px;height: 104px}
.section5 .s5-c .i .p1{position: relative;opacity: 1;transition: all .5s ease;z-index: 2}
.section5 .s5-c .i .p2{position: absolute;top: 0;left: 0;transition: all .5s ease;opacity: 0;z-index: 3}
.section5 .s5-c .i:hover .p2{opacity: 1}
.section5 .s5-c .i:hover .p1{opacity: 0}

.section6{padding-bottom: 138px;background: url(../image/bc_03.png)no-repeat top center;background-size: cover;width: 100%}
.section6 .s6-l{padding-top: 100px}
.section6 .s6-l .pic{width: 385px;height: 542px;overflow: hidden;}
.section6 .s6-l .pic img{display:block;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s;-o-transition: transform 0.5s;max-width: 100%;}
.section6 .s6-r{width: 601px;background: url(../image/ico_08.png)no-repeat left top;padding-top: 190px}
.section6 .s6-r .text{margin-top: 46px}
.section6 .s6-r .text .ti{padding-left: 45px;background: url(../image/ico_09.png)no-repeat left center;}
.section6 .s6-r .text .ti a{font-size: 18px;color: #333333}
.section6 .s6-r .text .cont{font-size: 14px;line-height: 30px;color: #666666;min-height: 175px;width: 360px;margin-top: 28px}
.section6 .s6-r .text .more{display: block;width: 118px;height: 38px;line-height: 40px;text-align: center;border: 1px solid #ff8e01;color: #ff8e01;border-radius: 3px;letter-spacing: 1px;font-size: 16px}
.section6:hover .s6-l .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.section6:hover .text .ti a{color: #ff8e01}
.section6 .text .more:hover {background: #ff8e01;color: #fff}


.section7{background: url(../image/bc_04.png)no-repeat top center;background-size: cover;width: 100%;padding-top: 93px;padding-bottom: 26px}
.section7 .s7-c{margin-top: 38px}
.section7 .s7-c .slide ul li{float: left;margin-right: 22px}
.section7 .con{margin-top: 45px}
.section7 .s7-c .slide p{text-align: center;font-size: 16px;color: #ffffff;margin-top: 15px}

.section8{padding-top: 90px;padding-bottom: 80px}
.section8 .s8-c{margin-top: 50px}
.section8 .s8-c .case{}
.section8 .s8-c .case .title{height: 46px;line-height: 46px;background: #f5f5f5}
.section8 .s8-c .case .title .ti{font-size: 18px;color: #333333;padding-left: 44px;background: url(../image/ico_10.png)no-repeat 13px 12px;}
.section8 .s8-c .case .title .more{display: block;font-size: 14px;color: #ff8e01;height: 46px;line-height: 46px;width: 76px;text-align: center;font-family: arial}
.section8 .s8-c .case .c1{padding: 52px 0 41px}
.section8 .s8-c .case .c1 .i{float: left;margin-right: 21px;position: relative;}
.section8 .s8-c .case .c1 .i:hover{box-shadow:0 0 21px rgba(40,60,66,.11);}
.section8 .s8-c .case .c1 .i:last-child{margin-right: 0}
.section8 .s8-c .case .c1 .i .time{position: absolute;top: -32px;left: -7px;width: 56px;height: 56px;background: url(../image/ico_11.png)no-repeat;text-align: center;line-height: 56px;font-family: arial;z-index: 9;font-size: 14px;color: #ffffff;transition: all .5s ease;}
.section8 .s8-c .case .c1 .i:hover .time{background: url(../image/ico_12.png)no-repeat;}
.section8 .s8-c .case .c1 .i .pic{width: 385px;height: 250px;overflow: hidden;}
.section8 .s8-c .case .c1 .i .pic img{display:block;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s;-o-transition: transform 0.5s;max-width: 100%;}
.section8 .s8-c .case .c1 .i:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.section8 .s8-c .case .c1 .i .text{width: 230px;height: 72px;padding-right: 20px;background: #fff;margin-top: -72px;position: relative;z-index: 3;line-height: 33px;overflow: hidden;box-sizing: border-box;padding-top: 6px;padding-left: 16px}
.section8 .s8-c .case .c1 .i .text .a{border-bottom: 1px solid #ffbb67}
.section8 .s8-c .case .c1 .i .text .a a{font-size: 14px;color: #666666;display: block;}
.section8 .s8-c .case .c1 .i .text .a a:hover{color: #ff8e01}
.section8 .s8-c .case .c1 .i .text .b{font-size: 14px;color: #666666}
.section8 .s8-c .case .c2{}
.section8 .s8-c .case .c2 .hot{width: 472px}
.section8 .s8-c .case .c2 .hot .pic{width: 472px;height: 280px;overflow: hidden;margin-top: 19px}
.section8 .s8-c .case .c2 .hot .pic img{display:block;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s;-o-transition: transform 0.5s;max-width: 100%;}
.section8 .s8-c .case .c2 .hot:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.section8 .s8-c .case .c2 .hot .text{width: 100%;height: 46px;line-height: 46px;background: rgba(255,142,1,.8);text-align: center;margin-top: -46px;position: relative;z-index: 4}
.section8 .s8-c .case .c2 .hot .text a{font-size: 16px;color: #ffffff;display: block;}
.section8 .s8-c .case .c2 .list{width: 670px;}
.section8 .s8-c .case .c2 .list ul li{border-bottom: 1px solid #dfdfdf;padding-bottom: 16px;padding: 27px 0 21px}
.section8 .s8-c .case .c2 .list ul li:hover .ti a{color: #ff8e01}
.section8 .s8-c .case .c2 .list ul li:hover .more{background: #ff8e01}
.section8 .s8-c .case .c2 .list .i .ti a{font-size: 16px;color: #333333;display: block;}
.section8 .s8-c .case .c2 .list .i .cont{font-size: 14px;color: #999999;line-height: 24px;margin-top: 3px}
.section8 .s8-c .case .c2 .list .i .more{width: 96px;height: 32px;line-height: 32px;text-align: center;border-radius: 3px;color: #fff;font-size: 14px;background: #cccccc;margin-top: 16px}

.section9{padding-bottom: 108px}
.section9 .s9-c{margin-top: 72px}
/*.section9 .s9-c .f1{float: left;margin-right: 20px}*/
.section9 .s9-c .f1{margin-top: 20px;}
.section9 .s9-c .f1:last-child{margin-right: 0}
.section9 .s9-c .f1 input{width: 585px;height: 40px;line-height: 40px;padding-left: 15px;box-sizing: border-box;font-size: 14px;color: #999999;background: #f9f9f9;border-radius: 3px}
.section9 .s9-c .a2{margin-top: 20px}
.section9 .s9-c .f2 textarea{width: 585px;height: 105px;padding:10px 15px;font-size: 14px;color: #999999;background: #f9f9f9;border-radius: 3px;box-sizing: border-box;}
.section9 .s9-c .a3{margin-top: 27px}
.section9 .s9-c .a3 input{width: 585px;height: 38px;line-height: 38px;text-align: center;font-size: 14px;color: #ffffff;background: #6f6f6f;border-radius: 3px;cursor: pointer;}
.section9 .s9-c .map{width: 560px;height: 234px}
