@charset "UTF-8";

/* public */
pre{white-space: pre-wrap;font-family: "Microsoft YaHei", Arial, sans-serif;!important;word-wrap: break-word; }
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0; outline: none;}
img{border:0;}
ul,dl,li,dt,dd{list-style:none;}
body{font-size: 14px;   overflow-x:hidden; font-family: "Microsoft YaHei", Arial, sans-serif; color: #000;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-overflow-scrolling : touch ; background:url(../images/bgbg.jpg) no-repeat center; background-attachment: fixed;    background-size: cover}
a{font-size:14px;text-decoration:none;  color: #333; transition: all .45s; z-index: 99999;}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none;font-family: "Microsoft YaHei", Arial, sans-serif!important; line-height: normal;border:none;background: none;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
table{max-width:100%;overflow:hidden;}
.u_hidden{display: none;}
.fl{float:left;}
.fr{float:right;}
.z-container {width:85%;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width:79%;height:auto;clear: both;margin: 0 auto;}
.z-container3 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}

/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
.clear{ clear: both;}
*:before,
*:after {
  z-index: -1;
}
@font-face {
font-family: "SourceHanSansCN-Regular";
  src: url("https://ac57.oss-cn-chengdu.aliyuncs.com/font/siyuan/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("https://ac57.oss-cn-chengdu.aliyuncs.com/font/siyuan/SourceHanSansCN-Regular.woff") format("woff"),
       url("https://ac57.oss-cn-chengdu.aliyuncs.com/font/siyuan/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("https://ac57.oss-cn-chengdu.aliyuncs.com/font/siyuan/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("https://ac57.oss-cn-chengdu.aliyuncs.com/font/siyuan/SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'num';  /* project id 574899 */
  src: url("../fonts/twcenmt.ttf");

}
@font-face {
  font-family: 'num2';  /* project id 574899 */
  src: url("../fonts/CENTURY GOTHIC_0.TTF");

}

/*内容*/
body.fixed .z_header{transform:translateY(-100%);visibility:hidden;}
.z_header{ height: 86px; padding: 0 5vw;    transition: ease .65s; box-sizing: border-box;  width: 100%; background: #fff; position: fixed; left: 0; top: 0; z-index: 5;}
.z_header .logo{ height: 68px; display: block; margin-top: 9px;}
.z_header .logo img{ height: 100%;}
.z_header a{ display:block; float: left; font-size: 16px;}

.mobile_btn{cursor:pointer; width: 50px; display: none; height: 50px; position: absolute; right: 0; top: 0; z-index: 4; box-sizing: border-box;  padding: 18px 14px;  }
.mobile_btn.on .line1{transform:translateY(6px) rotate(45deg);}
.mobile_btn.on .line2{width:0;}
.mobile_btn.on .line3{transform:translateY(-6px) rotate(-45deg);}
.mobile_btn span{display:block; width:22px; height:1px; background:#666666; transition:all .45s;}
.mobile_btn .line2{margin:5px 0; width:16px; }
.header_fr{ float: right;}
.header_nav{ float:left; margin-top: 28px; }
.header_nav li{ display: inline-block; line-height: 30px; height: 30px; margin-left: 2.5vw; position: relative;}
.header_nav li:before{ content: ""; display: block; width: 0%; transition: ease .5s;  height: 2px; background: #a71d7d; position: absolute; left: 50%; bottom: 0;}
.header_nav li:hover:before,.header_nav li.active:before{ width: 100%; left: 0; }
.header_nav li:hover a,.header_nav li.active a{color:#a71d7d;}
.header_bar{ float: right; margin-left: 2vw; margin-top: 30px;}
.header_bar a{ margin-left: 10px; font-weight: normal; display: inline-block; position: relative;}
.header_bar em{ display: block; cursor: pointer; font-size: 20px; width: 26px; transition: ease .2s; height: 26px; border-radius: 50%; background:#b0b0b0; color: #fff; text-align: center; line-height: 26px;}
.header_bar a:hover em{ background: #a71d7d;}
.header_code{ width: 70px;  height: 70px;   visibility: hidden; position: absolute; left:50%; margin-left: -35px; top:110%;}
.header_code img{ width: 100%; height: 100%;border: 2px solid #a71d7d; transition: ease 1s; transform: scale(0,0);}
.header_bar a:hover .header_code img{ transform: scale(1,1);}
.header_bar a:hover .header_code{ visibility: visible;}
/*banner*/

.z_banner,.z_banner .bd,.z_banner .bd li{width:100%!important;height: 100vh; overflow: hidden;position:relative;}

.z_banner .img{width:100%; height:100vh; background-position:center center; background-repeat:no-repeat; background-size:cover;  background-size:cover; transform:scale(1.1); transition: ease 2.5s;}
.z_banner .bd li.swiper-slide-active .img,.z_banner .bd li.swiper-slide-duplicate-active .img{transform:scale(1); opacity:1;}
.swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.z_banner .banner_text{ position: absolute;  left: 50%; top: 50%; transform: translate(-50%,-50%);}
.z_banner .banner_text img{transition: all 2s; transform: translateX(-300px);}
.z_banner .bd li:nth-child(even) .banner_text img{ transform: translateX(300px);}
.z_banner .bd li.swiper-slide-active .banner_text img,.z_banner .bd li.swiper-slide-duplicate-active .banner_text img{transform: translateX(0px)}

.index_about{ background: url(../images/bg1.jpg) no-repeat bottom center; background-size: cover; padding-bottom: 8vh;}
.index_about_fl{ padding-top: 80px;}
.index_about_fl,.index_about_fr{ float: left; width: 50%;}
.index_about_fl .z_row{ width: 59.3%;}
.index_about_fl .tit1{ font-size: 16px; margin-bottom: 5px;}
.index_about_fl .tit2{ font-size: 36px; line-height: 30px; font-weight: bold; color: #000;}
.index_about_fl .desc{ line-height: 24px; color: #666666; margin: 40px 0;}
.about_num ul{ }
.about_num li{ display: inline-block;padding: 0 40px;  border-right:1px solid #d5d5d5; text-align: center; color: #333333;}
.about_num li:last-child{ border-right: none; padding-right: 0;}
.about_num li:first-child{padding-left: 0; }
.about_num li h3{color: #a71d7d; font-weight: bold;}
.about_num li em{ font-size: 42px;font-family: 'num';font-weight:normal;  color: #a71d7d;}
.about_fbmap{ width: 37.2%; position: relative;  float: left;}
.about_fbmap img{ display: block; width: 100%;}
.about_fbmap .fbdz{ position: absolute; left: 26%; top: 50%; transform: translateY(-50%);}
.about_fbmap .fbdz .icon{ width: 34px; height: 42px; margin-bottom: 10px; background: url(../images/dz.png) no-repeat center; background-size: 100% 100%; animation:myfirst 2s infinite ;}
.about_fbmap .fbdz h3{ color: #a71d7d; font-size: 18px;  text-transform: uppercase; line-height: 20px; font-weight: bold;}
.about_video{     width: 100%;
    float: left;
    position: relative;
    height: 520px;
    overflow: hidden;
    margin-top: 70px;}
.about_video:hover .imgbg{ transform: scale(1.1);}
.about_video:hover .about_paly em{ transform: rotate(360deg);}

.about_paly{ position: absolute; cursor: pointer; left: 50%; top: 50%;  transform: translate(-50%,-50%); color: #fff; text-align: center;}
.about_paly em{ display: block;transition: ease .5s;width:48px; height: 48px; background: url(../images/play.png) no-repeat center; background-size: 100% 100%; margin: 0 auto;}
.about_paly h3{ font-size: 18px; font-weight: bold; margin-top: 10px;}
.video_pop{display: block; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; display: none;}
.close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(../images/colse.png) no-repeat center; z-index: 100; cursor: pointer;}
#video{width:100%; max-height: 100%;}
.video_pop .z_row{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
@keyframes myfirst {
            0% {
                transform: translate(0px, 0px);
            }
            50% {
                transform: translate(0px, -10px);
            }
            100% {
                transform: translate(0px, 0px);
            }
        }

.index_more{ display: inline-block; overflow: hidden; position: relative; text-transform: uppercase; padding: 0 30px; height: 50px; z-index: 1; line-height: 50px; color: #fff; }
.index_more:before{ content: "";display: block; width: 100%; height: 100%; background: #a71d7d; position: absolute; left: 0; top: 0; transition: ease .5s;}
.index_more:after{ content: "";display: block; width: 100%; height: 100%; transform: translateX(200%); background: #a71d7d; position: absolute; left: 0; top: 0;transition: ease 1s;}

.index_more .arr{ display: inline-block; width: 50px; height: 8px; margin-left: 10px; background: url(../images/arr.png) no-repeat; background-size: 100% 100%;}
.index_more:hover:before{transform: translateX(-200%);}
.index_more:hover:after{transform: translateX(0%);}

.index_about_fl .index_more{ margin-top: 6vh;}
.index_yw{ width: 100%;height: 90vh; overflow: hidden;  position: relative; z-index: 1;}
.ywimgbox{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.ywimgbox:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.5); z-index: 1;}
.ywimgbox li{ width: 100%; opacity: 0; transition: ease 1s; height: 100%; z-index: -1; background-position: center; background-size:cover; background-repeat: no-repeat; position: absolute; left: 0; top: 0; background-attachment: fixed;}
.ywimgbox li.on{ opacity:1;}
.ywfw_list{ width: 100%;}
.ywfw_list li{ width: 20%;transition: ease 1s; float: left; height: 90vh; box-sizing: border-box; border-right:1px solid rgba(255,255,255,.3);}
.ywfw_list li:last-child{ border-right: none;}
.ywfw_list li a{ display: block; width: 100%; height: 100%; padding: 15vh 8%; box-sizing: border-box; color: #fff;}
.ywfw_list li .num1{ font-size: 48px; font-family:"num2";}
.ywfw_list li .num2{ font-size: 6vw; font-weight: bold; color: rgba(255,255,255,.3); font-family: 'num2'; display: none;}
.ywfw_list li .tit{ margin: 5vh 0;}
.ywfw_list li .icon{ display: block; height: 50px; margin-bottom: 10px;}
.ywfw_list li .tit h3{ font-size: 24px;}
.ywfw_list li .desc{ line-height: 24px; height: 72px; margin-bottom: 3vh;}
.ywfw_list li .arr{ display: block; width: 48px; opacity: 0; transform: translateY(200px); transition: ease .6s; height: 48px; background: url(../images/arr2.png) no-repeat center; background-size: 100% 100%;}
.ywfw_list li.on{ background: #a71d7d; }
.ywfw_list li.on a{padding-top: 20vh;}
.ywfw_list li.on .num1{ display: none;}
.ywfw_list li.on .num2{ display: block;}
.ywfw_list li.on .arr{ opacity: 1; transform: translateY(0);}
.index_news{ padding: 80px 0; background: #ffffff;}
.index_tit{ text-align: center; font-size: 36px; font-weight: bold; margin-bottom: 40px;}
.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s; }
.news_swiper li{ position: relative; height: 490px;}
.news_swiper li:before{ content: ""; display: block; width:1px; height: 100%;background: #e3e3e3; position: absolute; right: -40px; top: 0;}
.news_swiper li a{ display: block; width: 100%; height: 100%;}
.news_swiper li .imgbox{ width: 100%; position: relative; margin-bottom: 20px;  height: 250px; padding-bottom: 40px; position: relative;  overflow: hidden; transition: ease .6s;}
.news_swiper li .imgbox:before{ content: ""; z-index: 1; display: block; width: 0; height: 2px; background: #a71d7d; position: absolute; left: 0; bottom: 0; transition: ease 1s}
.news_swiper li:hover .imgbox:before{ width: 100%;}
.news_swiper li .imgbg{ position: absolute; left: 0; top: 0; height: 290px;}
.news_swiper li .imgbg img{max-width: 100%;}
.news_swiper li:hover .imgbox{ padding-bottom: 0;}
.news_swiper li:hover .imgbg{ transform: scale(1.05,1.05);}
.news_swiper li h3{ font-size: 16px;line-height: 24px;}
.news_swiper li h4{ color: #999999; line-height: 24px; margin: 10px 0;}

.news_swiper li .time{ padding-left: 25px; color: #999; background: url(../images/time.png) no-repeat left center;}
.news_swiper li:hover h3{ color: #a71d7d;}
.news_hd{text-align: center; margin-top: 7vh;}
.news_hd span{ display: inline-block; margin: 0 5px; width: 10px; height: 10px; background: #e1e1e1; border-radius: 50%;}
.news_hd span.swiper-pagination-bullet-active{ background: #a71d7d;}
.index_culture{ width: 100%; overflow: hidden; color: #fff; background: url(../images/bg2.jpg) no-repeat center; background-size: cover; background-attachment: fixed;z-index:1;position: relative; padding: 12vh 0;}
.index_culture:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; left: 0; top: 0;}
.index_culture .tit1{ font-size: 16px;}
.index_culture .tit2{ font-size: 30px; font-weight: bold; line-height: 36px; margin-top: 20px; margin-bottom: 9vh;}
.z_footer{     width: 100%;
    float: left;background: #282828; padding-top: 0;padding-bottom: 0; color: #aaaaaa;}
.foot_top{ padding: 4vw 0 3vw 0 ;}
.foot_nav{ float: left;}
.foot_nav dl{ display: inline-block; margin-right: 3vw; vertical-align: top;}
.foot_nav dl dt{ color: #fff; font-weight: bold; margin-bottom: 35px; font-size: 16px;}
.foot_nav dl dt a{}
.foot_nav dd a{ display: block; line-height: 24px;color: #b8b8b8;}
.foot_nav dd a:hover{ color: #fff;}
.foot_fr{ float: right;}
.foot_dz{ float: left; text-align: right; border-right:1px solid #474747; padding-right: 2vw; margin-right: 2vw;}
.foot_dz h3{color: #fff; font-weight: bold; font-size: 16px;}
.foot_dz ul{ margin: 30px 0; color: #fff;}
.foot_code{float: right; text-align: center;}
.foot_code img{ width:150px; height: 150px; margin-bottom: 15px;}
.foot_copy{ border-top:1px solid #474747; padding: 3vh 0; color: #b8b8b8;}
.foot_copy a{color: #b8b8b8}
.other_banner{ margin-top: 86px; position: relative; overflow: hidden;}
.other_banner img{ display: block; width: 100%;}
.other_banner .banner_text{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.other_banner .banner_text .z_row{ width: 79%; margin: 0 auto; color: #fff;}
.other_banner .banner_text h3{ font-size: 48px; font-weight: bold; margin-bottom: 10px;}
.other_banner .banner_text .h4{ font-size: 30px; line-height: 36px; font-weight: bold;}
.cy_nav{ transition: ease 1s ; width: 100%; z-index: 9; background: #fff;}
.cy_nav.on{ position: fixed; left: 0; top: 0; }
.cy_nav.on li a{padding: 15px 0;}
.cy_nav.on .icon{ display: none;}
.cy_nav li{ width: 20%; float: left; position: relative;}
.cy_nav li:before{ content: ""; display: block; height: 0;width: 0;
    border-top: 10px solid #a71d7d; opacity: 0;
    border-right: 10px solid transparent; z-index: 1;
    border-left: 10px solid transparent; position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px; }
.cy_nav li a{ display: block; width: 100%; height: 100%; padding: 25px 0; color: #fff; text-align: center;}
.cy_nav li .icon{ margin-bottom: 10px;}
.cy_nav li h3{ font-size: 18px; font-weight: bold; }
.cy_nav li .icon img{ display: block; margin: 0 auto; transition: ease .5s;}
.cy_nav li:nth-child(1){ background: #a71d7d;}
.cy_nav li:nth-child(2){ background: #2a9166;}
.cy_nav li:nth-child(3){ background: #2c79ca;}
.cy_nav li:nth-child(4){ background: #0998b2;}
.cy_nav li:nth-child(5){ background: #654e93;}
.cy_nav li:nth-child(2):before{    border-top: 10px solid #2a9166;}
.cy_nav li:nth-child(3):before{    border-top: 10px solid #2c79ca;}
.cy_nav li:nth-child(4):before{    border-top: 10px solid #0998b2;}
.cy_nav li:nth-child(5):before{    border-top: 10px solid #654e93;}
.cy_nav li.active:before{opacity: 1;}
.cy_desc{ width: 100%; padding: 12vh 0; text-align: center; background:url(../images/bg3.jpg) no-repeat center; background-size: cover;}
.cy_desc .z-container{ width: 675px;}
.cy_desc .h3{ font-size: 36px; font-weight: bold; line-height: 42px;}
.cy_desc .info{ color: #666666; line-height: 24px; margin: 30px 0;}
.about_num2{ margin-top: 50px;}
.about_num2 ul{ display: block;}
.about_num2 ul li{ padding: 0 60px; border-right:1px solid #d5d5d5;}
.about_num2 ul li:last-child{ border-right: none;}
.cy_case{ background: #f3f3f3; padding:12vh 0;}
.cy_case .z-container{ width: 79%;}
.case_tit{ margin-bottom: 50px; display: flex; align-items: center;}
.case_tit .tit{ font-size: 36px; font-weight: bold;}
.case_search{ float: right; margin-left: auto;}
.case_search .text{ width: 240px; height: 36px; padding: 0 10px; box-sizing: border-box; border:1px solid #c5c5c5; border-right: none; display: block; float: left;}
.case_search .btn{ display: flex;align-items: center; justify-content: center; width: 44px; height: 36px; background: #a71d7d;float: right;}
.case_search .btn img{ display: block;}
.case_list ul{ margin-left: -3.3%;}
.case_list li{ width: 30%; margin-bottom: 40px; z-index: 1; float: left; margin-left: 3.3%; position: relative;}
.case_list li .imgbox{height:19.5vw; width: 100%; overflow: hidden;}
.imgbg{ width: 100%; height: 100%; transition: ease 1s; background-position: center; background-repeat: no-repeat; background-size: cover;border-radius: 20px;
}}
.case_list li:hover .imgbg{ transform: scale(1.1,1.1);border-radius: 20px;}
.case_list li .infobox{ background: #fff; padding:30px 30px; box-sizing: border-box;}
.case_list li h3{ font-size: 18px; margin-bottom: 20px;}
.case_list li h4{ background: url(../images/dz2.png) no-repeat left center; padding-left: 20px; color: #989898;}
.case_list li:before{ content: ""; display: block; width: 0; z-index: 1; position: absolute; left: 0; bottom: 0; transition: ease 1s; height: 2px; background: #a71d7d;}
.case_list li:hover:before{ width: 100%;}
.case_list li:hover h3{ color: #a71d7d;}
.case_list li .imgwarp{display: block;overflow: hidden; z-index: 1; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.case_list li .imgwarp a{ display: block; height: 100%; width: 100%;}
.cyxq_page{ }
.cyxq_fl{ width: 32%; padding-top: 167px; box-sizing: border-box; height: 100vh; float: left; padding-left: 10.7%; box-sizing: border-box;}
.cyxq_fl.fixed{ position: fixed; left: 0; top: 0;}
.cyxq_fr{ width: 63%; float: right; padding-right: 10.7%; padding-top: 167px; box-sizing: border-box;}
.cyxq_fr li{ margin-bottom: 2vw; width: 100%;}
.cyxq_fr li img{ display: block; width: 100%;} 
.cyxq_fl_tit{font-size: 24px;}
.cyxq_fl .line{ display: block; width: 17px; height: 5px; background: #a71d7d; margin: 30px 0;}
.cyxq_desc{ line-height: 24px; color: #333333;}
.cyxq_fl .tell{ color:#a71d7d;}
.cyxq_con{ line-height: 24px; height: 26.6vh; overflow-y: auto; color: #666666; margin: 6vh 0;}
.topbtm_bar{ border-top:1px solid #c9c9c9;  padding-top: 6vh; display: flex; align-items: center; justify-content: space-between;}
.topbtm_bar a{ display: block; width: 29.6%;z-index: 1; height: 50px; line-height: 50px; text-align: center; border:1px solid #c9c9c9;}
.topbtm_bar a:hover{ background: #a71d7d; color: #fff; border-color: #a71d7d;}

.page_nav{ width: 100%; height: 60px; line-height: 60px; background: #fff;}
.page_nav li{ float: left;}
.page_nav li a{ padding: 0 20px; color: #333333;}
.page_nav li:first-child a{ padding-left: 0; }
.page_nav li:hover a,.page_nav li.cur a{ color: #a71d7d; }
.news_search{ display: flex; align-items: center; margin-bottom: 6vh;}
.news_sel{ display: inline-block; background: url(../images/arr6.png) no-repeat right 10px center; box-sizing: border-box; width: 250px; height: 40px; border:1px solid #b5b5b5; padding: 0 10px; margin-left: 20px;}
.news_search .sou{ display: inline-block; margin-left: 10px; width: 80px; height: 40px; z-index: 1; background:#a71d7d; color: #fff; text-align: center; line-height: 40px;}
.news_search span{ font-weight: bold; font-size: 18px; color: #666666;}
.news_search .text{ background: none;}
.page_nav2{ margin-top: 80px;}

.news_page{ padding: 70px 0; padding-bottom: 5.5vw;  background: #f7f7f7;}
.news_lists{ margin-left: -3%;}
.news_lists li{ width: 30.3%; margin-bottom: 50px; position: relative; float: left; margin-left: 3%;}
.news_lists .imgbox{ width: 100%; height:19.5vw; overflow: hidden;}
.news_lists li .img{ width: 100%; height: 100%; transition: all .6s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.news_lists li:hover .img{ transform: scale(1.1,1.1);}
.news_lists li .info{ background: #fff; padding:30px 35px; box-sizing: border-box;}
.news_lists li h3{ font-size: 18px; line-height: 30px; height: 60px; margin-bottom: 50px;}
.news_lists li .time{ background: url(../images/time.png) no-repeat left center; color: #898989; padding-left: 25px;}
.news_lists li:before{ content: ""; z-index: 1; display: block; width: 0%; height: 2px; background: #a71d7d; position: absolute; left: 0; bottom: 0; transition: ease 1s;}
.news_lists li:hover:before{ width: 100%;}
.news_lists li:hover h3{ color: #a71d7d;}
.page_nav2{ margin-top: 86px; background: #a71d7d;} 
.page_nav2 li a{ color: #fff;}
.page_nav2 li.cur a{color: #fff;} 
.loadmore{ display: block; width: 100%;font-size:18px; transition: ease .6s;  height: 110px; line-height: 110px; background: #fff; text-align: center;}
.loadmore .iconfont{ color: #a71d7d; font-size: 18px; margin-left: 5px;}
.loadmore:hover{ height: 80px; line-height: 80px; background: #a71d7d; color: #fff;}
.loadmore:hover .iconfont{ color: #fff;}
.news_xq{ padding: 70px 0; background: #f0f2f3;}
.news_xq .z-container{ width: 1300px;}
.news_fl{ width: 68.8%;position: relative; padding-left: 122px; float: left;  box-sizing: border-box;}
.news_fl_bg{ background: #fff; padding:8vh 5vw; box-sizing: border-box;}
.news_head{ position: relative;}
.news_time{ width:100px;position: absolute; left:0; top: 0; float: left; margin-right: 40px; height: 100px;padding-top: 15px; box-sizing: border-box; color: #333333;background: #fff;  text-align: center;}
.news_time em{ display: block;  font-size: 30px; font-weight: bold; color: #a71d7d;}
.news_tit h3{font-size: 30px; margin-bottom: 10px; font-weight: bold; line-height: 40px;}
.news_bar{ padding: 40px 0; color: #333; display: flex;align-items: center; border-bottom:1px solid #c6c6c6;}
.bshare-custom a{ background: none!important; font-size: 22px; margin: 0!important; cursor: pointer; margin-right: 15px!important; color: #8a8a8a!important; padding: 0!important;}
.bshare-custom a:hover{ color: #a71d7d!important; text-decoration: none!important; opacity: 1!important;}
.news_bar .yan{ margin-left: auto; background: url(../images/yan3.png) no-repeat left center; padding-left: 20px;}
.news_artic{ padding: 50px 0; color: #474848; line-height: 24px;}
.news_fr{ float: right; width: 29.6%; background: #fff; padding: 20px 40px; box-sizing: border-box;}
.news_one .img{ width: 100%; height: 15vw; background-position: center; background-repeat: no-repeat; background-size: cover;}
.news_fr .tits{ font-size: 18px; font-weight: bold; border-left: 2px solid #a71d7d; padding-left: 10px; margin-bottom: 20px;}
.news_one h3{ font-size: 16px; line-height: 24px; max-height: 48px; margin: 15px 0;}
.news_one{ border-bottom:1px solid #c6c6c6; margin-bottom: 10px;}

.news_swiper2 .swiper-wrapper{ display: block;}
.news_swiper2{ height: 180px;overflow: hidden; width: 100%;}
.news_swiper2 li{ height: 36px!important; line-height: 36px!important; overflow: hidden;}
.news_swiper2 .tit{ display: inline-block; width: 70%;}
.news_swiper2 .fr{float: right; color: #a71d7d; font-family: "en"; font-size: 16px;}
.news_swiper2 li:hover a{ color: #a71d7d; }
.news_swiper2 li a{ color: #666;}

.news_artic img{ display: block; height: auto!important; max-width: 100%!important;}

.about_page1{ background: url(../images/bg4.jpg) no-repeat bottom center ; height: 87vh; display: flex; align-items: center; box-sizing: border-box; position: relative; background-size: cover; padding: 7vw 0;}
.about_jj{ width: 42%;}
.about_jj .tit{ font-size: 36px; font-weight: bold;}
.about_jj .tit2{ font-size: 24px; line-height: 30px; margin: 30px 0; font-weight: bold; color: #666;}
.about_jj .con{ line-height: 24px; color: #666;}
.about_jjfr{ width: 42%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.about_jjfr .about_video{ width: 100%; height: 400px; float: none;}
.about_jjfr .about_num{ width: 100%;  background: url(../images/bg5.jpg) no-repeat center; background-size: cover; color: #fff; text-align: center;} 
.about_jjfr .about_num ul{ display: block; padding: 60px 0;}

.about_jjfr .about_num li{ color: #fff; padding: 0 4vw; border-right:1px solid #fff;}
.about_jjfr .about_num li h3{color: #fff;}
.about_jjfr .about_num li em{ color: #fff;}
.about_jjfr .about_num li:last-child{ border-right: none;}
.about_page2{ width: 100%; background-size: cover; background-position: center; height: 64vh; display: flex; align-items: center;}
.abouts_warp{ width: 32.2%; color: #fff;}
.abouts_tit{ font-size: 36px; font-weight: bold; line-height: 42px;}
.abouts_desc{ line-height: 24px; margin-top: 4vh; margin-bottom: 6vh;}
.about_page3{ min-height: 80vh; background-size: cover; background-position: center; background-attachment: fixed; display: flex; align-items: center;}
.about_page3 .abouts_warp{ float: left;}
.process_con{ margin-top: 12vh; color: #fff; position: relative;}
.process_con .child:nth-child(1){}
.process_con .child{opacity: 0; position: absolute; left: 0; top: 0; transform: translateY(30%); transition: ease .8s;}
.process_con .child.on{opacity: 1; visibility: visible; transform: translateY(0);}
.process_con .year{ font-size: 36px; position: relative; padding-left:30px; z-index: 1; margin-bottom: 6vh;}
.process_con .year:before{ content: ""; display: block; width: 14px; height: 14px; border-radius: 50%; background: #a71d7d; position: absolute; left: 0; top: 50%; margin-top: -7px;}
.process_tab .num{ font-size: 60px; color: #fff; text-align: right;}
.process_tab .tit{ text-align: right; color: #fff;}
.process_tab ul{ margin-top: 35px;}
.process_tab ul li{ display: block; cursor: pointer; font-size: 16px; position: relative; width: 145px; height: 50px; line-height: 50px; text-align: center; color: #fff;z-index: 1; margin-bottom: 2px;}
.process_tab ul li:before{content: ""; display: block; width: 3px; height: 100%; position: absolute; right: 0; top: 0; background: #a71d7d;  transition: ease .5s;}
.process_tab ul li.on:before{ width: 100%;}
.navFixed .page_nav { width: 100%; position: fixed; left: 0; top: 0; background:#a71d7d; z-index: 200;  }
.navFixed .page_nav a{ color: #fff;}
.navFixed .page_nav .cur a,.navFixed .page_nav li:hover a{ color: #fff;}
.about_page4{background-size: cover; background-position: center; background-attachment: fixed;height: 64vh; display: flex; align-items: center;}
.honor_page{ padding: 80px 0;}
.honor_page .abouts_warp{ margin: 0 auto; float: none; color: #333; text-align: center;}
.honor_nav{ text-align: center; margin-bottom: 70px;}
.honor_nav a{ display: inline-block; margin: 0 10px; width: 150px; height: 46px; line-height: 46px; font-size: 16px; background: #f2d9d0; color: #333; text-align: center;}
.honor_nav a.active,.honor_nav a:hover{ background: #a71d7d; color: #fff;}
.honor_list ul{ margin-left: -1.4%;}
.honor_list li{width: 23.6%; float: left; margin-bottom: 30px; margin-left: 1.4%; padding: 24px; box-sizing: border-box; padding-bottom: 0; background: #fff;}
.honor_list li .imgbox{ width: 100%; height: 220px; overflow: hidden;}
.honor_list li .tit{ line-height: 60px; height: 60px; text-align: center; font-size: 16px; color: #666666;}
.zr_page{ padding: 80px 0;}
.zr_page li{ background: #fff; margin-bottom: 30px;}
.zr_page li a{ display: block; width: 100%; height: 100%;}
.zr_page li .imgbox{ width: 32%; height: 385px; overflow: hidden; float: left; }
.zr_page li .time{ display: block; color: #999999; background: url(../images/time.png) no-repeat left top; padding-left:25px;}
.zr_page li .infobox{ width: 68%; float: left; padding:50px; box-sizing: border-box;}
.zr_page li h3{ font-size: 24px; line-height: 30px; height: 30px; margin: 10px 0; margin-bottom: 20px;}
.zr_page li h4{ line-height: 24px; color: #999; height: 144px;}
.zr_page li .arr{ display: block; width: 48px; height: 48px; background: #a71d7d; border-radius: 50%; color: #fff; color: #fff; text-align: center; line-height: 48px;}
.zr_page li:hover .imgbg{ transform: scale(1.1,1.1);}
.zr_page li:hover h3{ color: #a71d7d;}
.contact_page{ height: 66vh; display: flex; align-items: center;}
.contact_page1{ width: 100%; background-repeat:no-repeat; background-position: center; background-size: cover; }
.contact_page2{ width: 100%; background-repeat:no-repeat; background-position: center; background-size: cover;  background-attachment: fixed;}
.contact_page .abouts_warp{ color: #333;}
.contact_info{ padding: 80px 0; padding-top: 6vw;}
.contact_info .titbar{ border-bottom:1px solid #e5e5e5; padding: 40px 0; position: relative; font-size: 30px; margin-bottom: 40px; }
.contact_info .titbar .tel{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);text-align: right; color: #878787; font-size: 14px;}
.titbar .tel em{ display: block; color: #a71d7d; font-weight: bold; font-size: 24px; margin-top: 5px; }
.contact_btm{ display: flex; align-items: flex-end; justify-content: space-between;}
.conatct_addre{ float: left;}
.conatct_addre p{ margin-bottom: 10px; color: #666;}
.contact_code{ margin-left: auto; text-align: right; display: flex; align-items: flex-end;}
.contact_map img{ width: 100%; vertical-align: bottom;}
.contact_code em{ display: block;}
.contact_code span{ margin-right: 20px; color: #666666;}
.contact_code img{ width: 90px; height: 90px;}
.contact_lz{ background: url(../images/bg5.jpg) no-repeat center; padding: 18vh 0; background-attachment: fixed; position: relative; z-index: 1;}
.contact_lz .index_tit{ margin-bottom: 0; color: #fff; }
.contact_lz:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4);}

.contact_lypage{width: 100%; display: flex; justify-content: flex-end; background:url(../images/bg11.jpg) no-repeat center; background-attachment: fixed;}
.ly_form{ background: #fff; width: 50%; padding: 5vw 8vw; box-sizing: border-box;}
.ly_tit h3{ font-size: 36px; font-weight: bold;}
.ly_tit .line{ display: block; width: 18px; height: 4px; background: #a71d7d; margin: 20px 0;}
.ly_form li{ position: relative; margin-bottom: 20px;}
.ly_form li label{ line-height: 50px;}
.ly_form li .text{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-bottom:1px solid #dedede; padding-left: 70px; box-sizing: border-box;}
.ly_form li .texta{ width: 100%; background: #ededed; height: 128px; padding:10px 15px; box-sizing: border-box;}
.ly_form .subbtn{ height: 50px; cursor: pointer; line-height: 50px; text-align: center; background: #a71d7d; color: #fff; font-size: 18px; margin-top: 55px; display: block; width: 100%;}
.rc_list{ background: #fff;}
.rc_list .rc_tit{ width: 100%; cursor: pointer; height: 80px; line-height: 80px; border-bottom:2px solid #f7f7f7;}
.rc_list .rc_tit span,.rc_list .rc_tit button{ display: inline-block; width: 15%;}
.rc_con{ background: #ececec; display: none; padding: 40px 0; color: #7f7f7f; line-height: 30px;}
.rc_con .box{ margin-bottom: 30px;}
.rc_bz a{ color:#a71d7d;}
.aply_btn{ display: block; width: 124px; height: 48px; text-align: center; line-height: 48px; background: #a71d7d; color: #fff; border-radius: 5px; cursor: pointer; margin-top: 30px;}
.rc_tit .z-container2{ background: url(../images/jia.png) no-repeat right center;}
.rc_tit.on .z-container2{background: url(../images/jian.png) no-repeat right center;}
.aply_pop{ width: 560px; height: 280px; background: #fff;border-radius: 3px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);box-shadow: 7px 0 46px rgba(0,0,0,.2); text-align: center; padding: 10px;box-sizing: border-box; display: none;z-index:999;}
.aply_pop h3{ height: 66px; line-height: 66px; text-align: center; border-bottom:1px solid #cccccc; margin-bottom: 25px; font-size: 24px;}
.aply_pop .uploadbtn{ display: inline-block; width: 100px; height: 33x; text-align: center;line-height: 33px; color: #333; color: #fff; border-radius: 4px; background:#a71d7d; position: relative;overflow: hidden;}
.aply_pop .uploadbtn input{ position: absolute; left: 0; bottom: 0; top: 0;right: 0; opacity: 0;}
.aply_pop p{ color: #7f7f7f; margin-top:10px; margin-bottom: 40px;}
.aply_pop .btn_group button,.aply_pop .btn_group span{ display: inline-block; cursor: pointer; margin: 0 10px; width: 100px; height: 33px; background: #c6c6c6; border:none; color: #fff; border-radius: 3px;line-height:33px;}
.aply_pop .btn_group .surebtn{ background: #929292;}
.aply_pop .closebtn{ width: 27px; height: 27px;background: url(../images/colse2.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 15px; top: 15px; cursor: pointer;}
.culture_li{ width: 100%; background-size: cover; background-position: center; background-attachment: fixed;}
.culture_box{ width: 34%; background: rgba(64,113,242,.95); padding: 0 5vw; text-align: left; box-sizing: border-box; height: 66vh; display: flex; align-items: center; justify-content: center; color: #fff;}
.culture_box .tit{font-size: 36px; font-weight: bold; min-width: 240px; padding-bottom: 15px; margin-bottom: 20px; border-bottom:2px solid #fff;display: inline-block;}
.culture_box .desc{ line-height: 30px; font-size: 16px;}
.culture_li:nth-child(even){ display: flex; justify-content: flex-end;}
.culture_li:nth-child(even) .culture_box{ background: #089e69;}

.mobile_topbar{display:none} 





.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.6); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; display: flex; justify-content: center;align-items: center; }
.rebox-contents .rebox-content {  border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; background: #a71d7d;}
.rebox-close { right: 10px; top: 10px;  font-size: 30px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}
.rebox_add{ position: fixed; background: rgba(0,0,0,.7); left: 0; bottom: 0; width: 100%;height: 80px; text-align: center; color: #fff; line-height: 80px; display: none; z-index:9999;}
.rebox_add .wyname{ float: left;}
.rebox_add .wydz{ background: url(../images/dz5.png) no-repeat left center; padding-left: 20px;}
.rebox_add .wytel{ background: url(../images/tel2.png) no-repeat left center; padding-left: 20px; margin-right: 20px; display: inline-block;}

@media screen and (max-width:1440px){
.news_swiper li:before{right: -20px;}	
.cyxq_fl{ padding-left: 5%; padding-top: 120px;}
.cyxq_fr{ padding-right: 5%; padding-top: 120px;}
.cyxq_con{ height:170px; margin: 4vh 0;}
.news_tit h3{ font-size: 24px; line-height: 30px;}
.zr_page li .imgbox{ width: 40%;}
.zr_page li .infobox{ width: 60%;}
.index_about_fl .z_row{ width: 80%;}
.about_num li{ padding: 0 40px;}
.news_swiper li .imgbox{ height: 200px;}
.news_fr{ padding: 20px;}
.about_jjfr .about_video{ height: 300px;}
.about_jjfr .about_num ul{ padding: 40px 0; padding: 40px 0;}
.about_jjfr .about_num li{ padding: 0 3vw;}
.abouts_warp{ width: 42%;}
.abouts_tit,.about_jj .tit{ font-size: 30px; line-height: 34px;}
.other_banner .banner_text h3{ font-size: 38px;}
.honor_list li{ padding: 15px;}
.honor_list li .imgbox{ height: 180px;}
.zr_page li .imgbox{ height: 345px;}
.zr_page li .infobox{ padding: 30px 50px;}
}




/*手机*/
@media screen and (max-width: 980px){
.z_header{ height: 50px; line-height: 50px; z-index: 10;}

.z_header .logo{ height: 36px; margin-top: 7px;}
.mobile_btn{ display: block;}
.header_fr{ width: 100%; box-sizing: border-box; transition: ease .5s; opacity: 0; transform: translateY(140%); display: flex; align-items: center; justify-content: center; height: calc(100% - 50px); background: #a71d7d; position: fixed; left: 0; top: 50px; }
.header_fr.on{ transform: translateY(0); opacity: 1;}
.header_nav li{ display: block;margin: 0;height:50px; line-height: 50px;  width: 100%; text-align: center;}
.header_nav li a{width: 100%; color: #fff; display:block}
.header_nav{ width: 100%;  }
.header_bar{ float: none; display: none; margin: 0 auto;}
.header_bar a{ display: block; width: 100%; text-align: center;}
.z_banner .banner_text img{    max-width: 100%;
    max-height: 100%;
    height: 40vh}
.header_nav li:before{ display: none;}
.header_nav li:hover a, .header_nav li.active a{ color: #fff;}
.z-container{ width: 92%;}
.index_about_fl, .index_about_fr,.index_about_fl .z_row{ width: 100%;}
.index_about_fl{ padding: 20px 0;}
.index_about_fl .tit2{ font-size:18px; line-height: 20px;}
.index_about_fl .desc{ margin: 20px 0;}
.about_num li em{font-size: 24px;}
.about_fbmap{ width: 40%; display: none;}
.about_video{width:100%; height: 200px;}
.index_about{ padding-bottom: 20px;}
.index_about_fl .index_more{ margin-top: 20px;}
.index_more{ height: 40px; line-height: 40px; padding: 0 15px;}
.about_fbmap .fbdz h3{ font-size: 14px;}
.about_paly h3{ font-size: 16px;}
.ywfw_list li{ width: 50%; height: 50vh; overflow: hidden; border-bottom:1px solid rgba(255,255,255,.3);} 
.index_yw{ height: auto;}
.ywfw_list li:last-child{ width:100%}
.ywfw_list li a{ padding-top: 20px;}
.ywfw_list li.on a{ padding-top: 35px;}
.ywfw_list li .num2{ font-size:36px; line-height: 36px;}
.ywfw_list li .icon{ height: 30px;}
.ywfw_list li .tit{ margin: 20px 0;} 
.ywfw_list li .tit h3{ font-size: 16px;}
.ywfw_list li .arr{ width: 30px; height: 30px; transform: translateY(100px);}
.ywfw_list li .num1{ font-size: 20px;}
.news_swiper li{ height: auto;}
.news_swiper li:before{right: -10px;}
.news_swiper li .imgbg{ height: 200px;}
.news_swiper li .imgbox{ height: 200px; padding-bottom: 0; margin-bottom: 10px;}
.news_swiper li h4{ margin: 10px 0;}
.index_news{ padding: 30px 0;}
.index_tit{ font-size: 18px; margin-bottom: 20px;}
.news_hd{ margin-top: 20px;}
.index_culture .tit2{ font-size: 14px; font-weight: normal; margin-bottom: 30px; line-height: 24px;}
.index_culture{ padding: 30px 0;}
.foot_nav{ display: none;}
.foot_dz h3{ display:none}
.foot_dz{ text-align: left; border:none; padding: 0; margin-left: 0; font-size: 12px; font-weight: normal;}
.foot_dz ul{ margin:0;color: #aaaaaa;}
.foot_code{ width: 100%; display: none; text-align: center; margin-top: 20px;}
.foot_code img{ margin-bottom: 0;}
.foot_copy{ padding: 10px 0; font-size: 12px;}
.foot_copy a{ display: block; float: none; font-size: 12px;}
.foot_fr{ width: 100%;}
.foot_top{ padding: 10px 0;}
.other_banner{ margin-top: 50px;}
.other_banner .h4{ display: none;}
.other_banner .banner_text h3{ font-size: 20px; margin-bottom: 0;}
.cy_nav li h3{font-size: 14px; font-weight: normal;}
.cy_nav li .icon img{ height: 25px;}
.cy_nav li a{ padding: 10px 0;}
.cy_desc{ padding: 20px 0;}
.cy_desc .z-container{ width: 94%;}
.cy_desc .h3{ font-size: 18px; line-height: 24px;}
.cy_desc .info{ margin: 10px 0; font-size: 12px;}
.about_num2 { margin-top: 0;}
.about_num2 ul li{ padding: 0 25px;}
.other_banner .banner_text .z_row{ width: 90%;}
.cy_nav li .icon{ margin-bottom: 5px;}
.cy_case{ padding: 30px 0;}
.cy_case .z-container{ width: 94%;}
.case_tit .tit{ font-size: 18px;}
.case_search .text{ width: 180px;}
.case_tit{ margin-bottom: 30px;}
.case_list ul{ margin-left: 0;}
.case_list li{ width: 100%; margin-left: 0; margin-bottom: 10px;}
.case_list li .imgbox{ height: 220px;}
.case_list li .infobox{ padding: 15px;}
.case_list li h3{ margin-bottom: 10px;}
.loadmore{ height: 50px; line-height: 50px; font-size: 15px;}
.cyxq_page{ padding-top: 70px; width: 94%; margin: 0 auto;}
.cyxq_fr,.cyxq_fl{ padding-top: 0; height: auto; width:100%; padding: 0;}
.cyxq_fl_tit{ font-size: 18px;}
.cyxq_fl .line{ margin: 20px 0;}
.cyxq_con{ height: auto;}
.topbtm_bar{ padding-top: 20px; margin-bottom: 20px;}
.topbtm_bar a{ height: 40px; line-height: 40px;}
.cyxq_fr li{ margin-bottom: 10px;}
.page_nav li{ display: block; float: left; margin: 0; padding-right: 20px;}
.page_nav{ height: 40px; line-height: 40px;}
.page_nav li a{ padding-left: 0; padding-right: 10px;}
.z-container2{ width: 94%;}
.news_search{ display: block; margin-bottom: 0px;}
.news_search span{ display: block; margin-bottom: 10px; font-size: 16px;}
.news_sel,.news_search .sou{ margin: 0; float: left; width: 49%; margin-bottom: 10px;}
.news_sel:nth-child(2),.news_search .sou{ float: right;}
.news_lists li{ width: 98%; margin-bottom: 10px;}
.news_page{ padding: 20px 0;}
.news_lists .imgbox{ height: 200px;}
.news_lists li .info{ padding: 15px 10px;}
.news_lists li h3{ font-size: 15px; margin-bottom: 10px; line-height: 24px; height: 48px;}
.page_nav2{ margin-top: 50px;}
.news_xq .z-container{ width: 94%;}
.news_fl,.news_fr{ width: 100%;}
.news_fl{ padding-left: 0;}
.news_time{ position: relative; left: auto; top: auto;}
.news_tit h3{ font-size: 16px; line-height: 24px;}
.news_time{ margin-right: 10px;}
.news_xq{ padding: 20px 0;}
.news_bar{ padding: 15px 0;}
.news_artic{ padding: 20px 0;}
.news_fr{ display: none;}
.bshare-custom a{ margin-right: 5px!important;}
.news_fl_bg{ padding: 15px;}
.news_time{ width: auto; height: auto; padding: 0 10px; top: 15px;}
.news_time em{ font-size: 16px;}
.news_tit h3{ padding-left: 60px; box-sizing: border-box;}
.bshare-custom{ display: none;}
.about_page1{ padding: 20px 0; height: auto;}
.about_jj{ width: 100%;} 
.about_jjfr{ position: relative; margin-top: 20px; top: auto; right: auto; transform: translate(0,0); width: 100%;}
.about_jj .tit{ font-size: 18px;}
.about_jj .tit2{ font-size: 16px; line-height: 20px; margin: 20px 0;}
.about_jjfr .about_video{ height: 200px;}
.about_jjfr .about_num ul{ padding: 20px 0;}
.about_jjfr .about_num li{ padding: 0 25px;}
.about_page2{ position: relative; z-index: 1; height: auto;padding: 60px 0;}
.about_page2:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4);}
.abouts_warp{ width: 100%;}
.about_page4{ height: auto; padding: 60px 0; position: relative;z-index: 1;}
.about_page3{ position: relative; z-index: 1;} 
.about_page4:before,.about_page3:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4); }
.abouts_tit{ font-size: 16px; line-height: 24px;}
.abouts_desc{ margin: 20px 0; font-size: 12px;}
.process_con{ font-size: 12px;}
.about_page3 .abouts_warp{ width: 100%;}
.about_page3{ min-height: auto; padding: 30px 0;}
.process_tab{ width: 100%;}
.process_con { margin: 30px 0;}
.process_con .child{ position: relative; display: none;}
.process_con .child.on{ display: block;}
.process_con .year{ font-size: 20px; margin-bottom: 10px;}
.process_tab .num,.process_tab .tit{display: none;}
.process_tab{ text-align: center; width: 100%;}
.process_tab ul{ margin-top:0px;}
.process_tab ul li{ display: inline-block;  background:rgba(0,0,0,.5); width: 24%; font-size: 14px; height: 40px; line-height: 40px;margin: 0;}
.honor_page{ padding: 20px 0;}
.honor_page .abouts_warp{ width: 94%;}
.honor_nav{ margin-bottom: 20px;}
.honor_nav a{ height: 35px; line-height: 35px; font-size: 14px; width: 100px;}
.honor_list ul{ margin-left: 0;}
.honor_list li .imgbox{ height: 220px;}
.honor_list li{ width: 100%;  margin-left: 0; margin-bottom: 10px; padding: 15px; padding-bottom: 0;}
.honor_list li .tit{ height:40px; line-height: 40px;}
.zr_page{ padding: 20px 0;}
.zr_page li{ margin-bottom: 10px;}
.zr_page li .imgbox{ width: 100%; height: 220px;}
.zr_page li .infobox{ width: 100%; padding: 15px;}
.zr_page li h3{ font-size: 16px; margin: 10px 0;}
.zr_page li h4{ height: 72px;-webkit-line-clamp: 4; margin-bottom: 10px;}
.zr_page li .arr{ display: none;}
.contact_page{position: relative; z-index: 1; height: 50vh; }
.contact_page .abouts_warp{color: #fff;}
.contact_page:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4);}
.contact_info .titbar .tel{ position: relative; display: block; text-align: left; top: auto; transform: translateY(0);}
.contact_info .titbar{ font-size: 18px;}
.contact_info{ padding: 0px 0;}
.contact_info .titbar{ padding: 20px 0;margin: 0;}
.contact_code{ display: none;}
.conatct_addre{ padding: 20px 0;}
.titbar .tel em{ font-size: 20px;}
.ly_form{ width: 100%; padding: 15px;}
.ly_tit h3{ font-size: 18px;}
.ly_tit .line{ display: none;}

.ly_form li{ margin-bottom: 0;}
.ly_form .subbtn{ height: 40px; margin-top: 0px; line-height: 40px; font-size: 16px;}
.aply_pop{ width: 90%;}
.aply_pop h3{ height: 40px; line-height: 40px; font-size: 16px;}
.aply_pop p{ margin-bottom: 20px;}
.aply_pop{ height: 232px;}
.rc_list .rc_tit span{ display: none; width: auto;}
.rc_list .rc_tit span:first-child{ display: block;}
.rc_list .rc_tit{ line-height: 50px; height: 50px;}
.rc_con{ padding: 20px 0; line-height: 24px;}
.rc_con .box{ margin-bottom: 20px;}
.aply_btn{ height: 40px; line-height: 40px; width: 100px;}
.rc_tit .z-container2,.rc_tit.on .z-container2{ background-size: 20px;}
.culture_box{ width: 60%; padding:20px 15px; height: auto;}
.culture_box .tit{ font-size: 16px; min-width: 100%; margin-bottom: 10px; padding-bottom: 10px;}
.culture_box .desc{ font-size: 12px;}
.index_more .arr{ display: none;}
.mobile_topbar{display:block} 
.pc_topbar{display:none} 

}





.product {
	overflow: hidden; background: url(../images/pbg.jpg) no-repeat top center;
}
.product .swiper-container {
	padding: 20px
}
.product .swiper-pagination {
	padding: 10px 0
}
.product .swiper-pagination-bullet:before {
	background: #d8d8d8
}
.product .swiper-pagination-bullet-active:before {
	background: #a71d7d
}
.product .more {
    margin: 20px 0 47px;
}
.product-list {

	background: #f6f5f5;
	transition: transform cubic-bezier(.215, .61, .355, 1) .8s, box-shadow .8s;
	-ms-transition: transform cubic-bezier(.215, .61, .355, 1) .8s, box-shadow .8s;
	-o-transition: transform cubic-bezier(.215, .61, .355, 1) .8s, box-shadow .8s;
	-webkit-transition: transform cubic-bezier(.215, .61, .355, 1) .8s, box-shadow .8s;
	-moz-transition: transform cubic-bezier(.215, .61, .355, 1) .8s, box-shadow .8s
}

@media (min-width:640px) {
.product-list:hover {
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	box-shadow: 0 3px 21px -7px #000
}
.product-list:hover .more {
	opacity: 1;
	filter: blur(0);
	transform: translateY(0)
}
.product-list:hover .pro:after {
	width: 100%
}
.product-list:hover .desc p {
	color: #a71d7d
}
.product-list:hover img {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1)
}
}
.product-list .pro {
	
	text-align: center;
	border-bottom: 1px solid #e3e3e3;

	overflow: hidden;
	position: relative;padding:25px;
}

.product-list .pro img {
	    width: 100%;
}
.product-list .pro:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 0%;
	background: #a71d7d;
	transition: ease .6s
}
.product-list .pro img {

	transition: transform cubic-bezier(.215, .61, .355, 1) .8s;
	-ms-transition: transform cubic-bezier(.215, .61, .355, 1) .8s;
	-o-transition: transform cubic-bezier(.215, .61, .355, 1) .8s;
	-webkit-transition: transform cubic-bezier(.215, .61, .355, 1) .8s;
	-moz-transition: transform cubic-bezier(.215, .61, .355, 1) .8s
}
.product-list .desc {padding:25px;}
.product-list .desc p {
	font-size: 16px;
	color: #444;
	margin-bottom: 10px;
	position: relative
}
.product-list .desc p:after {
	content: '';
	float: right;
	width: 22px;
	height: 9px;
	background: url(../images/icon4.png) no-repeat center
}
.product-list .desc span {
	color: #999;
	font-size: 14px
}
.product-list .more {
	width: 66px;
	height: 66px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -33px;
	margin-top: -33px;
	background: url(../images/more.png) no-repeat center;
	opacity: 0;
	filter: blur(4px);
	transform: translateY(20px);
	transition: ease .6s
}

div[class*=container], section[class*=container], ul[class*=container] {
	margin: 0 auto;
	max-width: 100%;
	position: relative
}.container_1390 {
    width: 1390px;
}
.about_title{
    height:80px; font-size: 36px;
    line-height: 30px;
    font-weight: bold;
    color: #fff;  text-align: center; padding-top: 80px;
 
}

.btn {
	position: absolute;
	width: 52px;
	height: 52px;
	top: 65%;
	margin-top: -26px;
	cursor: pointer;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	opacity: 1; outline: none; 
}
.btn:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s; outline: none; 
}

.more {
	text-align: center
}
.more a {
	display: inline-block;
	width: 150px;
	height: 45px;
	background: #a71d7d;
	position: relative;
	color: #fff;
	font-size: 14px;
	line-height: 45px;
	overflow: hidden;

	border: 1px solid transparent
}
.more a:hover span {
	color: #a71d7d;
	position: relative;
	z-index: 22
}
.btn-circle-click, .btn-circle-hover {
	position: absolute;
	z-index: 0;
	display: block;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	width: 0;
	height: 0;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #fff
}
.more2 {
	text-align: center
}
.more2 a {
	display: inline-block;
	width: 150px;
	height: 45px;
	background: #a71d7d;
	position: relative;
	color: #fff;
	font-size: 12px;
	font-family: Arial;
	line-height: 47px;
	overflow: hidden
}
.more2 a .btn-circle-hover {
	background: #a71d7d
}
.more2 a:hover span {
	color: #fff!important;
	position: relative;
	z-index: 22
}
.prev {
	left: -75px;
	background: url(../images/prev.png) no-repeat center
}
.prev:after {
	background: url(../images/prev.png) no-repeat center
}
.prev:hover:after {
	opacity: 1
}
.next {
	right: -75px;
	background: url(../images/next.png) no-repeat center
}

.next:after {
	background: url(../images/next.png) no-repeat center
}
.next:hover:after {
	opacity: 1
}





.n_main_box{width:100%; z-index: 100;    background: rgba(204,204,204,0.3);}
.n_main_box .w1200{position:relative;width:80%;height: 70px;margin: 0 auto;    z-index: 2;}
.n_nav_box{height: 70px;line-height: 70px;position:relative;border-bottom: #e8e8e8 1px solid;}
.n_nav1{position:relative;font-size: 0;}
.n_nav1 a{display:inline-block;width: 145px;height: 70px;font-size: 15px;line-height: 70px;color: #000;text-align: center;box-sizing: border-box;position: relative;border-left: #dfdfdf 1px solid;border-right: #dfdfdf 1px solid;margin: 0 -0.5px;}
.n_nav1 a strong{display:block;color: #000000;position:relative;z-index:4;height: 70px;line-height: 70px;font-weight: 100;}
.n_nav1 a:before{content:"";width: 100%;height: 2px;position: absolute;bottom: 0;left: 0;background:transparent;}
.n_nav1 a:after{content:""; border-left:transparent 6px solid; border-right:transparent 6px solid; border-top:transparent 7px solid; position: absolute;top: 55px;left:50%; margin-left:-6px;}
.n_nav1 a:hover:before,.n_nav1 .on:before{background: #a71d7d;}
.n_nav1 a:hover:after,.n_nav1 .on:after{}
.n_nav1 a:hover strong,.n_nav1 .on strong{}
.n_nav{position:relative;text-align: right;font-size: 0;}
.n_nav a{display:inline-block;width: 145px;height: 70px;font-size: 15px;line-height: 70px;color: #000;text-align: center;box-sizing: border-box;position: relative;border-left: #dfdfdf 1px solid;border-right: #dfdfdf 1px solid;margin: 0 -0.5px;}
.n_nav a strong{display:block;color: #000000;position:relative;z-index:4;height: 70px;line-height: 70px;font-weight: 100;}
.n_nav a:before{content:"";width: 100%;height: 2px;position: absolute;bottom: 0;left: 0;background:transparent;}
.n_nav a:after{content:""; border-left:transparent 6px solid; border-right:transparent 6px solid; border-top:transparent 7px solid; position: absolute;top: 55px;left:50%; margin-left:-6px;}
.n_nav a:hover:before,.n_nav .on:before{background: #a71d7d;}
.n_nav a:hover:after,.n_nav .on:after{}
.n_nav a:hover strong,.n_nav .on strong{}
.n_up_box{ position:relative;}
.position{position:absolute;height: 72px;line-height: 72px;left: 0px;bottom: 0;color: #9c9ca0;padding-left: 17px;font-size: 14px;background: url(../images/home_icon.png) left 30px no-repeat;}
.position span, .position a, .position i{font-size: 14px;color: #5b5b5b;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i{margin: 0px 10px 0 8px;font-style:normal;}
.position i img{vertical-align:middle;margin-top: -2px;}
.position em{font-size: 13px;color: #a71d7d;font-style: normal;}
.position a:hover{color: #a71d7d;}
.n_main_box .main_box{width: 1200px;height: 80px;position:relative;margin: 0 auto;}


.wrap1 {
	padding: 60px 0 60px;width:100%; float:left;
}

.wrap1 .htit{
	font-size: 30px;
	color: #1a1a1a;
	position: relative;
	text-align: center;
	padding-bottom: 24px;
}
.wrap1 .htit:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000000;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
.wrap1 .hcon{
	font-size: 14px;
	color: #4d4d4d;
	line-height: 2.5;
	text-align: justify;
}

.look-more {display: block;  width:180px;height: 50px; border: 1px solid #a71d7d;line-height: 50px; text-align: center;font-size: 14px;color: #fff; margin: 30px auto 0;background:#a71d7d;-webkit-transition: background 0.3s ease 0s;transition: background 0.3s ease 0s;}
.look-more:hover {color: #fff;background-color:#000;border: 1px solid #000;}

.about1 {
    max-width: 80%;padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


.tz-gallery {
	padding: 1px 0px;
	box-sizing: border-box;
}
.tz-gallery .thumbnail {
	padding: 0;
	 border: 1px solid #f1efef;
    margin-bottom: 20px;
}
.tz-gallery img {
	border-radius: 2px;
	max-width: 100%;
}
.tz-gallery .caption {
	padding: 10px 30px;
	text-align: center;
}
.tz-gallery .caption h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;
}
.tz-gallery .caption p {
	font-size: 12px;
	color: #7b7d7d;
	margin: 0;
}
 .col-md-3   { position: relative;
 
    padding-right: 15px;float: left; width: 23%;
    padding-left: 15px;}

 .col-md-4   { position: relative;
 
    padding-right: 15px;float: left; width: 33.33%;
    padding-left: 15px;}


 .col-md-8   { position: relative;
 
    padding-right: 15px;float: left; width: 66.6%;
    padding-left: 15px;}




.pages{font-size: 14px; line-height:40px;text-align:center;clear:both; width:100%;}
.pages a{font-size: 14px; text-decoration:none;color:#3c3c3c;background:#fff;border:1px solid #cccccc;padding:8px 8px;margin-right:3px;cursor:pointer}
.pages .red{font-size: 14px; background:#a71d7d !important; color:#fff; border:0; padding:8px 8px;margin-right: 6px;}
.pages a.active{font-size: 14px; background:#000;border:1px solid #cccccc;color:#fff;margin-right:3px;}
.pages a:hover{font-size: 14px; text-decoration:none;color:#fff;background:#a71d7d;border:1px solid #cccccc}




.z-container2 {width:100%;height:auto;clear: both;margin: 0 auto;}
.contact_info{     padding: 10px 0 20px 0;}
.contact_info .titbar{  padding: 20px 0; position: relative; font-size: 30px; margin-bottom: 20px; }
.contact_info .titbar .tel{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);text-align: right; color: #878787; font-size: 14px;}
.titbar .tel em{ display: block; color: #009944; font-size: 24px; margin-top: 5px; font-weight: bold;}
.contact_btm{ display: flex; align-items: flex-end; justify-content: space-between;}
.conatct_addre{ float: left;}
.conatct_addre p{ margin-bottom: 10px; color: #666;}
.conatct_addre p i{padding-right: 15px;}
.contact_btm .foot_code{ margin-left: auto;}
.contact_map img{ width: 100%; vertical-align: bottom;}




.lh-recruit{padding:64px 0; background:#F9FAFB;}
.lh-recruit-h2{text-align:center; font-size:26px; position:relative;}
.lh-recruit-h2:after{content:''; display:block; width:18px; height:5px; background:#a71d7d; position:absolute; left:50%; bottom:-25px; margin-left:-9px;}
.lh-recruit-pre{margin:35px 0; line-height:24px; color:#666; text-align:center;}
.lh-recruit-item{background:#ffff; border-top:3px solid #a71d7d; margin-bottom:50px;}
.lh-recruit-item li{border-bottom:2px solid #F9FAFB;}
.lh-recruit-h{height:56px; line-height:56px; display:flex; flex-direction:row; text-align:center; padding:0 38px; cursor:pointer; z-index:1; position:relative;}
.lh-recruit-item li.on{color: #fff;}
.lh-recruit-item li:first-child .lh-recruit-h{cursor:auto; color:#666;}
.lh-recruit-item li:first-child .lh-recruit-h:before{display:none;}
.lh-recruit-h:before{content:''; display:block; width:100%; height:100%; background:#a71d7d; color: #fff; position:absolute; left:0; top:0; transform:scaleY(0); transition:ease .45s; transform-origin:center top;}
.lh-recruit-h:hover:before,.lh-recruit-item li.on .lh-recruit-h:before{transform:scaleY(1);  color: #fff; }
.lh-recruit-h span{flex:2; position:relative;}
.lh-recruit-h span:first-child{text-align:left; flex:1;}
.lh-recruit-h span:last-child{text-align:right; flex:1;}
.lh-recruit-h span i:before{content:''; display:block; width:12px; height:2px; background:#333; position:absolute; right:23px; top:50%; margin-top:-1px; transition:ease .65s;}
.lh-recruit-h span i:after{content:''; display:block; height:12px; width:2px; background:#333; position:absolute; right:28px; top:50%; margin-top:-6px; transition:ease .65s;}

.lh-recruit-item li.on span i:before{ background:#fff; }
.lh-recruit-item li.on span i:after{ background:#fff;}
.lh-recruit-info{padding: 18px 38px 38px 38px; color:#666; line-height:24px; display:none;}
.lh-recruit-info>.cont{margin:20px 0;}
.lh-recruit-info>a{    color: #fff;display:block; width:116px; height:40px; text-align:center; line-height:40px; border-radius:30px; background:#a71d7d; font-size:14px;}
.lh-recruit-info>a:hover{background:#DE9D0D;}


#n_ziliao{  padding-top: 40px; }
#n_ziliao ul{ margin: 0 0px; margin-bottom:20px; background:url(../images/n_ziliao_bg.png) center repeat-y;}
#n_ziliao ul li{ width: 47%; float: left;border-radius: 5px;border: 1px solid #e5e5e5; padding: 28px 0px; position: relative;margin: 0 1%; margin-top: 37px;}
#n_ziliao ul li a:before{ content:""; width:100%; height:100%; display:block; border:2px solid #a71d7d; border-radius:5px; position:absolute; left:0; top:0;transition:.3s; -webkit-transition:.3s; transform:scale(1.03,1.08); opacity:0; }
#n_ziliao ul li .txt{ margin-left:43px;width: 400px; float:left; position:relative;}
#n_ziliao ul li .txt p{ font-size:16px; color:#242425; line-height:26px; height:26px; overflow:hidden;}
#n_ziliao ul li .txt span{ font-size:12px; color:#97989b;display:block;}
#n_ziliao ul li .btn1{ display:block; width:54px; height:54px; float:right; margin-right:43px; margin-top:-2px; transition:.3s; -webkit-transition:.3s; background:url(../images/n_xiazai_ico.png) center no-repeat;}
#n_ziliao ul li:hover a .btn1{ background: url(../images/n_xiazai_ico_on.png) center no-repeat;}
#n_ziliao ul li:hover a:before{ transform:scale(1,1); opacity:1;}



.n_zixun1{ padding-top: 10px; }

.n_zixun{ padding-top: 50px; }

.n_zixun .m{ position:relative;}

.n_zixun .box1{ margin-bottom:60px; border:1px solid #e5e5e5;}

.n_zixun .box1 .img{ width:466px; height:240px; float:left;}

.n_zixun .box1 .txt{ width:670px; float:right; margin-right:32px;}

.n_zixun .box1 .txt h5 a{ font-size:18px; color:#666666; font-weight:600; padding-top:55px; padding-bottom:20px;}

.n_zixun .box1 .txt h5 a:hover{ color:#a71d7d;}

.n_zixun .box1 .txt p{ font-size:12px; color:#a6a6a7; line-height:24px;}

.n_zixun .box1 .txt span{ text-align:left; display:block; font-size:12px; line-height:50px; color:#6a6a6a;margin-top: 16px; text-decoration:underline;}

.n_zixun .box1 .txt span a{ float:right;    width: 99px;

    height: 29px;

    line-height: 29px;

    color: #fff;

    background: #ffc114;

    display: block;

    margin: 0 auto;

    text-align: center;

    border-radius: 0 10px 0 10px;}



.n_zixun ul{ margin:0 -45px;}

.n_zixun ul li{ width:30%;  float:left; margin-left:45px; margin-bottom:30px;}

.n_zixun ul li .img{ width:100%;  overflow: hidden;}
.n_zixun ul li .img img{    width: 100%;    height: 141px;
    display: block;
    object-fit: cover;}
.n_zixun ul li .img:hover img{ transform:scale(1.05);    -webkit-transition: all ease-in-out 500ms;}
.n_zixun ul li .txt{ padding:20px 0;}

.n_zixun ul li h5 a{ font-size:16px; color:#222225; display:block; margin-bottom:5px;}

.n_zixun ul li h5 a:hover{color:#a71d7d;}

.n_zixun ul li p{ font-size:14px; color:#a6a6a7; line-height:25px; height:50px; overflow:hidden; margin-bottom:19px;}

.n_zixun ul li span{ display:block; font-size:12px; color:#5b5c5e;}

.n_zixun ul li span a{ display:inline-block; float:right; text-decoration:underline #999;}

.n_zixun ul li span a:hover{ color:#a71d7d; text-decoration:underline #a71d7d;}

.n_zixun .s_btn{ display:block; margin:50px auto 70px; width:126px; height:36px; line-height:36px; text-align:center; border-radius:18px; border:1px solid #bbb; color:#666; }


.onePorfile { width: 100%; margin: 0px auto;  text-align: center; }
.onePorfile .t1 { font: 30px/1.4 "futura_lightregular","times new roman","microsoft yahei"; color: #000; }
.onePorfile .con { text-align: center; color: #323232; font-size: 14px; }
.cen-03 {
	padding-top: 5px;
}
.cen-04 {
	float: left;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	text-align: center;
	line-height: 50px;
	font-family: "Microsoft YaHei";
}
.cen-04-1 {
	text-align: center;
	border-bottom: 1px dashed #ccc;
	line-height: 40px;
	color: #666;
	float: left;
	width: 100%;
	padding-bottom: 10px;
}
.cen-04-2 {
	float: left;
	width: 100%;
	background: #f2e3d0;
	border: 1px solid #e7d1b4;
	padding: 5px;
}
.cen-04-3 {
	float: left;
	width: 100%;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 30px;text-align: left;
}
.cen-04-3 img{
	
	padding-bottom: 8px;
	
}
.cen-04-2 span {
	font-weight: bold;
	color: #d41833;
}
.cen-04-6 {
	float: left;
	width: 100%;
	border: 1px solid #fec3d7;
	font-size: 12px;
}
.btn3{ margin-top:10px; text-align: right  }
.btn3 a{ display:inline-block; height:35px; line-height:35px; background:#fff; color:#000;    border: 1px solid #e4eaec;  width:100PX; font-size:12px; border-radius: 3px; text-align: center;}
.btn3 a:hover{ background:#a71d7d; color:#fff;}



.sx {
	width: 100%;
	    float: left;
	padding: 20px 0;
	text-align: left;
	border-top: 1px dashed #ddd;
	color: #333;
	margin-top: 10px;
	font-family: Verdana, microsoft Yahei, Helvetica, sans-serif
}
.sx p {
	clear: both;
	line-height: 30px;
	font-weight: bold;
}
.sx a {
	padding-left: 0px;
	font-weight: normal
}
.sx a:link {
	color: #999;
	text-decoration: none;
}
.sx a:visited {
	color: #999;
	text-decoration: none;
}
.sx a:hover {
	color: #a71d7d;
	text-decoration: underline;
}
.sx a:active {
	color: #a71d7d;
	text-decoration: underline;
}
.sx span {
	float: right;
	padding-right: 20px;
}
.sx span a {
	padding-left: 20px;
	color: #999 !important;
	text-transform: uppercase;
	font-family: Verdana, microsoft Yahei, Helvetica, sans-serif
}

.onePorfile .con { text-align: center; color: #323232; font-size: 14px; padding-top: 3%; }
.onePorfile.target { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; }
.onePorfile.action { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; transition: 500ms ease 0ms; -webkit-transition: 500ms ease 0ms; }
.twoPorfile { margin-top: 95px; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center bottom; padding-bottom: 5%; }
.twoPorfile-con { position: relative; top: -95px; background-color: #fff; width: 828px; padding: 95px 108px; margin: 0px auto; }


.ilist{
	width: calc(100% + 10px);
	padding-bottom: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: -webkit-wrap;
	flex-wrap: -moz-wrap;
	flex-wrap: -ms-wrap;
	flex-wrap: -o-wrap;
	flex-wrap: wrap;
}
.ilist.on .item1:nth-child(n+5){
	display: none;
}
.item1{
	width: 25%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	padding: 10px 10px 0 0;
	zoom: 1;
	position: relative;
}
.item1 .contai{
	height: 100%;    border: 1px solid #f3f3f3;    background: #fff;
}
.item1 .contai:hover .box{
	    box-shadow: 4px 4px 20px 5px rgba(0, 0, 0, 0.13);
	    transform: translate(0,-3px);
	    z-index: 3;
	    position: relative;
	}
.item1 .btnbox{
	position: absolute;
	bottom: 36px;
	left: 2px;
	width: calc(100% - 20px);
	box-sizing: border-box;
	background: #fff;
	text-align: center;
	z-index: -1;
	opacity: 1;
	visibility: hidden;
}
.item1 .btnbox a{
	font-size: 12px;
	display: inline-block;
	height: 30px;
	    line-height: 26px;
	width: 100px;
	box-sizing: border-box;
	border: 1px solid #f3f3f3;
	margin: 0 7px;
	background: #fff;
	color: #494949;
	transition: all .3s ease-out;
	opacity: 0;
}
.item1 .btnbox a.purchase{
    background-color: #a71d7d;
    color: #ffffff;
    border: 1px solid #a71d7d;
}
.item1 .box{
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	padding-bottom: 38px;
    box-shadow: 0 0 10px 4px rgba(0,0,0,0);
    transition: all .3s ease-out;
    height: 100%;
    box-sizing: border-box;    color: #333;
}
.item1 .box .imgs{
	
}
.item1 .box .imgs img{     max-width: 100%;}
.item1 .tit{
	color: #666;
	padding: 0 3%;
    transition: all .3s ease-out;
    font-size: 16px;
    margin-bottom: 6px;
}
.d2{
	color: #666;
	padding: 0 4%;
    transition: all .3s ease-out;
    font-size: 13px;
    font-weight: 300;
}
.item1 .d3{
	color: #a71d7d;
	font-size: 14px;
	display: inline-block;
	padding-right: 14px;

	line-height: 30px;
}


.item1 .contai:hover .box,
.item1 .contai:hover .btnbox{
		z-index: 2;
		visibility: visible;
		opacity: 1;
	    transform: translate(0,-3px);
	}
.item1 .contai:hover .btnbox a{
		opacity: 1;
	}
.item1 .btnbox a:hover{
		color: #808080;
	}
.item1 .btnbox a.purchase:hover{
		background-color: #a71d7d;
		color: #fff;
	}


.item-pic__box {
	    position: relative;
    width: 40%;
    float: left;    margin-left: 30%;
  
}
.small-box {
	    position: relative;
    width:100%;
    
    margin-bottom: 5px;
    border: 1px solid #ccc;
}
.small-box img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
}
.small-box > .hover {
	display: none;
	left: 0;top: 0;
	position: absolute;
	border: 1px solid #fff;
	background-color: #000;
	filter: alpha(opacity=15);
	-moz-opacity: .15;
	opacity: .15;
	cursor: move;
}
.thumbnail-box {
	position: relative;
	width: 100%;
}
.thumbnail-box .btn {
	position: absolute;
	top: 0;bottom: 0;
	width: 26px;
	border: 0;
	background: #eee url(../images/thumb-but.gif) no-repeat;
}
.thumbnail-box .btn:active {background: #b31e22 url(../images/thumb-but_active.gif) no-repeat}
.thumbnail-box .btn-prev {left: 0}
.thumbnail-box .btn-next {right: 0;background-position: center right}
.thumbnail-box .btn-next:active {background: #b31e22 url(../images/thumb-but_active.gif) no-repeat center right}
.thumbnail-box > .thumb-list {
	overflow: hidden;
	width: 300px;
	margin: 0 auto;
}
.thumbnail-box .wrapper {
	font-size: 0;
	margin-bottom: 0;
	white-space: nowrap;
}
.thumbnail-box > .thumb-list .item {
	width: 56px;
	height: 56px;
	margin: 0 2px;
	cursor: pointer;
	display: inline-block;
	border: 2px solid #fff;
}

.thumbnail-box > .thumb-list .item img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
}
.thumbnail-box > .thumb-list .item.active {
	border: 2px solid #2e2a40;
}
.big-box {
	z-index: 100;
	display: none;
	overflow: hidden;
	position: absolute;
	left:110%;top: 0;
	border: 1px solid #ccc;
	width: 420px;height: 420px;
}
.item-info__box {
	width: 50%;
	float: right;
	padding: 20px 40px 20px 40px;
}
.item-title {line-height: 2em; }
.item-title > .name {
	font-size: 25px;
	max-height: 50px;
	line-height: 50px;
}
.item-price {
	padding: 10px;
	margin-bottom: 20px;
}
.item-price .price-panel {
	height: 40px;
	line-height: 40px;
}
.item-price .price-panel .price{
	font-size: 24px;
	color: #d00;
}
.vip-price-panel {
	height: 32px;
	padding: 0 10px;
	line-height: 32px;
	margin-top: 4px;
	position: relative;
}
.vip-price-panel:hover, .vip-price-panel.active {
	color: #fff;
	background-color: #b31e22;
}
.all-price__box {
	color: #fff;
	display: none;
	overflow: hidden;
	position: absolute;
	left: 0;right: 0;top: 32px;
	background-color: #b31e22;
	line-height: 1.571428;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #fff;
	border-left: 10px solid #b31e22;
	border-right: 10px solid #b31e22;
}
.text-justify {
	text-align: justify;
	text-align-last: justify;
}
.item-ind-panel {
	width: 100%;
	border: 1px dotted #ccc;
}
.item-ind-item {
	float: left;
	padding: 12px;
	text-align: center;
	width: 33.33333333%;
}
.item-ind-item a {text-decoration: none;}
.ind-count {font-weight: bold;}

.detailproduct{ width:100%; overflow:hidden; zoom:1;}


.detail_pro{ padding-top:10px; padding-bottom:0px;}

.detail_pro_center{ width:100%; margin:0 auto; background:#fff; margin-bottom:20px; }

.detail_pro_center h3{ line-height:34px; padding-left:15px; font-size:14px; background:#a71d7d;border-radius: 4px; color:#FFF; font-weight:normal;    font-family: 'Poppins', sans-serif;    text-align: left;}

.detail_pro_img{ padding:10px 0; text-align:left; padding-left:15px; font-size:14px;}