锘緻charset "utf-8";
/* CSS Document */
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
font-style: normal;
font-weight: normal;
}
a{ text-decoration:none; color:#333;
transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0,聽0,聽0,聽0);
-webkit-tap-highlight-color:聽transparent;
}
a:hover{color:#9542a6; cursor:pointer;}
img{border:0; max-width:100%;}
video{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border:0}
input{ outline:0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border:0}
body{ overflow:hidden;}
.pz_top{ float:left; width:100%;/* position:absolute; */z-index:999;}
.pz_banner{ float:left; width:100%; position:relative;}
.pz_main{ float:left; width:100%; }
.pz_down{ float:left; width:100%; background:url(../images/footer.jpg);}
/*top*/
.top{ border-top:1px solid #7C359B; border-bottom:1px solid #fff; height:156px;}
.top .logo{ float:left; width:304px; height:74px; margin:39px 0 0 0;}
.top_right_head{ float:right; width:370px; height:40px;}
.Features{ float:left; width:100%; position:relative;}
.Features_bg{ float:left; width:3000px; height:40px; background:#7C359B; position:absolute; left:0; top:-1px; z-index:97;}
.Features_bg:before{ content:''; width:55px; height:40px; position:absolute; left:-53px; top:0; background:url(../images/top3.png) no-repeat center center; background-size:contain;}
.Features li{ float:left; margin-left:-3px; margin-top:8px; font-size:14px; color:white; line-height:24px; position:relative; z-index:666;}
.Features li:last-child{ float:right; margin-left:0;}
.Features li p{display:inline-block;}
.Features li img{ vertical-align:middle; margin:-3px 5px 0 0;}
.Features li a{ color:white;}
.Features li a:hover{ text-decoration:underline;}
.menu{ z-index:99; float: right; margin-top:23px;}
.menu > ul{ float:left; width:100%;}
.menu ul .nli{ float:left;z-index:99; margin:0 0 0 133px; height:92px; position:relative;}
/*.menu ul .nli span{ display:block; width:100%; float:left;}*/
.sub .l2 .l2_a span{
position: relative;
top: -10px;
font-size: 12px;
}
.menu ul .nli span a{ display:block; float:left; height:57px; line-height:57px; color:#333; font-size:16px; overflow:hidden; font-weight:bold; min-width:66px; text-align:center; background-position:center top;}
.menu ul .nli.on span a,.menu ul .nli:hover span a{ background:url(../images/top1.png) no-repeat center top; color:#7C359B;}
/*涓嬫媺鑿滃崟锛堟紓娴湪menu .nli涓婏級*/
.sub{ z-index:21; position:absolute; width:180px; left: 50%; margin-left:-90px;top:100%; display:none; text-align:center; background:#f5f5f5; box-shadow:0 6px 9px rgba(0,0,0,0.16);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.sub:before{ content:''; width:65px; height:2px; background:#7C359B; position:absolute; left:50%; top:-1px; margin-left:-32.5px;}
.sub .l2{ width:100%; position:relative;}
.sub .l2 .l2_a{ display:block; width:100%; float:left; font-size:16px; line-height: 67px; color: #333; overflow:hidden; border-bottom:solid 1px #ccc;}
.sub .l2:hover .l2_a{ color:#7C359B; border-bottom:solid 1px #7C359B;}
.sub .l2 .l3_ul{ width:180px; position:absolute; left:99%; top:0; display:none; box-shadow:0 6px 9px rgba(0,0,0,0.16); background:#f5f5f5;}
.sub .l2 .l3_ul .l3{ width:100%; position:relative;}
.sub .l2 .l3_ul .l3 .l3_a{ display:block; width:100%; float:left; font-size:16px; line-height: 67px; color: #777; overflow:hidden; position:relative; border-bottom:solid 1px #ccc;}
.sub .l2 .l3_ul .l3:hover .l3_a{ color:#7C359B; border-bottom:solid 1px #7C359B;}
.sub .l2:hover .l3_ul{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
.menu ul .nli:hover .sub{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
.menu.white{ background-image:url(../images/top2.png);}
.menu ul .nli.on span a,
.menu ul .nli:hover span a{ color:#7C359B; border-color:#7C359B;}
@-webkit-keyframes fadeInUp1{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp1{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
.menuph{ float:right; cursor: pointer; width: 18px; height: 50px; position:relative; display:none;}
.menuph .point { display:block; width: 18px; height: 30px; margin-top:20px;}
.menuph .navbtn { position: absolute; top: 24px; right: 0px; display: inline-block; width: 18px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #000; z-index:9999;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 18px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #000;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;}
.menuph .navbtn::after { top:-6px;}
.menuph .navbtn::before { top:6px;}
.menuph .point.active .navbtn{ background: transparent; }
.menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
.menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }
.pz_top_index .menuph .navbtn,.pz_top_index .menuph .navbtn::after,.pz_top_index .menuph .navbtn::before{ background:white;}
.pf_menu{ position:fixed; width:100%; height:100%; right:-100%; top:0px; z-index:9 !important; display:block; z-index: 98; background:rgba(0,0,0,0.8);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.pf_menu.on_1{ right:0;}
.ph_menu{ position:absolute; height:100%; right:0; top:0px; width:80%; text-align:left; padding:50px 0 0 0px; overflow:hidden;background: #f5f5f5; overflow-y:auto;}
.nav_box{ width:100%; float:left;}
.ph_menu .nli{ float:left; width:100%; position:relative;}
.ph_menu .nli span{ float:left; width:100%;}
.ph_menu .nli .l1_a{ float:left; width:100%; color:#000; font-size:14px; line-height:50px; white-space:nowrap; position: relative; letter-spacing: 1px; border-bottom:solid 1px #ccc; padding:0 10px;}
.ph_menu .nli svg{ display:block; width:40px; height:40px; position:absolute; right:0; top:5px; background:url(../images/top_6_h.png) no-repeat center center; background-size:auto 14px !important;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.ph_menu .nli.on .l1_a{ color:#7C359B;}
.ph_menu .nli.on svg{ background-image:url(../images/top_6_h.png); transform:rotate(90deg);}
.ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; border-bottom:solid 1px #ccc;}
.ph_menu .nli .l2_ul .l2{ width:100%; float:left; position:relative; padding:0 15px;}
.ph_menu .nli .l2_ul .l2 .l2_a{ display:block; line-height:40px; font-size:13px; color:#333; text-transform:uppercase; opacity:0.8;}
.ph_menu .nli .l2_ul .l2 i{ display:block; width:40px; height:40px; position:absolute; right:0; top:0px; background:url(../images/top_6_h.png) no-repeat center center; background-size:auto 12px !important;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.ph_menu .nli .l2_ul .l2.on{ background:#7C359B;}
.ph_menu .nli .l2_ul .l2.on .l2_a{ opacity:1; color:white;}
.ph_menu .nli .l2_ul .l2.on i{ background-image:url(../images/top_6.png); transform:rotate(90deg);}
.ph_menu .nli .l3_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 15px;}
.ph_menu .nli .l3_ul .l3{ width:100%; float:left;}
.ph_menu .nli .l3_ul .l3 .l3_a{ line-height:30px; font-size:13px; color:#fff; text-transform:uppercase; opacity:0.8;}
.ph_menu .nli .l3_ul .l3 .l3_a:active{ opacity:1;}
.ph_menu .search{ display:block; float:left; height:40px; border:solid 1px #000; width:96%; padding: 0 40px 0 0; position: relative; left:auto; top:auto; right:auto; margin-top:10px; z-index:1; margin-left:2%;}
.ph_menu .search .search_k{ height:38px; line-height:38px; width:100%; background: white; font-size: 14px; color: #000; padding-left:10px; font-weight:bold;}
.ph_menu .search .search_b{ position: absolute; right:-1px; top: 0; height:38px; width:40px; background: #000 url(../images/top8.png) no-repeat center center; background-size: 40px 40px;}
.ph_menu .msg{ width:100%; float:left; margin-top:10px;}
.ph_menu .msg a{ display:block; width:100%; float:left; height:36px; line-height:36px; text-align:center; background:#073d6f; font-size:14px; color:white; font-weight:bold; font-family:Arial;
-moz-border-radius:18px;
-webkit-border-radius:18px;
-khtml-border-radius:18px;
border-radius:18px;}
.pf_menu.on{ padding:64px 95px 0 95px;}
.pz_top_index.active{ background:black;}
.ph_menu_down{ width:100%; float:left; margin-top:20px;}
.ph_menu_down li{ width:100%; float:left; font-size:14px; color:#333; line-height:28px;}
.ph_menu_down li a{ display:block; width:100%; color:#7C359B; text-align:center;}
.ph_menu_down li a img{ vertical-align:middle; margin:-2px 5px 0 0;}
@media screen and (max-width: 1529px) {
.menu ul .nli{ margin:0 0 0 83px;}
}
@media screen and (max-width: 1199px) {
.menu ul .nli{ margin:0 0 0 43px;}
}
@media screen and (max-width: 991px) {
.top .logo{ width:204px; height:50px; margin:50px 0 0 0;}
.menu ul .nli{ margin:0 0 0 23px;}
}
@media screen and (max-width: 767px) {
/*.pz_top{ position:fixed;}*/
.menuph{ display:block;}
.menu,.top_right_head{ display:none;}
.top{ height:50px; padding:0 10px; border-bottom:0;}
.pz_top{ background:rgba(255,255,255,0.8);}
.top .logo{ width:140px; height:34px; margin:8px 0 0 0;}
.pz_top.on{ background:white;}
}
.slide_banner{ width:100%; float:left;}
.slide_banner img{ width:100%; float:left;}
.banner_ico{ width:52px; height:28px; position:absolute; left:50%; bottom:50px; left:50%; margin-left:-26px; cursor:pointer; line-height:0;}
.dian{ position:absolute; width:35px; right:50%; margin-right:-765px; top:50%; margin-top:-60px;}
.dian .slick-dots {
display: block; overflow:visible;
width: 35px; position:relative; float:left; bottom:auto; left:auto; right:auto;
}
.dian .slick-dots li {
display:block;
width: 35px;
height: 20px;
margin: 27px 0 0 0;
padding: 0;
cursor: pointer;
background:url(../images/banner_dian.png) no-repeat center bottom;
}
.dian .slick-dots li.slick-active{
background-position:top center;
}
.dian .slick-dots li button{ position:absolute; top:0; width:23px; text-align:left; height:20px; line-height:20px; color:#7C359B; font-size:22px;font-family:Arial; font-weight:bold; text-indent:0; padding:0; display:none; left:-23px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.dian .slick-dots li.slick-active button{ display:block;}
.dian .slick-dots li button:before{ content:'0'; color:white; opacity:1;line-height:20px; color:#7C359B; font-size:22px;font-family:Arial; font-weight:bold; position:absolute; left:-13px; top:0;}
@media screen and (max-width: 1529px) {
.dian{ margin-right:-600px;}
}
@media screen and (max-width: 1199px) {
.dian{ right:30px; margin-right:0;}
.dian .slick-dots li { margin: 15px 0 0 0;}
}
@media screen and (max-width: 991px) {
.dian{ display:none;}
.banner_ico{ width:32px; height:17px; bottom:30px; margin-left:-16px;}
}
@media screen and (max-width: 767px) {
.banner_ico{ width:20px; height:10px; bottom:10px; margin-left:-10px; text-align:center;}
}
/*footer*/
.footer_head{ width:100%; float:left; padding:30px 0 40px 0; border-bottom:solid 1px #4c4c4c;}
.footer_head .logo{ float:left; width:304px;}
.footer_head ul{ float:right; margin-top:26px;}
.footer_head ul li{ float:left;}
.footer_head ul li a{ display:block; float:left; font-size:16px; color:#fff; line-height:42px;}
.footer_head ul li a:hover{ color:white;}
.footer_head ul span{ display:block; float:left; height:42px; width:99px; background:url(../images/footer2.jpg) no-repeat center center;}
@media screen and (max-width: 1529px) {
.footer_head ul span{ width:59px;}
}
@media screen and (max-width: 1199px) {
.footer_head ul span{ width:39px;}
}
@media screen and (max-width: 991px) {
.footer_head{ padding:30px 0 20px 0;}
.footer_head .logo{ width:204px;}
.footer_head ul{ margin-top:16px;}
.footer_head ul li a{ font-size:14px; line-height:36px;}
.footer_head ul span{ width:29px; height:36px;}
}
@media screen and (max-width: 767px) {
.footer_head{ padding:10px 10px 8px 10px;}
.footer_head .logo{ display:none;}
.footer_head ul{ margin-top:0; width:100%; text-align:center;}
.footer_head ul li{ float:none; display:inline-block; vertical-align:top;}
.footer_head ul li a{ line-height:30px; font-size:13px;}
.footer_head ul span{ float:none; display:inline-block; vertical-align:top; width:20px; height:30px; background-size:1px 10px;}
}
.footer_body{ width:100%; float:left; padding:30px 0 79px 0; border-bottom:solid 1px #4c4c4c;}
.footer_body ul{ width:100%; float:left;}
.footer_body ul li{ width:25%; float:left; padding-left:73px; position:relative; height:72px;}
.footer_body ul li .ico{ width:60px; height:72px; position:absolute; left:0; top:0; line-height:0;}
.footer_body ul li h6{ width:100%; float:left; font-size:14px; color:white; line-height:32px;}
.footer_body ul li h4{ width:100%; float:left; font-size:26px; color:white; line-height:40px; font-weight:bold; font-family:Arial;}
.footer_body ul li h5{ width:100%; float:left; font-size:16px; color:white; line-height:22px;}
.footer_body ul li .btn{ width:100%; float:left; margin-top:6px;}
.footer_body ul li .btn a{ display:block; float:left; width:25px; height:25px; margin-right:14px; background-position:center center; background-size:contain; background-repeat:no-repeat; position:relative;}
.footer_body ul li .btn a .ewm{ position:absolute; left:50%; top:-126px; width:116px; height:123px; padding:10px 10px 17px 10px; background:url(../images/ewm_bg.png) no-repeat center center; background-size:contain; margin-left:-58px; display:none;}
.footer_body ul li .btn a .ewm img{ width:100%; float:left;}
.footer_body ul li .btn a:hover .ewm{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
.footer_body ul li .btn a.a1{ background-image:url(../images/footer7.png);}
.footer_body ul li .btn a.a2{ background-image:url(../images/footer8.png);}
.footer_body ul li .btn a.a3{ background-image:url(../images/footer9.png);}
.footer_body ul li .btn a.a1:hover{ background-image:url(../images/footer7_h.png);}
.footer_body ul li .btn a.a2:hover{ background-image:url(../images/footer8_h.png);}
.footer_body ul li .btn a.a3:hover{ background-image:url(../images/footer9_h.png);}
.footer_body ul li.l1{ width:30%;}
.footer_body ul li.l2{ width:20%;}
@media screen and (max-width: 1199px) {
.footer_body ul li{ width:50% !important; margin-top:20px;}
.footer_body{ padding:28px 0 49px 0;}
}
@media screen and (max-width: 991px) {
.footer_body ul li{ padding-left:63px; height:62px;}
.footer_body ul li .ico{ width:50px; height:62px;}
.footer_body ul li h6{ font-size:12px; line-height:26px;}
.footer_body ul li h4{ font-size:20px; line-height:30px;}
.footer_body ul li h5{ font-size:14px; line-height:30px;}
.footer_body ul li .btn{ margin-top:2px;}
.footer_body ul li .btn a{ width:23px; height:23px; margin-right:10px;}
}
@media screen and (max-width: 767px) {
.footer_body{ padding:18px 10px 19px 10px;}
.footer_body ul li{ width:100% !important; padding-left:43px; height:52px; margin-top:6px;}
.footer_body ul li .ico{ width:30px; height:52px;}
.footer_body ul li h6{ line-height:22px;}
.footer_body ul li h4{ font-size:16px; line-height:24px;}
.footer_body ul li h5{ font-size:12px; line-height:20px; word-break:break-all;}
.footer_body ul li .btn{ margin-top:2px;}
.footer_body ul li .btn a{ width:21px; height:21px; margin-right:6px;}
}
.footer_down{display:none; width:100%; float:left; padding:22px 0 23px 115px; position:relative;}
.footer_down dt{ display:block; position:absolute; left:0; top:22px; font-size:14px; color:white; line-height:30px;}
.footer_down dt img{ vertical-align:middle; margin:-3px 11px 0 0; width:24px;}
.footer_down .dd{ width:100%; float:left; overflow:hidden;}
.footer_down .dd a{ display:block; float:left; position:relative; font-size:14px; color:#888; line-height:30px; margin-right:22px; position:relative;}
.footer_down .dd a:hover{ color:white;}
.footer_down .dd a span{ display:block; position:absolute; height:30px; top:0; left:-13px; font-size:14px; color:#888; line-height:30px;}
@media screen and (max-width: 991px) {
.footer_down{ padding:12px 0 13px 95px;}
.footer_down dt{ top:12px; font-size:12px; line-height:24px;}
.footer_down dt img{ margin:-3px 6px 0 0; width:20px;}
.footer_down .dd a{ font-size:12px; line-height:24px; margin-right:12px;}
.footer_down .dd a span{ height:24px; top:0; left:-7px; font-size:12px; line-height:24px;}
}
@media screen and (max-width: 767px) {
.footer_down{ padding:12px 10px 13px 10px; position:relative;}
.footer_down dt{ position:relative; width:100%; left:auto; top:auto; float:left;}
.footer_down dt:before{ content:''; width:20px; height:100%; position:absolute; right:0; top:0; background:url(../images/top_6.png) no-repeat center center; background-size:8px auto;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.footer_down dt span{ display:none;}
.footer_down .dd{ display:none; position:absolute; left:0; bottom:100%; background:#1a1a1a; max-height:160px; overflow-y:auto;
-moz-border-top-left-radius:8px;
-webkit-border-top-left-radius:8px;
-khtml-border-top-left-radius:8px;
border-top-left-radius:8px;
-moz-border-top-right-radius:8px;
-webkit-border-top-right-radius:8px;
-khtml-border-top-right-radius:8px;
border-top-right-radius:8px;}
.footer_down .dd a{ display:block; width:100%; text-align:center; line-height:30px; border-bottom:solid 1px #242424;}
.footer_down .dd a span{ display:none;}
}
.footer_down dt.on:before{ transform:rotate(-90deg);}
.bottom{ background:#1a1a1a; padding:13px 0;}
.bottom .p{ float:left; font-size:12px; color:#aaa; line-height:24px;}
.bottom .link{ float:right; font-size:12px; color:#aaa; line-height:24px;}
.bottom .link a{ color:#aaa;}
.bottom .link a:hover{ color:#fff;}
.bottom .link span{ margin:0 13px;}
@media screen and (max-width: 991px) {
.bottom{ padding:9px 0;}
.bottom .p{ width:100%; text-align:center; line-height:22px;}
.bottom .link{ width:100%; text-align:center; line-height:22px;}
}
@media screen and (max-width: 767px) {
.bottom{ padding:9px 10px;}
.bottom .link span{ margin:0 9px;}
}
/*鍙虫紓娴?/
.right{ position: fixed; width: 42px; right: 20px; top: 50%; margin-top: -135px; z-index: 20;}
.right ul{ float: left; width:100%; margin-top:-15px;}
.right ul .bian{ width:1px; height:90%; border-left:dashed 1px #ba54ef; position:absolute; left:50%; top:15px; z-index:-1;}
.right ul li{ float: right; width: 42px; height: 42px; margin-top:15px; background:#2c2e35; position: relative;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;}
.right ul li .zbox{ width:100%; height:100%; float:right; position:relative;}
.right ul li .zbox > img{ width: 42px; height: 42px; float: left;}
.right ul li .name{ width:120px; position:absolute; left:-111px; top:50%; margin-top:-16px; line-height:32px; font-size:14px; color:#999; text-align:right; padding-right:16px; background:#7C359B; color:white; display:none;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;}
.right ul li:hover .name{ display:block;}
.right ul li:hover{ background:#7C359B;}
.right ul li .zbox .ewm{ display:none; width:107px; height:99px; padding:9px 17px 9px 9px; background:url(../images/right6.png) no-repeat center center; position:absolute; left:-110px; top:50%; margin-top:-50px; z-index:6;}
.right ul li .zbox .ewm img{ width:100%; float:left;}
.right ul li .zbox:hover .ewm{ display:block;}
@media screen and (max-width: 1199px) {
.right{ right:0;}
}
@media screen and (max-width: 991px) {
.right{ display: none;}
}
/*棣栭〉main*/
.c_1530_1{ width:100%; float:left; padding:94px 0 100px 0;}
.tit_1{ width:100%; float:left; text-align:center;}
.tit_1 h3{ width:100%; float:left; background:url(../images/index1.png) no-repeat center 15px; font-size:26px; color:#333; font-weight:bold; line-height:38px; font-weight:bold;}
.tit_1 h3 span{ color:#7C359B;}
.tit_1 h6{ width:100%; float:left; font-size:12px; color:#ccc; line-height:23px; text-transform:uppercase;font-family: 'OPENSANS-REGULAR';}
.slide_pic_1{ width:100%; float:left; margin-top:30px;}
.slide_pic_1 .li_hp{ width:100%; float:left; padding:23px 15px;}
.slide_pic_1 .li_hp .zbox{ width:100%; float:left;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_1 .li_hp .zbox .img,.slide_pic_1 .li_hp .zbox .img img{ width:100%; float:left;}
.slide_pic_1 .li_hp .zbox .text{ width:100%; float:left; height:150px; padding:21px 30px 17px 31px; border:solid 1px #eee; border-top:0; position:relative;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_1 .li_hp .zbox .text .name{ width:100%; float:left; font-size:16px; color:#333; line-height:28px; padding-right:32px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_1 .li_hp .zbox .text .name span{ position: relative;
top: -10px;
font-size: 12px;}
.slide_pic_1 .li_hp .zbox .text:before{ content:''; width:30px; height:30px; position:absolute; right:31px; top:35px; margin-top:-15px; background:url(../images/index8.png) no-repeat center center; background-size:contain;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_1 .li_hp .zbox .text .p{ width:100%; float:left; font-size:14px; color:#999; line-height:25px; margin-top:17px; height:50px; overflow:hidden;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_1 .li_hp .zbox:hover .text{ background:#7C359B; border-color:#7C359B;}
.slide_pic_1 .li_hp .zbox:hover .text .name,.slide_pic_1 .li_hp .zbox:hover .text .p{ color:white;}
.slide_pic_1 .li_hp .zbox:hover .text:before{ background-image:url(../images/index8_h.png);}
.slide_pic_1 .li_hp .zbox:hover{ box-shadow:0 0 22px rgba(68,68,68,0.28);}
.c_1530_1 .arr{ width:100%; float:left; text-align:center; margin-top:60px;}
.c_1530_1 .arr .zuo,.c_1530_1 .arr .you{ display:inline-block; vertical-align:top; width:40px; height:40px; background-image:url(../images/index3.png); background-repeat:no-repeat; background-position:left center; cursor:pointer;}
.c_1530_1 .arr .you{ background-position:right center;}
.c_1530_1 .arr .more{ display:inline-block; vertical-align:top; width:40px; height:40px; margin:0 25px; background:url(../images/index2.png); background-size:contain;}
.c_1530_1 .arr .zuo:hover,.c_1530_1 .arr .you:hover{ background-image:url(../images/index3_h.png);}
.c_1530_1 .arr .more:hover{ background-image:url(../images/index2_h.png);}
@media screen and (max-width: 991px) {
.c_1530_1{ padding:54px 0 60px 0;}
.tit_1 h3{ font-size:20px; line-height:32px; background-size:auto 7px;}
.tit_1 h6{ line-height:21px;}
.slide_pic_1{ margin-top:15px;}
.slide_pic_1 .li_hp{ padding:13px 10px;}
.slide_pic_1 .li_hp .zbox .text{ height:100px; padding:11px 20px 10px 21px;}
.slide_pic_1 .li_hp .zbox .text .name{ font-size:14px; line-height:20px; padding-right:22px;}
.slide_pic_1 .li_hp .zbox .text:before{ width:20px; height:20px; top:21px; right:21px; margin-top:-10px;}
.slide_pic_1 .li_hp .zbox .text .p{ font-size:12px; line-height:23px; margin-top:12px; height:46px;}
.c_1530_1 .arr{ margin-top:30px;}
.c_1530_1 .arr .zuo,.c_1530_1 .arr .you{ width:30px; height:30px; background-size:auto 30px;}
.c_1530_1 .arr .more{ width:30px; height:30px; margin:0 15px;}
.slide_pic_1 .li_hp .zbox:hover{ box-shadow:0 0 12px rgba(68,68,68,0.28);}
}
@media screen and (max-width: 767px) {
.c_1530_1{ padding:24px 10px 30px 10px;}
.tit_1 h3{ font-size:16px; line-height:26px; background-size:auto 5px;}
.tit_1 h6{ line-height:19px;}
.slide_pic_1{ margin-top:10px;}
.slide_pic_1 .li_hp{ padding:13px 5px;}
.slide_pic_1 .li_hp .zbox .text{ height:90px; padding:11px 10px 10px 11px;}
.slide_pic_1 .li_hp .zbox .text:before{ right:11px;}
.slide_pic_1 .li_hp .zbox .text .p{ line-height:21px; margin-top:8px; height:40px;}
.c_1530_1 .arr{ margin-top:15px;}
.c_1530_1 .arr .zuo,.c_1530_1 .arr .you{ width:24px; height:24px; background-size:auto 24px;}
.c_1530_1 .arr .more{ width:24px; height:24px; margin:0 10px;}
.slide_pic_1 .li_hp .zbox:hover{ box-shadow:0 0 12px rgba(68,68,68,0.28);}
}
.zbg1{ background:url(../images/index9.jpg);}
.c_1530_2{ width:100%; float:left; padding:94px 0 126px 0;}
.slide_pic_2{ width:100%; float:left; margin-top:48px; position:relative;}
.slide_pic_2 a{ display:block; float:left; padding:0 15px; text-align:center;}
.slide_pic_2 h6{ width:100%; font-size:14px; color:#888; line-height:24px;}
.slide_pic_2 h4{ width:100%; font-size:22px; color:#333; line-height:33px; margin-top:8px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_2 .bian{ width:2px; height:59px; margin:47px auto 0 auto; background:#333;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_2 .img{ width:100%; margin-top:49px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_2 .ico{ width:100%; margin-top:80px; height:50px; background:url(../images/index14.png) no-repeat center center; background-size:contain;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_2 a:hover .img{ box-shadow:0 0 21px rgba(0,0,0,0.23)}
.slide_pic_2 a:hover h4{ color:#7C359B;}
.slide_pic_2 a:hover .ico{ background-image:url(../images/index14_h.png);}
.slide_pic_2 a:hover .bian{ background:#7C359B;}
@media screen and (max-width: 991px) {
.c_1530_2{ padding:54px 0 66px 0;}
.slide_pic_2{ margin-top:28px; padding-bottom:30px;}
.slide_pic_2 a{ padding:0 10px;}
.slide_pic_2 h6{ font-size:12px; line-height:22px;}
.slide_pic_2 h4{ font-size:18px; line-height:26px; margin-top:4px;}
.slide_pic_2 .bian{ width:1px; height:39px; margin:27px auto 0 auto;}
.slide_pic_2 .img{ margin-top:29px;}
.slide_pic_2 .ico{ margin-top:40px; height:30px;}
.slide_pic_2 .slick-dots
{ height:10px;
position: absolute;
bottom: 0;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slide_pic_2 .slick-dots li
{
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
padding: 0;
background:#ccc;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;
}
.slide_pic_2 .slick-dots li.slick-active{ background:#7C359B;}
.slide_pic_2 .slick-dots li button{ display:none;}
}
@media screen and (max-width:767px) {
.c_1530_2{ padding:24px 10px 26px 10px;}
.slide_pic_2{ margin-top:18px; padding-bottom:20px;}
.slide_pic_2 a{ padding:0 5px;}
.slide_pic_2 h6{ line-height:18px;}
.slide_pic_2 h4{ font-size:16px; line-height:24px; margin-top:2px;}
.slide_pic_2 .bian{ height:29px; margin:17px auto 0 auto;}
.slide_pic_2 .img{ margin-top:19px;}
.slide_pic_2 .ico{ margin-top:20px; height:20px;}
.slide_pic_2 .slick-dots li{ width: 6px; height: 6px; margin: 0 3px;}
}
.c_1530_3{ width:100%; float:left; padding:92px 0 100px 0;}
.c_1530_3 .hd{ width:100%; float:left; text-align:center; margin-top:34px;}
.c_1530_3 .hd ul{ display:inline-block; vertical-align:top;}
.c_1530_3 .hd ul li{ display:block; float:left; margin:0 15px; width:120px; height:34px; line-height:34px; font-size:16px; color:white; background:#aaa; cursor:pointer;
-moz-border-radius:17px;
-webkit-border-radius:17px;
-khtml-border-radius:17px;
border-radius:17px}
.c_1530_3 .hd ul li.on{ background:#7C359B;}
.c_1530_3 .bd{ width:100%; float:left; margin-top:60px;}
.c_1530_3 .bd .c_750{ width:49.02%; float:left; height:660px; background:#f6f6f6; padding:62px 85px 20px 85px;}
.c_1530_3 .bd .c_750 h4{ width:100%; float:left; font-size:30px; color:#999; line-height:38px; font-weight:bold; font-family:Arial;}
.c_1530_3 .bd .c_750 .title{ width:100%; float:left; font-size:22px; color:#666; line-height:30px; margin-top:18px;}
.c_1530_3 .bd .c_750 .p{ width:100%; float:left; font-size:14px; color:#aaa; line-height:26px; height:78px; overflow:hidden; margin-top:30px; padding-left:31px; position:relative;}
.c_1530_3 .bd .c_750 .p:before{ content:''; width:2px; height:66px; background:#aaa; position:absolute; left:0; top:50%; margin-top:-33px;}
.c_1530_3 .bd .c_750 .img{ width:100%; float:left; margin-top:24px; overflow:hidden; position:relative;/* padding-bottom:41.38%;*/padding-bottom:58.38%;}
.c_1530_3 .bd .c_750 .img img{position:absolute; left:0; top:0; width:100%; }
.c_1530_3 .bd .c_750 .detail{ width:100%; float:left; margin-top:30px;}
.c_1530_3 .bd .c_750 .detail a{ display:block; float:left; width:145px; height:40px; line-height:40px; background:#7C359B; padding:0 20px; font-size:14px; color:white; font-family: 'OPENSANS-REGULAR'; text-transform:uppercase;}
.c_1530_3 .bd .c_750 .detail a img{ float:right; margin-top:17px;}
.c_1530_3 .bd .c_750 .detail a:hover{ padding:0 40px;}
.c_1530_3 .bd .c_750:hover .title{ color:#7C359B;}
.c_1530_3 .bd ul{ width:50.98%; float:right; border-top:solid 1px #f6f6f6;}
.c_1530_3 .bd ul li{ width:100%; float:left; height:219px; border-bottom:solid 1px #f6f6f6; border-right:solid 1px #f6f6f6; background:white; padding:54px 215px 53px 60px; position:relative;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.c_1530_3 .bd ul li .time{ width:57px; position:absolute; right:59px; top:54px; font-size:24px; color:#999; line-height:28px; font-family:Arial; padding-bottom:66px; background:url(../images/index17.png) no-repeat left bottom;}
.c_1530_3 .bd ul li .title{ width:100%; float:left; font-size:18px; color:#666; line-height:28px;}
.c_1530_3 .bd ul li .p{ width:100%; float:left; font-size:14px; color:#aaa; line-height:25px; margin-top:33px; height:50px; overflow:hidden;}
.c_1530_3 .bd ul li:hover{ box-shadow:0 0 57px rgba(10,2,4,0.18); z-index:3;}
.c_1530_3 .bd ul li:hover .title{ color:#7C359B;}
@media screen and (max-width: 1199px) {
.c_1530_3 .bd .c_750{ height:560px; padding:42px 65px 10px 65px;}
.c_1530_3 .bd ul li{ height:186px; padding:34px 145px 33px 40px;}
.c_1530_3 .bd ul li .time{ right:39px;}
}
@media screen and (max-width: 991px) {
.c_1530_3{ padding:52px 0 60px 0;}
.c_1530_3 .hd{ margin-top:24px;}
.c_1530_3 .hd ul li{ margin:0 10px; width:100px; height:30px; line-height:30px; font-size:14px;}
.c_1530_3 .bd{ margin-top:30px;}
.c_1530_3 .bd .c_750{ height:440px; padding:32px 35px 10px 35px;}
.c_1530_3 .bd .c_750 h4{ font-size:24px; line-height:32px;}
.c_1530_3 .bd .c_750 .title{ font-size:16px; line-height:24px; margin-top:12px;}
.c_1530_3 .bd .c_750 .p{ font-size:12px; line-height:22px; height:66px; margin-top:20px; padding-left:21px;}
.c_1530_3 .bd .c_750 .p:before{ height:56px; margin-top:-28px;}
.c_1530_3 .bd .c_750 .img{ margin-top:14px;}
.c_1530_3 .bd .c_750 .detail{ margin-top:20px;}
.c_1530_3 .bd .c_750 .detail a{ width:125px; height:34px; line-height:34px; padding:0 10px; font-size:12px;}
.c_1530_3 .bd .c_750 .detail a img{ width:17px; margin-top:15px;}
.c_1530_3 .bd .c_750 .detail a:hover{ padding:0 30px;}
.c_1530_3 .bd ul li{ height:146px; padding:24px 105px 23px 20px;}
.c_1530_3 .bd ul li .time{ right:20px; top:24px; padding-bottom:46px; background-size:20px auto; font-size:18px;}
.c_1530_3 .bd ul li .title{ font-size:16px; line-height:24px;}
.c_1530_3 .bd ul li .p{ font-size:12px; line-height:23px; margin-top:23px; height:46px;}
}
@media screen and (max-width: 767px) {
.c_1530_3{ padding:22px 10px 30px 10px;}
.c_1530_3 .hd{ margin-top:14px;}
.c_1530_3 .hd ul li{ margin:0 6px;}
.c_1530_3 .bd{ margin-top:20px;}
.c_1530_3 .bd .c_750{ width:100%; height:auto; padding:22px 25px 20px 25px;}
.c_1530_3 .bd .c_750 h4{ font-size:18px; line-height:26px;}
.c_1530_3 .bd .c_750 .title{ font-size:14px; line-height:22px; margin-top:8px;}
.c_1530_3 .bd .c_750 .p{ line-height:20px; height:58px; margin-top:10px; padding-left:11px;}
.c_1530_3 .bd .c_750 .p:before{ height:46px; margin-top:-23px;}
.c_1530_3 .bd .c_750 .img{ margin-top:10px;}
.c_1530_3 .bd .c_750 .detail{ margin-top:12px;}
.c_1530_3 .bd .c_750 .detail a{ width:105px;}
.c_1530_3 .bd .c_750 .detail a:hover{ padding:0 20px;}
.c_1530_3 .bd ul{ width:100%;}
.c_1530_3 .bd ul li{ height:auto; padding:14px 65px 13px 10px; border-left:solid 1px #f6f6f6;}
.c_1530_3 .bd ul li .time{ right:0px; top:14px; padding-bottom:26px; background-size:16px auto; font-size:14px;}
.c_1530_3 .bd ul li .title{ font-size:14px; line-height:22px;}
.c_1530_3 .bd ul li .p{ line-height:19px; margin-top:13px; height:36px;}
}
.zbg2{}
.c_1530_4{ width:100%; float:left; padding:93px 0 0 0;}
.c_1530_4 .dt{ position:absolute; left:-10px; bottom:88px;}
.c_1530_4 .text{ width:72.14%; float:left; padding:106px 315px 137px 90px; background:#aaa; margin-top:54px; position:relative;}
.c_1530_4 .text h4{ width:100%; float:left; font-size:22px; color:white; line-height:28px; position:relative;}
.c_1530_4 .text h6{ width:100%; float:left; font-size:12px; color:white; line-height:16px; margin-top:10px; font-family: 'OPENSANS-REGULAR'; text-transform:uppercase;}
.c_1530_4 .text .p{ width:100%; float:left; font-size:14px; color:white; line-height:28px; margin-top:40px; height:84px; overflow:hidden;}
.c_1530_4 .text .ico{ width:100%; float:left; margin-top:23px;}
.c_1530_4 .img{ position:absolute; top:0px; right:-38.81%; width:61.39%; box-shadow:0px 0 38px rgba(0,0,0,0.25);background:#fff}
.c_1530_4 .c_1530_4_down{ width:100%; float:left; padding:0 0 236px 130px; position:relative;}
@media screen and (max-width: 1529px) {
.c_1530_4 .text{ padding:106px 245px 137px 70px;}
.c_1530_4 .c_1530_4_down{ padding:0 0 186px 130px;}
}
@media screen and (max-width: 1199px) {
.c_1530_4{ padding:53px 0 0 0;}
.c_1530_4 .dt{ left:-8px; bottom:48px; width:87px;}
.c_1530_4 .c_1530_4_down{ padding:0 0 136px 90px;}
.c_1530_4 .text{ padding:66px 185px 87px 40px; margin-top:34px;}
}
@media screen and (max-width: 991px) {
.c_1530_4{ padding:33px 0 0 0;}
.c_1530_4 .dt{ left:-4px; bottom:28px; width:57px;}
.c_1530_4 .c_1530_4_down{ padding:0 0 86px 70px;}
.c_1530_4 .text{ padding:36px 135px 47px 20px; margin-top:24px;}
.c_1530_4 .text h4{ font-size:16px; line-height:24px;}
.c_1530_4 .text h6{ margin-top:6px;}
.c_1530_4 .text .p{ font-size:12px; line-height:24px; margin-top:20px; height:72px;}
.c_1530_4 .text .ico{ margin-top:13px;}
.c_1530_4 .text .ico img{ width:20px;}
.c_1530_4 .img{ top:35px;}
}
@media screen and (max-width: 767px) {
.c_1530_4{ padding:23px 10px 0 10px;}
.c_1530_4 .dt{ left:-2px; bottom:18px; width:37px;}
.c_1530_4 .c_1530_4_down{ padding:0 0 26px 50px;}
.c_1530_4 .text{ width:100%; padding:16px 25px 12px 20px; margin-top:14px;}
.c_1530_4 .text h4{ font-size:14px; line-height:22px;}
.c_1530_4 .text h6{ margin-top:4px;}
.c_1530_4 .text .p{ line-height:22px; margin-top:12px; height:64px;}
.c_1530_4 .text .ico{ margin-top:8px;}
.c_1530_4 .text .ico img{ width:16px;}
.c_1530_4 .img{ width:100%; position:relative; float:left; top:auto; right:auto; margin-top:20px;}
}
.c_1530_5{ width:100%; float:left; padding:94px 0 100px 0;}
.slide_pic_3{ width:100%; float:left; margin-top:24px; padding-bottom:66px; position:relative;}
.slide_pic_3 .l1{ width:50%; float:left; padding:0 15px; margin-top:30px;}
.slide_pic_3 .l1 a{ display:block; width:100%; float:left; border:solid 1px #eee; cursor:pointer; position:relative;}
.slide_pic_3 .l1 a:before{ width:0; height:2px; background:#7C359B; content:''; position:absolute; left:0; top:0;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_3 .l1 a img{ width:100%; float:left;}
.slide_pic_3 .l1 a:hover{ box-shadow:0 0 21px rgba(136,136,136,0.18);}
.slide_pic_3 .l1 a:hover:before{ width:100%;}
.slide_pic_3 .slick-dots
{ height:10px;
position: absolute;
bottom: 0;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slide_pic_3 .slick-dots li
{
position: relative;
display: inline-block;
width: 16px;
height: 16px;
margin: 0 14px;
padding: 0;
background:url(../images/index28.png) no-repeat left center;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;
}
.slide_pic_3 .slick-dots li.slick-active{ background-position:right center;}
.slide_pic_3 .slick-dots li button{ display:none;}
@media screen and (max-width: 991px) {
.c_1530_5{ padding:54px 0 60px 0;}
.slide_pic_3{ margin-top:14px; padding-bottom:46px;}
.slide_pic_3 .l1{ padding:0 10px; margin-top:20px;}
.slide_pic_3 .slick-dots li{ width: 12px; height: 12px; background-size:auto 12px; margin: 0 8px;}
}
@media screen and (max-width: 767px) {
.c_1530_5{ padding:24px 10px 30px 10px;}
.slide_pic_3{ margin-top:10px; padding-bottom:26px;}
.slide_pic_3 .l1{ padding:0 5px; width:33.33%; margin-top:10px;}
.slide_pic_3 .slick-dots li{ width: 8px; height: 8px; background-size:auto 8px; margin: 0 4px;}
}
.h_155{ width:100%; float:left; height:155px; background:white;}
.banner_tab{ position:absolute; left:50%; bottom:-31px; margin-left:-31px; width:62px; line-height:0;}
@media screen and (max-width: 991px) {
.h_155{ height:50px;}
.banner_tab{ bottom:-16px; margin-left:-15px; width:30px;}
}
.headline{ width:100%; float:left; text-align:center; font-size:14px; color:#888; line-height:20px; margin-top:31px;}
.headline a{ color:#888;}
.headline span{ margin:0 6px;}
.headline a:hover{ color:#7C359B;}
.pz_SideLayer{ width:100%; float:left; text-align:center; margin-top:16px;}
.pz_SideLayer ul{ display:inline-block; vertical-align:top; max-width:77%;}
.pz_SideLayer li{ float:left; margin:10px;}
.pz_SideLayer li a{ display:block; float:left; width:148px; height:48px; line-height:48px; color:white; background:#2c2e35; font-size:16px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
border-radius:6px;}
.pz_SideLayer li a span{
position: relative;
top: -10px;
font-size: 12px;
}
.slide_pic_5 li.on,
.pz_SideLayer li a.hover,
.pz_SideLayer li.on a,
.pz_SideLayer li:hover a{ background:#7C359B;}
@media screen and (max-width: 1529px) {
.pz_SideLayer ul{ max-width:98%;}
}
@media screen and (max-width: 1199px) {
.pz_SideLayer ul{ max-width:85%;}
}
@media screen and (max-width: 991px) {
.headline{ font-size:12px;margin-top:16px;}
.pz_SideLayer{ margin-top:16px;}
.pz_SideLayer ul{ max-width:83.5%;}
.pz_SideLayer li a{ width:108px; height:40px; line-height:40px; font-size:14px;}
}
@media screen and (max-width: 767px) {
.headline{ padding:0 10px;}
.pz_SideLayer{ margin-top:12px;}
.pz_SideLayer ul{ max-width:100%;}
.pz_SideLayer li{ margin:3px 3px; width:88px;}
.pz_SideLayer li a{ width:100%; height:34px; line-height:34px; font-size:12px;}
.slick-slide{ text-align:center;}
.slick-slide li{ float:none; margin:0; display:inline-block;}
.slide_pic_5 li{ min-width:88px; width:94%;}
}
.c_1530_6{ width:100%; float:left; position:relative; padding:50px 0 85px 0;}
.c_1530_6:before{ content:''; width:2000px; height:417px; background:#ededed; position:absolute; left:50%; bottom:0; margin-left:-1000px; z-index:1;}
.slide_pic_4{ width:100%; float:left; position:relative; z-index:2;}
.slide_pic_4 .zbox{ width:100%; float:left; padding:10px 15px;}
.slide_pic_4 .zbox a{ display:block; width:100%; float:left; background:white; padding:45px 35px 46px 35px; box-shadow:0 0 14px rgba(0,0,0,0.08);}
.slide_pic_4 .zbox .title{ width:100%; float:left; font-size:18px; color:#1e1e1e; line-height:28px; font-weight:bold;}
.slide_pic_4 .zbox .p{ width:100%; float:left; margin-top:12px; font-size:14px; color:#1e1e1e; line-height:25px; height:75px; overflow:hidden;}
.slide_pic_4 .zbox .time{ width:100%; float:left; font-size:36px; color:#9e9e9e; line-height:40px; font-family:Arial; margin-top:41px;}
.slide_pic_4 .zbox .time span{ font-size:16px; margin-left:4px;}
.slide_pic_4 .zbox .img{ width:100%; float:left; margin-top:61px; line-height:0;}
.slide_pic_4 .zbox .img img{ width:100%; float:left;}
@media screen and (max-width: 1199px) {
.slide_pic_4 .zbox a{ padding:35px 25px 36px 25px;}
.slide_pic_4 .zbox .time{ margin-top:21px;}
.slide_pic_4 .zbox .img{ margin-top:31px;}
}
@media screen and (max-width: 991px) {
.c_1530_6{ padding:30px 0 45px 0;}
.c_1530_6:before{ height:317px;}
.slide_pic_4{ padding-bottom:20px;}
.slide_pic_4 .slick-dots
{ height:10px;
position: absolute;
bottom: 0;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slide_pic_4 .slick-dots li
{
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
padding: 0;
background:#ccc;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;
}
.slide_pic_4 .slick-dots li.slick-active{ background:#7C359B;}
.slide_pic_4 .slick-dots li button{ display:none;}
.slide_pic_4 .zbox{ padding:10px 10px;}
.slide_pic_4 .zbox a{ padding:25px 25px 26px 25px;}
.slide_pic_4 .zbox .title{ font-size:16px; line-height:26px;}
.slide_pic_4 .zbox .p{ margin-top:10px; font-size:12px; line-height:23px; height:69px;}
.slide_pic_4 .zbox .time{ font-size:30px; line-height:36px;}
.slide_pic_4 .zbox .time span{ font-size:14px; margin-left:3px;}
}
@media screen and (max-width: 767px) {
.c_1530_6{ padding:20px 10px 25px 10px;}
.c_1530_6:before{ height:217px;}
.slide_pic_4 { padding-bottom:10px;}
.slide_pic_4 .zbox{ padding:10px 5px;}
.slide_pic_4 .zbox a{ padding:15px 15px 16px 15px;}
.slide_pic_4 .zbox .title{ font-size:14px; line-height:24px;}
.slide_pic_4 .zbox .p{ margin-top:8px; line-height:21px; height:61px;}
.slide_pic_4 .zbox .time{ font-size:24px; line-height:30px; margin-top:11px;}
.slide_pic_4 .zbox .time span{ font-size:12px; margin-left:2px;}
.slide_pic_4 .zbox .img{ margin-top:11px;}
.slide_pic_4 .slick-dots li{ width: 8px; height: 8px; margin: 0 4px;}
}
.c_1530_7{ width:100%; float:left; padding:10px 0 80px 0;}
.ul_1{ width:100%; float:left;}
.ul_1 li{ width:100%; float:left; margin-top:30px; background:white; padding:40px 35px 39px 40px; box-shadow:0 0 24px rgba(0,0,0,0.18);
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.ul_1 li .img{ width:283px; float:left; height:190px; overflow:hidden; line-height:0;}
.ul_1 li .text{ margin-left:318px; padding-left:86px; position:relative;}
.ul_1 li .text .time{ float:left; width:48px; text-align:center; position:absolute; left:0; top:0;}
.ul_1 li .text .time:before{ content:''; width:1px; height:44px; background:black; opacity:0.1; position:absolute; right:-18px; top:0;}
.ul_1 li .text .time h3{ font-size:36px; color:#ce1920; line-height:26px; font-family:Arial;}
.ul_1 li .text .time h5{ font-size:16px; color:#9f9f9f; line-height:16px; margin-top:4px; font-family:Arial;}
.ul_1 li .text .title{ width:100%; float:left; font-size:18px; color:#1e1e1e; line-height:26px; font-weight:bold;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.ul_1 li .text .p{ width:100%; float:left; font-size:14px; color:#1e1e1e; line-height:25px; margin-top:20px; height:50px; overflow:hidden;}
.ul_1 li .text .detail{ float:left; margin-top:74px; font-size:14px; color:#1e1e1e; line-height:20px; font-weight:bold; font-family:Arial; position:relative;}
.ul_1 li .text .detail:before{ content:''; width:100%; height:1px; background:#1e1e1e; position:absolute; left:0; bottom:1px;}
.ul_1 li:hover{ box-shadow:0 0 24px rgba(0,0,0,0.38);
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;}
.ul_1 li:hover .title,.ul_1 li:hover .detail{ color:#7C359B;}
.ul_1 li:hover .detail:before{ background-color:#7C359B;}
@media screen and (max-width: 991px) {
.c_1530_7{ padding:10px 0 40px 0;}
.ul_1 li{ margin-top:20px; padding:20px 25px 23px 20px;}
.ul_1 li .img{ width:230px; height:154px;}
.ul_1 li .text{ margin-left:250px; padding-left:66px;}
.ul_1 li .text .time{ width:40px;}
.ul_1 li .text .time:before{ height:34px; right:-12px; top:0;}
.ul_1 li .text .time h3{ font-size:30px; line-height:22px;}
.ul_1 li .text .time h5{ font-size:14px; line-height:12px; margin-top:2px;}
.ul_1 li .text .title{ font-size:16px; line-height:22px;}
.ul_1 li .text .p{ font-size:12px; line-height:23px; margin-top:12px; height:46px;}
.ul_1 li .text .detail{ margin-top:44px; font-size:12px; line-height:18px;}
}
@media screen and (max-width: 767px) {
.c_1530_7{ padding:0px 10px 20px 10px;}
.ul_1 li{ margin-top:10px; padding:10px 15px 13px 10px; box-shadow:0 0 8px rgba(0,0,0,0.08);}
.ul_1 li .img{ width:130px; height:87px; margin-top:2px;}
.ul_1 li .text{ margin-left:140px; padding-left:0;}
.ul_1 li .text .time{ left:-140px; width:60px; background:white; padding:0 5px;}
.ul_1 li .text .time:before{ display:none;}
.ul_1 li .text .time h3{ font-size:16px; line-height:20px; float:left;}
.ul_1 li .text .time h5{ font-size:12px; line-height:20px; float:left; margin-top:0px;}
.ul_1 li .text .title{ font-size:14px; line-height:20px;}
.ul_1 li .text .p{line-height:20px; margin-top:6px; height:38px;}
.ul_1 li .text .detail{ margin-top:10px;}
}
/*鍒楄〃鍒嗛〉2*/
.d_0100_fy{ float:left; width:100%; text-align:center; padding:60px 0 0 0;}
.pz_fy1{display:inline-block; *display:inline; *zoom:1;vertical-align: top;}
/*.pz_fy1 a {display:block; float:left; width:31px; height:31px; text-align:center; line-height:30px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 8px;
-webkit-border-radius:18px;
-khtml-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;}
.pz_fy1 a:hover,.pz_fy1 a.on{color: #fff; border:1px solid #7C359B; background:#7C359B; text-decoration:none;}
.pz_fy1 a.prve{ background:url(../images/sprve_fy.png) no-repeat center; width:100px;}
.pz_fy1 a.prve:hover,
.pz_fy1 a.prve.on{ background:url(../images/sprve_fy_h.png) no-repeat center #7C359B; border:1px solid #7C359B;}
.pz_fy1 a.next{ background:url(../images/snext_fy.png) no-repeat center; width:100px;}
.pz_fy1 a.next:hover,
.pz_fy1 a.next.on{ background:url(../images/snext_fy_h.png) no-repeat center #7C359B; border:1px solid #7C359B;}*/
.xiaocms-page a {webkit-border-radius:18px;
-khtml-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px; display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #7C359B; text-align:center; color:#333; padding:0 15px;margin-left: 5px;}
.xiaocms-page a:hover {webkit-border-radius:18px;
-khtml-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px; background:#7C359B; color:#fff; text-decoration:none; }
.xiaocms-page span {webkit-border-radius:18px;
-khtml-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px; display:inline-block; height:30px;padding:0 15px; line-height:30px; background:#7C359B; border:1px solid #7C359B; color:#fff; text-align:center;margin-left: 5px; }
.fy_phone{ display:none;}
@media screen and (max-width:991px){
.d_0100_fy{ padding:30px 0 0 0;}
}
@media screen and (max-width:767px){
.d_0100_fy{ padding:20px 0 0 0;}
.pz_fy1{ display:none;}
.fy_phone{ display:block; float:left; width:100%; text-align:center; font-size:14px; color:#333;}
.fy_phone a {display:inline-block; *display:inline; *zoom:1; padding: 0 10px; height:25px; text-align:center; line-height:25px; border:1px solid #e1e1e1; margin:0 3px;
-webkit-border-radius:18px;
-khtml-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;}
.fy_phone a.prve{ background:url(../images/prve_fy.png) no-repeat center;}
.fy_phone a.next{ background:url(../images/next_fy.png) no-repeat center;}
.fy_phone span{ padding: 0 10px;color:#fff; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:25px; line-height:25px;}
}
.ul_2{ width:100%; float:left; margin-top:-13px;}
.ul_2 li{ width:100%; float:left; margin-top:40px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.ul_2 li .page{ width:50%; float:left; height:562px; position:relative; overflow:hidden;}
.ul_2 li .page img{ width:765px; height:562px; position:absolute; left:50%; top:50%; max-width:none; margin:-281px 0 0 -382px;}
.ul_2 li .text{ width:50%; float:left; height:562px; background:#f7f7f7; padding:71px 60px 20px 60px;}
.ul_2 li .text .title{ width:100%; float:left; padding-bottom:21px; border-bottom:dashed 1px #acacac; }
.ul_2 li .text .title a{ display:block; width:100%; float:left;font-size:24px; color:#333; font-weight:bold; line-height:41px;}
.ul_2 li .text .p{ width:100%; float:left; margin-top:17px; font-size:16px; color:#555; line-height:36px; height:288px; overflow:hidden;}
.ul_2 li .text .detail{ width:100%; float:left; margin-top:3px;}
.ul_2 li .text .detail a{ display:block; float:left; width:145px; height:40px; line-height:40px; background:#7C359B; padding:0 20px; font-size:14px; text-transform:uppercase; font-family: 'OPENSANS-REGULAR'; color:white;}
.ul_2 li .text .detail a img{ float:right; margin-top:17px;}
.ul_2 li:hover .text .detail a{ padding:0 40px;}
.ul_2 li.l1 .page{ float:right;}
.ul_2 li:hover{ box-shadow:0 0 18px rgba(0,0,0,0.2);}
.ul_2 li:hover .title a{ color:#7C359B;}
@media screen and (max-width:991px){
.ul_2{ margin-top:-3px;}
.ul_2 li{ margin-top:30px;}
.ul_2 li .page{ height:402px; position:relative; overflow:hidden;}
.ul_2 li .page img{ width:574px; height:422px; margin:-211px 0 0 -287px;}
.ul_2 li .text{ height:402px; padding:31px 30px 10px 30px;}
.ul_2 li .text .title{ padding-bottom:11px;}
.ul_2 li .text .title a{ font-size:18px; line-height:35px;}
.ul_2 li .text .p{ margin-top:12px; font-size:14px; line-height:30px; height:240px;}
.ul_2 li .text .detail a{ width:105px; height:34px; line-height:34px; padding:0 10px; font-size:12px;}
.ul_2 li .text .detail a img{ margin-top:14px;}
.ul_2 li:hover .text .detail a{ padding:0 20px;}
}
@media screen and (max-width:767px){
.ul_2{ margin-top:0px;}
.ul_2 li{ margin-top:10px;}
.ul_2 li .page{ height:auto; width:100%;}
.ul_2 li .page img{ width:100%; height:auto; position:relative; left:auto; top:auto; margin:0; float:left;}
.ul_2 li .text{ height:auto; width:100%; float:left; padding:21px 20px 15px 20px;}
.ul_2 li .text .title{ padding-bottom:6px;}
.ul_2 li .text .title a{ font-size:16px; line-height:28px;}
.ul_2 li .text .p{ margin-top:6px; font-size:12px; line-height:24px; height:auto;}
.ul_2 li .text .detail{ margin-top:10px;}
.ul_2 li .text .detail a{ width:85px; height:30px; line-height:30px;}
.ul_2 li .text .detail a img{ margin-top:12px; width:16px;}
.ul_2 li:hover .text .detail a{ padding:0 15px;}
}
.c_1530_8{ width:100%; float:left; padding:81px 0 80px 0; }
.c_1220{ width:1220px; margin:auto; max-width:100%;}
.row_1{ margin:0 -5px;}
.ul_3{ width:100%; float:left;}
.ul_3 li{ width:100%; float:left; margin-top:18px; padding:0 5px;}
.ul_3 li .zbox{ width:100%; float:left; border:solid 1px #d2d2d2; padding-left:86px; position:relative;}
.ul_3 li .zbox .name{ width:86px; text-align:center; font-size:16px; color:#323232; line-height:48px; background:url(../images/lxwm5.jpg) no-repeat right center; position:absolute; left:0; top:0;}
.ul_3 li .zbox .name .ico{ display:inline-block; vertical-align:middle; width:22px; height:22px; background:#7C359B; margin:-3px 7px 0 0; line-height:0;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;}
.ul_3 li .zbox .name .ico img{ width:100%; float:left;}
.ul_3 li .zbox input{ display:block; width:100%; float:left; padding-left:15px; font-size:16px; color:#323232; line-height:48px; background:none; height:48px;}
.ul_3 li .zbox textarea{ display:block; width:100%; height:270px; float:left; padding:10px 15px; font-size:16px; color:#323232; line-height:28px; background:none;}
.ul_3 li.l1{ width:33.33%;}
.ul_3 li.l2{ text-align:center; margin-top:37px;}
.ul_3 li.l2 input{ display:inline-block; width:206px; height:50px; line-height:50px; color:white; background:#7C359B; font-size:18px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
border-radius:6px;}
.ul_3 li.l2 input:hover{ background:#d90005;}
@media screen and (max-width:991px){
.c_1530_8{ padding:41px 20px 40px 20px;}
.ul_3 li{ margin-top:15px;}
.ul_3 li .zbox{ padding-left:76px;}
.ul_3 li .zbox .name{ width:76px; font-size:14px; line-height:42px;}
.ul_3 li .zbox .name .ico{ width:18px; height:18px; margin:-3px 4px 0 0;}
.ul_3 li .zbox input{ padding-left:10px; font-size:14px; line-height:42px; height:42px;}
.ul_3 li .zbox textarea{ height:200px; padding:10px 10px; font-size:14px; line-height:20px;}
.ul_3 li.l2{ margin-top:17px;}
.ul_3 li.l2 input{ width:166px; height:40px; line-height:40px; font-size:16px;}
}
@media screen and (max-width:767px){
.c_1530_8{ padding:21px 10px 20px 10px;}
.ul_3 li{ margin-top:10px;}
.ul_3 li.l1{ width:100%;}
}
/*鎶€鏈柟妗?/
.ul_4{ width:100%; float:left; margin-top:9px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
.ul_4 li{ width:25%; float:left; padding:0 15px; margin-top:30px;}
.ul_4 li .zbox{ width:100%; float:left;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.ul_4 li .zbox .img,.ul_4 li .zbox .img img{ width:100%; float:left;}
.ul_4 li .zbox .text{ width:100%; float:left; border:solid 1px #e5e5e5; border-top:0; padding:22px 20px 30px 20px; text-align:center;}
.ul_4 li .zbox .text h4{ width:100%; float:left; font-size:18px; color:#333; line-height:26px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.ul_4 li .zbox .text h4 span{position:relative;top:-10px;font-size:12px}
.ul_4 li .zbox .text h6{ width:100%; float:left; font-size:12px; color:#888; line-height:28px;}
.ul_4 li .zbox .text .ico{ width:100%; float:left; margin-top:21px; height:50px; background:url(../images/jsfa7.png) no-repeat center center; background-size:contain;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.ul_4 li:hover .zbox{ box-shadow:0 0 21px rgba(0,0,0,0.32);}
.ul_4 li:hover .zbox .text h4{ color:#7C359B;}
.ul_4 li:hover .zbox .text .ico{ background-image:url(../images/jsfa8.png);}
@media screen and (max-width:991px){
.ul_4 li{ width:33.33%; padding:0 10px; margin-top:20px;}
.ul_4 li .zbox .text{ padding:12px 10px 20px 10px;}
.ul_4 li .zbox .text h4{ font-size:16px; line-height:30px;}
.ul_4 li .zbox .text h6{ line-height:24px;}
.ul_4 li .zbox .text .ico{ margin-top:11px; height:34px;}
}
@media screen and (max-width:767px){
.ul_4 li{ width:50%; padding:0 5px; margin-top:10px;}
.ul_4 li .zbox .text h4{ line-height:26px;}
.ul_4 li .zbox .text h6{ line-height:20px;}
.ul_4 li .zbox .text .ico{ margin-top:6px; height:28px;}
}
.c_1530_9{ width:100%; float:left; padding:55px 0 80px 0;}
.c_1530_9 .content1{ width:100%; float:left;}
.c_1530_9 .content1 .c_1010{ width:66.01%; float:left;}
.c_1530_9 .content1 .c_1010 .dt{ width:100%; float:left; padding:39px 60px 26px 60px; background:#efefef;}
.c_1530_9 .content1 .c_1010 .dt h3{ width:100%; float:left; font-size:30px; color:#333; font-weight:bold; line-height:40px; letter-spacing:1px;}
.c_1530_9 .content1 .c_1010 .dt h5{ width:100%; float:left; margin-top:8px; font-size:16px; color:#9c9c9c; line-height:22px; letter-spacing:1px; text-transform:uppercase;}
.c_1530_9 .content1 .c_1010 .dd{ width:100%; float:left; padding:33px 60px 34px 60px; background:#f6f6f6;}
.c_1530_9 .content1 .c_1010 .dd li{ width:50%; float:left; padding-left:65px; position:relative;}
.c_1530_9 .content1 .c_1010 .dd li .ico{ width:42px; height:42px; background:#7C359B; line-height:0; position:absolute; left:2px; top:2px;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;}
.c_1530_9 .content1 .c_1010 .dd li h5{ float:left; width:100%; font-size:16px; color:#444; line-height:29px; letter-spacing:1px;}
.c_1530_9 .content1 .c_1010 .dd li h6{ float:left; width:100%; font-size:16px; color:#444; line-height:26px; letter-spacing:1px;}
.c_1530_9 .content1 .c_1010 .dd li h6 span{ margin-right:22px; display:inline-block;}
.c_1530_9 .content1 .c_1010 .dd:last-child{ background:#efefef;}
.c_1530_9 .content1 .c_490{ width:32.02%; float:right; background:#f6f6f6; height:607px; text-align:center;}
.c_1530_9 .content1 .c_490 h4{ width:100%; margin-top:103px; font-size:30px; color:#333; line-height:38px; letter-spacing:1px;}
.c_1530_9 .content1 .c_490 .ewm{ width:290px; height:290px; background:white; padding:37px; display:inline-block; vertical-align:top; margin-top:35px;}
.c_1530_9 .content1 .c_490 h5{ width:100%; margin-top:20px; font-size:20px; color:#666; line-height:32px; letter-spacing:1px;}
@media screen and (max-width:1529px){
.c_1530_9 .content1 .c_1010 .dt{ padding:39px 40px 26px 40px;}
.c_1530_9 .content1 .c_1010 .dd{ padding:33px 40px 34px 40px;}
}
@media screen and (max-width:1199px){
.c_1530_9 .content1 .c_1010 .dt{ padding:29px 20px 26px 20px;}
.c_1530_9 .content1 .c_1010 .dd{ padding:23px 20px 34px 20px;}
.c_1530_9 .content1 .c_490 .ewm{ width:250px; height:250px; padding:30px;}
}
@media screen and (max-width:991px){
.c_1530_9 .content1 .c_1010 .dt{ padding:19px 10px 16px 10px;}
.c_1530_9 .content1 .c_1010 .dd{ padding:13px 10px 24px 10px;}
.c_1530_9 .content1 .c_1010 .dt h3{ font-size:24px; line-height:32px;}
.c_1530_9 .content1 .c_1010 .dt h5{ margin-top:6px; font-size:14px; line-height:20px;}
.c_1530_9 .content1 .c_1010 .dd li{ padding-left:55px;}
.c_1530_9 .content1 .c_1010 .dd li .ico{ width:32px; height:32px;}
.c_1530_9 .content1 .c_1010 .dd li h5{ font-size:14px; line-height:25px;}
.c_1530_9 .content1 .c_1010 .dd li h6{ font-size:14px; line-height:22px;}
.c_1530_9 .content1 .c_490{ height:476px;}
.c_1530_9 .content1 .c_490 h4{ margin-top:63px; font-size:24px; line-height:32px;}
.c_1530_9 .content1 .c_490 .ewm{ width:220px; height:220px; padding:20px; margin-top:25px;}
.c_1530_9 .content1 .c_490 h5{ margin-top:40px; font-size:16px; line-height:26px;}
.c_1530_9{ padding:35px 0 40px 0;}
}
@media screen and (max-width:767px){
.c_1530_9 .content1 .c_1010{ width:100%;}
.c_1530_9 .content1 .c_1010 .dt{ padding:12px 10px 10px 10px;}
.c_1530_9 .content1 .c_1010 .dd{ padding:8px 10px 14px 10px;}
.c_1530_9 .content1 .c_1010 .dt h3{ font-size:18px; line-height:26px;}
.c_1530_9 .content1 .c_1010 .dt h5{ margin-top:4px; font-size:12px; line-height:18px;}
.c_1530_9 .content1 .c_1010 .dd li{ width:100%; margin-top:10px; padding-left:45px;}
.c_1530_9 .content1 .c_1010 .dd li h5{ line-height:21px;}
.c_1530_9 .content1 .c_1010 .dd li h6{ line-height:20px;}
.c_1530_9 .content1 .c_490{ width:100%; margin-top:10px; height:auto; padding-bottom:15px;}
.c_1530_9 .content1 .c_490 h4{ margin-top:33px; font-size:18px; line-height:24px;}
.c_1530_9 .content1 .c_490 .ewm{ width:180px; height:180px; padding:10px; margin-top:15px;}
.c_1530_9 .content1 .c_490 h5{ margin-top:20px; font-size:14px; line-height:22px;}
.c_1530_9{ padding:15px 10px 20px 10px;}
}
.c_1530_9 .content2{ width:100%; float:left; margin-top:37px; padding:10px; background:#f6f6f6;}
#bdmap_1{ width:100%; height:540px; float:left;}
@media screen and (max-width:991px){
.c_1530_9 .content2{ margin-top:17px;}
#bdmap_1{ height:340px;}
}
@media screen and (max-width:767px){
.c_1530_9 .content2{ margin-top:12px; padding:6px;}
#bdmap_1{ height:240px;}
}
/*鏂伴椈鍐呴〉鏍峰紡*/
.z_page{width:100%; float:left; padding:40px 0; line-height:30px; font-size:14px; color:#666;}
.news_tit{ width:100%; float:left; border-bottom:1px dashed #999999; padding:0 0 10px 0; text-align:center; line-height:32px;}
.news_tit h2{ font-size:16px;}
.news_tit span{ color:#969696; font-size:12px;}
.news_ct{ width:100%; float:left; padding:15px 0; }
.news_ct img { max-width: 100%; }
.z_fy{ float:left; width:100%; margin-top:15px; }
.z_l{ float:left; width:45%; }
.z_l a{ float:left; color:#515151; width:100%; overflow: hidden; text-overflow:ellipsis; line-height:24px; font-size:14px; }
.z_l a:hover span{color:#b72e22;}
.z_r{ float:right; width:45%; overflow: hidden; text-overflow:ellipsis; }
.z_r a{ float:right; color:#515151; line-height:24px; font-size:14px; width:100%; overflow: hidden; text-overflow:ellipsis; text-align:right;}
.z_r a:hover span{color:#b72e22;}
@media screen and (max-width:767px){
.z_page{padding:20px 10px; line-height:24px;}
}
.sitemap{ width:100%;float:left;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#7C359B;}
.sitemap li .font16{ font-size:16px; /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px; color:#999}
/* 璇︽儏鍐呴〉 */
.c_1570_8{ width:100%; float:left; padding:29px 0 81px 0;}
.c_1570_8 .content{ width:100%; float:left; background:white; box-shadow:0 0 10px rgba(0,0,0,0.12);}
.c_1151{ width:73.31%; float:left; border-right:solid 1px #d4d4d4; padding:42px 40px 79px 40px; background:white;}
.c_1151 .title{ width:100%; float:left; padding-right:190px; position:relative;}
.c_1151 .title .fx{ position:absolute; right:0; top:21px;}
.c_1151 .title .fx .bdsharebuttonbox{ width:auto;}
.c_1151 .title .fx .bdsharebuttonbox a{ display:block; width:26px; height:26px; padding:0; margin:0 6px 0 0 !important; float:left;}
.c_1151 .title h3{ width:90%; float:left; font-size:30px; color:#232323; line-height:41px;}
.c_1151 .title h3 span{ display:inline-block; vertical-align:middle; margin:-3px 0 0 10px; width:68px; height:29px; line-height:29px; text-align:center; font-size:18px; color:white; background:#7C359B;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;}
.c_1151 .time{ width:100%; float:left; margin-top:8px; font-size:14px; color:#666; line-height:28px; font-weight:bold;}
.c_1151 .time span{ display:inline-block; vertical-align:top; margin-right:16px;}
.c_1151 .p{ width:100%; float:left; font-size:16px; color:#232323; line-height:36px; margin-top:9px; border-top:solid 1px #d4d4d4; padding-top:35px; text-indent:2em;}
.c_1151 .p h5{ color:#7C359B; font-weight:bold; font-size:16px; line-height:36px;}
.c_1151 .p img{ margin:34px 0 32px 0;}
.c_1151 .end{ width:100%; float:left; text-align:center; background:url(../images/news13.png) no-repeat center center;}
.c_1151 .end span{ display:inline-block; width:50px; height:50px; line-height:50px; background:#313131; font-size:14px; color:#8b8b8b; text-transform:uppercase; position:relative;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;}
.c_1151 .end span:before{ content:''; width:1px; height:70px; background:#cfcfcf; position:absolute; left:50%; top:100%;}
.c_1151 .wzfy{ width:100%; float:left; margin-top:20px;}
.c_1151 .wzfy .wzfy_left{ width:48%; float:left; font-size:14px; color:#8b8b8b; line-height:24px; font-weight:bold; letter-spacing:1px;}
.c_1151 .wzfy .wzfy_left a{ display:block; width:100%; float:left; font-size:14px; color:#232323; line-height:24px; font-weight:normal;}
.c_1151 .wzfy .wzfy_left a:hover{ color:#7C359B;}
.c_1151 .wzfy .wzfy_right{ text-align:right; float:right;}
.c_419{ width:26.69%; float:left; background:white;}
.c_419_head{ width:100%; float:left; text-align:center; padding:0 29px;}
.c_419_head a{ display:block; width:100%; border-bottom:solid 1px #d4d4d4; line-height:128px;}
.c_419 ul{ width:100%; float:left; padding-top:23px;}
.c_419 ul li{ width:100%; float:left; padding:21px 160px 21px 30px; position:relative; border-bottom:solid 1px #d4d4d4; margin-top:-1px;
height:108px;}
.c_419 ul li:before{ content:''; width:29px; height:1px; background:white; position:absolute; left:0; bottom:-1px;}
.c_419 ul li:after{ content:''; width:29px; height:1px; background:white; position:absolute; right:0; bottom:-1px;}
.c_419 ul li:last-child{ border-bottom:0;}
.c_419 ul li:last-child:before,.c_419 ul li:last-child:after{ display:none;}
.c_419 ul li .img{ width:98px; position:absolute; right:30px; top:21px;}
.c_419 ul li .img img{ width:100%;}
.c_419 ul li .title{ width:100%; float:left; margin-top:6px; font-size:14px; color:#232323; line-height:20px; height:40px; overflow:hidden;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.c_419 ul li .time{ width:100%; float:left; margin-top:3px; font-size:12px; color:#666; line-height:17px;}
.c_419 ul li:hover{ background:#fffafa; border-bottom:0;}
.c_419 ul li:hover .title{ color:#7C359B;}
@media screen and (max-width:1529px){
.c_419{ width:32%;}
.c_1151{ width:68%;}
}
@media screen and (max-width:1199px){
.c_419{ width:40%;}
.c_1151{ width:60%;}
.c_1151 .title{ width:100%; float:left; padding-right:190px; position:relative;}
.c_1151 .title .fx{ position:absolute; right:0; top:21px;}
.c_1151 .title{ padding-right:0px;}
.c_1151 .title .fx{ position:relative; right:auto; top:auto; width:100%; float:left; margin-top:11px;}
}
@media screen and (max-width:991px){
.c_1570_8{ padding:19px 0 41px 0;}
.c_1151{ padding:22px 20px 49px 20px;}
.c_1151 .title h3{ font-size:20px; line-height:31px;}
.c_1151 .title h3 span{ margin:-3px 0 0 6px; width:48px; height:22px; line-height:22px; font-size:16px;}
.c_1151 .time{ margin-top:6px; font-size:12px; line-height:24px;}
.c_1151 .p{ margin-top:6px; font-size:14px; line-height:26px; margin-top:6px; padding-top:14px;}
.c_1151 .p h5{ font-size:14px; line-height:26px;}
.c_1151 .img{ margin:22px 0 28px 0;}
.c_1151 .end span{ width:40px; height:40px; line-height:40px; font-size:12px;}
.c_1151 .end span:before{ height:40px;}
.c_1151 .wzfy{ margin-top:10px;}
.c_1151 .wzfy .wzfy_left{ font-size:12px; line-height:22px;}
.c_1151 .wzfy .wzfy_left a{ font-size:12px; line-height:22px;}
.c_419 ul{ padding-top:13px;}
.c_419 ul li{ padding:15px 100px 15px 10px; height:80px;}
.c_419 ul li .img{ width:78px; right:10px; top:15px;}
.c_419 ul li .title{ margin-top:3px; font-size:12px; line-height:18px; height:36px;}
.c_419 ul li .time{ margin-top:0px; line-height:15px;}
.c_419_head{ padding:0 10px;}
.c_419_head a{ line-height:68px;}
.c_419_head a img{ width:52px;}
.c_419 ul li:before,
.c_419 ul li:after{ width:10px;}
}
@media screen and (max-width:767px){
.c_1570_8{ padding:10px 10px 21px 10px;}
.c_1151{ width:100%; padding:12px 10px 29px 10px; border-right:0;}
.c_1151 .wzfy .wzfy_left{ width:100%;}
.c_1151 .wzfy .wzfy_right{ text-align:left; margin-top:5px;}
.c_419{ width:100%; border-top:solid 1px #dcdcdc;}
.c_1151 .end span:before{ height:30px;}
.c_1151 .title h3{ font-size:18px; line-height:26px;}
}
.c_1151_1 .title{ padding-right:0;}
.c_1151_1 .p{ text-indent:0em;}
.c_1570_8 .content3{ width:100%; float:left; margin-top:56px; overflow:hidden;}
.c_1570_8 .content3 .content3_head{ width:100%; float:left;}
.c_1570_8 .content3 .content3_head h4{ float:left; font-size:26px; color:#333; line-height:38px; font-weight:bold; position:relative; padding-right:11px;}
.c_1570_8 .content3 .content3_head h4 span{ color:#7C359B;}
.c_1570_8 .content3 .content3_head h4:before{ content:''; width:9px; height:9px; border:solid 1px #e5e5e5; position:absolute; right:-9px; top:50%; margin-top:-4px; z-index:3; background:white;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;}
.c_1570_8 .content3 .content3_head h4:after{ content:''; width:2000px; height:1px; background:#e5e5e5; position:absolute; right:-2000px; top:50%;}
.c_1570_8 .content3 .content3_head h6{ width:100%; float:left; font-size:12px; color:#ccc; line-height:22px; text-transform:uppercase; font-family: 'OPENSANS-REGULAR';}
.slide_pic_6{ width:100%; float:left; margin-top:19px; position:relative;}
.slide_pic_6 .li{ width:100%; float:left; padding:0 15px;}
.slide_pic_6 .li .zbox{ width:100%; float:left;}
.slide_pic_6 .li .zbox .img{ width:100%; float:left; overflow:hidden;}
.slide_pic_6 .li .zbox .img img{ width:100%; float:left;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
.slide_pic_6 .li .zbox:hover .img img{transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);}
.slide_pic_6 .li .zbox .name{ width:100%; float:left; border:solid 1px #e5e5e5; padding:23px 10px; border-top:0; text-align:center;}
.slide_pic_6 .li .zbox .name h4{ width:100%; font-size:22px; color:#333; line-height:36px;}
.slide_pic_6 .li .zbox .name h6{ width:100%; font-size:12px; color:#888; line-height:25px;}
.slide_pic_6 .li .zbox:hover .name h4{ color:#7C359B;}
@media screen and (max-width:1199px){
.slide_pic_6{ padding-bottom:40px;}
.slide_pic_6 .slick-dots{
position: absolute;
bottom: 0;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;}
.slide_pic_6 .slick-dots li{
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
padding: 0;
background:#ddd;
cursor: pointer;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;
}
.slide_pic_6 .slick-dots li button{ display:none;}
.slide_pic_6 .slick-dots li.slick-active{ background:#7C359B;}
}
@media screen and (max-width:991px){
.slide_pic_6{ padding-bottom:30px;}
.c_1570_8 .content3{ margin-top:36px;}
.c_1570_8 .content3 .content3_head h4{ font-size:20px; line-height:32px; padding-right:9px;}
.slide_pic_6{ margin-top:14px;}
.slide_pic_6 .li{ padding:0 11px 0 10px;}
.slide_pic_6 .li .zbox .name{ padding:15px 10px;}
.slide_pic_6 .li .zbox .name h4{ font-size:18px; line-height:30px;}
.slide_pic_6 .li .zbox .name h6{ line-height:23px;}
}
@media screen and (max-width:767px){
.slide_pic_6{ padding-bottom:20px;}
.c_1570_8 .content3{ margin-top:26px;}
.c_1570_8 .content3 .content3_head h4{ font-size:16px; line-height:26px; padding-right:7px;}
.c_1570_8 .content3 .content3_head h4:before{ width:7px; height:7px; right:-7px; margin-top:-3px;}
.slide_pic_6{ margin-top:8px;}
.slide_pic_6 .li{ padding:0 5px 0 5px;}
.slide_pic_6 .li .zbox .name{ padding:10px 10px;}
.slide_pic_6 .li .zbox .name h4{ font-size:16px; line-height:26px;}
.slide_pic_6 .li .zbox .name h6{ line-height:21px;}
.slide_pic_6 .slick-dots li{ width:6px; height:6px; margin:0 3px;}
}
/* 鏂规璇︽儏 */
.c_1530_10{ width:100%; float:left; margin-top:45px;}
.c_1530_10 .c_1530_10_head{ width:100%; float:left; padding-bottom:36px; border-bottom:dashed 1px #b2b2b2; font-size:30px; color:#333; line-height:40px; letter-spacing:1px; text-align:center;}
.c_1530_10 .content1{ width:100%; float:left; margin-top:48px;}
.c_1530_10 .content2{ width:100%; float:left; margin-top:60px;}
.tit_2{ width:100%; float:left; background:url(../images/case7.png) repeat-x center;}
.tit_2 span{ display:block; float:left; padding:0 28px; font-size:24px; color:white; line-height:48px; height:48px; background:#2c2e35; position:relative;
-moz-border-top-left-radius:4px;
-webkit-border-top-left-radius:4px;
-khtml-border-top-left-radius:4px;
border-top-left-radius:4px;
-moz-border-bottom-left-radius:4px;
-webkit-border-bottom-left-radius:4px;
-khtml-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;}
.tit_2 span:before{ content:''; width:36px; height:48px; position:absolute; right:-35px; top:0; background:url(../images/case6.jpg) no-repeat center center;}
.c_1530_10 .content2 ul{ width:100%; float:left; margin-top:19px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
.c_1530_10 .content2 ul li{ width:50%; float:left; font-size:16px; color:#666; line-height:38px; padding-right:20px; letter-spacing:1px;}
.c_1530_10 .content3{ width:100%; float:left; margin-top:30px;}
.c_1530_10 .content3 ul{ width:100%; float:left; margin-top:30px;}
.c_1530_10 .content3 ul li{ width:50%; float:left; padding:0 25px; text-align:center;}
@media screen and (max-width:991px){
.c_1530_10{ margin-top:25px;}
.c_1530_10 .c_1530_10_head{ padding-bottom:16px; font-size:20px; line-height:30px;}
.c_1530_10 .content1{ margin-top:28px;}
.c_1530_10 .content2{ margin-top:30px;}
.tit_2 span{ padding:0 22px; font-size:18px; line-height:40px; height:40px;}
.tit_2 span:before{ width:28px; height:40px; right:-27px; background-size:contain;}
.c_1530_10 .content2 ul{ margin-top:12px;}
.c_1530_10 .content2 ul li{ font-size:14px; line-height:32px; padding-right:10px;}
.c_1530_10 .content3{ margin-top:20px;}
.c_1530_10 .content3 ul{ margin-top:20px;}
.c_1530_10 .content3 ul li{ padding:0 15px;}
}
@media screen and (max-width:767px){
.c_1530_10{ margin-top:15px; padding:0 10px;}
.c_1530_10 .c_1530_10_head{ padding-bottom:10px; font-size:16px; line-height:24px;}
.c_1530_10 .content1{ margin-top:18px;}
.c_1530_10 .content2{ margin-top:20px;}
.tit_2 span{ padding:0 16px; font-size:16px; line-height:34px; height:34px;}
.tit_2 span:before{ width:24px; height:34px; right:-23px;}
.c_1530_10 .content2 ul{ margin-top:6px;}
.c_1530_10 .content2 ul li{ width:100%; font-size:12px; line-height:26px; padding-right:0px;}
.c_1530_10 .content3{ margin-top:10px;}
.c_1530_10 .content3 ul{ margin-top:10px;}
.c_1530_10 .content3 ul li{ width:100%; padding:0 5px;}
}
.c_1530_10 .content4{ width:100%; float:left; margin-top:46px;}
.c_1530_10 .content4 table{ width:100%; float:left; margin-top:36px;}
.c_1530_10 .content4 table td{ border:solid 1px white; text-align:center; background:#eff0f3; font-size:18px; color:#333; padding:18px 20px; line-height:28px;}
.c_1530_10 .content4 table th{ border:solid 1px white; text-align:center; background:#7C359B; font-size:18px; color:#fff; padding:18px 20px; line-height:28px;}
@media screen and (max-width:991px){
.c_1530_10 .content4{ margin-top:26px;}
.c_1530_10 .content4 table{ margin-top:16px;}
.c_1530_10 .content4 table td,
.c_1530_10 .content4 table th{ font-size:16px; padding:13px 10px; line-height:24px;}
}
@media screen and (max-width:767px){
.c_1530_10 .content4{ margin-top:16px;}
.c_1530_10 .content4 table{ margin-top:10px;}
.c_1530_10 .content4 table td,
.c_1530_10 .content4 table th{ font-size:14px; padding:9px 8px; line-height:20px;}
}
.c_1530_10 .content5{ width:100%; float:left; margin-top:41px;}
.c_1530_10 .content5 .p{ width:100%; float:left; margin-top:16px; font-size:16px; color:#666; line-height:42px; letter-spacing:1px;}
.c_1530_10 .content5 .p img{ margin-top:20px;}
.c_1530_10 .content6{ width:100%; float:left; margin-top:51px; padding-bottom:71px;}
.c_1530_10 .content6 .p{ width:100%; float:left; margin-top:19px; font-size:16px; color:#666; line-height:38px; letter-spacing:1px;}
@media screen and (max-width:991px){
.c_1530_10 .content5{ margin-top:21px;}
.c_1530_10 .content5 .p{ margin-top:10px; font-size:14px; line-height:36px;}
.c_1530_10 .content5 .p img{ margin-top:14px;}
.c_1530_10 .content6{ margin-top:31px; padding-bottom:41px;}
.c_1530_10 .content6 .p{ margin-top:13px; font-size:14px; line-height:32px;}
}
@media screen and (max-width:767px){
.c_1530_10 .content5{ margin-top:11px;}
.c_1530_10 .content5 .p{ margin-top:6px; font-size:12px; line-height:28px;}
.c_1530_10 .content5 .p img{ margin-top:8px;}
.c_1530_10 .content6{ margin-top:11px; padding-bottom:21px;}
.c_1530_10 .content6 .p{ margin-top:7px; font-size:12px; line-height:24px;}
}
/*鍏充簬*/
.c_1530_11{ width:100%; float:left; margin-top:49px; background:#f5f5f7; padding:60px;}
.c_1530_11 .zbox{ width:100%; float:left; background:white;}
.c_1530_11 .zbox .img{ width:50%; float:left;}
.c_1530_11 .zbox .img img{ width:100%; float:left;}
.c_1530_11 .zbox .text{ width:50%; float:left; padding:25px 20px 45px 20px; background:url(../images/logo2.png) no-repeat 92% 96%;}
.c_1530_11 .zbox .text h4{ width:100%; float:left; font-size:24px; color:#7C359B; line-height:33px;}
.c_1530_11 .zbox .text .p{ width:100%; float:left; font-size:16px; color:#444; line-height:30px; margin-top:19px; letter-spacing:0.5px;}
.c_1530_11 .zbox .bottom_p{ width:100%; float:left; font-size:16px; color:#444; line-height:30px; padding:25px 20px 45px 20px; letter-spacing:0.5px;}
@media screen and (max-width:1529px){
.c_1530_11{ padding:40px;}
.c_1530_11 .zbox{ background:none;}
.c_1530_11 .zbox .text{ padding:35px 30px 25px 40px; background:white;}
}
@media screen and (max-width:991px){
.c_1530_11{ padding:20px; margin-top:29px;}
.c_1530_11 .zbox .img{ width:100%;}
.c_1530_11 .zbox .text{ width:100%; padding:25px 20px 15px 20px;}
.c_1530_11 .zbox .text h4{ font-size:18px; line-height:25px;}
.c_1530_11 .zbox .text .p{ font-size:14px; line-height:26px; margin-top:14px; letter-spacing:0px;}
.c_1530_11 .zbox .bottom_p{ font-size:14px; line-height:26px; padding:25px 20px 15px 20px; letter-spacing:0px;}
}
@media screen and (max-width:767px){
.c_1530_11{ padding:10px; margin-top:9px;}
.c_1530_11 .zbox .text{ padding:15px 10px 10px 10px;}
.c_1530_11 .zbox .text h4{ font-size:16px; line-height:23px;}
.c_1530_11 .zbox .text .p{ font-size:12px; line-height:22px; margin-top:8px;}
.c_1530_11 .zbox .bottom_p{ font-size:12px; line-height:22px;padding:15px 10px 10px 10px;}
}
.c_1530_12{ width:100%; float:left; padding:73px 0 81px 0;}
.tit_3{ width:100%; float:left; text-align:center; padding-bottom:13px; background:url(../images/about2.png) no-repeat center bottom;}
.tit_3 h4{ width:100%; font-size:30px; color:#7C359B; line-height:45px; letter-spacing:1px;}
.tit_3 h5{ width:100%; font-size:14px; color:#999; line-height:26px; letter-spacing:1px; text-transform:uppercase; font-family:Arial;}
.c_1530_12 ul{ width:100%; float:left;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
.c_1530_12 ul li{ width:25%; float:left; margin-top:30px; padding:0 15px;}
.c_1530_12 ul li .zbox{ width:100%; float:left; background:white; min-height:232px; padding:40px 20px 10px 20px; text-align:center; cursor:pointer;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.c_1530_12 ul li .zbox .ico{ width:72px; height:72px; background:#ffdedf; display:inline-block; vertical-align:top;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.c_1530_12 ul li .zbox:hover{ box-shadow:0 0 10px rgba(0,0,0,0.2);}
.c_1530_12 ul li .zbox:hover .ico{ transform:rotateY(180deg);}
.c_1530_12 ul li .zbox h4{ width:100%; float:left; margin-top:32px; font-size:20px; color:#333; line-height:34px; font-weight:bold;}
.c_1530_12 ul li .zbox .p{ width:100%; float:left; font-size:16px; color:#666; line-height:30px;}
.c_1530_12 ul li.l1 .zbox{ min-height:261px;}
@media screen and (max-width:991px){
.zbg3{ margin-top:40px;}
.c_1530_12{ padding:43px 0 41px 0;}
.tit_3{ padding-bottom:9px;}
.tit_3 h4{ font-size:24px; line-height:38px;}
.tit_3 h5{ font-size:12px; line-height:22px;}
.c_1530_12 ul li{ margin-top:20px; padding:0 10px;}
.c_1530_12 ul li .zbox{ padding:20px 10px 10px 10px; min-height:193px;}
.c_1530_12 ul li .zbox .ico{ width:52px; height:52px;}
.c_1530_12 ul li .zbox h4{ margin-top:22px; font-size:16px; line-height:28px;}
.c_1530_12 ul li .zbox .p{ font-size:14px; line-height:24px;}
.c_1530_12 ul li.l1 .zbox{ min-height:231px;}
}
@media screen and (max-width:767px){
.zbg3{ margin-top:20px;}
.c_1530_12{ padding:23px 10px 21px 10px;}
.tit_3{ padding-bottom:5px;}
.tit_3 h4{ font-size:18px; line-height:32px;}
.tit_3 h5{ line-height:18px;}
.c_1530_12 ul li{ margin-top:10px; padding:0 5px; width:50%;}
.c_1530_12 ul li .zbox{ padding:10px 10px 10px 10px; min-height:143px;}
.c_1530_12 ul li .zbox .ico{ width:32px; height:32px;}
.c_1530_12 ul li .zbox h4{ margin-top:12px; font-size:14px; line-height:28px;}
.c_1530_12 ul li .zbox .p{ font-size:12px; line-height:22px;}
.c_1530_12 ul li.l1 .zbox{ min-height:180px;}
}
.c_1530_13{ width:100%; float:left; padding:69px 0 76px 0;}
.slide_pic_7{ width:100%; float:left; margin-top:51px; position:relative;}
.slide_pic_7 li{ width:100%; float:left; padding:107px 38px 5px 38px; position:relative;}
.slide_pic_7 li:before{ content:''; width:100%; height:4px; background:#ccc; position:absolute; left:0; top:58px; z-index:1;}
.slide_pic_7 li .time{ width:104px; height:34px; line-height:34px; text-align:center; background:#7C359B; color:white; position:absolute; left:50%; top:5px; margin-left:-52px; font-size:16px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.slide_pic_7 li .time:before{ content:''; position:absolute; left:50%; bottom:0px; margin-left:-14px;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 10px solid red;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.slide_pic_7 li:hover .time{ margin-top:-5px;}
.slide_pic_7 li:hover .time:before{ bottom:-5px;}
.slide_pic_7 li .ico{ width:24px; height:24px; background:url(../images/about14.png) no-repeat center center; background-size:contain; position:absolute; left:50%; top:48px; margin-left:-12px; z-index:3;}
.slide_pic_7 li .p{ width:100%; float:left; padding:32px 28px 32px 28px; font-size:14px; color:#333; line-height:30px; box-shadow:0 0 8px rgba(0,0,0,0.16); position:relative; min-height:155px; word-break:break-all;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;}
.slide_pic_7 li .p:before{ content:''; background:url(../images/about15.png) no-repeat center center; background-size:contain; width:22px; height:14px; position:absolute; left:50%; top:-14px; margin-left:-11px;}
.slide_pic_7 .slick-prev,
.slide_pic_7 .slick-next
{
position: absolute;
left:-63px;
top: 31px;
display: block;
width: 24px;
height: 58px;
background:url(../images/about13.jpg) no-repeat left center;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.slide_pic_7 .slick-next{
left:auto;
right:-63px;
background-position:right center;
}
.slide_pic_7 .slick-prev:hover,
.slide_pic_7 .slick-next:hover{ background-image:url(../images/about13_h.jpg);}
@media screen and (max-width:1653px){
.slide_pic_7 .slick-prev{ left:0;}
.slide_pic_7 .slick-next{ right:0;}
}
@media screen and (max-width:1529px){
.slide_pic_7 li .p{ padding:22px 20px 22px 20px;}
}
@media screen and (max-width:1199px){
.slide_pic_7 li{ padding:102px 18px 5px 18px;}
}
@media screen and (max-width:991px){
.c_1530_13{ padding:39px 0 46px 0;}
.slide_pic_7{ margin-top:21px;}
.slide_pic_7 li{ padding:82px 18px 5px 18px;}
.slide_pic_7 li:before{ height:3px; top:50px;}
.slide_pic_7 li .time{ width:84px; height:30px; line-height:30px; margin-left:-42px; font-size:14px;}
.slide_pic_7 li .ico{ width:20px; height:20px; top:42px; margin-left:-10px;}
.slide_pic_7 li .p{ padding:12px 10px 12px 10px; font-size:12px; line-height:26px; min-height:80px;}
.slide_pic_7 li .p:before{ width:16px; height:10px; top:-10px; margin-left:-8px;}
.slide_pic_7 .slick-prev,
.slide_pic_7 .slick-next{ top:23px;}
.slide_pic_7 li .time:before{ margin-left:-10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;border-top: 6px solid red;}
.slide_pic_7 li:hover .time:before{ bottom:-4px;}
}
@media screen and (max-width:991px){
.c_1530_13{ padding:19px 0 26px 0;}
.slide_pic_7{ margin-top:21px;}
.slide_pic_7 li{ padding:82px 10px 5px 10px;}
.slide_pic_7 li .p{ text-align:left;}
.slide_pic_7 li .ico{ width:14px; height:14px; top:45px; margin-left:-7px;}
}
.c_1530_14{ width:100%; float:left; padding:68px 0 80px 0;}
.tit_3_w{ background-image:url(../images/about3.png);}
.tit_3_w h4{ color:white;}
.tit_3_w h5{ color:white;}
.c_1530_14 .text{ float:left; width:49.02%; background:white; margin-top:39px; padding:38px 30px 20px 30px; min-height:469px; font-size:16px; color:#444; line-height:30px; letter-spacing:1px;}
.c_1530_14 .pic{ float:right; margin-top:39px; width:49.02%;}
.c_1530_14 .pic li{ float:left; margin-top:10px; margin-left:10px;}
.c_1530_14 .pic img{ width:100%; float:left;}
.c_1530_14 .pic ul.first{ width:540px; float:left;}
.c_1530_14 .pic ul.last{ width:220px; float:right;}
@media screen and (max-width:991px){
.c_1530_14{ padding:38px 0 40px 0;}
.c_1530_14 .text{ margin-top:29px; padding:28px 20px 10px 20px; font-size:14px; line-height:26px;}
.c_1530_14 .pic{ margin-top:29px;}
}
@media screen and (max-width:767px){
.c_1530_14{ padding:18px 10px 20px 10px;}
.c_1530_14 .text{ width:100%; margin-top:19px; padding:18px 10px 10px 10px; font-size:12px; line-height:22px; min-height:0;}
.c_1530_14 .pic{ width:100%; margin-top:5px;}
}
.c_1530_15{ width:100%; float:left; margin-top:72px;}
.slide_pic_8{ width:100%; float:left; margin-top:40px; padding-bottom:40px; position:relative;}
.slide_pic_8 .li{ width:100%; float:left; padding:0 15px;}
.slide_pic_8 .li .zbox{ width:100%; float:left; background:white; padding:22px 29px 0 29px; border:solid 1px #e4e4e4;}
.slide_pic_8 .li .zbox .img{ width:100%; float:left; overflow:hidden;}
.slide_pic_8 .li .zbox .img img{ width:100%; float:left;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
.slide_pic_8 .li .zbox:hover .img img{transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);}
.slide_pic_8 .li .zbox .name{ width:100%; float:left; text-align:center; margin-top:20px; border-top:solid 1px #e5e5e5; font-size:16px; color:#666; line-height:55px; letter-spacing:1px;}
.slide_pic_8 .slick-dots
{
position: absolute;
bottom: 0px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slide_pic_8 .slick-dots li
{
position: relative;
display: inline-block;
width: 10px;
height: 10px;
background:#7C359B; opacity:0.2;
margin: 0 5px;
padding: 0;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;
}
.slick-dots li button
{ display:none;}
.slide_pic_8 .slick-dots li.slick-active
{
opacity: 1;
}
@media screen and (max-width:991px){
.c_1530_15{ margin-top:42px;}
.slide_pic_8{ margin-top:20px; padding-bottom:30px;}
.slide_pic_8 .li{ padding:0 10px;}
.slide_pic_8 .li .zbox{ padding:12px 19px 0 19px;}
.slide_pic_8 .li .zbox .name{ margin-top:12px; font-size:14px; line-height:45px;}
}
@media screen and (max-width:767px){
.c_1530_15{ margin-top:22px; padding:0 10px;}
.slide_pic_8{ margin-top:10px; padding-bottom:20px;}
.slide_pic_8 .li{ padding:0 5px;}
.slide_pic_8 .li .zbox{ padding:8px 10px 0 10px;}
.slide_pic_8 .li .zbox .name{ margin-top:8px; font-size:12px; line-height:35px;}
.slide_pic_8 .slick-dots li{ width: 6px;height: 6px; margin: 0 3px;}
}
.c_1530_16{ width:100%; float:left; margin-top:72px; padding-bottom:12px;}
.c_1530_16 .slide_pic_3{ margin-top:0;}
@media screen and (max-width:991px){
.c_1530_16{ margin-top:42px; padding-bottom:22px;}
.c_1530_16 .slide_pic_3{ padding-bottom:23px;}
}
@media screen and (max-width:767px){
.c_1530_16{ margin-top:22px; padding:0 10px; padding-bottom:12px;}
.c_1530_16 .slide_pic_3{ padding-bottom:13px;}
.c_1530_16 .slide_pic_3 .l1{ width:50%;}
}
.elli{ /*white-space: nowrap;*/ overflow:hidden; text-overflow:ellipsis;}
@font-face {
font-family: 'OPENSANS-REGULAR';
src: url('fonts/OPENSANS-REGULAR.eot');
src: local('鈽?), url('fonts/OPENSANS-REGULAR.woff') format('woff'), url('fonts/OPENSANS-REGULAR.ttf') format('truetype'), url('fonts/OPENSANS-REGULAR.svg#webfontHIqteXlE') format('svg');
font-weight: normal;
font-style: normal;
}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}