@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }



.banner{ width: 100%;}
.banner img{ display: block; width: 100%; height: auto;}
.navGation{ width: 100%; height: 90px; border-bottom: 1px solid #e2e2e2;}
.navGation .navGationBox{ width: 1200px; margin: 0 auto;}
.pageContainer{ width: 100%;}
.navGation ul{ width: 1202px; height: 100%; margin: 0 auto;border: 1px solid #e2e2e2; border-top:0; border-bottom: 0; box-sizing: border-box;}
.navGation ul li{ width: 400px; float: left; text-align: center; height: 100%;}
.navGation ul li:nth-child(2){border: 1px solid #e2e2e2; border-top:0; border-bottom: 0;}
.navGation ul li a{ display: block; width: 100%; height: 100%; text-align: center; line-height: 90px; font-size: 16px; color: #333; position: relative;}
.navGation ul li a span{ background: url(../images/page_05.png); width: 17px; height: 10px; position: absolute; left: 50%; transform: translateX(-50%); bottom: -35px; display: none;}
.navGation ul li.on a{ background: #009b3a; color: #fff;}
.navGation ul li.on a span{ display: block;}
.pageContainer .listWarp{ width: 1200px; margin: 0 auto; padding-top: 65px;}
.pageContainer .listWarp ul{ width: 100%;}
.pageContainer .listWarp ul li{ width: 100%; padding: 25px 0; border-bottom: 1px solid #e3e3e4;}
.pageContainer .listWarp ul li h2{ line-height: 54px; font-size: 18px; color: #333;}
.pageContainer .listWarp ul li h2 span{ display: inline-block; float: right; font-size: 14px; color: #333;}
.pageContainer .listWarp ul li p{ line-height: 32px; font-size: 15px; color: #909090;}
.pageContainer .listWarp ul li .enter{ width: 90px; height: 32px; border: 1px solid #a89158; margin-top: 15px; text-align: center; color: #a89158; line-height: 30px; font-size: 14px; display: block; border-radius:3px;}
.pageMain{ text-align: center; padding: 60px 0;display: inline-block; margin: 0 5px; clear:both; width:100%}
.pageMain  a{ display: inline-block; height: 28px; padding: 0 12px; font-size: 12px; line-height: 26px; border: 1px solid #cfcfcf; color: #2d2d2d;}
.pageMain span{ background: #009b3a; padding: 5px 12px; border: 1px solid #009b3a; color: #fff;}


.friendLink{ width: 100%; background: #009b3a; height: 70px;}
.friendLink ul{ width: 1200px; margin: 0 auto; overflow: hidden;}
.friendLink ul li{ float: left; line-height: 70px; font-size: 15px; color: #fff; margin-right: 40px;}
.friendLink ul li a{ color: #fff;}
.content{ padding-top: 20px; padding-bottom: 50px;  line-height: 28px; font-size: 14px;}



.AppTop{ display: none;}
.sideBar{ display: none;}

.newDetails{ width: 100%;}
.newDetails .tit{ padding-top: 75px;}
.newDetails .tit h2{ text-align: center; font-size: 24px; color: #333; line-height: 24px; margin-bottom: 40px;}
.newDetails .tit ul{ text-align: center;}
.newDetails .tit ul li{ margin: 0 70px; display: inline-block; height: 20px; color: #9b9b9b; font-size: 14px;}
.newDetails .tit ul li img{ transform: translateY(-3px); display: inline-block; margin-right: 10px; vertical-align: middle;}
.newDetails .text{ width: 1200px; margin: 0 auto; padding-top:50px; line-height:28px; font-size:14px}
.newDetails .text p{text-indent: 32px; font-size: 14px; color: #393939; line-height: 32px; margin-bottom: 35px; color: #393939;}
.newDetails .text img{ display: block; margin: 0 auto 15px auto;}
.newDetails .share{ width: 1200px; margin: 0 auto; height: 90px; border-bottom:1px solid #eaeaea;}
.newDetails .share ul{ display: none; float: left; overflow: hidden;}
.newDetails .share ul li{ float: left; height: 90px; line-height: 90px; margin-right: 10px; }
.newDetails .share ul li img{ display: inline-block; vertical-align: middle;}
.newDetails .share .enter{float: right; display:inline-block; float: right; line-height: 90px;}
.newDetails .share .enter img{ display: inline-block; vertical-align: middle;}
.newDetails .pageList{ width: 1200px; margin: 0 auto;}
.newDetails .pageList ul{ width: 100%;overflow: hidden;}
.newDetails .pageList ul li{ width: 50%;float: left; height: 85px; line-height: 85px;font-size: 15px; color:#009b3a;}
.newDetails .pageList ul li a{ color: #2e2e2e; font-size:15px;}
.newDetails .pageList ul li:last-child{ text-align: right;}
.navGation.newDetailsPage ul li{ width: 50%;}

.newList{ width: 100%; margin: 0 auto;}
.newList .newTop{ background: #f6f6f9; padding: 65px; width: 100%;}
.newList .newTop .main{ width: 1200px; margin: 0 auto; overflow: hidden; background: #fff;}
.newList .newTop .main .icon{ float: left; position: relative; width: 560px; height: 395px;}
.newList .newTop .main .icon .iconBox{ width: 100%; height: 100%;}
.newList .newTop .main .icon .iconBox img{ display: block; width: 100%; height: 100%;}
.newList .newTop .main .icon .swiper-container{ width: 100%; height: 100%;}
.newList .newTop .main .icon .iconBox p{ height: 54px; width: 100%; background: rgba(0,0,0,0.8); position: absolute; left: 0; bottom: 0; font-size: 15px; color: #fff; line-height: 54px; text-indent: 10px;}
.newList .newTop .main .icon .swiper-pagination{ width: 100%; padding-right:13px; height: 54px; bottom: 0;} 
.newList .newTop .main .icon .swiper-pagination span{ width: 8px; height: 8px; border-radius:50%; background: #fff; margin-left: 10px; opacity: 1; float: right; margin-top: 25px; transition: 0.5s;border-radius:4px;}
.newList .newTop .main .icon .swiper-pagination span.swiper-pagination-bullet-active{ width: 18px;}
.newList .newTop .main .text{ width: calc(100% - 560px); float: left; height: 395px; padding:0 40px; box-sizing: border-box;}
.newList .newTop .main .text .textTop h2{ width: 100%; line-height: 85px; font-size: 22px; color: #030303;}
.newList .newTop .main .text .textTop p{ font-size: 13px; line-height: 22px; color: #7b7b7b;}
.newList .newTop .tit{ width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #e2e2e3; font-size: 14px; color: #9e6a44;}
.newList .newTop .tit .more{ display: inline-block; float: right; color: #9e6a44; font-size: 14px;}
.newList .newTop .main .text ul{ overflow: hidden;}
.newList .newTop .main .text ul li{ height: 45px; border-bottom: 1px solid #e2e2e3; font-size: 13px; color: #6f6f6f; line-height: 45px;}
.newList .newTop .main .text ul li span{ display: inline-block; float: right; color: #afafaf;}

.newList .newBottom{ width: 1200px; margin: 0 auto;}
.newList .newBottom .newBox{ width: 100%; margin-top: 50px; padding: 15px; box-sizing: border-box; border: 1px solid #ededed; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.newList .newBottom .newBox .newLeft{ float: left; width: 855px; padding: 0 20px 0 10px; box-sizing: border-box;}
.newList .newBottom .newBox .newLeft h2{ font-size:18px; color: #333; line-height: 55px;}
.newList .newBottom .newBox .newLeft p{ font-size: 14px; line-height: 32px; color: #909090;}

.newList .newBottom .newBox .newRight{ float: right; width: 310px; height: 215px;}
.newList .newBottom .newBox .newRight img{ display: block; width: 100%; height: 100%;}
.newList .newBottom .newBox .newLeft .time{ width: 100%; margin-top: 40px; font-size: 14px;}
.newList .newBottom .newBox .newLeft .time a{ display: inline-block; float: right; padding-right: 40px; background: url(../images/arrow2_03.jpg) right center no-repeat; color: #92603c;}

.navGation .purposeTit li{ width: 16.5%;border-right:1px solid #e2e2e2;}
.navGation .purposeTit li:last-child{ width: 17.5%;}
.navGation .purposeTit li:nth-child(2){ border-right:1px solid #e2e2e2;}


.purpose{ width: 100%; margin:0 auto;}
.purpose .tit{ padding: 90px 0; text-align: center;}
.purpose .tit h2{ font-size: 34px; color: #313131; text-align: center; padding-bottom: 30px; line-height: 34px;}
.purpose .tit p{ font-size: 18px; color: #8c8c8c;line-height: 18px; text-align: center;}
.purpose ul{ text-align: center; padding-bottom: 170px;}
.purpose ul li{ display: inline-block; position: relative; width: 300px; height: 360px; margin: 0 4px;}
.purpose ul li .zz{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.7);}
.purpose ul li:hover .bg img{ transform: scale(1.1);}
.purpose ul li .bg{ display: block; width: 100%; height: 100%; transition: 0.5s;}
.purpose ul li .nr{padding-top: 80px; z-index: 2; position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.purpose ul li .nr .icon img{ display: block; margin:0 auto;}
.purpose ul li .nr p{line-height: 30px; margin: 60px auto; font-size: 16px; text-align: center; width: 260px; color: #fff;}

.culture{ width: 1200px; margin: 0 auto; padding-top: 80px;}
.culture .tit{ padding: 70px 0 70px 0;}
.culture .tit h2{ font-size: 44px; font-weight: bold; color: #323232; line-height: 44px; padding-bottom: 20px;}
.culture .tit p{ font-size: 24px; color: #009b3a; line-height: 24px;}
.culture .culTop{ width: 100%;}
.culture .culTop img{ width: 100%; display: block;}
.culture .culTop ul{ padding: 25px 0;}
.culture .culTop ul li{ line-height: 48px; overflow: hidden;}
.culture .culTop ul li p{ width: 50%; float: left; font-size: 16px; color: #333; text-indent: 85px;}
.culture .culTop ul li:first-child p{ font-weight: bold;}
.culture .culTop ul.long p{ width: 100%;}
.culture .culTop .text{ width: 100%; padding-bottom: 100px;}
.culture .culTop .text h2{ font-size: 20px; font-weight: bold; color: #252525; padding-bottom: 20px; padding-left: 85px; margin-top: 50px;}
.culture .culTop .text p{line-height: 32px; padding-left: 85px; font-size: 16px; color: #252525;}
.culture .culTop .text img{ float: right; width: 497px; height: auto;}

.culture.about{ width: 100%; padding: 0;}
.culture.about .culMain{ width: 100%; margin: 0 auto; padding: 50px 0;background: #f9f9f6;}
.culture.about .culTop{ width: 1200px; margin: 0 auto;}
.culture.about .tit{ width: 1200px; margin: 0 auto;}
.culture.about .culMain .nr{ width: 1200px; font-size: 16px; color: #5a5a5a; line-height: 38px; margin-bottom: 50px; margin: 0 auto 60px auto;}
.culture.about .culMain .nr2{ width: 1200px; margin: 0 auto; height: 390px;}
.culture.about .culMain .nr2 .text{position: relative; float: left; width: 440px; height: 100%;}
.culture.about .culMain .nr2 .text .list1{ z-index: 2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #009b3a; padding-left: 50px; background: #009b3a;}
.culture.about .culMain .nr2 .text .list1 ul li{ padding-top: 50px;}
.culture.about .culMain .nr2 .text .list1 ul li h2{ font-size: 22px; color: #fff; font-weight: bold;}
.culture.about .culMain .nr2 .text .list1 ul li p{ font-size: 18px; color: #fff; padding-top: 15px;}

.culture.about .culMain .nr2 .text .list2{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.7); padding: 0 35px; box-sizing: border-box; transition: 0.5s;}
.culture.about .culMain .nr2 .text .list2 ul li{ width: 100%; padding-top: 45px;}
.culture.about .culMain .nr2 .text .list2 ul li h2{ height: 75px; line-height: 75px; text-align: center; font-size: 44px; color: #fff; border-bottom: 1px solid #fff;}
.culture.about .culMain .nr2 .text .list2 ul li h2 span{ font-size: 15px; color: #fff;}
.culture.about .culMain .nr2 .text .list2 ul li p{ text-align: center; font-size: 16px; color: #fff; padding-top: 15px;}
.culture.about .culMain .nr2 .icon{ float: right; width: calc(100% - 440px); height: 100%;}
.culture.about .culMain .nr2 .icon img{ display: block; width: 100%; height: 100%;}
.culture.about .culMain .nr2:hover .text .list2{ left: 100%;}

.aboutList{ width: 1200px; margin: 0 auto;}
.aboutList .tit{ padding: 100px 0;}
.aboutList .tit h2{ font-size: 34px; text-align: center; line-height: 34px; color: #333;}
.aboutList .tit p{font-size: 18px; color: #8c8c8c; text-align: center; margin-top: 30px;}
.aboutListBox{ width: 100%; background: url(../images/about2_03.png); height: 385px; position: relative; background-size:100% 100%; padding: 75px 0 0 120px; box-sizing: border-box; margin-bottom: 110px;}
.aboutListBox ul{ width: 100%; height: 100%;}
.aboutListBox ul li{ margin-bottom: 25px; font-size: 18px; color: #fff; line-height: 20px; height: 20px;}
.aboutListBox ul li span{ display: inline-block; margin-right: 15px; font-weight: bold; font-size: 20px; color: #fff;}
.aboutListBox .icon{ position: absolute; width: 705px; height: 450px; border: 1px solid #c0bfbf; border-radius:8px; right: 24px; top: 50%; transform: translateY(-50%); overflow: hidden;}
.aboutListBox .icon img{ width: 100%; height: 100%;}

.product{ width: 1250px; margin: 0 auto; padding-top: 100px; padding-bottom: 180px;}
.productTop{ width: 1250px; position: relative;}
.proBox{ width: 1100px; margin: 0 auto; position: relative;}
.proBox h2{ height: 128px; padding-left: 390px; line-height: 128px; font-size: 35px; color: #2b2b2b;}
.proBox .text{ width: 100%; height: 280px; padding-left: 390px; background: #009b3a; border-radius:10px;}
.proBox .text p{padding-top: 45px; font-size: 14px; color: #fff; line-height: 32px; margin-bottom: 55px; padding-right: 35px; box-sizing: border-box;}
.proBox .text a{ display: block; width: 155px; height: 36px; border-radius:18px; text-align: center; line-height: 36px; border-radius:18px; color: #fff; background: #d4ac4d; font-size: 16px; margin-top: 60px;}
.proBox .icon{ position: absolute; left: 0; top: 0; width: 390px;}
.proBox .icon img{ display: block; margin: 0 auto;}

.productBottom{ width: 1110px; margin: 0 auto; padding: 90px 0 0 0; position: relative;}
.productBottom ul{ overflow: hidden;}
.productBottom ul li{ width:185px; float: left; position: relative; cursor: pointer; padding-bottom: 60px; z-index: 2;}
.productBottom ul li img{ display: block; margin: 0 auto;}
.productBottom ul li p{ font-size: 15px; color: #333; padding-top: 30px; text-align: center;}
.productBottom ul li .dian{background: #fff; position: absolute; width: 22px; height: 22px; border-radius:50%; border: 1px solid #2d3191; padding: 2px; box-sizing: border-box; border-radius:50%; bottom: 0; left: 50%; transform: translateX(-50%);}
.productBottom ul li .dian span{ width: 100%; height: 100%; display: block; border-radius:50% ;}
.productBottom .bg{ width: 940px; position: absolute; z-index: 1; bottom: 11px; height: 1px; background: #009b3a; left: 50%; transform: translateX(-50%);}
.productBottom ul li.on span{ background: #2d3191;}
.productBottom .swiper-pagination{ display: none;}
.productList{ width: 1200px; margin: 0 auto;}
.productList ul{ overflow: hidden; padding-top: 95px;}
.productList ul li{ width: 32%; margin-right:2%; float: left;}
.productList ul li:nth-child(3n){ margin-right: 0;}
.productList ul li .icon{ width: 100%; padding: 6px; border-radius:6px; border: 1px solid #c0bfbf; box-sizing: border-box; height: 340px;}
.productList ul li .icon img{ display: block; width: 100%; height: 100%;}
.productList ul li .text{ padding: 25px 15px; position: relative;}
.productList ul li .text h2{ color: #333; font-size: 16px; line-height: 32px; padding-bottom: 15px;}
.productList ul li .text a{ display: block; width: 68px; height: 27px; border-radius:4px; text-align: center; line-height: 27px;  background: #b99f51; border-radius:4px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #fff;}

.product2{ width: 1200px; margin: 0 auto; padding-top: 130px;}
.product2 .pro2Box{ width: 100%; overflow: hidden; padding-bottom: 110px;}

.product2 .pro2Box .icon{ width: 610px; float: right;}
.product2 .pro2Box .text{ width: calc(100% - 610px); float: left; padding-right: 70px; box-sizing: border-box;}
.product2 .pro2Box .text h2{ padding: 25px 0 40px 0; font-weight: bold; font-size: 24px; color: #009b3a; line-height: 44px;}
.product2 .pro2Box .text p{ line-height: 32px; font-size: 15px; color: #4b4a4a;}

.indexContainer{ width: 100%; height:calc(100vh - 118px); overflow: hidden; position: relative;}
.indexContainer .swiper-pagination.pagMain{width: 10px; z-index: 99; right:20px; top: 50%; transform: translateY(-50%);}
.indexContainer .swiper-pagination.pagMain span.swiper-pagination-bullet-active{ background: #007aff;}
.indexContainer .swiper-pagination.pagMain span{ display: block; width: 10px; height: 10px; background: #000; border-bottom:50%; margin: 10px 0;}
.indexContainer .swiper-container{ width: 100%; height: 100%;}
.indexContainer .indexBanner{ width: 100%; position: relative; height: 100%;}
.indexContainer .indexBanner img{ display: block; width: 100%; height: 100%;}
.indexContainer{ position: relative;}
.indexContainer .swiper-pagination{ width: 100%; position: absolute; bottom: .5rem;}
.indexContainer .swiper-pagination span{ transition: 0.5s; margin: 0 .12rem; width: .16rem; height: .16rem; border-radius:50%; background: #fff; opacity: 1;}
.indexBanner .swiper-pagination span.swiper-pagination-bullet-active{ width: .55rem; height: .16rem; background: #fbca04; border-radius:8px ;}
.indexContainer .layer2{ width: 100%; height: 100%; overflow: hidden;}
.indexContainer .layer2{ width: 100%; height: 100%; overflow: hidden; background: url(../images/indexBg.png); background-size:100% 100%;}
.indexContainer .layer2 .layer2Box{ width: 13.8rem; height: 100%; margin: 0 auto; position: relative;}
.indexContainer .layer2 .layer2Box .layer2Left{ width: 6.7rem; position: absolute; left: 0; top: 1.3rem;}
.indexContainer .layer2 .layer2Box .layer2Left img{ display: block; width: 100%;}
.indexContainer .layer2 .layer2Box .layer2Right{position: absolute; right: 0; top: 1.5rem; width: 6.05rem;}
.indexContainer .layer2 .layer2Box .layer2Right img{ display: block; width: 100%; height: auto;}

.indexContainer .layer3{ width: 100%; height: 100%; background: url(../images/images_09.png); position: relative; background-size:100% 100% ;}
.indexContainer .layer3 .layer3Warp{ width: 12.5rem; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer3 video{ display: block; margin:0 auto 0; width: 12.5rem;}
.indexContainer .layer3 .layer3Warp .PlayClick{ width: .5rem; height: .5rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer3 .layer3Warp .PlayClick img{ display: block; width: 100%; height: 100%; }
.indexContainer .layer4{ width: 100%; padding-top: 1.2rem; background: url(../images/images_11.png); height: 100%; box-sizing: border-box;background-size:100% 100%;}
.indexContainer .layer4 .layer4Box{ width: 12.5rem; margin: 0 auto;}
.indexContainer .layer4 .iconMain{ float: left; width: 4.35rem; }
.indexContainer .layer4 .iconMain img{ width: 3rem; height: auto;}
.indexContainer .layer4 .text{ width: calc(100% - 4.5rem); float: left;}
.indexContainer .layer4 .text .tit{ width: 5.5rem; padding: .35rem 0; border:.02rem solid #004ea2; border-left:0; border-right:0;}
.indexContainer .layer4 .text .tit h2{ font-size: .36rem; color: #004ea2; margin-bottom: .15rem;}
.indexContainer .layer4 .text .tit p{ font-size: .16rem; color: #004ea2; line-height: .16rem; font-weight: bold; height: .16rem;}
.indexContainer .layer4 .text .tit p span{ color: #a9823d;}
.indexContainer .layer4 h3{ width: 5.5rem; font-size: .16rem; padding: .1rem 0; line-height: .24rem; color: #004ea2;}
.indexContainer .layer4 .layer4Nr{width: 100%; height: 3.15rem;}
.indexContainer .layer4 .layer4Nr .icon{ width: 100%; height: 2.2rem; padding-top: .75rem;}
.indexContainer .layer4 .layer4Nr .icon img{ width: 70%; display: block; margin: 0 auto;}
.indexContainer .layer4 .layer4Nr h2{ color: #333; width: 2.15rem; height: .48rem; text-align: center; line-height: .48rem; font-size: .17rem;  border-radius:.24rem; margin: 0 auto; overflow: hidden;}
.indexContainer .layer4 .layer4Nr p{ line-height: .45rem; text-align: center; font-size: .14rem; color: #121212;}
.indexContainer .layer4 .layer4Main{ position: relative;}
.indexContainer .layer4 .layer4Main .swiper-button-next{ background: url(../images/layer4_06.png); width: .19rem; height: .38rem; background-size:100% 100% ; right: -.2rem;}
.indexContainer .layer4 .layer4Main .swiper-button-prev{ background: url(../images/layer4_03.png);width: .19rem; height: .38rem; background-size:100% 100% ; left: -.2rem;}
.indexContainer .layer4 .layer4Nr:hover{ background: url(../images/indexBg_07.png); background-size:100% 100%; border-bottom:.04rem solid #e6b746;}
.indexContainer .layer4 .layer4Nr:hover h2{background: #004ea2; color: #fff;}
.indexContainer .layer5{ background: url(../images/images_13.png); width: 100%; height: 100%; background-size:100% 100%;}
.indexContainer .layer5 .layer5Box{ overflow: hidden; width: 12.5rem; margin: 0 auto;}
.indexContainer .layer5 .layer5Box .text{ width: 5.8rem; padding-top: 1.2rem; float: right;}
.indexContainer .layer5 .layer5Box .text .tit{ margin: 0 auto; width: 100%;}
.indexContainer .layer5 .layer5Box .text .tit img{ display: block; width: 100%; height: auto;}
.indexContainer .layer5 .layer5Box .text p{ color: #1b4cc9; width: 100%; font-size: .24rem; line-height: .48rem; margin-top: .35rem;}
.indexContainer .layer5 .layer5Box .text ul{ overflow: hidden; text-align: center; margin-top: 50px;}
.indexContainer .layer5 .layer5Box .text ul li{ margin: 0 .2rem; display: inline-block;}
.indexContainer .layer5 .layer5Box .text ul li img{ width: 1.4rem; height: auto;}
.indexContainer .layer6{ background: url(../images/images_15.png); background-size:100% 100%; width: 100%; height: 100%; box-sizing: border-box; position: relative;}
.indexContainer .layer6 .layer6Box{ width: 12.5rem; margin: 0 auto 0 auto; height: 5.45rem; border: 1px solid rgba(0,0,0,0.4); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer6 .layer6Box .layer6Left{ overflow: hidden; padding:0 .45rem; box-sizing: border-box; float: left; border-right:1px solid #d3d6dd; width: 5.95rem; height: 100%;}
.indexContainer .layer6 .layer6Box .layer6Left h2{padding-top: .44rem; color: #292c7b; font-size: .18rem; font-weight: normal;}
.indexContainer .layer6 .layer6Box .layer6Left .time{ padding-left: .28rem; background: url(../images/layer4_09.png) left center no-repeat; line-height: .56rem; background-size:.19rem .19rem ; font-size: .14rem;}
.indexContainer .layer6 .layer6Box .layer6Left p{ font-size: .14rem; line-height: .26rem; color: #3a3a3a; margin-bottom: .2rem;}
.indexContainer .layer6 .layer6Box .layer6Left img{ display: block; width: 100%; height: auto;}
.indexContainer .layer6 .layer6Box .layer6Right{ width: calc(100% - 5.95rem); box-sizing: border-box; background: rgba(255,255,255,0.3); height: 100%; float: right;}
.indexContainer .layer6 .layer6Box .layer6Right ul{ height: 100%;}
.indexContainer .layer6 .layer6Box .layer6Right ul li{ border-bottom: .01rem solid #eaeaec; height: 33%; padding: 0 .3rem;}
.indexContainer .layer6 .layer6Box .layer6Right ul li:last-child{ border-bottom: .01rem solid #eaeaec; height: 34%;}
.indexContainer .layer6 .layer6Box .layer6Right ul li h2{ font-size: .14rem; line-height: .8rem; color: #858685; padding-left: .3rem; height: .8rem; background: url(../images/layer4_09.png) left center no-repeat;  background-size:.19rem .19rem ;}
.indexContainer .layer6 .layer6Box .layer6Right ul li h3{ font-size:.2rem; color: #3d3f91;}
.indexContainer .layer6 .layer6Box .layer6Right ul li p{ font-size: .12rem; color: #333; line-height: .22rem; margin-top: .15rem;}

.coures{ width:1230px; margin: 0 auto; margin: 95px auto; overflow: hidden;}
.coures .couresLeft{ width: 205px; height: 765px; background: #f0f0f0; float: left; line-height: 765px; text-align: center;}
.coures .couresLeft img{ vertical-align: middle; display: inline-block;}
.coures .couresRight{ float: left; width: calc(100% - 205px); height: 765px; background: #fbfbfb;}
.coures .couresRight .main{ width: 100%; height: 100%; margin-left: -5px;  box-sizing: border-box; padding: 95px 0 95px 127px; background:url(../images/coures_03.png) left center no-repeat;}
.coures .couresRight .main .mainWarp{ width: 100%; height: 100%;}
.coures .couresRight .main .mainWarp .swiper-container{ width: 100%; height: 100%;}
.coures .couresRight .main .couresBox{ width: 100%; height: 111px; font-size: 20px; line-height: 111px; color: #9e6b45;}
.coures .couresRight .main .couresBox .time{padding-right: 20px; float: left; height: 111px; line-height: 111px; transition: 0.5s;}
.coures .couresRight .main .couresBox .time span{ display: inline-block; vertical-align: middle; width: 22px; height: 22px; margin-right: 20px; border: 3px solid #9e6b45; box-sizing: border-box; border-radius:50%; background: #fff; transition: 0.5s;transform: translateY(-2px);}
.coures .couresRight .main .couresBox .text{ float: left; width: 730px; height: 111px; line-height: 111px; padding-left: 50px; background: url(../images/bg2_06.png); background-size:100% 100% ;}
.coures .couresRight .main .couresBox:hover .time span{ border: 3px solid #009b3a;}
.coures .couresRight .main .couresBox:hover .time{ color: #009b3a;}
.coures .couresRight .main .couresBox:hover .text{ background: url(../images/bg2_03.png); background-size:100% 100% ;}


.product2 .main{ margin: 40px 0;}
.product2 .main .swiper-container{ height:595px;}
.product2 .main .swiper-container .swiper-slide{ z-index: 7;}
.product2 .main .swiper-container .swiper-slide img{ position: absolute; width:100%; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.8); transition: 0.5s;}
.product2 .main .swiper-container .swiper-slide.swiper-slide-prev img{transform: translate(-50%,-50%) scale(0.9);}
.product2 .main .swiper-container .swiper-slide.swiper-slide-next img{transform: translate(-50%,-50%) scale(0.9);}
.product2 .main .swiper-container .swiper-slide.swiper-slide-active{ z-index: 9;}

.product2 .main .swiper-container .swiper-slide.swiper-slide-next{ z-index: 8;}
.product2 .main .swiper-container .swiper-slide.swiper-slide-active img{ transform: translate(-50%,-50%) scale(1); }
.indexContainer .swiper-slide:last-child {
    height: auto!important;
	margin-bottom:0!important;
}
.indexContainer  .swiper-pagination.indexWarp{ width: .12rem; height: auto; right: .25rem; top: 50%; transform: translateY(-50%);}
.indexContainer  .swiper-pagination.indexWarp span{ width: .12rem; height: .12rem; border-radius:50%; margin: .1rem auto; background: #333;}
.indexContainer  .swiper-pagination.indexWarp span.swiper-pagination-bullet-active{ background: #007aff;}



@media(max-width:1200px) {
	.indexHig .swiper-wrapper.indexHigWarp{ display: block;}
	.indexContainer  .swiper-pagination.indexWarp{ display: none;}
	body{ padding-top: 60px;}
	.AppTop{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); z-index: 99; width: 100%; height: 60px; position: fixed; top: 0; left: 0; display: block;}
	.AppTop .logo{ float: left; height: 60px; line-height: 60px; padding-left: 15px;}
	.AppTop .logo img{ display: inline-block;vertical-align: middle; height: 45%; width: auto;}
	.AppTop .sideClick{ position: absolute; width: 32px; height: 28px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: 0.5s;}
	.AppTop .sideClick.on{ transform: translateY(-50%) rotate(180deg);}
	.AppTop .sideClick span{ display: block; width: 100%; height: 4px; position: absolute; background: #333; transition: 0.5s; border-radius:2px;}
	.AppTop .sideClick span:nth-child(1){ top: 0;}
	.AppTop .sideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}
	.AppTop .sideClick span:nth-child(3){ bottom: 0;}
	.AppTop .sideClick.on span:nth-child(1){top: 50%; transform: translateY(-50%) rotate(45deg);}
	.AppTop .sideClick.on span:nth-child(2){ width: 0;}
	.AppTop .sideClick.on span:nth-child(3){top: 50%; transform: translateY(-50%) rotate(-45deg);}
	.sideBar{ display: block; width: 70%; background: #fff; height: 100vh; position: relative; z-index: 999; left: 0; top: 0; position: fixed; left: -100%; transition: 0.5s; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
	.sideBar .logo{ padding: 40px 0; width: 70%; margin: 0 auto;}
	.sideBar .logo img{ display: block; width: 100%; height: auto;}
	.sideBar ul{ width: 80%; margin: 0 auto;}
	.sideBar ul li p{ font-size: 16px; color: #000; line-height:40px;}
	.sideBar ul li dl{ padding: 10px 0; display: none;}
	.sideBar ul li dl dd{ line-height: 20px; padding-left: 10px;}
	.sideBar ul li dl dd a{ font-size: 14px; color: #333;}
	.top{ display: none;}
	.nav{ display: none;}
	.banner{ width: 100%;}
	.navGation{ width: 100%; height: 45px;}
	.navGation ul{ width: 100%; height: 45px;}
	.navGation ul li{ width: 33%; float: left; line-height: 45px;}
	.navGation ul li a{ line-height: 45px;}
	.navGation ul li a span{ position: absolute; bottom: -15px; width: 8px; height: 5px; background-size:100% 100% ;}
	.pageContainer .listWarp{ padding-top: 30px; width: 100%; padding: 0 10px; box-sizing: border-box;}
	.pageContainer .listWarp ul li h2{ line-height: 36px; font-size: 16px; color: #333; overflow: hidden;}
	.pageContainer .listWarp ul li h2 span{ display: none;}
	.footerBox{ width: 100%; padding: ;}
	.friendLink{ height: auto; padding: 10px; box-sizing: border-box;}
	.friendLink ul{ width: 100%; height: auto;}
	.friendLink ul li{ line-height: 36px;}
	.footer .footerBox .footerLeft{ padding: 20px 0; display: block; width: 100%;}
	.footer .footerBox .footerLeft img{ width: 40%; margin: 0 auto; display: block;}
	.footer .footerBox{ width: 100%; padding: 15px 15px; box-sizing: border-box;}
	.footer .footerBox .footerRight{ width: 100%; margin: 0; padding: 15px; box-sizing: border-box; margin-top: 20px; float: inherit;}
	.footer .footerBox .footerRigh img{ display: block; width: 35%; margin: 0 auto;}
	.footer .footerBox .footerCenter{ width: 100%; height: 100%; float: inherit; padding: 0;}
	.footer .footerBox .footerCenter ul{ width: 100%;}
	.footer .footerBox .footerCenter ul li{ margin: 0; width: 50%; text-align: center; padding-bottom: 15px;}
	.footer .footerBox .footerCenter h2{ width: 100%; text-align: center;}
	.footer .footerBox .footerRight img{ width: 45%; display: block; margin: 0 auto;}
	
	.footer .copyright p{ width: 100%; line-height: 28px;}
	.footer .copyright{ width: 100%; height: auto; padding: 15px; box-sizing: border-box;}


	.newDetails{ padding: 0 15px; box-sizing: border-box;}
	.newDetails .tit{ padding-top: 50px;}
	.newDetails .tit h2{ font-size: 15px; color: #333; line-height: 24px;}
	.newDetails .tit ul li{ margin: 0 10px;}
	.newDetails .text{ width: 100%;}
	.newDetails .text img { width: 100%; height: auto;}
	.newDetails .share{ width: 100%; height: auto; overflow: hidden;}
	.newDetails .pageList ul li{ width: 100%;}
	.newDetails .pageList ul li:last-child{ text-align: left;}
	.newList .newTop .main{ width: 100%;}
	.newList .newTop{ width: 100%; padding: 0;}
	.newList .newTop .main .icon{ width: 100%; height: auto;}
	.newList .newTop .main .icon .swiper-pagination{ bottom: 54px;}
	.newList .newTop .main .text{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	
	.newList .newTop .main .text .textTop h2{padding: 15px 0  ; line-height: 36px; font-size: 16px; color: #333333;}
	.newList .newBottom{ width: 100%;}
	.newList .newBottom .newBox{ width: 100%;}
	.newList .newBottom .newBox .newRight{ width: 100%;}
	.newList .newBottom .newBox .newRight .icon{ width: 100%;}
	.newList .newBottom .newBox .newLeft{ width: 100%; padding:0 10px 20px 10px;}
	.newList .newBottom .newBox .newLeft h2{ width:100%; line-height: 32px; padding: 15px 0;}
	.newList .newBottom .newBox{ margin-top: 20px;}
	
	.navGation{ height: auto;}
	.navGation .purposeTit li{ width: 33%;}
	.navGation .purposeTit li:nth-child(3n){ width: 34%;}
	.navGation .purposeTit{ height: auto; overflow: hidden; border-bottom: 1px solid #E2E2E2;}
	.purpose .tit{ padding:40px 0;}
	.purpose .tit h2{ text-align: center; font-size: 18px;}
	.purpose .tit p{ font-size: 14px; color: ;}
	.purpose ul li{ width: 95%; margin: 0 auto 20px auto; height: auto;}
	.purpose ul li .bg{ width: 100%; height: auto;}
	
	.culture{ width: 100%;}
	.culture .tit{ padding: 30px 0; text-align: center;}
	.culture .tit h2{ font-size: 20px; text-align: center;}
	.culture .tit p{ font-size: 14px;}
	.culture .culTop ul{ padding: 0 5px;}
	.culture .culTop ul li p{ font-size: 12px; text-indent: 0; padding: 0 5px; line-height: 32px;}
	.culture .culTop .text img{ display: block; width: 75%; margin: 20px auto; float: inherit;}
	.culture .culTop .text{ padding: 0 10px 50px 10px; box-sizing: border-box;}
	.culture .culTop .text p{ padding: 0; font-size: 14px;}
	.culture .culTop .text h2{ padding: 0; font-size: 18px;}
	.culture.about .culMain { padding: 0;}
	.culture.about .tit{ width: 100%;}
	.culture.about .culMain .nr{ width: 100%; padding: 0 15px; box-sizing: border-box; height: auto;}
	.culture.about .culMain .nr2{ height: auto; width: 100%;}
	.culture.about .culMain .nr2 .text{ width: 100%; height: auto; float: inherit;}
	.culture.about .culMain .nr2 .text .list1{ width: 100%; position: relative; padding:0 0 15px 0;}
	.culture.about .culMain .nr2 .text .list2{ width: 100%; position: relative; height: auto; padding-bottom: 50px; background: #333;}
	.culture.about .culMain .nr2 .text .list1 ul li{ padding-top: 35px; text-align: center;}
	.culture.about .culMain .nr2 .icon{ width: 100%; height: auto; float: inherit;}
	.culture.about .culMain .nr2 .icon img{ display: block; width: 100%; height: auto; float: inherit;}
	.culture.about .culTop{ width: 100%;}
	
	.aboutList{ width: 100%;}
	.aboutList .tit{ padding: 60px 0;}
	.aboutList .tit h2{ font-size: 28px;}
	.aboutList .tit p{ font-size: 14px;}
	.aboutListBox{ margin-top: 40px; width: 100%; height: auto; padding: 0; background-size:auto 100%;}
	.aboutListBox .icon{ position: relative; width: 90%; margin: 0 auto; height: auto; left: auto; right: auto;}
	.aboutListBox .icon img{ display: block; width: 100%; height: auto;}
	.aboutListBox ul{ padding: 0 15px 40px 15px; box-sizing: border-box; margin-top: -25px;}
	
	
	.product{ display: block; width: 100%;}
	.productTop{ display: block; width: 100%;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ display: none;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ display: none;}
	.proBox{ background: #009b3a; width: 95%; margin: 0 auto; border-radius:10px ;}
	.proBox .icon{ width: 100%; position: relative; padding: 30px 0;}
	.proBox .icon img{ display: block; width: 30%; margin: 0 auto; left: auto; top: auto;}
	.proBox .text{ width: 100%; height: auto; padding: 15px;}
	.proBox h2{ width: 100%; padding: 0; text-align: center; line-height: 80px; font-size: 22px; color: #fff; height: auto;}
	.proBox .text p{ width: 100%; padding: 0; margin: 0;}
	.proBox .text a{ margin: 20px auto;}
	.productBottom{ width: 100%; padding: 20px 0;}
	.productBottom ul{ display: none;}
	.productBottom .bg{ display: none;}
	.productBottom .swiper-pagination{ display: block; text-align: center; width: 100%;}
	.productBottom .swiper-pagination span{ margin: 0 5px;}
	.product{ padding-bottom: 50px;}
	
	.productList{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.productList ul{ padding-top: 45px;}
	.productList ul li{ width: 100%; margin: 0;}
	.productList ul li .icon{ width: 100%; height: auto;}
	
	.product2{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.product2 .pro2Box .icon{ width: 100%; padding: 15px 0;}
	.product2 .pro2Box .icon img{ display: block; width: 100%; height: auto;}
	.product2 .pro2Box .text{ width: 100%; padding: 0;}
	.product2 .pro2Box .text h2{ width: 100%;}
	.product2 .pro2Box .text p{ width: 100%;}
	.product2 .main{ width: 100%;}
	.product2 .main img{ display: block; width: 100%; height: auto;}
	
	.indexHig{ width: 100%; position: relative;}
	.indexContainer{ height: auto;}
	.indexContainer .swiper-container{ width: 100%; height: auto;}
	.indexContainer .indexBanner{ width: 100%; height: auto;}
	.indexContainer .layer2{ width: 100%; height: auto;}
	.indexContainer .layer2 .layer2Box{ position: relative; padding: 20px 0; width: 100%;}
	.indexContainer .layer2 .layer2Box .layer2Left{position: relative; top: auto; width: 65%; margin: 0 auto 15px auto; float: inherit;}
	.indexContainer .layer2 .layer2Box .layer2Right{position: relative; top: auto; width: 65%; margin: 0 auto; float: inherit; }
	.indexContainer .layer3 img{ position: relative; width: 85%; height: auto; margin: 0 auto; transform: translate(0,0); left: auto; top: auto; padding: 35px 0;}
	.indexContainer .layer4{ padding: 20px 0; overflow: hidden; height: auto;}
	.indexContainer .layer4 .layer4Box{ width: 100%;}
	.indexContainer .layer4 .iconMain{ width: 100%; float: inherit;}
	.indexContainer .layer4 .iconMain img{ width: 35%; display: block; margin: 0 auto; padding-bottom: 35px;}
	.indexContainer .layer4 .text{ width: 95%; margin: 0 auto; float: inherit;}
	.indexContainer .layer4 .text .tit{ width: 100%;}
	.indexContainer .layer4 h3{ width: 100%; font-size: 16px; padding: 10px 0; line-height: 24px;}
	.indexContainer .layer6 .layer6Box{ position: relative; transform: translate(0); left: auto; top: auto; margin: 0 auto;}
	.indexContainer .layer6 .layer6Box .layer6Left h2 {padding-top: 44px;color: #292c7b; font-size: 18px;font-weight: normal; line-height: 28px;}
	.indexContainer .layer6 .layer6Box .layer6Left .time{ padding-left: 28px; line-height: 56px;}
	.indexContainer .layer6 .layer6Box .layer6Left p{font-size: 14px; line-height: 26px;}
	.indexContainer .layer6 .layer6Box .layer6Right ul li h2{line-height: 80px; height: 80px; padding-left: 30px;}
	.indexContainer .layer4 .layer4Nr h2{ width: 100%;}
	.indexContainer .layer5{ width: 100%; height: auto;background-size:auto 100%; overflow: hidden; padding: 30px 0;}

	.indexContainer .layer5 .layer5Box{ width: 100%;}
	.indexContainer .layer5 .layer5Box .text{ width: 95%; margin: 0 auto; padding: 15px; background: rgba(255,255,255,0.6); box-sizing: border-box; float: inherit; border-radius:10px ;}
	.indexContainer .layer5 .layer5Box .text img{ display: block; width: 70%; margin: 0 auto; padding: 20px 0 0 0;}
	.indexContainer .layer5 .layer5Box .text p{ font-size: 16px; line-height: 26px;}
	.indexContainer .layer5 .layer5Box .text ul li{ width: 33%; margin: 0; float: left; display: block;}
	.indexContainer .layer6{ width: 100%; padding: 20px; box-sizing: border-box;}
	.indexContainer .layer6 .layer6Box{ width: 100%; height: auto;}
	.indexContainer .layer6 .layer6Box .layer6Left{ width: 100%; height: auto; float: inherit; padding-bottom: 25px;}
	.indexContainer .layer6 .layer6Box .layer6Left img{ display: block; width: 100%; height: auto;}
	.indexContainer .layer6 .layer6Box .layer6Right{ width: 100%; height: auto; float: inherit;}
	.indexContainer .layer6 .layer6Box .layer6Right ul li h3{ font-size: 12px; color: #3d3f91;}
	.indexContainer .layer6 .layer6Box .layer6Right ul li{ padding-bottom: 30px;}
	.indexContainer .layer6 .layer6Box .layer6Right ul li p{ font-size: 12px; line-height: 22px;}
	
	.coures{ width: 100%; margin: 20px 0;}
	.coures .couresLeft{ width: 100%; padding: 40px 0; height: auto;}
	.coures .couresLeft img{ display: block; margin: 0 auto;}
	.coures .couresRight{ width: 100%; height: 430px;}
	.coures .couresRight .main{ padding-left: 10px; margin: 0; padding: 0; height: auto; height: 430px; padding: 10px; padding-bottom: 0; background: url(../images/coures_03.png) -117px center no-repeat;}
	.coures .couresRight .main .couresBox .text{ width: calc(100% - 100px); padding:20px 15px; font-size: 12px; line-height: 22px; background: none; border: 1px solid #bc8e6c; border-radius:6px ;}
	.coures .couresRight .main .couresBox .time{ width: 100px; font-size: 14px; padding-right: 10px;}
	.coures .couresRight .main .couresBox .time span{ margin-right: 10px;}
	.coures .couresRight .main .couresBox:hover .text{ border: 1px solid #009b3a; background: none;}
	
	.product2 .main { margin: 10px 0;}
	.product2 .main .swiper-container{ height: 180px;}
	.indexContainer .layer3 .layer3Warp{ width: 100%; position: relative; left: auto; top:auto; padding: 30px 0; transform: translate(0);} 
	.indexContainer .layer3 video{ width: 90%; margin: 0 auto; height: auto;}
	.indexContainer .layer3{ height: auto;}
	.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ display: none;}
	.swiper-button-next:after, .swiper-container-rtl .swiper-button-next:after{ display: none;}
	.footer .footerBox .footerCenter h2 span{ display: block;}
}