@charset "utf-8";
@font-face {
	font-family:'tahoma';
	src: url(../font/TAHOMA.TTF);
}
@font-face {
	font-family:'tahoma2';
	src: url(../font/tahomabd.ttf);
}
body{ margin:0px; padding:0px; font-size:12px;font-family:'tahoma2';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: "PINGFANG_MEDIUM"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; 
/* display: block; */
}
a{ color:#5c5c5c; text-decoration:none}

.w1400{ width: 1400px; margin: 0 auto;}
.herder{ width: 100%; height: 160px; position: relative; z-index: 11;}
.herder .top{ height: 64px; line-height: 64px; z-index: 11;}
.herder .top .topBox{ position: relative; z-index:100; z-index: 11; height: 64px}
.backTop{ z-index: 99; width: 48px; transition: 0.4s; height: 48px; position: fixed; right: 20px; bottom: 110px; border-radius:50%; overflow: hidden; cursor: pointer; opacity: 0;}
.backTop.on{ opacity: 1;}

.herder .topLeft{ float: left;}
.herder .topLeft ul{ overflow: hidden;}
.herder .topLeft ul li{ float: left; margin-right: 25px; line-height: 64px; font-size: 12px; color: #747474;}
.herder .topLeft ul li img{ transform: translateY(-2px); display: inline-block; vertical-align: middle; margin-right: 5px;}
.herder .topRight{ float: right;}
.language{cursor: pointer;  height: 64px; line-height: 55px; float: right; padding-right: 23px; background: url(../images/arrow_03.jpg) right center no-repeat; position: relative;}
.language span{ display: inline-block; vertical-align: middle; height: 22px; margin-right: 8px;}
.language span img{ display: block; width: 100%; height: 100%;}
.language p{ height: 62px; line-height: 60px; font-size: 12px; color: #575757; display: inline-block; vertical-align: middle;}
.serachClick{ margin-right: 20px; float: right; width: 64px; height: 64px; float: right; background: url(../images/index_07.jpg) center center no-repeat;}
.serachClick .serachBox{ display: none; z-index: 9; width: 1200px; position: absolute; right: 0; top: 60px; background: #fff; border: 1px solid #e9e9e9; border-radius:17px; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 0 75px 45px 75px; box-sizing: border-box;}
.serachClick .serachBox .bt{ width: 100%; padding: 35px 0 20px 0; text-align: center; font-size: 30px; font-weight: bold; color: #000; line-height: 30px;}
.serachClick .serachBox .serachTop{ width: 100%; height: 48px; line-height: 48px; vertical-align: middle; text-align: center;}
.serachClick .serachBox .serachTop button{ border: none; display: inline-block; width: 48px; height: 48px; background: url(../images/Pop_03.jpg) center center no-repeat; cursor: pointer; vertical-align: top;}
.serachClick .serachBox .serachTop input{ display: inline-block; width: 520px; height: 48px; border: 2px solid #fcb711; box-sizing: border-box; border-radius:8px; padding: 0 12px; box-sizing: border-box; vertical-align: top;}
.searchresult{margin: 20px auto 40px; clear: both;}
.searchresult .serachBox .serachTop{ width: 100%; height: 48px; line-height: 48px; vertical-align: middle; text-align: center;}
.searchresult .serachBox .serachTop button{ border: none; display: inline-block; width: 48px; height: 48px; background: url(../images/Pop_03.jpg) center center no-repeat; cursor: pointer; vertical-align: top;}
.searchresult .serachBox .serachTop input{ display: inline-block; width: 520px; height: 48px; border: 2px solid #fcb711; box-sizing: border-box; border-radius:8px; padding: 0 12px; box-sizing: border-box; vertical-align: top;}
.posts{ padding: 60px 0;}
.posts h2{ font-size: 2em; line-height: 3em; font-family: 'tahoma';}
.posts p{ font-size: 1.5em; line-height: 2em; font-weight: normal; font-family: 'tahoma';}

.serachClick .serachBox .serachCenter ul{ overflow: hidden;}
.serachClick .serachBox .serachCenter ul li{ float: left; margin: 0 10px 8px 0; height: 32px; line-height: 32px;}
.serachClick .serachBox .serachCenter ul li a{ background: #f1f1f1; height: 32px; line-height: 32px; padding: 0 14px; border-radius:16px; color: #737373; display: inline-block; font-size: 15px; font-family:'tahoma';}
.serachClick .serachBox .serachCenter ul li a:hover{background-color: #eee;}
.serachClick .serachBox .serachBottom ul{ overflow: hidden;}
.serachClick .serachBox .serachBottom ul li{ width: 32%; float: left; margin: 0 2% 20px 0; height: 330px; position: relative;   overflow: hidden; border-radius:15px;}
.serachClick .serachBox .serachBottom ul li:nth-child(3n){ margin-right: 0;}
.serachClick .serachBox .serachBottom ul li span{ z-index: 10; display: inline-block; position: absolute; left: 20px; top: 20px; padding: 0 20px; border-radius:15px; height: 30px; line-height: 30px; font-size: 14px; color: #fff;}
.serachClick:hover .serachBox{ display: block;}
.serachClick .serachBox .serachBottom ul li .icon{ width: 100%; height: 100%; overflow: hidden;}
.serachClick .serachBox .serachBottom ul li .icon img{ transition: 0.5s; width: 100%; height: 100%; object-fit: cover;}
.serachClick .serachBox .serachBottom ul li .icon img:hover { transform: scale(1.1);}
.serachClick .serachBox .serachBottom ul li .text{ position: absolute; bottom: 0; left: 0; height: auto; padding: 15px; box-sizing: border-box;  font-size: 18px;color: #2d2d2d; line-height: 22px;  font-weight: bold;}
.serachClick .serachBox .serachBottom ul li .text p{ height: 66px; overflow: hidden; line-height: 22px; color: #fff;}
.herder .logo{ position: absolute; left: 50%; top: 48px; transform: translateX(-50%);}
.serachClick .serachBox .serachBottom ul li .text p:hover{ color: #fcb711;}

.language:hover .languageBox{ display: block;}
.language .languageBox{ display: none; position: absolute; right: 0; top: 60px; width: 380px; background: #fff; width: 380px; border: 1px solid #e9e9e9; box-sizing: border-box; box-shadow: 0 10px 10px rgba(0,0,0,0.05); border-radius:17px; padding: 0 34px; padding-bottom: 8px; }
.language .languageBox .bt{ height: 70px; background: url(../images/Bt_03.jpg) left center no-repeat; width: 100%; line-height: 70px; font-size: 16px; color: #575757; padding-left: 30px;}
.language .languageBox ul{ width: 100%; overflow: hidden;}
.language .languageBox ul li{ padding-bottom: 18px; width: 50%; float: left; height: 40px; line-height: 22px;box-sizing: border-box;}
.language .languageBox ul li img{ float: left; display: block; height: 22px; width: auto; margin-right: 7px;}
.language .languageBox ul li b{ display: block; float: left; font-size: 12px; color: #575757;}
.language .languageBox ul li:nth-child(2n){ padding-left: 25px; }

.nav{ width: 100%; height: 60px; background: #fcb711; position: relative; z-index: 10;}
.nav ul.menu{ overflow: hidden;}
.nav ul.menu li{ float: left; padding:0 25px; position: relative; line-height: 60px; position: relative;}
.nav ul.menu li:first-child{ padding-left: 0;}
.nav ul.menu li:last-child{ margin-right: 0;}
.nav ul.menu li a{ font-size: 16px; color: #2d2d2d; font-weight: bold;}

.nav ul.menu li.NewClick:before{ transition: 0.5s; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); background: url(../images/arrow.png); background-size:100% 100% ; width: 11px; height: 6px; content: '';}
.nav ul.menu li.NewClick.on:before{ transform: translateY(-50%) rotate(180deg);}



.sub{ background: #ffe993; display: none; position: absolute; top: 60px; width: 100%;}
.sub .subBox { padding: 15px 0 0 0;}
.sub .subBox ul{ overflow: hidden;}
.sub .subBox ul li{  font-size: 15px; padding: 0 20px; box-sizing: border-box; height: 16px; line-height: 16px; margin-bottom: 15px; border-right:1px solid #2d2d2d; float: left;}
.sub .subBox ul li a{  font-family: 'tahoma'; font-size: 15px; color: #2d2d2d;}
.sub .subBox ul li:first-child{ padding: 0 20px 0 0;}

.indexContainer{ width: 100%; padding-top: 17px; padding-bottom: 70px;}
.indexContainer .layer1{ height: 700px; overflow: hidden; border-radius:18px; position: relative; z-index: 1;}
.indexContainer .layer1 .swiper-container{ width: 100%; height: 100%;}
.indexContainer .layer1 img{ transition: 0.5s; display: block; width: 100%; height: 100%;}
.indexContainer .layer1 .swiper-button-prev{ margin: 0;  transition: 0.5s; opacity: 0; background: url(../images/Btn_03.png); width: 42px; height: 42px; top: 50%; transform: translateY(-50%); left: 50px; z-index: 999;}
.indexContainer .layer1 .swiper-button-next{ margin: 0; transition: 0.5s; opacity: 0; background: url(../images/Btn_05.png); width: 42px; height: 42px; top: 50%; transform: translateY(-50%); right: 50px; z-index: 999;}
.indexContainer .layer1:hover .swiper-button-prev{ opacity: 1; z-index: 999;}
.indexContainer .layer1:hover .swiper-button-next{ opacity: 1; z-index: 999;}
.indexContainer .layer1 .swiper-button-prev:after{ display: none;}
.indexContainer .layer1 .swiper-button-next:after{ display: none;}
.indexContainer .layer1 .swiper-pagination{ height: 8px; width: 100%; text-align: center; bottom: 36px; line-height: 8px;}
.indexContainer .layer1 .swiper-pagination span{ width: 8px; height: 8px; border-radius:50%; background: #fff; margin: 0 11px; opacity: 1;}
.indexContainer .layer1 .swiper-pagination span.swiper-pagination-bullet-active{ background: #fcb711;}
.indexContainer .layer1 p{ font-size: 36px; font-weight: bold; padding: 0 35px; box-sizing: border-box; width: 100%; bottom: 75px; line-height: 50px; overflow: hidden; position: absolute; left: 0; color: #fff; }
.indexContainer .layer1 p:hover{ color:#fcb711 ;}
.indexContainer .layer1 p a{color: #fff;}
.indexContainer .layer1 p a:hover{ color:#fcb711 ;}
.indexContainer .layer1 img:hover{ transform: scale(1.1);}

.indexContainer .layer2{ padding-top: 20px;}
.indexContainer .title{ font-weight: bold; position: relative; height: 80px; line-height: 80px; padding-left: 40px; background: url(../images/index_31.jpg) left center no-repeat; font-size: 26px;  color: #2d2d2d;}
.indexContainer .title a{ color: #333;}
.indexContainer .title a:first-child:hover{ color: #fcb711;}
.indexContainer .title .more{ display: block; background: url(../images/index_42.jpg); width: 100px; height: 30px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-size:100% 100% ;}
.indexContainer .layer2Box{ overflow: hidden;}
.Tips{ z-index: 10; font-weight: bold; display: inline-block; padding: 0 25px; height: 30px; line-height: 30px; border-radius:15px; font-size: 14px; color: #fff; position: absolute; left: 20px; top: 20px;}
.Tips a{ color: #fff;}
.green{ background: #57af2f;}
.pink{ background: #ff6acd;}
.blue{ background: #099cfd;}
.green2{ background: #00b9aa;}
.red{ background: #ff7171;}
.yellow{ background: #fcb711;}
.blue2{ background: #40cff3;}
.yellow2{ background: #ff8400;}
.indexContainer .layer2Box .icon{ float: left; width: 680px; height: 680px; position: relative; border-radius:18px; overflow: hidden;}
.indexContainer .layer2Box .icon .Tips a{ color: #fff;}
.indexContainer .layer2Box .icon .swiper-container{ display: block; width: 100%; height: 100%;}
.indexContainer .layer2Box .icon img{ transition: 0.5s; display: block; width: 100%; height: 100%;}
.indexContainer .layer2Box .icon p{ position: absolute; left:30px; bottom: 30px; font-size: 28px; font-weight: bold; color: #fff; font-size: 28px; line-height: 30px; width: 490px;}
.indexContainer .layer2Box .icon p:hover{color: #fcb711;}
.indexContainer .layer2Box .icon .btn{ z-index: 10; width: 98px; height: 48px; position: absolute; right: 25px; bottom: 27px;}
.indexContainer .layer2Box .icon .btn .swiper-button-prev{ margin: 0; width: 48px; height: 48px; left: 0; top: 0; border-radius:8px 0 0 8px; background:url(../images/Btn_10.png) center center no-repeat rgba(255,255,255,0.6);}
.indexContainer .layer2Box .icon .btn .swiper-button-next{ margin: 0; width: 48px; height: 48px; right: 0; top: 0; border-radius:0 8px 8px 0; background:url(../images/Btn_13.png) center center no-repeat rgba(255,255,255,0.6);}
.indexContainer .layer2Box .icon .btn .swiper-button-prev:after{ display: none;}
.indexContainer .layer2Box .icon .btn .swiper-button-next:after{ display: none;}
.indexContainer .layer2Box .icon .btn .swiper-button-next:hover{background:url(../images/Btn_13.png) center center no-repeat #fcb711;}
.indexContainer .layer2Box .icon .btn .swiper-button-prev:hover{background:url(../images/Btn_10.png) center center no-repeat #fcb711;}
.indexContainer .layer2Box .icon img:hover { transform: scale(1.1);}
.indexContainer .layer2Box .icon .swiper-pagination{ width: 98px; right: 25px; left: auto; bottom: 88px; color: #fff; font-size: 16px;}
.indexContainer .layer2Box .icon .swiper-pagination .swiper-pagination-current{ font-size: 24px; color: #fcb711;}

.indexContainer .layer2Box .list{ width: calc(100% - 680px); float: left; padding: 0 0 0 50px; box-sizing: border-box; }
.indexContainer .layer2Box .list ul{ width: 100%;border-top:1px solid #f2f2f2 ;}
.indexContainer .layer2Box .list ul li{ position: relative; width: 100%; font-weight: bold; height: 113px; border-bottom:1px solid #f2f2f2; line-height: 113px; box-sizing: border-box; font-size: 22px;  color: #1e1e1e;}
.indexContainer .layer2Box .list ul li a{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; line-height: 25px; color: #1e1e1e; font-size: 22px; font-weight: bold; display: inline-block; vertical-align: middle;}
.indexContainer .layer2Box .list ul li a:hover{ color: #fcb711;}

.indexContainer .layer2Box .list2{ width: calc(100% - 680px); float: left; padding-left: 30px; box-sizing: border-box;}
.indexContainer .layer2Box .list2 ul{ width: 100%; overflow: hidden;}
.indexContainer .layer2Box .list2 ul li{ width: 330px; height: 330px; float: left; border-radius:18px; overflow: hidden; position: relative; margin: 0 30px 20px 0;}
.indexContainer .layer2Box .list2 ul li img{ display: block; width: 100%; height: 100%; transition: 0.5s; object-fit: cover;}
.indexContainer .layer2Box .list2 ul li img:hover{transform: scale(1.1);}
.indexContainer .layer2Box .list2 ul li p{ width: 100%; position: absolute; bottom: 15px; padding: 0 20px; box-sizing: border-box; font-size: 18px; font-weight: bold; color: #fff; line-height: 20px;}
.indexContainer .layer2Box .list2 ul li p:hover{ color: #fcb711;}
.indexContainer .layer2Box .list2 ul li:nth-child(2n){ margin-right: 0;}



.indexContainer .layer3{ padding-top: 20px; overflow: hidden;}
.indexContainer .layer3 .icon{ width: 680px; height: 680px; overflow: hidden; border-radius:18px; position: relative; float: left;}
.indexContainer .layer3 .icon img{ display: block; width: 100%; height: 100%; transition: 0.5s;}
.indexContainer .layer3 .icon img:hover{ transform: scale(1.1);}
.indexContainer .layer3 .icon p{ width: 100%; padding: 0 30px; box-sizing: border-box; font-size: 28px; font-weight: bold; color: #fff; line-height: 30px; position: absolute; left: 0; bottom: 30px;}
.indexContainer .layer3 .icon p:hover{ color: #fcb711;}


.indexContainer .layer3Box{ overflow: hidden;}
.indexContainer .layer3Box .list{ width: calc(100% - 685px); float: left; padding-left: 30px; box-sizing: border-box;}
.indexContainer .layer3Box .list ul{ width: 100%; overflow: hidden;}
.indexContainer .layer3Box .list ul li{ width: 330px; height: 330px; float: left; border-radius:18px; overflow: hidden; position: relative; margin: 0 25px 20px 0;}
.indexContainer .layer3Box .list ul li img{ display: block; width: 100%; height: 100%; transition: 0.5s;}
.indexContainer .layer3Box .list ul li img:hover{transform: scale(1.1);}
.indexContainer .layer3Box .list ul li p{ width: 100%; position: absolute; bottom: 15px; padding: 0 20px; box-sizing: border-box; font-size: 18px; font-weight: bold; color: #fff; line-height: 20px;}
.indexContainer .layer3Box .list ul li p:hover{ color: #fcb711;}
.indexContainer .layer3Box .list ul li:nth-child(2n){ margin-right: 0;}



.indexContainer .layer3Box .list2{ height: 682px; width: calc(100% - 685px); float: left; padding-left: 50px; box-sizing: border-box;}
.indexContainer .layer3Box .list2 ul { height: 680px; width: 100%; border-top:1px solid #f2f2f2 ;}
.indexContainer .layer3Box .list2 ul li{ overflow: hidden; width: 100%; height: 25%; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; padding-top: 19px;}
.indexContainer .layer3Box .list2 ul li .icon{  width: 130px; height: 130px; float: left; border-radius:16px; overflow: hidden;}
.indexContainer .layer3Box .list2 ul li .icon img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer3Box .list2 ul li .text{ float: left; width: calc(100% - 130px); float: left; padding: 0 0 0 20px; box-sizing: border-box;}
.indexContainer .layer3Box .list2 ul li .text span{ margin-bottom: 12px; display: inline-block; height: 30px; line-height: 30px; padding: 0 20px; border-radius:15px; font-weight: bold; font-size: 14px; color: #fff;}
.indexContainer .layer3Box .list2 ul li .text p{ font-weight: bold; color: #1e1e1e; line-height: 20px; font-size: 20px; line-height: 25px;}
.indexContainer .layer3Box .list2 ul li .text p:hover{ color: #fcb711;}

.indexContainer .layer4 ul{ width: 100%; overflow: hidden;}
.indexContainer .layer4 ul li{ float: left; width:685px; margin-right: 30px;}
.indexContainer .layer4 ul li .icon{ position: relative; width: 100%; height: 380px; overflow: hidden; border-radius:18px; overflow: hidden;}
.indexContainer .layer4 ul li .icon img{ width: 100%; height: 100%; transition: 0.5s; object-fit: cover;}
.indexContainer .layer4 ul li .icon img:hover{ transform: scale(1.1);}
.indexContainer .layer4 ul li .text{ height: 110px; padding-top: 15px; box-sizing: border-box; font-size: 18px; color: #2d2d2d; line-height: 22px; font-weight: bold;word-break: break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:break-all;overflow:hidden;}
.indexContainer .layer4.related-lists ul{/* margin-left: -1%; margin-right:-1%; */}
.indexContainer .layer4 ul li .text:hover{ color: #fcb711;}
.indexContainer .layer4 ul li.small{ width: 23.5%; margin-right: 2%;}
.indexContainer .layer4 ul li.small .icon{ width: 330px; height: 330px;}
.indexContainer .layer4 ul li.small .text{ font-size: 18px;}
.indexContainer .layer4 ul li:nth-child(2n){ margin-right: 0;}
.indexContainer .layer4.related-lists ul li:nth-child(2n){ margin-right: 1%;}
.indexContainer .layer4.related-lists ul li.small:nth-child(2n){ margin-right: 2%;}
.indexContainer .layer4.related-lists ul li.small:nth-child(4n){ margin-right: 0;}
.indexContainer .layer4 ul.three li{ width: 446px; float: left; margin:0 31px 0 0;}
.indexContainer .layer4 ul.three li .icon{ height: 446px;}
.indexContainer .layer4 ul.three li:nth-child(3n){ margin-right: 0;}
.indexContainer .layer4 ul.three li .text{ padding: 15px 0 50px 0;}
.footer{ width: 100%; background: #fcb711;}
.footerBox{ padding:0 0 65px 0;}
.footerBox .logo{ height: 138px; line-height: 138px;}
.footerBox .logo img{ display: inline-block; vertical-align: middle;}
.footerBox .Nr{ width: 100%; overflow: hidden;}
.footerBox .Nr .NrLeft{ float: left;}
.footerBox .Nr .NrLeft .NrLeft-1{ float: left; margin-right: 115px;}
.footerBox .Nr .NrLeft ul h2{ color: #2d2d2d; font-size: 18px; font-weight: normal; margin-bottom: 25px; font-family:'tahoma' ;}
.footerBox .Nr .NrLeft ul li { margin-bottom: 16px;}
.footerBox .Nr .NrLeft ul li:last-child{ margin-bottom: 0;}
.footerBox .Nr .NrLeft ul li a{ font-size: 15px; color: #2d2d2d; font-family: 'tahoma';}
.footerBox .Nr .NrLeft .NrLeft-2{float: left; width: 160px; margin-right: 0;}
.footerBox .Nr .NrLeft .NrLeft-2 ul li{ transform: translateX(-13px); width: 25%; float: left; height: 42px; position: relative; margin: 0;}
.footerBox .Nr .NrLeft .NrLeft-2 ul li img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.footerBox .Nr .NrRight{ width: 860px; height: 240px; border: 1px dashed #000; box-sizing: border-box; float: right; border-radius:10px ; padding-left: 134px; box-sizing: border-box; background: url(../images/index_82.jpg) 53px 89px no-repeat; overflow: hidden;}
.footerBox .Nr .NrRight .text{ float: left; width: 360px; padding-top: 78px;}
.footerBox .Nr .NrRight .text h2{ font-size: 24px; font-weight: bold; color: #000; margin-bottom: 15px;}
.footerBox .Nr .NrRight .text h2 a{ color: #000;}
.footerBox .Nr .NrRight .text p{ font-size: 15px; color: #2d2d2d; line-height: 20px;}
.footerBox .Nr .NrRight .inp{ padding-top: 60px; width: 320px; float: right; margin-right: 40px;}
.footerBox .Nr .NrRight .inp input{ margin-bottom: 24px; font-size: 15px; display: block; background: #fff; padding: 0 20px; box-sizing: border-box; width: 100%; height: 46px; border-radius:23px; margin-bottom: 24px;}
.footerBox .Nr .NrRight .inp button,.footerBox .Nr .NrRight .mc_signup_submit input{ cursor: pointer; border: none; display: block; width: 100%!important; height: 46px; line-height: 46px; text-align: center; font-size: 15px; color: #fff; font-weight: bold; border-radius:23px ; padding: 0!important; background: #2d2d2d;}
.footerBox .Nr .NrRight .mc_signup_submit input:hover{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.footerBox .Nr .NrRight .mc_custom_border_hdr{display: none;}
.footerBox .Nr .NrRight .mc_merge_var label{display: none;}
.footerBox .Nr .NrRight .mc_form_inside{position: relative;}
.footerBox .Nr .NrRight .mc_message_wrapper{ position: absolute; left:0; top: -35px;}
.copyRight{ width: 100%; height: 75px; border-top:1px solid #e7a914;}
.copyRight p{ line-height: 75px; font-size: 15px; color: #2d2d2d;}

.NewList{  height: ; padding-top: 30px;}
.navGation{ padding-bottom: 13px;}
.navGation ul{ overflow: hidden;}
.navGation ul li{ float: left;}
.navGation ul li a{ font-size: 14px; color: #585858; font-family:'tahoma';;}

.NewList .title{color: #2d2d2d; padding-left: 39px; background: url(../images/index_31.jpg) left center no-repeat; font-size: 36px; height: 77px; line-height: 77px; }
.NewList .title a{color: #2d2d2d;}
.NewList .title a:hover{ color: #fcb711;}
.NewList .layer1{ border-bottom: 1px solid #e7e7e7;}
.NewList .layer1Top{ margin-bottom: 30px; width: 100%; background: #f2f2f2; overflow: hidden; height: 420px; border-radius:20px; overflow: hidden;}
.NewList .layer1Top .icon{ position: relative; overflow: hidden; float: left; height: 100%; width: 700px;}
.NewList .layer1Top .icon .swiper-horizontal{height:100%;}
.NewList .layer1Top .icon .swiper-slide img{width:100%;height:100%;}
.NewList .layer1Top .icon .swiper-pagination{ width: 100%; padding-right: 48px; box-sizing: border-box; height: 56px; box-sizing: border-box; line-height: 56px; text-align: right;}
.NewList .layer1Top .icon .swiper-pagination span{ width: 8px; height: 8px; border-radius:50%; background: #fff; margin-left: 22px; opacity: 1;} 
.NewList .layer1Top .icon .swiper-pagination span.swiper-pagination-bullet-active{ background: #fcb711;}
.NewList .layer1Top .text{ float: left; width: calc(100% - 700px); height: 100%; padding: 0 55px; box-sizing: border-box;}
.NewList .layer1Top .text h2{ font-size: 24px; color: #2d2d2d;  padding-top: 40px; line-height: 36px; padding-bottom: 15px;}
.NewList .layer1Top .text h2 a:hover{ color:#fcb711 ;}
.NewList .layer1Top .text .desc{ font-size: 15px; color: #7e7e7e; font-family: 'tahoma'; line-height: 28px; padding-bottom: 80px;}
.NewList .layer1Top .text .more{ display: block; width: 100px; height: 30px; text-align: center; line-height: 28px; border-radius:15px; border: 1px solid #bababa; font-size: 15px; color: #616161; font-family: 'tahoma';}
.NewList .layer1Top .text .more:hover{color: #fff; background: #fcb711; border-color: #fcb711;}
.NewList .layer1Top .text .swiper-slide{ opacity: 0!important;}
.NewList .layer1Top .text .swiper-slide.swiper-slide-active{opacity: 1!important;}
.NewList .layer1Bottom{ width: 100%;}
.NewList .layer1Bottom ul{ overflow: hidden;}
.NewList .layer1Bottom ul li{ float: left; width: 23.5%; margin-right: 2%;}
.NewList .layer1Bottom ul li:last-child{ margin-right: 0;}
.NewList .layer1Bottom ul li .icon{ border-radius:16px ; width: 100%; height: 330px; overflow: hidden; position: relative;}
.NewList .layer1Bottom ul li .icon img{ width: 100%; height: 100%; transition: 0.5s; object-fit: cover;}
.NewList .layer1Bottom ul li .text{ line-height: 26px; width: 100%; height: 110px; padding-top: 15px; box-sizing: border-box; font-size: 18px; color: #2d2d2d;}
.NewList .layer1Bottom ul li:hover .icon img{ transform: scale(1.1);}
.NewList .layer1Bottom ul li .text:hover{ color:#fcb711 ;}


.NewList .layer2{ width: 1200px; margin: 0 auto; padding-top: 43px;}
.NewList .layer2 .Nr1{ width: 100%; border-bottom: 1px solid #e7e7e7; overflow: hidden; padding: 30px 0; border-top:1px solid #e7e7e7;}
.NewList .layer2 .Nr1 .icon{ float: left; width: 380px; height: 380px; border-radius:15px; overflow: hidden;}
.NewList .layer2 .Nr1 .icon img{ display: block; width: 100%; height: 100%; transition: 0.5s;}
.NewList .layer2 .Nr1 .icon:hover img{ transform: scale(1.1);}
.NewList .layer2 .Nr1 .text{ float: left; width: calc(100% - 380px); float: left; padding: 0 0 0 46px; box-sizing: border-box;}
.NewList .layer2 .Nr1 .text .bt{ height: 64px; line-height: 64px;}
.NewList .layer2 .Nr1 .text .bt span{ display: inline-block; height: 30px; line-height: 30px; vertical-align: middle; padding: 0 26px; border-radius:15px; font-size: 14px; color: #fff; margin-right: 15px;}
.NewList .layer2 .Nr1 .text .bt span a{ color: #fff;}
.NewList .layer2 .Nr1 .text .bt b{ font-size: 16px; font-family: 'tahoma'; color: #5e5e5e; font-weight: normal;}
.NewList .layer2 .Nr1 .text h2{ font-size: 28px; color: #1e1e1e; line-height: 38px; margin-bottom: 45px;}
.NewList .layer2 .Nr1 .text .desc{ font-size: 16px; font-family: 'tahoma'; color: #5e5e5e; line-height: 32px;}
.NewList .layer2 .Nr1 .text h2 a:hover{ color: #fcb711;}
.NewList .layer2 .Nr2{ padding: 30px 0; width: 100%;  overflow: hidden;  border-top:1px solid #e7e7e7;}

.NewList .layer2 .Nr2 .bt{ height: 30px; line-height: 30px;}
.NewList .layer2 .Nr2 .bt span{ display: inline-block; height: 30px; line-height: 30px; vertical-align: middle; padding: 0 26px; border-radius:15px; font-size: 14px; color: #fff; margin-right: 15px;}
.NewList .layer2 .Nr2 .bt span a{ color: #fff;}
.NewList .layer2 .Nr2 .bt b{ font-size: 16px; font-family: 'tahoma'; color: #5e5e5e; font-weight: normal;}
.NewList .layer2 .Nr2 h2{ height: 62px; line-height: 62px; font-size: 28px; color: #1e1e1e; font-weight: bold;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.NewList .layer2 .Nr2 h2 a:hover{color: #fcb711;}
.NewList .layer2 .Nr2 ul{ width: 100%; overflow: hidden;}
.NewList .layer2 .Nr2 ul li{ border-radius:16px ; height: 380px; overflow: hidden; object-fit: cover; float: left; width: 380px; margin: 0 30px 0 0;}
.NewList .layer2 .Nr2 ul li img{ display: block; width: 100%; height: 100%; transition: 0.5s; object-fit: cover;}
.NewList .layer2 .Nr2 ul li:hover img{ transform: scale(1.1);}
.NewList .layer2 .Nr2 ul li:last-child{ margin-right: 0;}

.pageMain{ width: 100%; padding: 56px 0 93px 0; text-align: center;}
.pageMain ul{ border: 1px solid #e8ecee; display: inline-block; border-radius:6px ; overflow: hidden;}
.pageMain ul li{ display: inline-block;  border-right:1px solid #e8ecee ; }
.pageMain ul li a{ display: block;padding: 0 15px; height: 38px; line-height: 38px; font-size: 14px; color: #748185; font-weight: normal; font-family: 'tahoma';}
.pageMain ul li:last-child{ border-right:0;}
.pageMain ul li:last-child{ width: 83px;}
.pageMain ul li:first-child{ width: 83px;}
.pageMain ul li a:hover{ background:#fcb711 ;}
.pageMain ul li.on a{ background:#fcb711 ;}

.NewDetails{ width: 100%; padding-top: 35px;}
.NewDetails .bt{ padding-bottom: 50px;}
.NewDetails .bt h2{ width: 100%; font-size: 42px; color: #1e1e1e; line-height: 64px; text-align: center;}
.NewDetails .bt ul{ width: 100%; padding-top: 25px; text-align: center;}
.NewDetails .bt ul li{ font-size: 16px; color: #a2a2a2; display: inline-block; font-family: 'tahoma';}
.NewDetails .Main{ width: 1400px; margin: 0 auto; padding-left: 210px; box-sizing: border-box; position: relative;}
.NewDetails .Main ul.Link{ position: absolute; left: 70px; top: 0; transition: 0.5s; width: 48px;}
.NewDetails .Main ul.Link li{ width: 48px; height: 48px; margin-bottom: 17px;}
.NewDetails .Main .text{ width: 100%;}
.NewDetails .Main .text p{ padding-bottom: 40px; font-family: 'tahoma'; font-size: 18px; color: #5e5e5e; line-height: 36px;}
.NewDetails .Main .text img{ display: block; width: 100%; height: auto; border-radius: 18px; margin-bottom: 0;}
.NewDetails .Main .text h2{ font-size: 14px; font-family: 'tahoma2'; color: #1e1e1e; padding-bottom: 50px; line-height: 24px; padding-top: 5px;}
.NewDetails .Main .text .wp-caption-text{ font-size: 14px; text-align: left; font-family: 'tahoma2'; color: #1e1e1e; padding-bottom: 50px; line-height: 24px; padding-top: 5px;}
.NewDetails .Main .text ul.BottomTips{ width: 100%; overflow: hidden; padding-bottom: 70px;}
.NewDetails .Main .text ul.BottomTips li{ float: left; margin: 0 10px 0 0;}
.NewDetails .Main .text ul.BottomTips li a{ display: block; padding: 0 18px; height: 30px; line-height: 30px; border-radius:15px; font-size: 14px; color: #fff;}

 
.AppTop{ display: none;}
.SideBar{ display: none;}
@media(max-width:1000px ) {
	.w1400{ width: 100%;}
	.herder{ display: none;}
	.nav{ display: none;}
	.sub{ display: none;}
	.AppTop{ box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 11; display: block; width: 100%; height: 80px; background: #fff; position: fixed; top: 0; left: 0;}
	body{ padding-top: 100px;}
	.AppTop .SideClick{ transition: 0.5s; width: 23px; height: 18px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
	.AppTop .SideClick span{ display: block; width: 100%; height: 2px; background: #000; position: absolute;}
	.AppTop .SideClick span:nth-child(1){ left: 0; top: 0;}
	.AppTop .SideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}
	.AppTop .SideClick span:nth-child(3){ bottom: 0; left: 0;}
	.AppTop .SideClick.on{ transform:translateY(-50%) rotate(180deg);}
	.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);}
	
	.AppTop .logo{ padding-left: 15px; height: 80px; line-height: 80px;}
	.AppTop .logo img{ display: inline-block; vertical-align: middle; height: 50%; width: auto;}
	.SideBar{ left: -100%; z-index: 12; background: #fff; display: block; width: 70%; position: fixed; transition: 0.5s;  top: 0; height: 100vh; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.SideBar .logo{ padding: 30px 0;}
	.SideBar .logo img{ display: block; margin: 0 auto; width: 50%; height: auto;}
	.SideBar .nav{ height: auto; background: #fff; display: block; width: 100%; box-sizing: border-box; }
	.SideBar .nav ul{ width: 100%;}
	.SideBar .nav ul li{ width: 100%; height: 60px; line-height: 60px;}
	.SideBar .nav ul li a{ display: block; padding: 0 20px;}
	.SideBar .nav ul li.on:after{ display: none;}
	.SideBar .nav ul li.on a{ background: #fcb711;}
	.indexContainer{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer1{ width: 100%; height: auto; border-radius:10px;}
	.indexContainer .layer1 .swiper-button-next{ display: none;}
	.indexContainer .layer1 .swiper-button-prev{ display: none;}
	.indexContainer .layer1 p{ font-size: 12px; bottom: 25px; line-height: 14px;}
	.indexContainer .layer1 .swiper-pagination{ bottom: 10px;}
	.indexContainer .layer2Box .icon{ width: 100%; height: auto; border-radius:10px ;}
	.indexContainer .layer2Box .icon p{ font-size: 14px; line-height: 18px; width: calc(100% - 200px);}
	.indexContainer .layer2Box .list{ width: 100%; padding: 0;}
	.indexContainer .layer2Box .list ul li{ height: auto; padding: 15px 0; font-size: 14px; line-height: 22px; font-size: 12px;}
	.indexContainer .layer2Box .list ul li a{ position: relative; transform: none;}
	.indexContainer .layer2Box .list ul li a{ font-size: 12px;}
	.indexContainer .layer3 .icon{ width: 100%; height: auto;}
	.indexContainer .layer3 .icon img{ width: 100%; height: auto;}
	.indexContainer .layer3 .icon p{ font-size: 14px; line-height: 22px;}
	.indexContainer .layer3Box .list{ width: 100%; padding: 0; padding-top: 10px;}
	.indexContainer .layer3Box .list ul li{ width: 49%; margin: 0 2% 10px 0; height: auto;}
	.indexContainer .layer3Box .list ul li:nth-child(2n){ margin-right: 0;}
	.indexContainer .layer3Box .list ul li p{ padding: 0 10px; font-size: 12px;}
	.indexContainer .layer4 ul li{ width: 100%; height: auto;}
	.indexContainer .layer4 ul li .icon{ height: auto;}
	.indexContainer .layer4 ul li .text{ font-size: 18px;}
	.indexContainer .layer4 ul li.small{ width: 100%;}
	.indexContainer .layer4 ul li.small .icon{ width: 100%; height: auto;}
	.indexContainer .layer3Box .list2{ width: 100%; padding: 0;}
	.indexContainer .layer3Box .list2 ul li .text p{ font-size: 12px; line-height: 18px;}
	.footerBox .logo{ height: auto; padding: 30px 0;}
	.footerBox .logo img{ display: block; margin: 0 auto;}
	.footerBox .Nr .NrLeft{width: 100%;}
	.footerBox .Nr .NrLeft .NrLeft-1{ width: 100%; padding: 0 15px; margin-bottom: 25px; box-sizing: border-box;}
	.footerBox .Nr .NrLeft ul li{  width: 50%; float: left;}
	.footerBox .Nr .NrLeft .NrLeft-2{ width: 100%; padding: 0 15px; margin-bottom: 25px; box-sizing: border-box;}
	.footerBox .Nr .NrRight{ width: 95%; margin: 0 auto; height: auto; float: inherit; padding: 30px 15px; box-sizing: border-box; background: url(../images/index_82.jpg) center 25px no-repeat;}
	.footerBox .Nr .NrRight .inp{  width: 100%; padding-top: 30px; float: inherit;}
	.footerBox .Nr .NrRight .text h2{ text-align: center;}
	.footerBox .Nr .NrRight .text{ float: inherit;}
	.footerBox .Nr .NrRight .text p{ text-align: center;}
	.footerBox .Nr .NrRight .mc_container{margin-top: 30px;}
	.footerBox{ padding-bottom: 35px;}
	.copyRight{ height: auto; padding:30px 15px; box-sizing: border-box;}
	.copyRight p{ height: auto; line-height: 24px; text-align: center;}
	
	.NewList{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.NewDetails .bt h2{ font-size: 18px; line-height: 28px;}
	.NewDetails .Main{ width: 100%; padding: 0;}
	.NewDetails .Main ul.Link{ position: relative;}
	.NewDetails .Main .text p{ font-size: 14px; line-height: 24px;}
	.NewDetails .Main .text h2{ font-size: 16px; line-height: 24px;}
	.NewDetails .Main .text ul.BottomTips li{ margin-bottom: 15px;}
	.NewDetails .Main .text ul.BottomTips{ padding: 30px 0;}
	.NewDetails .Main ul.Link{ overflow: hidden; left: 0; width: 100%;}
	.NewDetails .Main ul.Link li{ float: left; width: 30px; height: 30px; float: left; margin-right: 15px;}
	.NewDetails .Main ul.Link li img{ display: block; width: 100%; height: 100%;}
	
	.NewList .layer1Top{ width: 100%; height: auto;}
	.NewList .layer1Top .icon{ width: 100%; height: 400px;}
	.NewList .layer1Top .text{ width: 100%; padding:0 15px 20px 15px; box-sizing: border-box;}
	.NewList .layer1Bottom ul li{ width: 100%; margin: 0;}
	
	.NewList .layer2{ width: 100%;}
	.NewList .layer2 .Nr1 .icon{ width: 100%;}
	.NewList .layer2 .Nr1 .text{ width: 100%; padding: 0;}
	.NewList .layer2 .Nr1 .text h2{ font-size: 18px; line-height: 26px;}
	.NewList .layer2 .Nr2 h2{ font-size: 16px; height: auto; line-height: 24px; padding: 15px 0;}
	.NewList .layer2 .Nr2 ul li{ width: 49%; margin: 0 2% 15px 0; height: 150px;}
	.NewList .layer2 .Nr2 ul li:nth-child(2n){ margin-right: 0;}
	.indexContainer .layer2Box .list2{ width: 100%; padding: 15px 0;}
	.indexContainer .layer2Box .list2 ul li{ width: 49%; margin: 0 2% 15px 0; height: auto;}
	.indexContainer .layer2Box .list2 ul li p{ font-size: 14px;}
	.indexContainer .layer4 ul.three li{ width: 100%;}
}