@charset "utf-8";
html, body{ font-family:"Microsoft Yahei",Arial, sans-serif; font-size: 14px; line-height:30px; color: #000000; overflow:auto;}
h1, h2, h3, h4, h5 { font-family:"Microsoft Yahei",Arial, Tahoma, sans-serif; font-weight:normal; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:none; }
.fr { float:right; }
.fl { float:left; }
img { padding:0; margin:0; border:0; max-width:100%; height:auto;}
img a { padding:0; margin:0; border:0; }
.clear { clear: both; }
.clearfix { *zoom: 1;}
.clearfix { clear: both; }
ul, ul li { list-style:none; }
body, div, span, small, p, em, th, td, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, textarea { padding: 0; margin: 0; }
ul, li { list-style: none; }
html a { text-decoration: none; color: #666; }
html a:hover { text-decoration: none;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent; }
html::-webkit-scrollbar {
width:7px;
height:7px;
background-color:#ececec;
}
html::-webkit-scrollbar-track {
border-radius:0;
background-color:#ececec;
}
html::-webkit-scrollbar-thumb {
border-radius:0;
width:17px;
height:17px;
background-color:#333333;
}
::-moz-selection {
background: #333333;
color: #fff;
text-shadow: none;
}
::selection {
background: #333333;
color: #fff;
text-shadow: none;
}
.clears { clear:both; }
a:link, a:hover, a:active, a:visited { text-decoration:none; }
.warp { width:100%; height:auto; background:#DDDDDE; }

.m_hide { display: none; }
.pc_hide { display: block; }
.banner { width:100%; height:auto; overflow:hidden; margin-right: auto; margin-left: auto; position:relative;}
.mbanner {width:100%; height:auto; overflow:hidden; margin-right: auto; margin-left: auto; margin-top:60px;}
 @media (max-width:1024px) {
.m_hide {display: block;}
.pc_hide {display: none;}
}
/* 头部 */
.w1360 { width:100%; height:auto; margin:0px auto; max-width:1600px;}

.header_h60 { width:100%; height:60px; }
.header { width:100%; height:auto; background:#55555A; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); position:fixed; top:0; left:0; z-index:20; }
.header .header_upper { width:100%; height:auto; position:relative; }
.header .header_upper .header_logo {max-width:150px; width:20%; height:60px; overflow:hidden; float:left; display:flex; align-items:center; transition:.3s; float:left; margin-right:14%; }
.header .header_upper .header_logo img { max-width:100%; height:auto;}
.header .header_upper .header_nav { width:40%; float:left;}
.header .header_upper .header_nav>ul { width:100%; height:auto; text-align:center; margin:0; }
.header .header_upper .header_nav>ul>li { width:20%; float:left;}
.header .header_upper .header_nav>ul>li>a { display:block; height:auto; line-height:3; font-size:14px; color:#fff; text-decoration:none; border-bottom:1px transparent solid; position:relative; margin:9px 0 8px; }
.header .header_upper .header_nav>ul>li>a:after { content:""; width:45px; height:2px; background:none; box-shadow:none; border-radius:2px; position:absolute; bottom:0; left:50%; margin-left:-22.5px; }
.header .header_upper .header_nav>ul>li:hover>a:after { background:#fff; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.25); }
.header .header_upper .header_nav ul li ul { display:none; max-width:740px; width:100%; height:auto; background:rgba(85, 85, 90, 0.7); box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25); position:absolute; top:60px; left:50%; z-index:11; margin-left:-370px; padding:40px 50px; }
.header .header_upper .header_nav ul li:hover ul { display:block; }
.header .header_upper .header_nav ul li ul li { width:110px; height:auto; float:left; margin-right:20px; }
 .header .header_upper .header_nav ul li ul li:nth-child(2) {
 width:110px;
 margin-right:20px;
}
 .header .header_upper .header_nav ul li ul li:nth-child(3) {
 width:110px;
 margin-right:20px;
}
 .header .header_upper .header_nav ul li ul li:nth-child(4) {
 width:110px;
 margin-right:20px;
}
 .header .header_upper .header_nav ul li ul li:nth-child(5) {
 width:110px;
 margin-right:0px;
}
 .header .header_upper .header_nav ul li ul li:nth-child(6) {
 width:110px;
 margin-right:0;
}
.header .header_upper .header_nav ul li ul li dl { width:100%; height:auto; }
.header .header_upper .header_nav ul li ul li dl dt { width:100%; height:auto; text-align:left; border-right:1px #fff solid; margin-bottom:20px; }
 .header .header_upper .header_nav ul li ul li:nth-last-child(2) dl dt {
 border-right:none;
}
.header .header_upper .header_nav ul li ul li dl dt a { display:block; width:100%; height:auto; line-height:20px; font-size:14px; font-family:Microsoft YaHei UI; font-weight:normal; color:#fff; }
.header .header_upper .header_nav ul li ul li dl dd { width:100%; height:auto; margin-bottom:10px; }
.header .header_upper .header_nav ul li ul li dl dd a { display:block; width:100%; height:auto; line-height:18px; font-size:12px;  font-family:;
font-weight:290; color:#fff; text-align:left; text-decoration:none; }
.header .header_upper .header_form { width:15%; float:right; padding:15px 0; }
.header .header_upper .header_form .form_kuai { width:75%; float:left; position:relative; }
.header .header_upper .header_form .form_kuai input { width:100%; height:30px; line-height:30px; font-size:14px; color:#55555A; border:none; border-radius:6px; outline:none; padding:5% 5% 5% 20%; }
.header .header_upper .header_form .form_kuai a { width:10%; height:70%; background:url(../images/search.png) no-repeat center; background-size:80%; position:absolute; top:15%; left:5%; }
.header .header_upper .header_form .menu_nav { width:20%; text-align:right; float:right; }
.header .header_upper .header_form .menu_nav img { display:inline-block; margin:4px 0 0; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transform:rotate(0); -moz-transform:rotate(0); -webkit-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); }
.header .header_upper .header_form .menu_nav.list img { transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); }

.topmenu { color:#fff; font-size:14px; text-align:right; float:right; margin:15px 20px 0px 0px;}
.topmenu a { color:#fff; padding-left:42px; height:24px; display:inline-block; margin-left:10px; line-height:21px; }
.topmenu a:hover { color:#fff; }
.icon_chinese { background:url(../images/cn.jpg) no-repeat left center; }
.icon_english { background:url(../images/enicon.png) no-repeat 10px center; font-family:Verdana, Arial, Helvetica, sans-serif; }


.mtopmenu { color:#fff; font-size:12px; text-align:right; float:left; margin:0px 0px 0px 0px;}
.mtopmenu a { color:#fff; padding-left:30px; height:15px; display:inline-block; margin-left:5px; line-height:15px; }
.mtopmenu a:hover { color:#fff; }
.micon_chinese { background:url(../images/cn.jpg) no-repeat left center; background-size:auto 15px; }
.micon_english { background:url(../images/enicon.png) no-repeat 10px center; font-family:Verdana, Arial, Helvetica, sans-serif; background-size:auto 15px; }

/* 底部 */

.footer { width:100%; height:auto; background:#353535; overflow:hidden; }
.footer .footer_upper { max-width:1600px; width:100%; height:auto; margin:82px auto 35px; }
.foot_nav { width:78%; height:auto; overflow:hidden; float:left;}
.foot_nav dl { float:left; height:auto; padding:0px 8% 0px 0px; }
.foot_nav a { color:#fff; }
.foot_nav a:hover { color:#fff; }
.foot_nav dl dt { height:40px; line-height:40px; font-size:16px; color:#fff; font-weight:normal;}
.foot_nav dl dt a { color:#fff; }
.foot_nav dl dd a { line-height:30px; color:#fff; }
.ficonlist{ width:20.3125%; height:auto; overflow:hidden; float:right;}
.ficonlist .tel{line-height:36px; font-size:14px; color:#fff; text-align:right;}
.ficonlist .tel span{font-size:18px; font-weight:bold;}
.fsearchbox{ width:70%; height:38px; border:#fff 1px solid;  float:right; margin:10px 0px 20px 0px;}
.fsearchbox .text {height:38px; line-height:38px; width:80%; float:left;color:#fff; background:none; border:none; outline:medium; padding-left:10px;}
.fsearchbox .submit{ border:none; width:20%; height:38px; float:right; outline:medium; background:url(../images/ss.png) no-repeat center 6px; cursor:pointer; }
.ma{width:46.8%; height:auto; overflow:hidden; text-align:center; line-height:40px; font-size:14px; color:#fff;}
.ma img{max-width:100%; height:auto;}

.footer .footer_upper .reserved { width:100%; height:auto; line-height:26px; font-size:14px; font-family:Microsoft Yahei light; font-weight:290; color:#fff; text-align:left; }
.footer .footer_upper .reserved a{ color:#fff; }

#top { width:36px; height:36px; position:fixed; right:5%; bottom:15%; border-radius:50%; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.25); z-index:100; }
#top a { display:block; width:100%; height:auto; }
#top a img { display:block; width:100%; height:auto; }
#top1 { width:36px; height:36px; position:fixed; right:5%; bottom:1%; border-radius:50%; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.25); }
#top1 a { display:block; width:100%; height:auto; }
#top1 a img { display:block; width:100%; height:auto; }
@media screen and (max-width:640px){
.foot_nav { display:none;}
.ficonlist{display:none;}
	
}
@media only screen and (max-width: 1440px) {
.w1360 { width:100%; padding:0px 20px;}
.header .header_upper .header_logo {
 margin-right:10%;
}
}

@media only screen and (max-width: 1200px) {
 .header .header_upper .header_logo {
 margin-right:8%;
}
}
 @media only screen and (max-width: 1100px) {
 .header .header_upper .header_logo {
 margin-right:2%;
}
}
 @media only screen and (max-width: 1024px) {
 .header .header_upper .header_logo {
 margin-right:0; width:50%;
}

 .header .header_upper .header_nav {
 display:none;
}
 .header .header_upper .header_form {
 width:40%;
 float:right;
}
 .footer .footer_upper {
 padding:0 5%;
}
 .footer .footer_upper .footer_nav {
 width:100%;
 float:none;
}
 .footer .footer_upper .footer_nav ul li,  .footer .footer_upper .footer_nav ul li:nth-child(2),  .footer .footer_upper .footer_nav ul li:nth-child(3),  .footer .footer_upper .footer_nav ul li:nth-child(4),  .footer .footer_upper .footer_nav ul li:nth-child(5),  .footer .footer_upper .footer_nav ul li:nth-child(6),  .footer .footer_upper .footer_nav ul li:nth-child(7),  .footer .footer_upper .footer_nav ul li:nth-child(8),  .footer .footer_upper .footer_nav ul li:nth-child(9),  .footer .footer_upper .footer_nav ul li:nth-child(10) {
 max-width:49%;
 width:49%;
 float:left;
 margin-right:2%;
}
 .footer .footer_upper .footer_nav ul li:nth-child(2n) {
 margin-right:0;
}
 .footer .footer_upper .footer_nav ul li dl dt {
 border-right:none;
}
 .footer .footer_upper .footer_icon {
 width:100%;
 text-align:left;
 float:none;
 margin-bottom:40px;
}
 .footer .footer_upper .footer_icon ul li {
 display:inline-block;
 width:auto;
 margin-right:10px;
}
}
/* Slider */
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 30px; height: 30px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 30px; height: 30px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom:10px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px; background:#fff; margin: 0px 5px; padding: 0px; cursor: pointer; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;}
.slick-dots li button { border: 0; background: transparent; display: block; height: 12px; width: 12px; background:#fff; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;}
.slick-dots li button:focus { outline: none; background:#2b407d;}
.slick-dots li.slick-active{ background:#2b407d;}
.slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
.proInfo-demo{ width:100%; float: left; display: block;}
.proInfo-demo .item{ overflow: hidden;}
.proInfo-demo .item img{ width: 100%; display: block;}
.proInfo-demo .slick-arrow{ width: 43px; height: 43px; display: block; position: absolute; top: 50%; margin-top: -21px; z-index: 100; background-position: center center; background-repeat: no-repeat;}
.proInfo-demo .slick-prev{ background-image: url(../images/img_l1.png); left: 0px; transform:translateX(30px);-webkit-transform:translateX(30px);-ms-transform:translateX(30px); opacity: 0;}
.proInfo-demo .slick-next{ background-image: url(../images/img_r1.png); right: 0px; transform:translateX(-30px);-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px); opacity: 0;}
.proInfo-demo:hover .slick-arrow{ transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; }
.proInfo-demo .slick-prev:hover{ background-image: url(../images/img_l2.png);}
.proInfo-demo .slick-next:hover{ background-image: url(../images/img_r2.png);}


.bproInfo-demo{ width:100%; height:auto; overflow:hidden; float: left; display: block; position:relative;}
.bproInfo-demo .item{ overflow: hidden;}
.bproInfo-demo .item img{ width: 100%; height:auto; display: block;}
.bproInfo-demo .slick-arrow{ width:60px; height: 60px; display: block; position: absolute; top: 50%; margin-top: -30px; z-index: 100; background-position: center center; background-repeat: no-repeat;}
.bproInfo-demo .slick-prev{ background-image: url(l.png); background-position:center center; left:10%; transform:translateX(30px);-webkit-transform:translateX(30px);-ms-transform:translateX(30px); opacity: 0;}
.bproInfo-demo .slick-next{ background-image: url(r.png); background-position:center center; right:10%; transform:translateX(-30px);-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px); opacity: 0;}
.bproInfo-demo:hover .slick-arrow{ transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; }
.bproInfo-demo .slick-prev:hover{ background-image: url(l.png); background-position:center center;}
.bproInfo-demo .slick-next:hover{ background-image: url(r.png); background-position:center center;}
.bproInfo-demo .slick-dots { position: absolute; bottom:20px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.bproInfo-demo .slick-dots li { position: relative; display: inline-block; height:12px; width:12px; background:#fff; margin: 0px 5px; padding: 0px; cursor: pointer; text-indent:-9999px; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.bproInfo-demo .slick-dots li button { border: 0; background: transparent; display: block;  height:12px; width:12px; background:#fff; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;}
.bproInfo-demo .slick-dots li button:focus { outline: none; background:#2b407d;}
.bproInfo-demo .slick-dots li.slick-active{ background:#2b407d;}
.bproInfo-demo .slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}



.zsproInfo-demo{ width:100%; float: left; display: block;}
.zsproInfo-demo .item{ overflow: hidden;}
.zsproInfo-demo .item img{ width: 100%; display: block;}
.zsproInfo-demo .slick-arrow{ width:60px; height: 60px; display: block; position: absolute; top: 50%; margin-top: -30px; z-index: 100; background-position: center center; background-repeat: no-repeat;}
.zsproInfo-demo .slick-prev{ background-image: url(l.png); background-position:center center; left:10%; transform:translateX(30px);-webkit-transform:translateX(30px);-ms-transform:translateX(30px); opacity: 0;}
.zsproInfo-demo .slick-next{ background-image: url(r.png); background-position:center center; right:10%; transform:translateX(-30px);-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px); opacity: 0;}
.zsproInfo-demo:hover .slick-arrow{ transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; }
.zsproInfo-demo .slick-prev:hover{ background-image: url(l.png); background-position:center center;}
.zsproInfo-demo .slick-next:hover{ background-image: url(r.png); background-position:center center;}
.zsproInfo-demo .slick-dots { position: absolute; right:0px; bottom:10px; list-style: none; display: block; text-align: center; padding: 0px; width:150px; }
.zsproInfo-demo .slick-dots li { position: relative; display: inline-block; height:20px; width:20px; background:#fff; margin: 0px 5px; padding: 0px; cursor: pointer; text-indent:-9999px; border-radius:100%; opacity:0.5; }
.zsproInfo-demo .slick-dots li button { border: 0; background: transparent; display: block;  height:12px; width:12px; background:#fff; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;}
.zsproInfo-demo .slick-dots li button:focus { outline: none; background:#2b407d; opacity:1;}
.zsproInfo-demo .slick-dots li.slick-active{ background:#2b407d; opacity:1;}
.zsproInfo-demo .slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}


.hproInfo-demo{ width:100%; float: left; display: block;}
.hproInfo-demo .item{ overflow: hidden;}
.hproInfo-demo .item img{ width: 100%; display: block;}
.hproInfo-demo .slick-arrow{ width:60px; height: 60px; display: block; position: absolute; top: 50%; margin-top: -30px; z-index: 100; background-position: center center; background-repeat: no-repeat;}
.hproInfo-demo .slick-prev{ background-image: url(l.png); background-position:center center; left:10%; transform:translateX(30px);-webkit-transform:translateX(30px);-ms-transform:translateX(30px); opacity: 0;}
.hproInfo-demo .slick-next{ background-image: url(r.png); background-position:center center; right:10%; transform:translateX(-30px);-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px); opacity: 0;}
.hproInfo-demo:hover .slick-arrow{ transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; }
.hproInfo-demo .slick-prev:hover{ background-image: url(l.png); background-position:center center;}
.hproInfo-demo .slick-next:hover{ background-image: url(r.png); background-position:center center;}
.hproInfo-demo .slick-dots { position: absolute; bottom:0px; top:25px; right:0px; list-style: none; display: block; text-align:center;  width:100px; height:30px;}
.hproInfo-demo .slick-dots li { position: relative; display: inline-block; height:16px; width:16px; background:#767888; border:#fff 2px solid; margin: 0px 5px; padding: 0px; cursor: pointer; text-indent:-9999px; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.hproInfo-demo .slick-dots li button { border: 0; background: transparent; display: block;  height:16px; width:16px; background:#767888; border:#fff 2px solid; outline: none; line-height: 0; font-size:0px; color: transparent; padding:5px; cursor:pointer; outline: none; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;}
.hproInfo-demo .slick-dots li button:focus { outline: none; background:#dcc02b;}
.hproInfo-demo .slick-dots li.slick-active{ background:#dcc02b;}
.hproInfo-demo .slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}

@media screen and (max-width:1024px){
.slick-dots { position: absolute; bottom:-5px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height:10px; width:10px; background:#d3d3d3; margin: 0px 5px; padding: 0px; cursor: pointer; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;}
.slick-dots li button { border: 0; background: transparent; display: block; height:10px; width:10px; background:#d3d3d3; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;}
.slick-dots li button:focus { outline: none; background:#2b407d;}
.slick-dots li.slick-active{ background:#2b407d;}

.bproInfo-demo .slick-arrow{ width:30px; height: 30px; display: block; position: absolute; top: 50%; margin-top: -15px; z-index: 100; background-position: center center; background-repeat: no-repeat;}


.bproInfo-demo .slick-dots { position: absolute; bottom:0px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.bproInfo-demo .slick-dots li { position: relative; display: inline-block; height:7px; width:7px; background:#fff; margin: 0px 5px; padding: 0px; cursor: pointer; text-indent:-9999px; -moz-border-radius:100%; -khtml-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;}
.bproInfo-demo .slick-dots li button { border: 0; background: transparent; display: block;  height: 2px; width:20px; background:#fff; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; -moz-border-radius:0px; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; text-indent:-9999px;}
.bproInfo-demo .slick-dots li button:focus { outline: none; background:#2b407d;}
.bproInfo-demo .slick-dots li.slick-active{ background:#2b407d;}
.bproInfo-demo .slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}



.zsproInfo-demo{ width:100%; float: left; display: block;}
.zsproInfo-demo .item{ overflow: hidden;}
.zsproInfo-demo .item img{ width: 100%; display: block;}
.zsproInfo-demo .slick-arrow{ width:60px; height: 60px; display: block; position: absolute; top: 50%; margin-top: -30px; z-index: 100; background-position: center center; background-repeat: no-repeat;}
.zsproInfo-demo .slick-prev{ background-image: url(l.png); background-position:center center; left:10%; transform:translateX(30px);-webkit-transform:translateX(30px);-ms-transform:translateX(30px); opacity: 0;}
.zsproInfo-demo .slick-next{ background-image: url(r.png); background-position:center center; right:10%; transform:translateX(-30px);-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px); opacity: 0;}
.zsproInfo-demo:hover .slick-arrow{ transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; }
.zsproInfo-demo .slick-prev:hover{ background-image: url(l.png); background-position:center center;}
.zsproInfo-demo .slick-next:hover{ background-image: url(r.png); background-position:center center;}
.zsproInfo-demo .slick-dots { position: absolute; right:0px; bottom:0px; list-style: none; display: block; text-align: center; padding:0px; width:100px; }
.zsproInfo-demo .slick-dots li { position: relative; display: inline-block; height:12px; width:12px; background:#fff; margin: 0px 5px; padding: 0px; cursor: pointer; text-indent:-9999px; border-radius:100%; opacity:0.5; }
.zsproInfo-demo .slick-dots li button { border: 0; background: transparent; display: block;  height:12px; width:12px; background:#fff; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;}
.zsproInfo-demo .slick-dots li button:focus { outline: none; background:#2b407d; opacity:1;}
.zsproInfo-demo .slick-dots li.slick-active{ background:#2b407d; opacity:1;}
.zsproInfo-demo .slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}

}

/**************************/
.cpkuan { width:100%; margin-right: auto; margin-left: auto; max-width:1600px;}
@media screen and (max-width:1750px){
.cpkuan {width:100%; padding:0px 75px;}
}
@media screen and (max-width:1024px){
.cpkuan {width:100%; padding:0px 15px;}
}
/**************************/
.cpkuanx { width:1400px; height:auto; overflow:hidden; margin-right: auto; margin-left: auto; }
@media screen and (max-width:1550px){
.cpkuanx {width:100%; padding:0px 40px;}
}
@media (min-width: 0px) and (max-width:1024px) {
.cpkuan {width:100%;padding:0px 15px;}
.cpkuanx {width:100%;padding:0px 15px;}
}

.client-2 { position: fixed; right: -170px; top: 50%; z-index: 900; }
.client-2 li a { text-decoration: none; }
.client-2 li { margin-top: 1px; clear: both; height: 62px; position: relative; }
.client-2 li i { background: url(../images/fx.png) no-repeat; display: block; width: 30px; height: 27px; margin: 0px auto; text-align: center; }
.client-2 li p { height: 20px; font-size: 12px; line-height: 20px; overflow: hidden; text-align: center; color: #fff; }
.client-2 .my-kefu-qq i { background-position: 4px 5px; }
.client-2 .my-kefu-tel i { background-position: 0 -21px; }
.client-2 .my-kefu-liuyan i { background-position: 4px -53px; }
.client-2 .my-kefu-weixin i { background-position: -34px 4px; }
.client-2 .my-kefu-weibo i { background-position: -30px -22px; }
.client-2 .my-kefu-ftop { display: none; }
.client-2 .my-kefu-ftop i { width: 33px; height: 31px; background-position: -23px -47px; background-size: 52px 82px; }
.client-2 .my-kefu-ftop .my-kefu-main { padding-top: 6px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.client-2 .my-kefu-left { float: left; width: 62px; height: 47px; position: relative; }
.client-2 .my-kefu-tel-right { font-size: 16px; color: #fff; float: left; height: 24px; line-height: 22px; padding: 0 15px; border-left: 1px solid #fff; margin-top: 14px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.client-2 .my-kefu-right { width: 20px; }
.client-2 .my-kefu-tel-main { background: #333; color: #fff; height: 53px; width: 230px; padding:9px 0 0; float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.client-2 .my-kefu-main { background: #333; width: 97px; height: 53px; position: relative; padding:9px 0 0; float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.client-2 .my-kefu-weixin-pic { position: absolute; left: -130px; top: -24px; display: none; z-index: 333; }
.my-kefu-weixin-pic img { width: 115px; height: 115px; }
/**************************/
 @media (min-width: 0px) and (max-width:1024px) {
.client-2 { display:none;}
 }
 
 #footop { height:auto; overflow:hidden; background:#323232; padding:50px 0px 40px 0px; }
.foot_nav {width:74.166666666%; height:auto; overflow:hidden; float:left;}
.foot_nav dl { float:left; height:auto; padding:0px 5%; }
.foot_nav a { color:#949494; }
.foot_nav a:hover { color:#fff; }
.foot_nav dl dt { height:55px; line-height:55px; font-size:18px; font-weight:normal; border-bottom:#535353 1px solid;}
.foot_nav dl dt a { color:#cbcbcb; }
.foot_nav dl dd{line-height:48px; text-align:center; border-bottom:#535353 1px solid;}
.foot_nav dl dd a { line-height:48px; color:#949494; font-size:14px;}



.ma{width:12.86%; height:auto; overflow:hidden; text-align:center; line-height:30px; font-size:14px; color:#949494; float:right;}
.ma img{max-width:100%; height:auto;}

.copyRight { width:100%; height:auto; background:#2d2d2d; padding:15px 0px; line-height:36px; color:#fff; font-size:14px; min-height:66px;}
.copyRight .txt{line-height:36px; color:#747474; font-size:14px; float:left;}
.copyRight .txt a{ color:#747474;}
.flink { width:230px; height:36px; float:right; border:1px solid #434343; line-height:36px; position:relative; background:#2d2d2d url(../images/farr.jpg) no-repeat 200px center; padding-left:10px; }
.flink span{ color:#747474; display:block; width:230px; height:25px; cursor:pointer;}
.flink div{ position:absolute; width:228px; left:-1px; bottom:28px; background:#282828; z-index:1000; display:none; border:1px solid #434343; height:120px; padding:15px 0px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.flink div a{ color:#747474; font-size:14px; line-height:25px; display:block; padding-left:20px;transition:all 400ms ease 0s; }
.flink div a:hover{ color:#747474;}

 @media (min-width: 0px) and (max-width:1024px) {
.nezxx { color:#939393; margin-bottom:15px; height:auto; overflow:hidden; }
.nezxx a .pic { height:auto; overflow:hidden; position:relative; }
.nezxx a .pic .img { transition: all 1s ease 0s; }
.nezxx a:hover .pic .img { transform: scale(1.1); }
.nezxx .t1 { height:40px; overflow:hidden; line-height:40px; display:block; font-size:16px; color:#3d3d3d;}
.nezxx .t1 span{width:13px; height:19px; background:url(../images/darr.png) no-repeat; float:right; margin:10px 0px 0px 0px;}
.nezxx .time { height:35px; line-height:35px; width:102px; background:#fdab00; font-size:14px; color:#fff; text-align:center; position:absolute; left:0px; bottom:0px; z-index:15; }
.nezxx .t2 { line-height:24px; font-size:14px; color:#939393; }
.nezxx a .more { width:105px; height:30px; border:#dadada 1px solid; display:block; float:right; line-height:30px; font-size:14px; color:#000; text-align:center; }
.nezxx a:hover .more { color:#fff; border:#2b407d 1px solid; background:#2b407d; }



#footop {display:none;}
.copyRight {margin-bottom:50px;}
.copyRight { width:100%; height:auto; overflow:hidden; background:#2d2d2d; padding:15px 0px; line-height:30px; color:#fff; font-size:14px; min-height:66px;}
.copyRight .txt{line-height:24px; color:#747474; font-size:14px; float:left; width:100%}
.copyRight .txt a{ color:#747474;}
.flink { width:230px; height:36px; float:left; border:1px solid #434343; line-height:36px; position:relative; background:#2d2d2d url(farr.jpg) no-repeat 200px center; padding-left:10px; }
.flink span{ color:#747474; display:block; width:230px; height:25px; cursor:pointer;}
.flink div{ position:absolute; width:228px; left:-1px; bottom:28px; background:#282828; z-index:1000; display:none; border:1px solid #434343; height:120px; padding:15px 0px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.flink div a{ color:#747474; font-size:14px; line-height:25px; display:block; padding-left:20px;transition:all 400ms ease 0s; }
.flink div a:hover{ color:#747474;}
}

#footer { display:none; }
@media (max-width: 768px) {
#footer {width:100%;position:fixed;bottom:0px;left:0px;height:50px;overflow:hidden;z-index:9999;text-align:center;display:block;background:#000;}
#footer .footerbox {max-width:640px;width:100%;height:50px;margin:0px auto;position:relative;}
#footer .footerlist {max-width:640px;width:100%;height:50px;overflow:hidden;position:absolute;left:0px;border-top:0px;}
#footer ul {display:block;float:left;width:100%;}
#footer ul li {display:block;text-align:center;border-right:1px solid rgba(255, 255, 255, 0.2);border-left:0px;position:relative;width:25%;height:50px;float:left;}
#footer ul li i.iconfont {padding:0px;}
#footer ul li a {display:block;width:100%;text-align:center;color:#fff;height:50px;}
#footer .icon {display:block;margin:0px auto 0px;position:relative;top:3px;width:35px;height:25px;line-height:25px;overflow:hidden;background:url(../footer.png) no-repeat;background-size:150px;background-position:-3px 0px;font-size:20px;padding:0px;}
#footer .map {background-position:-83px 0px;}
#footer .message {background-position:-45px 0px;}
#footer .home {background-position:-118px 0px;}
#footer .txt {height:24px;line-height:24px;font-size:12px;display:block;}
}