/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input { margin: 0; padding: 0; list-style: none; text-decoration: none; border: 0; list-style: none;    max-width: 100%; }
body { font-size: 12px; font-family: Arial, 'Microsoft YaHei'; color: #333; }
a { color: #666; }
a:hover { color: #f15643; text-decoration: none; }
p { line-height: 1.5em; padding: 5px 0; }
.clear { margin: 0; padding: 0; font-size: 0; clear: both; }
.wapper { width: 1200px; margin: 0 auto; }
input, textarea, select { outline: none }
/*common end*/


.headbg { width: 100%; background: #232323; position: fixed; z-index: 55; top: 0; left: 0; box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.head { height: 90px; }
.head .logo { float: left; width: 60px; height: 90px; position: relative; }
.head .logo img { max-width: 100%; max-height: 80px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto 0; }
/*menu*/
.menu { height: 90px; line-height: 86px; float: right; }
.menu ul li { float: left; padding: 0 20px; position: relative; }
.menu ul li dl { background: #fff; width: 100px; margin-left: -50px; position: absolute; left: 50%; top: 100%; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); display: none; }
.menu ul li dl dd { line-height: 40px; height: 40px; overflow: hidden; }
.menu ul li dl dd a { font-size: 14px; color: #333; font-weight: normal; padding: 0 10px; }
.menu ul li dl dd a:hover { background: #f15643; color: #fff; }
.menu a { font-size: 20px; color: #fff; text-decoration: none; font-weight: bold; display: block; text-align: center; padding: 0 10px; border-bottom: 4px solid transparent; }
.menu a:hover { color: #fff; }
a.menu_hover,.menu ul li.on span a{ color: #fff; border-bottom: 4px solid #f15643; }
/*.menu ul li.menu_down:hover a.menu_hover { color: #fff; border-bottom: 4px solid transparent; }*/
.menu ul li .zpk_down{ width:500px; margin-left:-265px; background:#fff; position:absolute; top:100%; left:50%; display:none;}
.menu ul li:hover .zpk_down{ display:block;}
.menu ul li .zpk_down .box1{ float:left; width:100px;}
.menu ul li .zpk_down .box1 a{ padding:0;}
.menu ul li .zpk_down .box1 .img{ width:100px; height:70px; position:relative;}
.menu ul li .zpk_down .box1 .img img{ max-width:90%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.menu ul li .zpk_down .box1:hover{ background:#f15643;}
@media(max-width:768px) {
.wapper { width: 100%; }
.headbg { display: none; }
}
.head_mbg { width: 100%; background: rgba(0,0,0,.5); position: fixed; z-index: 55; top: 0; left: 0; display: none; }
.head_m { height: 60px; position: relative; box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.head_m .logo { float: left; width: 60%; height: 60px; position: relative; margin-left: 4%; }
.head_m .logo img { max-width: 100%; max-height: 90%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto 0; }
.nav_open { height: 40px; line-height: 40px; text-align: center; position: absolute; z-index: 2; top: 10px; right: 4%; color: #fff; }
.nav_open i { font-size: 20px; vertical-align: middle; }
.navbg { width: 100%; height: 100%; background:#232323; position: fixed; top: 0; left: 0; z-index: 666; display: none; }
.nav { padding: 80px 5% 20px 5%; position: relative; }
.nav_close { height: 40px; line-height: 40px; text-align: center; position: absolute; right: 4%; top: 10px; color: #666; }
.nav_close i { font-size: 20px; vertical-align: middle; }
.nav_list { height: calc(100vh - 100px); overflow-Y: scroll; }
.tree { }
.tree_box { }
.tree_one, .tree_two { display: none; overflow: hidden; }
.tree_box h3 { font-weight: normal; font-size: 20px; height: 49px; line-height: 49px; overflow: hidden; margin: 0; position: relative; border-bottom: 1px solid #eee; }
.tree_box h3 a { color: #fff; position: relative; z-index: 10; }
.tree_box h3 a:hover { color: #f15643; }
.tree_box h3 span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: right; }
.tree_box h3 span i { }
.tree_one h4 { font-weight: normal; font-size: 14px; position: relative; height: 39px; line-height: 39px; overflow: hidden; margin: 0 0 0 5%; border-bottom: 1px solid #eee; }
.tree_box h4 a { color: #666; position: relative; z-index: 10; }
.tree_box h4 a:hover { color: #f15643; }
@media(max-width:768px) {
.head_mbg { display: block; }
}
/**/


/**/
.swiper-container1 .swiper-slide { background:#fcca4e;}
.swiper-container1 .swiper-slide .img { height: 100vh;}
.swiper-container1 .swiper-pagination1 { bottom: 50px; }
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet { width: 80px; height: 3px; border-radius: 0; margin: 0 5px; background: #fff; opacity: 1; }
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #f15643; opacity: 1; }
@media(max-width:768px) {
.swiper-container1 .swiper-slide .img { height: 50vh; }
.swiper-container1 .swiper-pagination1 { bottom: 20px; }
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet { width: 40px; height: 3px; }
}
/**/


.index_add2bg{ background:#fcca4e;}
.index_add2{}
.index_add2 img{ display:block; width:100%;}


.tit1 { text-align: center; }
.tit1 h2 { font-weight: bold; font-size: 36px; line-height:45px; }
.tit1 h3{ font-weight:bold; font-size:24px; line-height:1.5em; margin-top:10px;}
.tit1 h3 img{ max-width:100%;}
.more1 { text-align: center; margin-top: 20px; }
.more1 a { display: inline-block; text-align: center; font-size: 14px; line-height: 1em; color: #2b2a2a; }
.more1 a:hover { }
.con01bg { padding: 50px 0 0 0; background: url(../images/bofangditu.png); /*color: #fff;*/ background: #f5f5f5;}
.con01 { }
.con01 .list { margin-top: 25px; }
.con01 .list ul li { float: left; width: 423px; margin: 0 -35px 0 0; /*transform: skewX(-7deg);*/ position:relative; overflow:hidden;}
.con01 .list ul li:nth-child(3n) { margin-right: 0; }
.con01 .list ul li .img { height: 630px; }
.con01 .list ul li .txt{ width:100%; position:absolute; z-index:1; bottom:50px; left:0;}
.con01 .list ul li .txt h2{ text-align:center; padding:0 75px 0 20px;}
.con01 .list ul li .txt h2 img{ max-width:90%;}
.con01 .list ul li .txt2bg{ width:100%; height:100%; background:url(../images/bg1.png) center no-repeat; background-size:100% 100%; position:absolute; z-index:2; top:0; left:0; display:none;}
.con01 .list ul li:hover .txt2bg{ display:block;}
.con01 .list ul li .txt2{ padding:50% 15% 0 15%; text-align:left; color:#fff;}
.con01 .list ul li .txt2 .h2{ font-weight:bold; font-size:24px; line-height:2em;}
.con01 .list ul li .txt2 .h3{ font-weight:bold; font-size:24px; line-height:2em;}
@media(max-width:768px) {
.tit1 h2 { font-size: 20px; line-height: 1.5em; }
.tit1 h2 span{ font-size:28px !important;}
.con01bg { padding: 50px 8% 0 8%; }
.con01 .list { margin-top: 0; }
.con01 .list ul li { float: left; width: calc((100% - 20px)/3); margin: 50px 10px 0 0; }
.con01 .list ul li .img { height: auto; padding-bottom: 139%; }
}
/**/
.con02bg { padding: 70px 0 70px 0; }
.con02 { }
.con02 .tit1 { float: left; margin-top: 370px; }
.con02 .rt { float: right; width: 760px; }
.swiper-container2 { padding: 120px 0 120px 0; }
.swiper-container2 .swiper-slide { position: relative; transform: scale(1); z-index: 1; transition: all .4s ease; }
.swiper-container2 .swiper-slide.swiper-slide-active, .swiper-container2 .swiper-slide.swiper-slide-duplicate-active { transform: scale(1.4803); z-index: 2; transition: all .4s ease; }
.swiper-container2 .swiper-slide .box1 { position: relative; }
.swiper-container2 .swiper-slide .img { padding-bottom: 180%; border-radius: 10px; box-shadow:0 0 2px rgba(0,0,0,.2); position:relative;}
.swiper-container2 .swiper-slide .img video{ position:absolute; top:0; left:0; display:block; width:100%; height:100%; border-radius:10px; object-fit: cover;}
.swiper-container2 .swiper-slide .txt1bg { width: 100%; position: absolute; bottom: 26px; left: 0; }
.swiper-container2 .swiper-slide .txt1 { padding: 0 65px 0 15px; color: #fff; }
.swiper-container2 .swiper-slide .txt1 h2 { font-weight: bold; font-size: 16px; line-height: 1em; height: 1em; overflow: hidden; text-shadow:2px 2px 2px rgba(0,0,0,.5);}
.swiper-container2 .swiper-slide .txt1 h3 { font-weight: normal; font-size: 12px; line-height: 1em; height: 1em; overflow: hidden; margin-top: 10px; text-shadow:2px 2px 2px rgba(0,0,0,.5);}
.swiper-container2 .swiper-slide .txt2bg { position: absolute; bottom: 26px; right: 15px; }
.swiper-container2 .swiper-slide .txt2 { }
.swiper-container2 .swiper-slide .txt2 dl dd { margin-top: 10px; text-align: center; }
.swiper-container2 .swiper-slide .txt2 dl dd .icon { width: 22px; margin: 0 auto; height: 22px; position: relative; }
.swiper-container2 .swiper-slide .txt2 dl dd .icon img { max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; }
.swiper-container2 .swiper-slide .txt2 dl dd h2 { font-weight: normal; font-size: 12px; line-height: 12px; height: 12px; overflow: hidden; color: #fff; text-shadow:2px 2px 2px rgba(0,0,0,.5);}
.swiper-container2 .swiper-button-prev2, .swiper-container2 .swiper-button-next2 { width: 100px; height: 100px; margin-top: -50px; }
.swiper-container2 .swiper-button-prev2 { background: url(../images/btn_lt1.png) center no-repeat; left: 0; }
.swiper-container2 .swiper-button-next2 { background: url(../images/btn_rt1.png) center no-repeat; right: 0; }
@media(max-width:768px) {
.con02bg { padding: 35px 4% 35px 4%; }
.con02 .tit1 { float: none; margin-top: 0; }
.con02 .rt { float: none; width: 100%; margin-top: 35px; }
.swiper-container2 { padding: 0; }
.swiper-container2 .swiper-slide.swiper-slide-active, .swiper-container2 .swiper-slide.swiper-slide-duplicate-active { transform: scale(1); }
}
/**/
.con03bg { }
.con03 { }
.con03 ul li { float: left; width: 50%; position: relative; overflow: hidden; text-align: center; }
.con03 ul li .img { padding-bottom: 62.5%; transition: all .3s ease; }
.con03 ul li:hover .img { transform: scale(1.1); transition: all .3s ease; }
.con03 ul li .txtbg { width: 100%; height: 100%; background:rgba(0,0,0,.5); position: absolute; top: 0; left: 0; }
.con03 ul li .txtbg table, .con03 ul li .txtbg table td { height: 100%; padding: 0 2%; }
.con03 ul li .txt { color: #fff; }
.con03 ul li .txt h2 { font-weight: bold; font-size: 36px; line-height: 1em; }
.con03 ul li .txt h3 { font-weight: bold; font-size: 36px; line-height: 1em; height: 1em; overflow: hidden; margin-top: 20px; }
.con03 ul li .txt h4 { font-weight: normal; font-size: 21px; line-height: 1em; height: 1em; overflow: hidden; margin-top: 10px; }
@media(max-width:768px) {
.con03 ul li { float: none; width: 100%; }
}
/**/
.con04bg { padding: 60px 0 60px 0; background: #f5f5f5; color: #fff; }
.con04 { }
.con04 .list { margin-top: 40px; }
.con04 .list img { display: block; width: 100%; }
.more_hzqy{ display:none;}
.more_hzqy img{ margin-top:20px;}
.hzqy_btn{ margin-top:20px;}
.hzqy_btn img{ width:auto !important; margin:0 auto; transition:all .3s ease; cursor:pointer; }
.hzqy_btn.active img{ transform:rotate(180deg); transition:all .3s ease;}
@media(max-width:768px) {
.con04bg { padding: 30px 4% 30px 4%; }
.con04 .list { margin-top: 20px; }
}
/**/
.con05bg { padding: 20px 0 20px 0; }
.con05 { }
.con05 .tit1 { float: left; text-align: left; margin-top: 164px; }
.con05 .tit1 .more1 { text-align: left; }
.con05 .tit1 .more1 a { color: #333; text-align: left; }
.con05 .rt { float: right; width: 680px; }
.con05 .rt ul li { position: relative; overflow: hidden; }
.con05 .rt ul li .img { height: 400px; transition: all .3s ease; }
.con05 .rt ul li:hover .img { transform: scale(1.1); transition: all .3s ease; }
.con05 .rt ul li .txtbg { width: 100%; background: rgba(0,0,0,.5); position: absolute; bottom: 0; left: 0; }
.con05 .rt ul li .txt { padding: 15px 20px 15px 20px; color: #fff; }
.con05 .rt ul li .txt h2 { font-weight: bold; font-size: 16px; line-height: 1em; }
.con05 .rt ul li .txt h3 { font-weight: bold; font-size: 16px; line-height: 1em; height: 1em; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.con05 .rt ul li .txt h4 { font-weight: normal; font-size: 14px; line-height: 1em; height: 1em; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
@media(max-width:768px) {
.con05bg { padding: 20px 4% 20px 4%; }
.con05 .tit1 { float: none; text-align: center; margin-top: 0; }
.con05 .tit1 .more1 { text-align: center; }
.con05 .tit1 .more1 a { text-align: center; }
.con05 .rt { float: none; width: 100%; margin-top: 20px; }
.con05 .rt ul li .img { height: auto; padding-bottom: 59%; }
}
/**/
.foot { }
.foot1bg { background: #333333; padding: 40px 0 20px 0; }
.foot1 { color: #cfcfcf; }
.foot1 a { color: #cfcfcf; }
.foot1 .lt { width: 334px; font-size: 14px; line-height: 2em; }
.foot1 .lt ul li { margin-bottom: 5px; }
.foot1 .lt ul li .bt { float: left; width: 84px; text-align:right;}
.foot1 .lt ul li .nr { float: left; width: 250px; }
.foot1 .lt ul li .nr i { display: inline-block; width: 25px; height: 25px; text-align: center; margin-right: 5px; }
.foot1 .lt ul li .nr i img { max-width: 25px; max-height: 25px; vertical-align: middle; }
.foot1 .lt ul li .nr>img { width: 50px; vertical-align: text-top; }
.foot1 .ct { width: 646px; text-align:center;}
.foot1 .ct .f_logo { }
.foot1 .ct .f_logo img { max-width: 130px; }
.foot1 .rt { width: 220px; font-size: 12px; line-height: 2em; }
.foot1 .rt .search{ height:30px; background:url(../images/searchbg.png) center no-repeat;}
.foot1 .rt .search .button1{ float:left; width:46px; height:30px; cursor:pointer;}
.foot1 .rt .search .text1{ border:none; background:none; float:right; width:173px; height:30px; line-height:30px;}
.foot1 .rt .ewm{ margin-top:20px;}
.foot1 .rt .ewm dl dd{ float:right; width:99px; margin:0 10px 0 0;}
.foot1 .rt .ewm dl dd img{ width:99px;}

.foot1 input:-ms-input-placeholder,
.foot1 textarea:-ms-input-placeholder {
    color: #fff;
}

.foot1 input::-webkit-input-placeholder,
.foot1 textarea::-webkit-input-placeholder {
    color: #fff;
}
/*.foot1 .rt ul li { text-align: right; }
.foot1 .rt ul li h2 { font-weight: normal; font-size: 12px; line-height: 2em; color: #fff; }
.foot1 .rt ul li .img img { max-width: 100%; }*/
.foot2bg { background: #232323; padding: 20px 0; }
.foot2 { font-size: 14px; line-height: 1.5em; text-align: center; color: #6c7073; }
.foot2 a { color: #6c7073; }
.foot2 dl dt { }
.foot2 dl dt a { color: #cfcfcf; margin: 0 5px; }
.foot2 dl dd { }
.foot_m{ display:none;}
@media(max-width:768px) {
.foot1bg { padding: 40px 1% 20px 1%; background:#232323;}
.foot2bg { padding: 20px 4%; border-top:1px solid #333333;}
.foot1 .lt { display: block; width: 100%; margin-top: 20px;}
.foot1 .lt ul li { margin-bottom: 5px; }
.foot1 .lt ul li .bt { float: left; width: 84px;}
.foot1 .lt ul li .nr { float: left; width: 250px; }
.foot1 .lt ul li .nr i { display: inline-block; width: 25px; height: 25px; text-align: center; margin-right: 5px; }
.foot1 .lt ul li .nr i img { max-width: 25px; max-height: 25px; vertical-align: middle; }
.foot1 .lt ul li .nr>img { width: 50px; vertical-align: text-top; }
.foot1 .ct { display: block; width: 100%; padding: 0; }
.foot1 .ct .f_logo img{ max-width:30%;}
.foot1 .rt { display: block; width: 100%; margin-top: 20px; }
.foot1 .rt .search{ display:none;}
.foot1 .rt .ewm{ text-align:center;}
.foot1 .rt .ewm dl dd{ float:none; display:inline-block;}
/*.foot1 .rt ul li { text-align: left; }*/
.foot_pc{ display:none;}
.foot_m{ display:block;}
}
/**/
.index_add1bg{ background:#f5f5f5; padding:60px 0 60px 0;}
.index_add1{}
.index_add1 .list{ text-align:center; margin-top:40px;}
.index_add1 .list img{ max-width:100%; margin:0 auto;}
.IPewm_box{ display:none;}
.IPewm_close{ width:100%; height:100%; background:rgba(0,0,0,.5); position:fixed; z-index:66; top:0; left:0;}
.IPewmbg{ /*width:300px; height:330px;*/ background:#fff; margin:-165px 0 0 -150px; position:fixed; z-index:67; top:40%; left:25%;}
.IPewm{}
.IPewm .img{}
.IPewm .img img{ display:block; /*width:280px; height:280px;*/}
.IPewm h3{ font-weight:normal; font-size:14px; line-height:30px; text-align:center;}



/*Add------------------------------------------------------------------------------*/

.inbanner { height: 1000px; }
.in_navbg { background: #f5f5f5; }
.in_nav { text-align: center; }
.in_nav ul li { display: inline-block; height: 60px; line-height: 60px }
.in_nav ul li a { display: block; font-weight: bold; font-size: 20px; padding: 0 40px; color: #232323; }
.in_nav ul li.on a { background: #f15643; color: #fff; }
@media(max-width:768px) {
.inbanner { height: 300px; }
.in_navbg { padding: 0 4%; }
.in_nav { text-align: left; overflow-X: scroll; }
.in_nav ul { width: 1200px; }
.in_nav ul li { display: inline-block; height: 30px; line-height: 30px }
.in_nav ul li a { font-size: 20px; padding: 0 20px; }
}
/**/
.picList2bg { padding: 50px 0 50px 0;background: #000; }
.picList2 { }
.picList2 ul{ width:90%; margin:0 auto;}
.picList2 ul li { float: left; width: calc((100% - 60px)/4);position: relative;}
.picList2 ul li:nth-child(4n) { margin-right: 0; }
.picList2 ul li .box1 { position: relative; }
.picList2 ul li .img { padding-bottom: 177.87%; border-radius: 10px; box-shadow:0 0 2px rgba(0,0,0,.2);margin: 0 20px 20px 0;}
.picList2 ul li .txt1bg { width: 100%; position: absolute; bottom: 36px; left: 0; }
.picList2 ul li .txt1 { padding: 0 72px 0 20px; color: #fff; }
.picList2 ul li .txt1 h2 { font-weight: bold; font-size: 20px; line-height: 1em; height: 1em; overflow: hidden; text-shadow:2px 2px 2px rgba(0,0,0,.5);}
.picList2 ul li .txt1 h3 { font-weight: normal; font-size: 14px; line-height: 1em; height: 1em; overflow: hidden; margin-top: 10px; text-shadow:2px 2px 2px rgba(0,0,0,.5);}
.picList2 ul li .txt2bg { position: absolute; bottom: 36px; right: 20px; }
.picList2 ul li .txt2 { }
.picList2 ul li .txt2 dl dd { margin-top: 10px; text-align: center; }
.picList2 ul li .txt2 dl dd .icon { width: 32px; margin: 0 auto; height: 32px; position: relative; }
.picList2 ul li .txt2 dl dd .icon img { max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; }
.picList2 ul li .txt2 dl dd h2 { font-weight: normal; font-size: 12px; line-height: 12px; height: 14px; overflow: hidden; color: #fff; text-shadow:2px 2px 2px rgba(0,0,0,.5);}
@media(max-width:768px) {
.picList2bg { padding: 30px 4% 50px 4%; }
.picList2 ul li { float: none; width: 100%; margin: 0 0 20px 0; }
}
/**/
.page_btn { height: 36px; margin-top: 30px; position:relative;}
.page_btn a { }
.page_btn a img { width: 20px; height: 36px; line-height:36px;}
.page_btn .page_span{ text-align:center; height: 36px; line-height:36px; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.page_btn .page_span span{ display:inline-block; width:8px; height:8px; background:#f5f5f5; border-radius:100%; margin:0 5px;}
.page_btn .page_span span.on{ background:#f15643;}
.page_btn .prev { float: left; }
.page_btn .next { float: right; }
/**/
.picList1bg { padding: 50px 0 50px 0; }
.picList1 { }
.picList1 ul li { float: left; width: calc((100% - 30px)/3); margin: 0 15px 15px 0; text-align: center; }
.picList1 ul li:nth-child(3n) { margin-right: 0; }
.picList1 ul li .box1 { position: relative; }
.picList1 ul li .img { padding-bottom: 74%; border-radius: 10px; }
.picList1 ul li .txt1 { color: #333; }
.picList1 ul li:hover .txt1 { color: #f15643; }
.picList1 ul li .txt1 h2 { font-weight: normal; font-size: 18px; line-height: 1em; height: 1em; overflow: hidden; margin-top: 7px; }
.picList1 .page_btn { margin-top: 35px; }
@media(max-width:768px) {
.picList1bg { padding: 30px 4% 50px 4%; }
.picList1 ul li { float: none; width: 100%; margin: 0 0 15px 0; }
}
/**/
.newsbg { padding: 130px 0 50px 0; }
.news { }
.news ul li { border: 1px solid #f2f2f2; position: relative; padding: 0 223px 0 150px; min-height: 150px; margin-bottom: 20px; }
.news ul li .date { width: 70px; height: 110px; padding: 20px 40px; background: #f0f0f0; position: absolute; top: 0; left: 0; }
.news ul li .date h2 { font-weight: bold; font-size: 60px; line-height: 60px; }
.news ul li .date h3 { font-weight: normal; font-size: 20px; line-height: 20px; color: #6c7073; margin-top: 10px; }
.news ul li .date h3 span { display: block; }
.news ul li .txt { padding: 0 40px; }
.news ul li .txt h2 { font-weight: bold; font-size: 18px; line-height: 1em; height: 1em; margin-top: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.news ul li .txt h2 a { color: #333; }
.news ul li:hover .txt h2 a{ color:#f15643;}
.news ul li .txt h3 { font-weight: normal; font-size: 14px; line-height: 1.5em; height: 3em; overflow: hidden; color: #6c7073; margin-top: 10px; }
.news ul li .img { width: 223px; position: absolute; top: 0; right: 0; overflow:hidden;}
.news ul li .img .imgbg { height: 150px; transition:all .3s ease;}
.news ul li:hover .img .imgbg{ transform:scale(1.1); transition:all .3s ease;}
.news ul li .djck{ position:absolute; top:55px; right:30px;}
.news ul li .djck a{display: inline-block;
    text-align: center;
    width: 150px;
    height: 40px;
    line-height: 40px;
    background: #f15643;
    color: #fff;
    font-size: 16px;
    border-radius: 50px; opacity:.8;}
.news ul li .djck a:hover{ opacity:1;}
@media(max-width:768px) {
.newsbg { padding: 30px 4% 50px 4%; }
.news ul li { border: 1px solid #f2f2f2; position: relative; padding: 0 0 0 100px; min-height: 100px; margin-bottom: 20px; }
.news ul li .date { width: 60px; height: 70px; padding: 15px 20px; background: #f0f0f0; position: absolute; top: 0; left: 0; }
.news ul li .date h2 { font-weight: bold; font-size: 30px; line-height: 30px; }
.news ul li .date h3 { font-weight: normal; font-size: 15px; line-height: 15px; margin-top: 10px; }
.news ul li .txt { padding: 0 10px; }
.news ul li .txt h2 { font-size: 14px; line-height: 1em; height: 1em; margin-top: 15px; }
.news ul li .txt h3 { font-size: 12px; line-height: 1.5em; height: 3em; }
.news ul li .img { display: none; }
}
/**/

.insidebg { padding: 50px 0;     background: #000;}
.inside { }
@media(max-width:768px) {
.insidebg { padding: 30px 4% 50px 4%; }
}
/**/



.tit2 { text-align: center; }
.tit2 h2 { font-weight: bold; font-size: 24px; line-height: 1em; }
.tit2 h3 { font-weight: normal; font-size: 14px; line-height: 1.5em; margin-top: 15px; }
/**/
.aboutus1bg { background: #ffffff; color: #4e4b4b; padding: 30px 0 30px 0; }
.aboutus1 { }
.aboutus1 .tit2 h3 { color: #fff; }
.aboutus1 .list { margin-top: 30px; }
.aboutus1 .list .lt{ float:left; width:470px; font-size:14px; line-height:1.5em;}
.aboutus1 .list .rt{ float:right; width:700px;}
/*.aboutus1 .list ul li { float: left; width: 50%; }
.aboutus1 .list ul li .img { padding-bottom: 60%; }*/
.aboutus2bg { background: #f5f5f5; padding: 50px 0 30px 0; }
.aboutus2 { }
.aboutus2 .list { margin-top: 25px; position:relative;}
.aboutus2 .list:before{ content:""; background:#cfcfcf; width:2px; height:100%; margin-left:-1px; position:absolute; left:50%; top:0;}
.swiper-container4 { overflow:visible;}
.swiper-container4 .swiper-slide { padding:30px 0; position:relative; text-align:center;}
.swiper-container4 .swiper-slide .bg{ width:22px; height:22px; border-radius:100%; background:#999; margin:0 auto;}
.swiper-container4 .swiper-slide:hover .bg{ background:#f15643;}
.swiper-container4 .swiper-slide .txt{ color:#333;}
.swiper-container4 .swiper-slide:hover .txt{ color:#f15643;}
.swiper-container4 .swiper-slide .txt h2{ font-weight:bold; font-size:14px; line-height:20px;}
.swiper-container4 .swiper-slide .txt h3{ font-weight:normal; font-size:12px; line-height:20px; position:relative;}
.swiper-container4 .swiper-slide .txt h3 .img1{ width:100%; position:absolute; z-index:2; top:101%; left:0; display:none;}
.swiper-container4 .swiper-slide .txt h3:hover .img1{ display:block;}
.swiper-container4 .swiper-slide .txt h3 .img1 img{ display:inline-block; max-width:100%; }
.swiper-container4 .swiper-slide .box1 .txt{ width:40%; position:absolute; top:30px; left:5%; text-align:right;}
.swiper-container4 .swiper-slide .box2 .txt,.swiper-container4 .swiper-slide:nth-child(2n) .box1 .txt{ position:absolute; left:auto; right:5%; text-align:left;}
.swiper-container4 .swiper-pagination4{ bottom:0px; display:none;}
.swiper-container4 .swiper-pagination4 .swiper-pagination-bullet{ width:30px; height:3px; border-radius:0; background:#fff; opacity:.5;}
.swiper-container4 .swiper-pagination4 .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #f15643; opacity: 1; }
.aboutus3bg { background: #f5f5f5; padding: 30px 0 30px 0; }
.aboutus3 { }
.aboutus3 .list { margin-top: 30px; font-size: 14px; line-height: 2em; text-align: center; }
.aboutus3 .list dl dt { font-weight: bold; }
.aboutus3 .list dl dd { position:relative;}
.aboutus3 .list dl dd:hover{ color:#f15643;}
.aboutus3 .list dl dd .img{ width:100%; text-align:center; position:absolute; z-index:2; top:100%; left:0; display:none;}
/*.aboutus3 .list dl dd:hover .img{ display:block;}*/
.aboutus3 .list dl dd .img img{ max-width:50%;}
.aboutus3 .list a { color: #333; }
.aboutus4bg {/* background: #f0f0f0;*/ padding: 30px 0 30px 0; }
.aboutus4 { }
.aboutus4 .list { margin-top: 30px; }
.aboutus4 .list .lt { float: left; width: 700px; }
.aboutus4 .list .lt img { display: block; width: 100%; }
.aboutus4 .list .rt { float: right; width: 440px; }
.aboutus4 .list .rt .box1 { }
.aboutus4 .list .rt .box1 .img { float: left; width: 160px; height: 160px; border-radius: 100%; }
.aboutus4 .list .rt .box1 .txt { float: right; width: 250px; }
.aboutus4 .list .rt .box1 .txt h2 { font-weight: bold; font-size: 14px; line-height: 2em; margin-top: 20px; }
.aboutus4 .list .rt .box1 .txt h3 { font-weight: normal; font-size: 14px; line-height: 2em; }
.aboutus4 .list .rt .box2 { font-size: 14px; line-height: 2em; margin-top: 25px; }
.aboutus5bg { padding: 50px 0 20px 0; }
.aboutus5 { }
.aboutus5 .more1 a { color: #333; }
.aboutus5 .list1 { margin-top: 30px; }
.aboutus5 .list1 ul li { }
.aboutus5 .list1 ul li h3 { font-weight: bold; font-size: 14px; line-height: 51px; border-bottom: 1px solid #dcdcdc; position: relative; padding: 0 25px 0 0; }
.aboutus5 .list1 ul li h3 i { width: 15px; height: 51px; background: url(../images/down1.png) right center no-repeat; position: absolute; top: 0; right: 0; }
.aboutus5 .list1 ul li .job_down { font-size: 14px; line-height: 1.8em; padding-top: 5px; display: none; }
.aboutus5 .list1 ul li.active h3{ color:#dd604c;}
.aboutus5 .list2 { text-align: center; margin-top: 20px; }
.aboutus5 .list2 .img { }
.aboutus5 .list2 .img img { display: block; width: 90px; margin: 0 auto; }
.aboutus5 .list2 h2 { font-weight: bold; font-size: 14px; line-height: 1em; margin-top: 5px; }
.aboutus6bg { background: #f5f5f5; padding: 30px 0 0 0; }
.aboutus6 { }
.aboutus6 .list1 { margin-top: 30px; float:left; width:800px;}
.aboutus6 .list1 ul li { float: left; width: 180px; padding: 0 10px; text-align: center; }
.aboutus6 .list1 ul li .img { height: 100px; position: relative; }
.aboutus6 .list1 ul li .img img { max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; }
.aboutus6 .list1 ul li:hover .img1 { display: none; }
.aboutus6 .list1 ul li .img2 { display: none; }
.aboutus6 .list1 ul li:hover .img2 { display: block; }
.aboutus6 .list1 ul li h2 { font-weight: normal; font-size: 14px; line-height: 1.8em; margin-top: 15px; }
.aboutus6 .list2 { margin-top: -30px; float:right; width:400px;}
/**/
.aboutus7bg { background: #414344; display:none;}
.aboutus7 { }
.swiper-container3 { }
.swiper-container3 .swiper-slide { }
.swiper-container3 .swiper-slide img { display: block; width: 100%; }
.swiper-container3 .swiper-pagination3 { }
.swiper-container3 .swiper-pagination3 .swiper-pagination-bullet { border-radius: 0; width: 40px; height: 3px; background: #fff; opacity: 1; }
.swiper-container3 .swiper-pagination3 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #f15643; opacity: 1; }
/**/
.aboutus8bg { background: url(../images/xqbg.png) center no-repeat;color: #fff; padding: 63px 0; }
.aboutus8 {}
.aboutus8 .list { width: 640px; margin: 0 auto; margin-top: 25px; }
.aboutus8 .list table td { width: 300px; padding: 15px 10px; }
.aboutus8 .list .text1 { border: none; width: 280px; height: 40px; line-height: 40px; padding: 0 10px; background: #fff; border-radius: 3px; }
.aboutus8 .list .text2 { border: none; width: 600px; height: 50px; line-height: 25px; padding: 0 10px; background: #fff; border-radius: 3px; }
.more2 { text-align: center; }
.more2 a { display: inline-block; text-align: center; width: 200px; height: 40px; line-height: 40px; background: #f15643; color: #fff; font-size: 16px; border-radius: 50px; }
.more2 a:hover { }
@media(max-width:768px) {
.aboutus1bg { padding: 30px 4% 0 4%; }
.aboutus1 .list .lt{ float: none; width: 100%;}
.aboutus1 .list .rt{ float: none; width: 100%; margin-top:15px;}
.aboutus1 .list ul li { float: none; width: 100%; }
.aboutus2bg { padding: 50px 4% 30px 4%; }
.aboutus3bg { padding: 30px 4% 30px 4%; }
.aboutus4bg { padding: 30px 4% 30px 4%; }
.aboutus4 .list .lt { float: none; width: 100%; }
.aboutus4 .list .rt { float: none; width: 100%; margin-top: 30px; }
.aboutus4 .list .rt .box1 .img { width: 30%; height: auto; padding-bottom: 30%; }
.aboutus4 .list .rt .box1 .txt { float: right; width: 66%; }
.aboutus4 .list .rt .box1 .txt h2 { margin-top: 10px; }
.aboutus5bg { padding: 50px 4% 20px 4%; }
.aboutus6bg { padding: 30px 4% 0 4%; }
.aboutus6 { }
.aboutus6 .list1 { margin-top: 0; float:none; width:100%;}
.aboutus6 .list1 ul li { float: left; width: 50%; padding: 0; margin-top: 30px; }
.aboutus6 .list1 ul li h2 { font-size: 14px; line-height: 1.5em; height: 4.5em; overflow: hidden; }
.aboutus6 .list2 { margin-top: 30px; float:none; width:100%;}
.aboutus8bg { padding: 35px 4%; }
.aboutus8 { }
.aboutus8 .list { width: 100%; }
.aboutus8 .list table td { display: block; width: 100%; padding: 15px 0; }
.aboutus8 .list .text1 { border: none; width: 92%; height: 40px; line-height: 40px; padding: 0 4%; }
.aboutus8 .list .text2 { border: none; width: 92%; height: 50px; line-height: 25px; padding: 0 4%; }
}


/**/
/**/
.picList3bg { padding: 50px 0 50px 0;background: #000; }
.picList3 { }
.picList3 ul li { float: left; width: calc((100% - 30px)/3); margin: 0 15px 15px 0; text-align: center; }
.picList3 ul li:nth-child(3n) { margin-right: 0; }
.picList3 ul li .box1 { position: relative; }
.picList3 ul li .imgbg{ overflow:hidden; border-radius: 10px;}
.picList3 ul li .img { padding-bottom: 74%; border-radius: 10px; transition:all .3s ease;}
.picList3 ul li:hover .img{ transform:scale(1.2); transition:all .3s ease;}
.picList3 ul li .txt1 { color: #333; }
.picList3 ul li:hover .txt1 { color: #f15643; }
.picList3 ul li .txt1 h2 { font-weight: normal; font-size: 18px; line-height: 1em; height: 1em; overflow: hidden; margin-top: 7px; color: #fff;}
.picList3 .page_btn { margin-top: 35px; }
@media(max-width:768px) {
.picList3bg { padding: 30px 4% 50px 4%; }
.picList3 ul li { float: none; width: 100%; margin: 0 0 15px 0; }
}

/**/
.csrbg{ width:100%; height:100%; background:rgba(0,0,0,.5); position:fixed; z-index:999; top:0; left:0; display:none;}
.csr{ width:1200px; background:#fff; margin:0 auto; margin-top:10%; position:relative;}
.csr_close{ width:20px; height:20px; line-height:20px; text-align:center; font-size:20px; position:absolute; top:0; right:0; cursor:pointer; color:#eee; background:rgba(0,0,0,.5);}
.csr_close:hover{ color:#fff;}
.csr_con{ padding:20px 20px; height:500px; overflow-Y:scroll;}









/**/
.case{}
.case ul li{ padding-top:90px;}
.case ul li .wapper{height:calc(100vh - 90px);}
.case ul li .txt{ width:42.5%;}
.case ul li .txt h2{ font-weight:normal; font-size:30px; line-height:1em; margin-top:25px;color: #fff;text-transform: uppercase;}
.case ul li .txt h2 span{ display:block; font-size:46px; line-height:1em; margin-top:20px;color: #fff;}
.case ul li .txt h3{ font-weight:bold; font-size:36px; line-height:1em; margin-top:35%;}
.case ul li .txt h4{ font-weight:normal; font-size:30px; line-height:1.5em; margin-top:20px;}
.more3{ margin-top:30px;}
.more3 a{ display:inline-block; text-align:center; padding:0 40px; height:60px; line-height:60px; border:2px solid #fff; color:#fff; border-radius:5px; font-size:30px; font-weight:bold;}
.more3 a:hover{ box-shadow:0px 0px 10px rgba(241,86,67,.3); background:#f15643; border-color:#f15643;}
.case ul li .img{ width:57.5%; height:100%; position:relative;}
.case ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.case ul li:nth-child(2n-1) .txt{ float:left;}
.case ul li:nth-child(2n-1) .img{ float:right;}
.case ul li:nth-child(2n) .txt{ float:right; color:#fff; text-align:right;}
.case ul li:nth-child(2n) .img{ float:left;}
.case ul li:nth-child(2n) .more3 a{ border:2px solid #fff; color:#fff;}
.case ul li:nth-child(2n) .more3 a:hover{ box-shadow:0px 0px 10px rgba(255,255,255,.3);}
@media(max-width:768px) {
.case ul li{ padding:60px 5% 0 5%;}
.case ul li .wapper{height:calc(100vh - 60px);}
.case ul li .txt{ width:100%; text-align:center;}
.case ul li .txt h2{ font-size:18px; line-height:1em; margin-top:13px;}
.case ul li .txt h2 span{ font-size:40px; line-height:1em; margin-top:10px;}
.case ul li .txt h3{ font-size:25px; line-height:1em; margin-top:18%;}
.case ul li .txt h4{ font-size:18px; line-height:1.5em; margin-top:10px;}
.more3{ margin-top:15px;}
.more3 a{ padding:0 30px; height:40px; line-height:40px; border:1px solid #f15643; font-size:20px; }
.case ul li .img{ width:100%; height:auto; text-align:center; margin-top:9%}
.case ul li .img img{ max-width:80%; position:static;}
.case ul li:nth-child(2n-1) .txt{ float:none;}
.case ul li:nth-child(2n-1) .img{ float:none;}
.case ul li:nth-child(2n) .txt{ float:none; text-align:center;}
.case ul li:nth-child(2n) .img{ float:none;}
}
/**/
.shop{}
.shop ul li{ padding-top:90px;}
.shop ul li .wapper{height:calc(100vh - 90px); position:relative;}
.shop ul li .img{ text-align:center; width:100%; position:absolute; left:0; bottom:80%;}
.shop ul li .img img{ max-width:100%; transition:all .3s ease;}
.shop ul li:hover .img img{ transform:scale(1.1);}
.shop ul li:nth-child(1) .img{ bottom:74%;}
.shop ul li:nth-child(2) .img{ bottom:80%;width: 140%;}
@media(max-width:768px) {
.shop{ margin-top:60px;}
.shop ul li{ padding:0 5% 0 5%;}
.shop ul li .wapper{height:29vh;}
.shop ul li .img{ width:50%; bottom:auto; left:25%; top:10%;}
.shop ul li .img img{ max-width:100%; }
.shop ul li:nth-child(1) .img{ bottom:auto; left:25%; top:15%;}
.shop ul li:nth-child(2) .img{ bottom:auto; left:auto; width:50%; right:10%; top:5%;}
}