@charset "utf-8";
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;}
body{line-height:120%;  font-family:"微软雅黑",Arial;font-size:12px;margin:0 auto; color:#333;}
ol,ul,li{list-style:none outside none;padding:0;}
a{text-decoration:none;color:#333;}
img{border:none;vertical-align:middle;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal; margin:0; padding:0;}
i,b,strong{font-style:normal;}
input,textarea,select{border:1px solid #CCC;font-family:"微软雅黑",Arial;outline:none;border:none;background:none;padding:0;}

input::-ms-clear{display: none;}
input::-ms-reveal{display: none;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #707070; opacity: 1;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#707070;opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#707070;opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#707070;opacity: 1;}
textarea{ resize:none; }
button {
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
a, button {
    color: inherit;
    outline: medium none;}
button, select {
    text-transform: none;
}
a:focus{outline:none;}
a:hover{ color:#ee9b04; }


.tran_scale{ overflow:hidden !important; display:block; transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.tran_scale img{transition:all 0.8s; -webkit-transition:all 0.8s;  -moz-transition:all 0.8s; transform:scale(1,1); -webkit-transform:scale(1,1); display:block; }

.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both; }
.fr{ float:right; }
.fl{ float:left; }
.text-center{ text-align:center; }
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.wrap{ width:100%;max-width:1230px; margin:0 auto; position: relative; z-index:1; }

.body_box{  overflow: hidden;}
.blank50{ width:100%; height:50px; overflow: hidden;}

/*header*/
.menu_h{display: none;}
.header{ position: relative; z-index:999;width:100%;}
.header .top{ background:#fff; display:block; line-height:40px; overflow: hidden; text-align: left; position: relative; z-index:10; -webkit-box-shadow: 0 2px 6px #eee; box-shadow: 0 2px 6px #eee;}
.header .top a{ padding:0 14px; float: left; color:#fff;  font-size:12px;}
.header .top .logo{ float: left; height:80px; padding:10px 10px 10px 0; }
.header .top .logo img,.header .top .logo>a{ display: block;}
.header .top ul{ float: left; width: 500px; padding:0;margin-top:22px;}
.header .top ul li{ float: left;width: 250px; font-size: 15px; font-weight:600; color:#bd815c; text-align:left;  line-height: 24px; padding:0;}
.header .top .topright{ float: right; width: 160px; padding:0;margin-top:36px;}
.header .top .topright i{ float: left;  font-size: 30px; color:#184ead; text-align:left;  line-height: 30px; padding:0;}
.header .top .topright p{ float: left;  font-size: 15px; color:#ff9929; font-weight:600; text-align:left;  line-height: 30px; padding:0;}

.header .nav{position: relative; width:100%; height:60px; background:#fff;-webkit-transition:all 0.3s;  transition:all 0.3s; }
.sticky-header{position: fixed !important; top:0; left:0; z-index:999;box-shadow: 0 5px 10px rgba(145,145,145,0.2);-webkit-transition:all 0.3s;  transition:all 0.3s; }
.header .nav_fudong{position: relative; width:100%; height:60px; background:#fff;-webkit-transition:all 0.3s;  transition:all 0.3s; }

.header .nav .wrap{ padding-top:0px; }
.header .navList{ float: left; }
.header .navList li{ float: left; position: relative;  min-width: 94px; margin-right:15px;}
.header .navList li .mainnav{position: relative;display: block; padding:0 15px; line-height:60px; font-size:16px; -webkit-transition:all 0.3s; transition:all 0.3s; }
.header .navList li .mainnav .open{display: none;}
.header .navList li .mainnav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(0,0,0,0);-webkit-transition:all .2s cubic-bezier(.11,0,.5,0);transition:all .2s cubic-bezier(.11,0,.5,0);border-radius:1px;border:0;opacity:0;-webkit-transform:scaleX(.1);-ms-transform:scaleX(.1);transform:scaleX(.1)}
.header .navList li .mainnav:hover:after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1;background:#005bad -webkit-gradient(linear,left top,right top,from(#32beff),to(#005bad));background:#005bad linear-gradient(90deg,#32beff,#005bad)}

.header .search_content{ width:200px; height:35px; background:#fff; border:1px solid #cccccc; border-radius:3px; position: absolute; top:60px; right:0px; z-index:10;  display: none; }
.header .keyword{ width:140px; padding:0 10px; } 
.header .keyword input{ padding:5px 0; line-height:25px; display: block; height:20px; width:100%; }
.header .search_content .btn_seach{ position: absolute; width:36px; height:100%; line-height:35px; background: none; border: none; right:0; top:0; }

.header .subnav{ position: absolute; width:162px; left:50%; margin-left:-81px; background:#fff; top:60px; padding:0; -webkit-box-shadow: 0px -2px 10px rgba(0,0,0,0.1); box-shadow: 0px -2px 10px rgba(0,0,0,0.1); opacity:0; visibility: hidden; -webkit-transition:all 0.1s; transition:all 0.1s;}
.header .subnav a{ display: block; line-height:1.2;  padding:15px 0px; text-align: center; font-size:14px; -webkit-transition:all 0.3s; transition:all 0.3s; }
.header .subnav a:hover,.header .subnav a.on,.header .navList li .mainnav:hover,.header .navList li.on .mainnav{ color:#184ead; }
.header .subnav a:hover{background-color: #184ead; color: #FFF;}
.pc_displayNone{ display: none; }

.header li:hover .subnav{ opacity:1; visibility: visible;  -webkit-transition:all 0.3s;  transition:all 0.3s;  }
.ie8 .subnav{ display: none;  }
.ie8 .header li:hover .subnav{ display: block; }

.links {
  margin-top: 30px;
  margin-bottom: 30px;
  display: block;
  overflow: auto;

}

.links .title {
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

.links .title .titleText {
  color: #184ead;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}

.links .title .titleText span {
  overflow: hidden;
  -webkit-transition: .5s;
  transition: .5s;
  line-height: 24px;
  height: 24px;
}


.links .title .titleMore {
  display: block;
  -webkit-transition: .5s;
  transition: .5s;
  line-height: 30px;
  padding-bottom: 10px;
}

.links .title .titleMore:hover {
  color: #184ead;
}

.links .linksBox {
  margin-top: 20px;
}

.links .linksBox ul li {
  width: calc((100% - 60px) / 5);
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.links .linksBox ul li:nth-child(5n){
  margin-right: 0px;
  }
.links .linksBox ul li img {
  display: block;
  width: 100%;
}

/*footer*/
.footer{ background:url(/template/pc/images/footbg.jpg) no-repeat top center; background-size:cover;}
.footer .copy { padding:50px 0; overflow: hidden;}
.footer .copy .siteMap{ border-bottom:0px solid #4580e9; padding-bottom:15px; overflow: hidden; }
.footer .copy .siteMap li{ font-size:16px; padding:5px 0;}
.footer .copy .siteMap li b{ font-weight:800; font-size:20px;}
.footer .copy .siteMap img{ width:21px; height:21px; margin-right:10px;}
.footer .copy .left p{ width:100%; padding:5px 0; font-size:16px;}

.footer .copy .left{ float: left; width:50%; color:#fff; line-height:20px;  }
.footer .copy .right{ float: right; text-align: right; color:#fff; line-height:20px; width:30%; }
.footer .copy .right dl{ float:left; width:170px; color:#fff; }
.footer .copy .right dl dt{ margin:0 auto; width:98px; height:98px;}
.footer .copy .right dl dd{ margin:0 auto; width:100%; text-align:center; padding-top:8px; font-size:14px;}

.goto{ display: none; }
.w_1366 .rightNav{ height:350px; margin-top:-175px; right:5px; }
.w_1366 .rightNav li{ width:40px; height:40px; line-height:40px; }
.w_1366 .rightNav li .s2{ font-size:12px; width:30px; }

.rightNav .w .r_ewm{ position: absolute; width:120px; height:293px; top:50%; margin-top:-160px; right: 78px; padding:15px;border-radius:10px; background:#fff;behavior: url(/template/pc/images/pie.htc); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px rgba(0,0,0,0.2); opacity:0; -webkit-filter:alphha(opacity=0); filter:alphha(opacity=0); visibility: hidden; }
.rightNav .w .r_ewm i{ height:100%; right: -8px; position: absolute; width:8px; top:0; background:url(/template/pc/images/arr2.png) no-repeat center; }
.rightNav .w:hover .r_ewm{ opacity:1; -webkit-filter:alphha(opacity=100); filter:alphha(opacity=100); visibility: visible; }
.w_1366 .rightNav .w .r_ewm{ right: 60px; }
.rightNav .w.li4 .r_ewm{width:135px;height:135px;margin-top:-80px;padding:0;}


.side-pannel{position:fixed;z-index:99;right:-1px;padding:0}
.side-bar{top:40%;border-bottom:none;}
.side-bar>a{position:relative;display:block;width:50px;height:40px;cursor:pointer;text-align:center;color:#999;border-bottom:#f0f1f1 1px solid;border-left:#f0f1f1 1px solid;background-color:#fff;padding-top:10px;box-shadow:-10px 15px 30px rgba(0,0,0,.1)}
.side-bar>a:first-child{border-radius: 10px 10px 0px 0px/10px 10px 0px 0px;}
.side-bar>a:last-child{border-radius: 0px 0px 10px 10px/0px 0px 10px 10px;}
.side-bar a i{font-size:18px;line:1.2;}
.side-bar a>p{line-height:20px;font-size:12px}
.side-bar a.side-weixin:hover .weixin_qr{visibility:visible;opacity:1;left:-185px}
.side-bar a.side-weixin .weixin_qr{opacity:0;position:absolute;top:0;width:180px;display:block;height:180px;border:1px solid #e7e7e7;left:100px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;z-index:-1;background:url(/template/pc/images/ewm2.jpg) center no-repeat #fff;background-size:cover;}
.side-weixin{color:#fff!important;background-color:#184ead!important}
.gotop{height:50px!important;line-height:50px;padding-top:0px!important;}
.gotop i{font-size:24px!important}
.highlight{background-color:#ff9929!important;color:#fff!important}
.highlight span{background-color:#ff0000;border-radius:50%;position:absolute;top:-8px;left:4px;width:16px;height:16px;display:block;color:#fff;font-size:12px;line-height:16px}
.phone i{color:#00855c}
.phone{width:180px;font-size:16px;text-align:left; line-height:25px;position:absolute;z-index:-999;bottom:-1px;left:-120px;visibility:hidden;padding:10px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;opacity:0;border:1px solid #e7e7e7;border-right:none;background-color:#fff}
.side-bar a.side-tel:hover .phone{left:-185px;visibility:visible;opacity:1}

@media screen and (min-width:1200px){
    *{ -webkit-box-sizing:content-box !important; box-sizing:content-box !important;  }
}

@media only screen and (max-width:1279px) {
.header .nav_fudong{display:none!important; }

.header .top .logo{ height:80px; padding:10px 10px 10px 0; }
.header .top .logo a{ height:100%; }
.header .top .logo img{ height:100%; }
	.header .top{ display:block;}
	.header .top{ display:block;}
    .header .navList li .open{font-size:40px;color: #5A5A5A;position: absolute;top: 0;right: 13px;font-family: '黑体';cursor: pointer;width: 40px;text-align: right;display: block;}
    .header .navList li .mainnav .open{display: block;}
    .header .navList li .on .open{color: #01763a;}
    .header .navList li .mainnav:hover{border-bottom: 0;}
	.w_1366 .rightNav{ top:auto; bottom:90px; height:auto; margin-top:0; }
	.w_1366 .rightNav li{ display: none; }
    
	.menu_h { display: block; background: none; transition: 0.3s all; -webkit-transition: 0.3s all; border: none; width: 35px; height: 30px; padding: 0; outline: none; position: absolute; right: 10px; top: 36px;  z-index: 2000; }
    .menu_h::before, .menu_h::after, .menu_h span { background: #f4981d   ; border-radius: 2px; }
    .menu_h::before, .menu_h::after { content: ''; position: absolute; height: 4px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; }
    .menu_h span { position: absolute; width: 100%; height: 4px;  top:50%;  left: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
    .menu_h::before { -webkit-transform: translate3d(0, -12px, 0); transform: translate3d(0, -12px, 0); }
    .menu_h::after { -webkit-transform: translate3d(0, 12px, 0); transform: translate3d(0, 12px, 0); }
    .menu-open .menu_h span { opacity: 0; }
    .menu-open .menu_h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
    .menu-open .menu_h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

    .header{ width:100%; background:#fff; overflow:hidden; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
    .header .nav .logo{ width:auto; height:50px; padding:0 0 0 10px; }
	.header .nav{ height:auto; }
	.header .navList{ display: none; }
	.header.guke .return {display:none;}
    .header .shareNav{ display: none !important; }
	.header .shareNav{ padding-top:10px; padding-right: 60px;  }

    .pc_displayNone{ display: block; }
    .header .navList{ position: fixed; height:100%; overflow: auto; right: 0; background:rgba(255,255,255,0.95); top:109px; width:100%; display: none; border-top:1px solid #ececec; }
    .header .navList li{ float: none; width:100%; text-align: center; }
    .header .navList li .mainnav{ line-height:60px; }
    .header .navList ul{ padding:60px 0; }
    .header .subnav{ position: static; display:none; opacity:1; filter:alpha(opacity=100); visibility: visible; background:none; width:100%; -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px rgba(0,0,0,0); border:1px solid #ececec; border-left:0; border-right:0; margin:0; }
    .header .navList li.on .subnav{ display: block;  }
    .header .navList .pc_displayNone{ width:80%; background:#f4981d; margin:0 auto; color:#fff; border-radius:0.1rem; margin-top:0.2rem; }
    .header .navList .pc_displayNone a{ color:#fff;  }
    .footer .copy .left,.footer .copy .right{ float: none; text-align: left; width:100%; padding-bottom:10px; }
    .footer .copy .siteMap a{ display: inline-block; float: none; }
    .footer .link .l{ float: none; display: block; }
    .footer .link .a a{ background:none !important; padding:0 20px 0 0 !important;  }
}
@media only screen and (max-width:1229px) {
 .wrap{ width:auto; padding:0 15px;  }
}

@media only screen and (max-width:1023px) {
.header .top .logo{ height:80px; padding:10px 10px 10px 0; }
.header .top ul{ float: left; width: 70%; padding:0;margin:0px 0;}
.header .top ul li{ float: left;  font-size: 14px; color:#bd815c; text-align:left;  line-height: 30px; padding:0 20px 0 15px;}
.header .top .topright{ float: right; width: 30%; padding:0;margin:0px 0;}
.header .top .topright i{ float: left;  font-size: 26px; color:#184ead; text-align:left;  line-height: 30px; padding:0;}
.header .top .topright p{ float: left;  font-size: 14px; color:#ff9929; font-weight:500; text-align:left;  line-height: 30px; padding:0;}
}

@media only screen and (max-width:767px) {
.wrap{ width:auto; padding:0 0.2rem;  }
.header .top .logo{ height:60px; padding:10px 10px 10px 0; }
.header .top a {
    padding: 0 0px;
    float: left;
    color: #fff;
    font-size: 12px;
}
    .header .top ul {
    width: 100%;
    margin-top: 0px;
}
.header .top ul li {
    float: left;
    width: 50%;
    padding: 0;
}
.header .top .topright {
    float: none;
    width: 100%;
    padding: 0;
    margin-top: 0;
	text-align:center;
}
.header .top .topright  p{
    margin-right: 15px;
}
.menu_h {
    top: 10px;
}
    .header .navList li .mainnav{ line-height:40px; }
    .header .navList li .open{font-size: 26px;width: 40px;}
    body{ font-size:0.24rem; }
    .header .navList ul{ padding:0.6rem 0; }

    .w_1366 .rightNav li{ width:30px; height:30px; }
    .footer .link{ display: none; }
    .copy .address .div b{ display: inline-block; }
    
    .footer .copy .siteMap{ padding-bottom: 5px; }

    .share_details{ display: none; }

}
@media only screen and (max-width:530px) {
.header .top .logo{ height:50px; padding:10px 10px 10px 0; }
}
@media only screen and (max-width:450px) {
.header .top .logo{ height:40px; padding:10px 10px 10px 0; }
}
@media only screen and (max-width:320px) {

    body,.header,.footer,.body_box{ width:320px; }

    .copy .address span{ float: none; }
}

img {
    max-width: 100%;
}

.block {
    width: 1230px;
    margin: 0 auto;
    position: relative;
}


header {
    display: none;
}

.position {
    font-size: 14px;
    color: #707070;
    padding: 30px 0;
}

.position a {
    color: #707070;
}

.position a:hover{
    color: #ee9b04;
}



@media only screen and (min-width:1279px) {

    @keyframes rot {
        0% {
            transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
        }
        25% {
            transform: rotate(5deg);
            -webkit-transform: rotate(5deg);
        }
        50% {
            transform: rotate(-5deg);
            -webkit-transform: rotate(-5deg);
        }
        75% {
            transform: rotate(5deg);
            -webkit-transform: rotate(5deg);
        }
        100% {
            transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
        }
    }
    @-webkit-keyframes rot {
        0% {
            transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
        }
        25% {
            transform: rotate(5deg);
            -webkit-transform: rotate(5deg);
        }
        50% {
            transform: rotate(-5deg);
            -webkit-transform: rotate(-5deg);
        }
        75% {
            transform: rotate(5deg);
            -webkit-transform: rotate(5deg);
        }
        100% {
            transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
        }
    }
}

/*! Amaze UI Plugin ~ slick */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          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-list.dragging {
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.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;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.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;
}
/* Slider */


/* Arrows */
.arrow-style .slick-prev,
.arrow-style .slick-next {
  width: 60px;
  height: 60px;
  line-height: 54px;
  background:rgba(255,255,255,.5);
  padding: 0;
  border-radius: 50%;
  color: #184ead;
  font-size: 38px;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 90px;
  z-index: 9;
  border: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 1px solid #eee;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }

.arrow-style .slick-next {
  right: 90px;
  left: auto; }

.arrow-style .slick-arrow:hover {
  color: #fff;
  background: #184ead;
  border-color: #184ead; }

.arrow-style2 .slick-prev,
.arrow-style2 .slick-next {
  width: 40px;
  height: 40px;
  line-height: 34px;
  background:rgba(255,255,255,.5);
  padding: 0;
  border-radius: 50%;
  color: #184ead;
  font-size: 18px;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 10px;
  z-index: 9;
  border: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 1px solid #eee;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }

.arrow-style2 .slick-next {
  right: 10px;
  left: auto; }

.arrow-style2 .slick-arrow:hover {
  color: #fff;
  background: #184ead;
  border-color: #184ead; }

.arrow-style3 .slick-prev,
.arrow-style3 .slick-next {
  width: 40px;
  height: 40px;
  line-height: 34px;
  background: #ffffff;
  padding: 0;
  border-radius: 50%;
  color: #184ead;
  font-size: 18px;
  margin: 0;
  position: absolute;
  bottom: -80px;
  left: calc(50% - 60px);
  z-index: 9;
  border: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 1px solid #eee;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }

.arrow-style3 .slick-next {
  right: calc(50% - 60px);
  left: auto; }

.arrow-style3 .slick-arrow:hover {
  color: #fff;
  background: #184ead;
  border-color: #184ead; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 10px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius:50%;
}
.slick-dots li.slick-active button:before {
  background:#ff9929;
}



/***首页***/
.title_h2{ font-size:36px; line-height:1; padding:0px 0 15px; color:#184ead; }
.title_h2 span{ font-size:16px; color:#CCC; padding-left:10px;}

.title_h3{ font-size:20px; line-height:1; color:#f3981c; padding:10px 0 25px; }
.title_h3 span{ font-size:14px; color:#CCC; padding-left:10px;}

.ind_banner .slick-prev,.ind_banner .slick-next{ display: block; }
.ind_banner .slick-dots{ bottom:25px; }

.banner-nav{ width: 100%; height:auto; padding: 15px 0; overflow:hidden; -webkit-box-shadow: 0 5px 10px #eee; box-shadow: 0 3px 6px #eee;}
.banner-nav ul{ margin: 0 auto; width: 100%; }
.banner-nav ul li{ float: left; position: relative; width: 16.66%; font-size: 20px; text-align:center; color: #666; line-height: 45px;  -webkit-transition: .5s;  transition: .5s;}
.banner-nav ul li::before {
  content: "";
  background: url(/template/pc/images/line.png) no-repeat center right;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.banner-nav ul li:last-child::before {
  content: "";
  background: no-repeat;
}


.banner-nav ul li span{ width: 100%; padding-top:10px; font-size:56px; color: #184ead;}
.banner-nav ul li span.yellow{ color: #ff9929;}
.banner-nav ul li a{ width: calc(100% - 40px); font-size: 20px; text-align:center; color: #666;  line-height: 45px; margin:20px;padding:20px 0 10px 0; display:block; overflow:hidden;  -webkit-transition: .5s;  transition: .5s;}
.banner-nav ul li:hover a{
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  background: #ff9929;
  border-radius: 0px 30px 0px 30px/0px 30px 0px 30px;
}
.banner-nav ul li:hover span, .banner-nav ul li:hover a {
  color: #ffffff;
}

.index_1{ position: relative; background-size:cover !important; height:31.5vw; }
.index_1 .wrap{ position: relative; height:100%; z-index:10; top:0; }
.index_1 .wrap .tit{ position: absolute; width:280px; right:50px; text-align: right; color:#fff; top:10%;}
.index_1 .wrap .tit p{ float:left; width:100%; margin-top:20px;}



.ksjj{ padding:50px 0;}
.ksjj_cont { overflow:hidden; display: block; }
.ksjj .ksjj_title {
width:100%;
text-align:center;
padding-bottom:20px;
}
.ksjj_cont .img{ float: left; width:100%; min-height:300px; position: relative;overflow:hidden; margin-top: 15px; margin-bottom: 15px; }
.ksjj_cont .img .a{ display: block;  }
.ksjj_cont .img .a img{ display: block; width:100%; height:100%; }
.ksjj_cont .img .tszk .tszk_content{  margin:0 10px;position: relative;}
.ksjj_cont .img .tszk .tszk_content .tit {
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  background:rgba(255,153,41,0.9);
  color:#fff;
  font-size:24px; 
  line-height:30px; 
  text-align: center;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  opacity: 0;
  visibility: hidden; }

.ksjj_cont .img .tszk .tszk_content:hover .tit {
  opacity: 1;
  visibility: visible;
 }
.ksjj_cont .img .tszk .tszk_content .tit i{position: absolute;top:50%; left:0; width: 100%; margin-top:-90px;font-size: 80px;color: #fff;line-height: 1.5; text-align:center;vertical-align: middle;display:inline-block;}
.ksjj_cont .img .tszk .tszk_content .tit .title{position: absolute;top:50%; left:0; width: 100%; margin-top:30px;font-size: 24px;color: #fff;line-height: 1.5; text-align:center;vertical-align: middle;display:inline-block;}

.ksjj_cont .img .con{ padding:10px 15px; }
.ksjj_cont .img .con h2{ font-size:16px; line-height:2;text-align: center;}


.ksjj_cont .r{ overflow: hidden; }
.ksjj_cont .r .tabClick{ padding-bottom: 16px; }
.ksjj_cont .r .tabClick a{ display: block; float: left; margin-left:15px; width:calc((100% - 45px) / 4); height:40px; position: relative; text-align: center; line-height:40px; font-size:18px; background:#184ead; border-radius: 0px 15px 0px 15px/0px 15px 0px 15px; color:#fff; }
.ksjj_cont .r .tabClick a:first-child{ margin-left:0px;}
.ksjj_cont .r .tabClick a i{ display: none; position: absolute; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; bottom:-10px; left:50%; margin-left:-13px; border-top: 13px solid #ff9929; }

.ksjj_cont .r .tabClick a.on{ background:#ff9929;}
.ksjj_cont .r .tabClick a.on i{ display: block;  }


.ksjj-list .child{ display: none;  }
.ksjj-list .child.on{ display: block;  }
.ksjj-list li{ float: left;  cursor: pointer; border:1px solid #cccccc; border-radius: 0px 10px 0px 10px/0px 10px 0px 10px; font-size:16px; margin:13px 13px 0 0; line-height:30px; height:auto; width:calc((100% - 107px) / 8);}
.ksjj-list li:nth-child(8n) { margin:13px 0 0 0;}
.ksjj-list li a{ display: block; color:#333; padding: 0 10px; text-align:center; position: relative; }
.ksjj-list li a i{width: 100%; font-size: 50px;color: #184ead;line-height: 1.2; text-align:center;vertical-align: middle;display:inline-block;}
.ksjj-list li.on,.ksjj-list li:hover{ border-color:#ff9929; background:#ff9929;}
.ksjj-list li.on a,.ksjj-list li:hover a{ color:#fff; }
.ksjj-list li.on a i,.ksjj-list li:hover a i{ color:#fff;  }


/*****专家切换******/
.index_zj{ padding:50px 0;background:url(/template/pc/images/zjbg.png) no-repeat top center;background-size:cover !important;}
.index_zj .title_h2{text-align: center;color:#fff;}
.ind_zj_cont .zjclick{ margin:20px auto; width:330px;}

.ind_zj_cont .zjclick a{ display: block; float: left; margin-left:10px; width:100px; height:40px; position: relative; text-align: center; line-height:40px; font-size:18px; background:#fff; border-radius: 0px 15px 0px 15px/0px 15px 0px 15px; color:#184ead; }
.ind_zj_cont .zjclick a i{ display: none; position: absolute; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; bottom:-10px; left:50%; margin-left:-13px; border-top: 13px solid #ff9929; }
.ind_zj_cont .zjclick a.on{ background:#ff9929;color:#fff;}
.ind_zj_cont .zjclick a.on i{ display: block;  }


.ind_zj_cont .r{margin:0 auto; width:1230px; height:auto; overflow: hidden; padding-top:30px;}
.ind_zj_cont .img{ float: left; width:740px; height:580px; position: relative; margin-bottom: 15px; }
.ind_zj_cont .img .a{ display: block; height:100%; }
.ind_zj_cont .img .a img{ display: block; width:100%; height:100%; }
.ind_zj_cont .img .a .tit{ position: absolute; width:100%; left:0; bottom:0; z-index:10; color:#fff; background:url(/template/pc/images/line.png) repeat 0 0; }

.ind_zj_cont .img .con{ padding:10px 35px 10px 30px; }
.ind_zj_cont .img .con h2{ font-size:22px; line-height:1.1; padding-bottom: 10px; }
.ind_zj_cont .img .con p{ line-height:1.5em; height:3em; overflow: hidden; font-size:12px; }

.izj-list .child{ display: none;  margin-bottom:60px;  }
.izj-list .child.on{ display: block;  }
.izj-list li{ float: left; width:calc(100% - 30px); margin: 15px 15px; cursor: pointer; height:auto; font-size:14px; transition: all .3s ease-out 0s;    -webkit-transition: all .3s ease-out 0s;}
.izj-list li img,.izj-list li h3,.izj-list li h4{ width:100%;text-align:center;color:#fff;overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;}
.izj-list li h3{ font-size:18px; line-height:2; padding-top:10px;}
.izj-list li h4{ font-size:14px; padding-top:8px;}
.izj-list li a{ display: block; color:#333; position: relative; }

.izj-list li img{ border-radius:50%;}
.izj-list li:hover{  -webkit-transform: translateY(-5px);  transform: translateY(-5px); }
.izj-list li:hover a{ color:#ff9929; border-color:#ff9929; }

.izj-list .owl-dots {
    position: relative;
    text-align: center;
    margin-top: 30px
}

.izj-list .owl-dots .owl-dot {
    position: relative;
    width: 18px;
    height: 18px;
    margin: 0 5px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease
}

.izj-list .owl-dots .owl-dot:hover,.izj-list .owl-dots .owl-dot.active {
    background-color: #ff9929;
}

.izj-list .owl-nav {
    position: absolute;
    left: calc(50% - 60px);
    bottom: -10px;
    right: calc(50% - 60px);
    display: none;
}

.izj-list .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    background-color: #184ead;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease
}

.izj-list .owl-nav .owl-next {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    background-color: #184ead;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease
}

.izj-list .owl-nav .owl-prev:hover,.izj-list .owl-nav .owl-next:hover {
    background-color: #ff9929;
    border-color: #ff9929
}


.index_6 li{ float: left; width:25%; position: relative; behavior: url(/template/pc/images/pie.htc); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px rgba(0,0,0,0.1); }
.index_6 li>a{ display: block; padding-bottom: 88.3%;}
.index_6 li>a img{ position: absolute; display: block; width:100%; height:100%; top:0; left:0;  }

.index_6 li .tit{ position: absolute; width:90%; left:5%; text-align: center; top:50%; height:120px; margin-top:-60px; color:#fff; z-index:20; }
.index_6 li .tit span{ font-size:14px; line-height:1; display:block; }
.index_6 .li_2 .tit{ color:#474747; }
.index_6 .tit h3{ font-size:18px; line-height:1.5em; height:3em; }
.index_6 .tit i{ display: block; width:38px; margin:25px auto; height:1px; background:#fff; transition:all 0.3s; -webkit-transition:all 0.3s; }
.index_6 .li_2 .tit i{ background-color:#474747; }

.index_6 .li_3 .bg{ background:url(/template/pc/images/line.png) repeat 0 0;  position: absolute; width:100%; height:100%; top:0; left:0; z-index:2; opacity:0.8; filter:alpha(opacity=80); }

/****新闻****/

.index_sp{ padding:50px 0;}

.change-main {
    width: 1230px; 
    margin: 0 auto;
    position: relative;
    /*transition: all .3s ease;*/
}
.change-box .change-cut { position:absolute; right:0;  top:-60px;}

.sption{
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.change-box .change-cut .tab{ display: block;cursor: pointer; float: left; margin-left:10px; width:100px; height:40px; position: relative; text-align: center; line-height:40px; font-size:18px; background:#184ead; border-radius: 0px 15px 0px 15px/0px 15px 0px 15px; color:#fff; }
.change-box .change-cut .tab i{ display: none; position: absolute; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; bottom:-10px; left:50%; margin-left:-13px; border-top: 13px solid #ff9929; }
.change-box .change-cut .tab.on{ background:#ff9929;}
.change-box .change-cut .tab.on i{ display: block;  }



.change-box .change-cut ul{margin-left: 0px;
}

.contents{width:1230px; margin-top:20px; padding-bottom:10px;}


.change-box .contents > .flex-row {
    justify-content: space-between;
}
.change-box .item{float: left; width: 32%;margin-right: 2%; transition: 0.6s all;overflow: hidden;display:block;padding-bottom:30px;}
.change-box a:nth-child(3n) .item{ margin-right: 0;}

.img-block { margin: 0 auto; width:calc(100% - 2px); max-height:196px; overflow:hidden; position:relative;cursor:pointer;border: 1px solid #ededed;}
.item-block{ margin:0 auto; width:100%;}
.img-block img{width:100%!important;-webkit-transition:all 1.5s cubic-bezier(0,0,.2,1);-o-transition:all 1.5s cubic-bezier(0,0,.2,1);transition:all 1.5s cubic-bezier(0,0,.2,1)}
.img-block:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.imgIcon{position:absolute;top:130%;left:50%;margin-top:-18px;margin-left:-20px;font-size:40px;color: #fff;transition:all .6s ease}
.change-box .img-block:hover .imgIcon{top:50%}

.change-box .item-title { font-size:18px; height:21px; line-height:21px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;color: #333; padding-top:8px;}
.change-box .item-p { font-size: 12px;color: #999; margin-top:10px;}
.change-box .img-block i { display:none; position:absolute; left:0; top:0;background:rgba(0,0,0,.47)!important;width:100%;height:100%}
.change-box .img-block:hover i { display:block;}


.home_news {clear:both;padding-top:0px;}
.home_news .newsitme{float: left; width: 32%;margin-right: 2%; box-shadow: 0px 0px 1px 0px rgba(7, 0, 2, 0.3);background: #fff;transition: 0.6s all;}
.home_news .newsitme:last-child{margin-right: 0;}
.home_news .newsitme a{display: block;padding: 0.4rem 0.3rem;}
.home_news .newsitme h3{margin-bottom: 10px; font-size: 18px; color: #333333;line-height: 1.5;height: 24px;overflow: hidden;text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;}
.home_news .newsitme p{margin-bottom: 15px; font-size: 16px;color: #333333;line-height: 1.5;height: 72px;overflow: hidden;text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;}
.home_news .newsitme .time{background: url(/template/pc/images/jt1.png) no-repeat right center;}
.home_news .newsitme .time i{font-size: 14px; color: #666666;}
.home_news .newsitme:hover{background:url(/template/pc/images/newsitmebg.jpg) no-repeat center;background-size: cover;transition: 0.6s all;}
.home_news .newsitme:hover p{color: #fff;}
.home_news .newsitme:hover .time{color: #fff; background: url(/template/pc/images/jt2.png) no-repeat right center;}
.home_news .newsitme:hover h3, .home_news .newsitme:hover .time i{color: #fff;}

.header .navList li{
    min-width: auto;
}

@media only screen and (min-width:1279px) {
	.index_6 li:hover i{ width:80px; }
	.index_2 li:hover .ico img{ animation:rot 0.5s; -webkit-animation:rot 0.5s;  }
	
	.index_2 li{ transition:0.8s; -webkit-transition:0.8s; opacity:0; }
	.index_2 li:nth-child(1){ transform:translateX(-30px); -webkit-transform:translateX(-30px);  }
	.index_2 li:nth-child(2){ transform:translateX(-80px); -webkit-transform:translateX(-80px);  }
	.index_2 li:nth-child(3){ transform:translateX(-130px); -webkit-transform:translateX(-130px);  }
	.index_2 li:nth-child(4){ transform:translateX(-180px); -webkit-transform:translateX(-180px);  }
	.index_2.show li{ opacity:1 !important; transform:translateX(0px); -webkit-transform:translateX(0px); }
	
	.index_1{ overflow: hidden; }
	.index_1 .wrap .tit{ transform:translateX(80px); -webkit-transform:translateX(80px); transition:0.8s; -webkit-transition:0.8s; opacity:0; }
	.index_1.on .wrap .tit{ opacity:1 !important; transform:translateX(0px); -webkit-transform:translateX(0px); }

	@keyframes rot{ 
		0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
		25% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
		50% { transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
		75% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
		100% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
	}
	@-webkit-keyframes rot{
		0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
		25% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
		50% { transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
		75% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
		100% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
	}
}

@media only screen and (max-width:1279px) {
    .index_1 .wrap .tit h2{ font-size:36px; }
	.index_1 .wrap .tit{width:280px; right:40px;top:7%;}
	
	.change-main{ width:984px; height:auto; padding-bottom:5px;}
	.contents{ width:100%;}

	.ind_zj_cont .r{ width:990px}
	.ind_zj_cont .img{ width:600px; height:470px}

	
}


@media only screen and (max-width:1024px) {
	.change-main{ width:100%;}
	.index_sp{ padding-bottom:10px;}
	.index_1 .wrap .tit{width:210px; right:0; top:6%;}
	.title_h2{ padding-top:20px; }
	
}
@media only screen and (max-width:1023px) {
	.ksjj_cont .img{ width:100%; height:auto; float: none; }
	.ksjj_cont .img .a{ display: block; height:auto; }
	.ksjj_cont .img .con h2{ font-size:0.26rem; line-height:2;text-align: center;}
	
    .ind_zj_cont .r{ width:715px}
	.ind_zj_cont .img{ width:715px; height:560px}
	 
}
@media only screen and (max-width:767px) {
.home_news .newsitme{width: 100%;margin-right: 0;margin-bottom: 0.15rem;}
.home_news .newsitme:last-child{margin-bottom: 0;}
.change-box .item{width: 100%;margin-right: 0;margin-bottom: 0.15rem;padding-bottom: 0px;}
.img-block { max-height:100%;}
.title_h2 {
    font-size: 24px;
}
.banner-nav ul li {
    text-align: center;
    color: #666;
    line-height: 25px;
    padding: 0px 0;
}
.banner-nav ul li span {
    font-size: 36px;
    text-align: center;
}
.banner-nav ul li a {
    width: 100%;
    font-size: 14px;
    text-align: center;
    color: #666;
    line-height: 25px;
    margin: 0px;
    padding: 10px 0 0px 0;
    display: block;
    overflow: hidden;
    -webkit-transition: .5s;
    transition: .5s;
}
.banner-nav ul li:hover a{
  border-radius: 0px 20px 0px 20px/0px 20px 0px 20px;
}
.arrow-style .slick-next, .arrow-style .slick-prev {display:none !important;}
.izj-list .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
}
	.bj-hui{padding-bottom:0.5em;}
	.list-yyjj .jj-left{width:90%;}
	.ksjj{ padding-top:20px;}
	.index_1 .wrap .tit{width:180px; right:30px; top:8%;}
	
	.yy-ry span{ float:left; width:45.5%; margin:1% 2% 2% 2% !important;}
	.index_zj {padding: 20px 0;}
	.ind_zj_cont .r{ width:100%;}
	.ind_zj_cont .img{ width:100%; height:auto}
	.contents{ margin-top:0;}

	.index_1 .wrap .tit h2{ font-size:0.4rem; padding-bottom: 0.2rem }
.ind_zj_cont .zjclick{ margin:20px auto; width:100%;}
.ind_zj_cont .zjclick a{ display: block; float: left; margin-left:10px; width:calc((100% - 50px) / 4); height:30px; position: relative; text-align: center; line-height:30px; font-size:16px; background:#fff; border-radius: 0px 15px 0px 15px/0px 15px 0px 15px; color:#184ead; }

	.ksjj_cont .r .tabClick{ padding-bottom: 50px; }
.ksjj_cont .r .tabClick a{ display: block; float: left; margin-left:10px; width:calc((100% - 30px) / 4); height:30px; position: relative; text-align: center; line-height:30px; font-size:16px; background:#184ead; border-radius: 0px 15px 0px 15px/0px 15px 0px 15px; color:#fff; }
	.ksjj_cont .r .tabClick a i{  border-left: 0.2rem solid transparent; border-right: 0.2rem solid transparent; border-top: 0.2rem solid #ff9929; bottom: -0.15rem; margin-left:-0.2rem; }

	.ksjj-list li{ width:48%; font-size:16px; margin:10px 0 0px;line-height:30px; }

	.ksjj-list li:nth-child(2n){ float: right; margin:10px 0 0 0;}

	.ksjj_cont .img .con{ padding:0.2rem 0.3rem; }

	.slick-dots li button{ width:10px; height:12px; }
.change-box .change-cut { position:absolute; right:0;  top:-40px;}
.change-box .change-cut .tab{ display: block;cursor: pointer; float: left; margin-left:10px; width:100px; height:30px; position: relative; text-align: center; line-height:30px; font-size:16px; background:#184ead; border-radius: 0px 15px 0px 15px/0px 15px 0px 15px; color:#fff; }

	.header .shareNav{
        padding-right: 0;
        width: 100%;
        text-align: center;
    }
    .header .shareNav > a{
        float: none;
        display: inline-block;
        
    }

	.ind_banner .slick-dots{ bottom:0.3rem; }

}

@media only screen and (max-width:640px) {
.contents{ margin-top:10px;}
.footer .copy{ padding:30px 0;}
.index_1 .wrap .tit{width:150px; right:30px; top:8%;}
.index_1 .wrap .tit p{ margin-top:15px;}
.change-box .item-p{ margin-top:2%;}
.contents{ margin-top:0;}
}

@media only screen and (max-width:450px) {
	.index_1 .wrap .tit{width:120px; right:20px; top:8%;}
	.index_1 .wrap .tit p{ margin-top:10px;}
	}
@media only screen and (max-width:376px) {
	.index_1 .wrap .tit{width:110px; right:20px; top:8%;}
	.index_1 .wrap .tit p{ margin-top:8px;}
	.footer .copy .siteMap li{ font-size:15px;}
	.footer .copy .left p{ font-size:15px;}
	}

@media only screen and (min-width:1024px) {
	.transition{ opacity:0;
		-webkit-transition:opacity 2s, transform 2s;
		-webkit-transition:opacity 2s, -webkit-transform 2s;
		transition:opacity 2s, -webkit-transform 2s;
		transition:opacity 2s, transform 2s;
		transition:opacity 2s, transform 2s, -webkit-transform 2s;
		}

	.translateX-100{
		-webkit-transform:translateX(-100%);
		transform:translateX(-100%);
		}

	.translateX_100{
		-webkit-transform:translateX(100%);
		transform:translateX(100%);
		}

	.translateY-100{
		-webkit-transform:translateY(-100px);
		transform:translateY(-100px);
	}

	.translateY_100{
		-webkit-transform:translateY(100px);
		transform:translateY(100px);
	}

	.show .transition{ opacity:1;
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
		}
	

}




.bttn {
	position: relative;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 32px;
    text-transform: uppercase;
    border-radius: 4px;
    display: inline-block;
	line-height:1;
}
.btn-fill{
    background: #184ead;
    color: #fff !important;
    border: 1px solid #184ead;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}

.btn-fill:hover{
	background-color: #ff9929;
    border: 1px solid #ff9929;
  -webkit-transform: translateY(-12px);
  transform: translateY(-12px);
}

.home-about-area {
width:100%;
overflow:hidden;
padding:50px 0;
}
.home-about-area .about_left {
	float:left;
	width:calc(50% - 30px);
    margin-right:30px;
}
.home-about-area .about_right {
	float:left;width:50%;
}

.home-about-content p {
	color: #666666;
	font-size:16px;
	line-height:30px;
	margin-bottom: 0px;
}
.home-about-content-height {
width:100%;
height:420px;
margin-bottom: 20px;
overflow:hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 14;
-webkit-box-orient: vertical;
}

.home-about-img {
	width: 100%;
	height:100%;
overflow:hidden;
	position: relative;

}
.home-about-img img {
	width: 100%;
}

.home-about-img a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	transition: .3s;
	font-size: 70px;
}

.home-about-img a:hover {
	font-size: 50px;
}

.home-about-img a i {
	
}
.hlwyy{ width:100%; height:26vw; background:url(/template/pc/images/hlwyy.jpg) no-repeat top center; background-size:cover;}


.yjky {
width:100%;
overflow:hidden;
padding:50px 0;
background: #f8f8f8;
}
.yjky .yjky_title {
width:100%;
text-align:center;
padding-bottom:20px;
}

.yjky_list .item{float: left; width: 23.5%;margin-right: 2%; transition: 0.6s all;overflow: hidden;display:block;padding-bottom:30px;}
.yjky_list .item:nth-child(4){ margin-right: 0;}
.yjky_list .item .yjky_list_h3{font-size:20px; font-weight:600; line-height:30px; padding-bottom:10px;}
.yjky_list .item ul {padding-top:20px;}
.yjky_list .item ul li {font-size:18px; line-height:30px; padding-bottom:10px; padding-left:30px;  position: relative;}
.yjky_list .item ul li:after {
    position: absolute;
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    color: #fff;
    font-size: 14px;
    top: 5px;
    left: 0px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    background: #184ead;
border-radius:50%;
}

@media only screen and (max-width:1024px) {

.home-about-area .about_left {
	float:left;
	width:100%;
    margin-right:0px;
}
.home-about-area .about_right {
	float:left;width:100%;
    margin-top:30px;
}

}

@media only screen and (max-width:767px) {
.header .search_content{ width:calc(100% - 2px); }

.side-pannel{display:none;}

.yjky_list .item{float: left; width: 100%;margin-right: 0; padding-bottom:30px;}

.home-about-area {
    padding: 30px 0;
}
.home-about-area .about_left .title_h2 {
	text-align:center;
}

.home-about-area .about_left {
	float:left;
	width:100%;
    margin-right:0px;
}
.home-about-area .about_right {
	float:left;width:100%;
    margin-top:30px;
}

.yjky .yjky_left {
	float:left;width:100%;
}
.yjky .yjky_center {
	float:left;width:100%;padding:0 0;
    margin-bottom:20px;
}
.yjky .yjky_right {
	float:left;width:100%;
}
.links .linksBox ul li {
  width: calc((100% - 30px) / 3);
}
.links .linksBox ul li:nth-child(5n){
  margin-right: 15px;
  }
.links .linksBox ul li:nth-child(3n){
  margin-right: 0px;
  }
}

@media only screen and (max-width:640px) {


}

@media only screen and (max-width:480px) {


}


.subbanner{width:100%;padding: 120px 0;
    /*height:20vw;
    min-height:150px;*/
    background-size: cover;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
}
.subbanner .lm{width:100%;/*padding-top:8vw;*/color: #184ead;font-size: 36px;line-height: 36px;font-weight: 500;text-transform: uppercase;}
.subbanner .lm2{width:100%;color: #333;font-size: 14px;line-height: 40px;}
.subbanner .lm3{width:100%;color: #666;font-size: 18px;line-height: 18px;}
.dqwz{width:100%;height: 30px; padding:20px 0;}
.dqwz .wz{color: #ccc;font-size: 15px;line-height: 30px;}
.dqwz .wz i{color: #ff9929;font-size: 21px;}
.dqwz .wz  a{color: #184ead;}
.dqwz .wz a:hover{color: #ff9929;}

.xc_nav{text-align: center;font-size: 0px;background-color: #f2f2f2;border-bottom: 2px solid #ebebeb;}
.hx_nav{height: 58px;line-height: 58px; overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
.xc_nav li{display: inline-block;border-bottom: 2px solid #ebebeb;height: 58px;font-size: 16px;position: relative;perspective: 300px; -webkit-perspective: 300px;}
.xc_nav li:after{display: block;content:'';width: 1px;height: 16px;background-color: #ccc;position: absolute;right: 0;top: 50%;margin-top: -8px;} 
.xc_nav li:last-child:after{display: none;}
.xc_nav li:before{ content: ""; width: 100%; height: 100%; background-color: #184ead;border-bottom: 2px solid #184ead; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: 0.56s; transform-origin: center bottom 0; transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg);}
.xc_nav li:hover:before,.xc_nav li.cur:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg);}
.xc_nav li.cur:before{background-color: #ff9929!important;border-bottom: 2px solid #ff9929!important;}
.xc_nav li:hover a,.xc_nav li.cur a{ color: #fff;}
.xc_nav li.cur:after,.xc_nav li:hover:after{display: none;}
.xc_nav li a{color: #333;position: relative;}
.xc_nav li a:hover{color: #fff;}
.xc_nav li:hover{border-bottom: 2px solid #transparent;}
.xc_nav li a{display: block;padding: 0 20px;}
.hx_nav::-webkit-scrollbar{
    height:5px;
    background-color: #969696;
}
.hx_nav::-webkit-scrollbar-track{
    background: #e2e2e2;
    border-radius:2px;
}
.hx_nav::-webkit-scrollbar-thumb{
    background: #969696;
    border-radius:8px;
}
.hx_nav::-webkit-scrollbar-thumb:hover{
    background: #a5a5a5;
}
.hx_nav::-webkit-scrollbar-corner{
    background: #969696;
}

.subcontent {width:100%;overflow:hidden;padding:50px 0; line-height: 1.8em;font-size: 16px;}



.subcontent .post-meta {
    padding: 15px 20px;
	text-align:center;
	margin:20px auto;
    border-top: 1px solid #ebebeb;
}

.subcontent .post-meta li {
    position: relative;
    color: #666;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 15px;
    display: inline-block;
	text-align:left;
}

.subcontent .post-meta li .far {
    color: #ff9929;
    font-size: 16px;
}

.subcontent .post-meta li:last-child {
    margin-right: 0
}

.subcontent h3 {
    margin-top: 12px;
    font-size: 27px;
    color: #222;
    margin-bottom: 20px;
	text-align:center;
}
.subcontent h4 {
    margin-top: 12px;
    font-size: 21px;
    color: #222;
    margin-bottom: 20px;
	text-align:center;
}
.subcontent p {
    position: relative;
    color: #555;
    margin-bottom: 12px;
    margin-top: 0;
}
.others{padding-bottom:50px;display: block;overflow: hidden;}
.others .prev,.others .next{float:left;width:50%;height:50px;line-height:50px;font-size: 16px;display: block;overflow: hidden;}
.others .prev span,.others .next span{float:left; width:70px;color:#184ead;font-weight:600;display: block;}
.others .prev a,.others .next a{float:left; width: calc(100% - 70px);display: block;}


.newslist1{width: 100%;height: 200px;position: relative;background: #f8f8f8;margin-bottom: 40px;border-radius: 0px 35px 0px 35px/0px 35px 0px 35px;}
.newslist1:hover { background: #184ead; }
.newslist1:last-child{margin-bottom: 0;}
.newslist2{font-size: 16px;line-height: 16px;color: #999999;font-family: 'Rubik';position: absolute;top: 66px;left: 35px;}
.newslist3{font-size: 32px;line-height: 32px;color: #999999;font-family: 'Rubik';position: absolute;top: 104px;left: 35px;}
.newslist4{width: 268px;height: 155px;position: absolute;top: calc(50% - 155px/2);left: 145px;}
.newslist4 img{min-height: 100%;transition: 0.5s;opacity: 1!important;height: auto!important;}
.newslist1:hover .newslist4 img{transform: scale(1.1);transition: 0.5s;}
.newslist5{width: calc(100% - 550px);position: absolute;top: 50px;right: 110px;font-size: 20px;line-height: 30px;color: #333333;transition: 0.5s;}
.newslist6{width: calc(100% - 550px);position: absolute;top: 104px;right: 110px;font-size: 14px;line-height: 28px;color: #656565;height: calc(28px*2);}
.newslist7{width: 50px;height: 50px;line-height: 50px;text-align:center;position: absolute;top: 50%;right: 40px;    background: #fff;  padding: 0;  border-radius: 50%;  color: #ddd;  font-size: 24px;  margin: 0;  position: absolute;  z-index: 9;  border: 0;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  cursor: pointer;  -webkit-transition: .3s;  -o-transition: .3s;  transition: .3s;}
.newslist1:hover .newslist7 {  color: #fff;  background: #ff9929; }
.newslist8{display: none;}
.newslist1:hover .newslist2, .newslist1:hover .newslist3, .newslist1:hover .newslist5, .newslist1:hover .newslist6{color:#fff;transition: 0.5s;}

.i100, .i300 { overflow: hidden;}
.a1>a { width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0;  display: block;}
.to1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.to2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
.to3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal;}
.imgshow1 img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.styled-pagination {
    position: relative;
	text-align: center!important;
	overflow: hidden;
	padding-bottom:50px;
}

.styled-pagination li {
    position: relative;
    margin: 0 4px 10px;
    display: inline-block
}

.styled-pagination li a {
    position: relative;
    width: 50px;
    height: 50px;
	border-radius: 50%;
    color: #222;
    font-size: 20px;
    font-weight: 400;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    background-color: #ebebeb;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.styled-pagination li.active a,.styled-pagination li:hover a {
    color: #fff;
    background-color: #184ead
}

.styled-pagination li.prev a {
    top: -2px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    border-radius: 0;
    background-color: #555;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.styled-pagination li.next a {
    top: -2px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    background-color: #555;
    border-radius: 0;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.styled-pagination li.prev a:hover,.styled-pagination li.next a:hover {
    background-color: #222
}

/* listnews */
.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.listnews {width: 100%;}
.listnews li{float:left; width: 49%;margin-bottom: 30px;}
.listnews li a{background: #f5f5f5;padding: 25px 25px;align-items: center;border-radius: 0px 35px 0px 35px/0px 35px 0px 35px;transition: 0.6s all;}
.listnews li .time{width: 160px;border-radius: 50%;overflow: hidden; }
.listnews li .time img{-webkit-transition:all 1.5s cubic-bezier(0,0,.2,1);-o-transition:all 1.5s cubic-bezier(0,0,.2,1);transition:all 1.5s cubic-bezier(0,0,.2,1)}
.listnews li:hover .time img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.listnews li .text{position: relative; width: calc(100% - 180px);}
.listnews li .text h5{margin-bottom: 0px; font-size: 20px;color: #333333;line-height: 30px;height: 30px;overflow: hidden;}
.listnews li .text h6{margin-bottom: 20px; font-size: 16px;color: #888;line-height: 20px;height: 20px;overflow: hidden;}
.listnews li .text p{font-size: 16px;line-height: 24px;height: 72px;color: #888;overflow: hidden;}
.listnews li:hover a{background: #184ead;transition: 0.6s all;}
.listnews li:hover .text h5, .listnews li:hover .text h6{color: #fff;}
.listnews li:hover .text p{color: #ffffff;}
.listnews li:hover .text::after{background: #fff; }
/* listkeshi */
.listkeshi {width: 100%;}
.listkeshi li{float:left; width: calc((100% - 60px)/3);height: 200px;margin-right: 30px;margin-bottom: 30px;background: #fcdd73;}
.listkeshi li:nth-child(3n) { margin-right: 0;}

.listkeshi li a{width: calc(100% - 24px); height: 176px;background: #f9cf00;margin:12px;align-items: center;transition: 0.6s all;}
.listkeshi li .text{width: 100%; font-size: 24px;color: #d91320;line-height: 30px; text-align:center;vertical-align: middle;display:inline-block;}
.listkeshi li .text i{width: 100%; font-size: 60px;color: #d91320;line-height: 1.5; text-align:center;vertical-align: middle;display:inline-block;}
.listkeshi li:hover {background: #b7ddff;transition: 0.6s all;}
.listkeshi li:hover a{background:url(/template/pc/images/newsitmebg.jpg) no-repeat center;background-size: cover;transition: 0.6s all;}
.listkeshi li:hover .text,.listkeshi li:hover .text i{color: #fff;}
/* zjview */
.zjview {width: 100%;}
.zjview li{float:left; width: 100%;margin-bottom: 30px;background: #f5f5f5;padding: 25px 25px;align-items: center;border-radius: 0px 35px 0px 35px/0px 35px 0px 35px;transition: 0.6s all;}
.zjview li .time{width: 200px;overflow: hidden; text-align:center;}
.zjview li .time img{max-width: 100%;border-radius: 50%;}
.zjview li .text{position: relative; width: calc(100% - 400px);}
.zjview li .text h5{margin-bottom: 0px; font-size: 20px;color: #333333;line-height: 30px;}
.zjview li .text h5 span{margin-bottom: 0px; font-size: 16px;color: #888;line-height: 20px;}
.zjview li .text h6{margin-bottom: 20px; font-size: 16px;color: #888;line-height: 20px;}
.zjview li .text p{font-size: 16px;line-height: 24px;color: #888;}
.zjview li .text p b{font-weight:500;color: #666;}
.zjview li .ewm{width: 160px;overflow: hidden;text-align:center;font-size: 15px;line-height: 40px;color: #ff9929;font-weight:600; }
.zjview li .ewm img{max-width: 100%;}
.zjview li .text  hr {
    margin-top: 0!important;
    margin-bottom: 10px!important;
    border: none;
    border-top: 1px dotted #ccc;
    height: 1px;
}
.jobs .item {
	border-top: 1px solid #e3e3e3;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.jobs .item .tit {
	padding: 25px 105px 25px 20px;
	position: relative;
}

.jobs .item .tit:after {
	position: absolute;
	content: '↓';
	right: 40px;
	top: 25px;
	width: 65px;
	line-height: 65px;
	border: 1px solid #dddddd;
	border-radius: 50%;
	font-size: 34px;
	font-weight: lighter;
	text-align: center;
	color: #dddddd;
}

.jobs .open .tit:after {
	position: absolute;
	content: '↑';
	right: 40px;
	top: 25px;
	width: 65px;
	line-height: 65px;
	border: 1px solid #ff9929;
	border-radius: 50%;
	font-size: 34px;
	font-weight: lighter;
	text-align: center;
	color: #ff9929;
}

.jobs .item .tit h4 {
	margin: 0;
	font-size: 18px;
	font-weight:600;
	text-align:left;
}

.jobs .item .tit p {
	font-size: 0;
	margin: 10px 0 0;
}

.jobs .item .tit p span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 70px;
	font-size: 16px;
	color: #666;
}

.jobs .item .con {
	padding: 25px 20px 45px 20px;
	font-size: 16px;
	line-height: 1.8;
	color: #666;
	display: none;
}

.jobs .item.open {
	background-color: #f8f8f8;
}
	.jobs .item .con a{
    display: block;
    width: 110px;
    height: 34px;
    box-sizing: border-box;
    border: 2px solid #184ead;
    text-align: center;
    line-height: 34px;
    color: #184ead;
    font-weight: normal;
    font-size: 16px;
    cursor: pointer;
	border-radius: 10px;
	transition: 0.6s all;
}
	.jobs .item .con a:hover{
    border: 2px solid #ff9929;
    color: #ff9929;
	transition: 0.6s all;
}
.img-auto{max-height:none !important;}
 /*guestbook*/
.guestbook{0}
.guestbook h2{font-size:24px;font-weight:600}
.guestbook .padding{padding:50px;}
.guestbook .form-group {padding-bottom:20px}
.guestbook .input{font-size:16px;padding:0 15px;height:50px;line-height:50px;border: solid 1px #dbdbdb;width:calc(100% - 32px);display:block;-webkit-appearance:none;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;box-shadow:0 0px 0px rgba(0,0,0,0.0) inset;}
.guestbook .textarea {padding:12px;line-height:24px;padding:0 15px;width:calc(100% - 32px);height:72px;font-size:16px;background:#fff;border: solid 1px #dbdbdb;}
.guestbook .label {display:block;line-height:24px;}
.guestbook .label label {font-weight:400;}
.guestbook .field {font-size:16px}
.guestbook select {font-size:16px;padding:0 35px 0 15px;width: 100%; height:50px;line-height:50px;border: solid 1px #dbdbdb;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff url(../images/select-down.png) no-repeat right 50%;color:#666;}
.guestbook .form-tips .guestbook .input-help ul {border: solid 1px #dbdbdb;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px}
.guestbook .input::-webkit-input-placeholder, .guestbook .textarea::-webkit-input-placeholder {color: #111;font-size: 16px;}
.guestbook .input:-moz-placeholder, .guestbook .textarea:-moz-placeholder {color: #111;font-size: 16px;}
.guestbook .input::-moz-placeholder, .guestbook .textarea::-moz-placeholder {color: #111;font-size: 16px;}
.guestbook .input:-ms-input-placeholder, .guestbook .textarea:-ms-input-placeholder {color: #111;font-size: 16px;}
.guestbook .button {
    width: 148px;
    height: 40px;
    background-color: #296dac;
    border: 0;
    font-size: 15px;
    color: #FFFFFF;
    margin-right: 30px;
}
.ks_intro{
    position: relative;
    overflow: hidden;
}
.ks_intro .fr{
     float:right;
    display: flex; justify-content: center; align-items: center;
    width: 50%;
    position: relative;
	height:100%;

}
.ks_intro .fr img{
    display: block;
    width: 100%;
	line-height:500px;
}
.ks_intro .fl{
     float:left;
    width: 50%;
    height: 100%;
}

.ks_intro .fl h3{
    width: 85%;
    margin-left: 10%;
    position: relative;
}
.ks_intro .fl h3 p{
    width: 100%;
    position: relative;
    font-size: 24px;
    color: #184ead;
    line-height: 36px;
    font-weight: 500;
	text-align:left;
}
.ks_intro .fl h3::before{
    content: "";
    width: 72px;
    height: 5px;
    background-color: #ff9929;
    position: absolute;
    left: 0;
    bottom: -15px;
}

.ks_intro .intro_detail{
    width: 85%;
    margin-top: 40px;
    margin-left: 10%;
    position: relative;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}
.ks_intro .link{
    width: 85%;
    margin-top: 20px;
    margin-left: 10%;
}
.ks_intro .intro_detail p{
    font-size: 16px;
    line-height: 1.8em;
    color: #333;
    text-align: justify;
}
.ks_tsjs{
    width: calc(100% - 2px);
    height: 520px;
    border: 1px solid #ddd;
	margin-top:50px;
	overflow: hidden;
	border-radius: 0px 35px 0px 35px/0px 35px 0px 35px;
}
.ks_tsjs li{
    width: 100%;
    height: 520px;
    float: left;
    transition: all 0.5s;
    overflow: hidden;
}

.ks_tsjs li h3{
    width: 150px;
    height: 520px;
    background-size: 100% 100%;
    background-image: url("/template/pc/images/tsjs.png");
    font-size: 40px;
	line-height:1.2;
    color: #fff;
    padding: 60px 0px 0;
    text-align: center;
    float: left;
    cursor: pointer;
	margin-top: 0px;
}
.ks_tsjs li .content{
    height: 520px;
    overflow: hidden;
    width: 100%;
}
.ks_tsjs li .content h4{
    float: left;
    margin-left: 50px;
    margin-top: 60px;
    font-size: 26px;
    font-weight: bold;
    color: #333;
}
.ks_tsjs li .content .detail{
    float: left;
    width: 1010px;
    height: 460px;
    overflow: hidden;
    margin-top: 30px;
}

.ks_tsjs li .detail p{
    margin-top: 1em;
    font-size: 16px;
    color: #333;
    line-height: 1.8em;
    text-align: justify;
}
.ks_tsjs li .detail .mCSB_container{
    margin-right: 58px !important;
}

.ks_cases{
    width: 100%;
	margin-top:50px;
}
.kssort {
  width:95%;
  max-width:800px;
  height: 86px;
  margin:0 auto;
}
.kssort ul li {
  float: left;
  width: 160px;
  height: 44px;
  text-align: center;
}

.kssort ul li a {
  color: #333;
  border: 1px solid #dedede;
  font-size: 16px;
  line-height: 42px;
  display: block;
  border-radius: 0px 15px 0px 15px/0px 15px 0px 15px;
}

.kssort ul li a:hover {
  background: #ff9929;
  border: 1px solid #ff9929;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 8px 8px 0px rgba(255,153,41,0.25);
}
.morecenter{
    width: 100%;
    text-align:center;
}
.title_h3{
    width: 100%;
    position: relative;
    font-size: 24px;
    color: #184ead;
    height: 24px;
    line-height: 24px;
    font-weight: 500;
	text-align:center;
	margin-bottom:50px;
}
.title_h3::before{
    content: "";
    width: 72px;
    height: 5px;
    background-color: #ff9929;
    position: absolute;
    left: 50%;
    bottom: 0;
	margin-left:-36px;
}
.zj_intro{
    position: relative;
    overflow: hidden;
	background:#f8f8f8;
	padding:50px 0;
}


.zj_intro_list ul:after {
  content: "";
  display: block;
  clear: both;
}
.zj_intro_list ul li {
  background:#fff;
  width:calc((100% - 104px)/4);
  margin: 26px 32px 26px 0;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  float: left;
  border: 1px solid #dedede;
}
.zj_intro_list ul li.nyy:nth-child(4n) {margin-right:0;}
.zj_intro_list ul li .h-pic {
text-align:center;
padding:30px 30px;
display:block;
}
.zj_intro_list ul li .h-pic img {
  width:100%;
  border-radius:50%;
}
.zj_intro_list ul li .zj_intro_text {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top: none;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.zj_intro_list ul li .zj_intro_text .name {
  width: 100%;
  margin-top: 18px;
  line-height: 21px;
  font-size: 21px;
  color: #333;
  text-align:center;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.zj_intro_list ul li .zj_intro_text .zhicheng {
  width: 90%;
  height: 24px;
  margin: 10px auto 0;
  line-height: 14px;
  text-align:center;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zj_intro_list ul li .zj_intro_text .zj-line {
  display: block;
  width: 90%;
  height: 1px;
  margin: 20px auto 0;
  background-color: #dedede;
}
.zj_intro_list ul li .zj_intro_text .zj_zytc {
  width: 90%;
  height: 48px;
  color: #999;
  font-size: 14px;
  line-height: 24px;
  margin: 20px auto 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.zj_intro_list ul li .zj_intro_text .zj_morelink {
  height: 24px;
  margin: 15px 21px 0;
}
.zj_intro_list ul li .zj_intro_text .zj_morelink .zj_more {
  display: block;
  width: 80;
  font-size:14px;
  height: 44px;
  float: left;
  line-height: 44px;
  color: #ff9929;
  opacity: 1;
  overflow: hidden;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.zj_intro_list ul li .zj_intro_text .d_line {
  display: block;
  width: 0%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ff9929;
  opacity: 0;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.zj_intro_list ul li:hover {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-22px);
  transform: translateY(-22px);
}
.zj_intro_list ul li:hover .zj_intro_text .name {
  color: #ff9929;
}
.zj_intro_list ul li:hover .zj_intro_text .zj_morelink .zj_more {
  color: #184ead;
}
.zj_intro_list ul li:hover .zj_intro_text .d_line {
  width: 100%;
  opacity: 1;
}
.bg_grey{background:#f8f8f8;}


.zj_tsyl .zj_tsyl_list .inlist {
	display: flex;
	margin: 0 -15px;
	flex-flow: wrap
}

.zj_tsyl .zj_tsyl_list li {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 15px 15px;
	width: calc(33.3333% - 32px);
	border: 1px solid #ededed;
	text-align: center
}

.zj_tsyl .zj_tsyl_list .img {
    margin-bottom: 0;
	overflow: hidden;
	transition: all .5s
}

.zj_tsyl .zj_tsyl_list .img img {
	width: 100%;
	height:194px;
}

.zj_tsyl .zj_tsyl_list .link {
	display: flex;
	height: 50px;
	background-color: #313131;
	align-items: center;
	justify-content: center
}

.zj_tsyl .zj_tsyl_list .link a {
	display: inline-block;
	margin: 0 20px;
	padding: 5px 15px;
	background-color: #fff;
	color: #272727;
	text-align: center;
	font-size: 14px;
	line-height: normal;
	transition: all 1s
}

.zj_tsyl .zj_tsyl_list .p {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 50px;
	background-color: #fff;
	line-height: 50px
}

.zj_tsyl .zj_tsyl_list .p a {
	display: block;
	height: 50px;
	color: #272727;
	text-transform: uppercase
}

.zj_tsyl .zj_tsyl_list .link a:hover {
	background-color: #e3e3e3;
	transition: all .3s
}

.zj_tsyl .zj_tsyl_list li:hover .img {
	transition: all .5s;
	transform: translateY(-50px)
}

.zj_tsyl .zj_tsyl_list li:hover .link a {
	margin: 0 10px;
	transition: all 1s
}













@media only screen and (max-width:1229px) {
.listkeshi li{ width: calc((100% - 20px)/2);margin-right: 20px;margin-bottom: 20px;}
.listkeshi li:nth-child(3n) { margin-right: 20px;}
.listkeshi li:nth-child(2n) { margin-right: 0;}
.listkeshi li .text{font-size: 22px;line-height: 26px;}
.subbanner .lm2{width:100%;color: #333;font-size: 14px;line-height: 20px;}
.subbanner .lm3{width:100%;color: #666;font-size: 14px;line-height: 14px;}
.dqwz{padding:0 0;}
.xc_nav{overflow-x: auto;white-space: nowrap;height: auto;}
.xc_nav li{font-size: 14px;}
.xc_nav li a{padding: 0 10px;}
.ks_intro {
    position: relative;
    height: auto;
}
.ks_intro .fl h3{
    width: 90%;
    margin-left: 5%;
    position: relative;
}

.ks_intro .fl h3 p{
    position: relative;
    line-height: 0.55rem;
    font-size: 24px!important;
}
.ks_intro .fl h3::before {
    width: 1rem;
    height: 0.08rem;
	bottom:-10px;
    z-index: -1;
}
.ks_intro .fl {
    padding-top: 0;
    width: 100%;
    height: 100%;
}
.introduce_container::before {
    display: none;
}
.ks_intro .fl::before {
    display: none;
}
.ks_intro .intro_detail {
    width: 90%;
    margin-left: 5%;
    overflow: hidden;
    margin-top: 0.4rem;
    position: relative;
}
.ks_intro .intro_detail p {
    font-size: 15px;
    line-height: 1.5em;
    color: #333;
    text-align: justify;
}
.intro_detail .mCSB_container {
    margin-right: 0.4rem !important;
}
.ks_intro .fr {
width:90%;
margin-top:30px;
margin:30px 5% 0 5%;
}

.ks_tsjs {
	margin-top:30px;
    height: 4rem;
	border-radius: 0px 15px 0px 15px/0px 15px 0px 15px;
}
.ks_tsjs li {
    width: 100%;
    height: 100%;
    float: left;
    transition: all 0.5s;
    overflow: hidden;
    margin-right: 28px;
}
.ks_tsjs li .content {
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.ks_tsjs li h3 {
    width: 1rem!important;
    height: 100%;
    font-size: 24px;
    color: #fff;
    padding: 0.15rem;
    padding-top: 1rem;
    text-align: center;
    float: left;
    cursor: pointer;
}
.ks_tsjs li .content h4 {
    float: left;
    margin-left: 0.2rem;
    margin-top: 60px;
    font-size: 26px;
    font-weight: bold;
    color: #333;
    display: none;
}
.ks_tsjs li .content .detail {
    float: left;
    width: calc(100% - 1.5rem);
    height: 3.5rem;
    overflow: hidden;
    margin-top: 0.25rem;
}
.ks_tsjs li .detail .mCSB_container {
    margin-right: 0.4rem !important;
}
.ks_tsjs li .detail p,.ks_tsjs li .detail p strong {
    margin-top: 1em;
    font-size: 15px;
    padding: 0 0.2rem;
    color: #333;
    line-height: 1.5;
    text-align: justify;
}
.ks_cases{
    width: 100%;
	margin-top:30px;
}
.ks_cases h3{
    height: 0.55rem;
    line-height: 0.55rem;
    font-size: 24px!important;
	margin-bottom:50px;
}

.ks_cases h3 a{
    display: block;
    width: 90px;
    height: 28px;
    position: absolute;
    top: 1px;
    right: 2px;
    box-sizing: border-box;
    border: 1px solid #184ead;
    text-align: center;
    line-height: 28px;
    color: #184ead;
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
	border-radius: 0px 15px 0px 15px/0px 15px 0px 15px;
	transition: 0.6s all;
}
.ks_cases h3 a:hover{
    border: 1px solid #ff9929;
    color: #ff9929;
	transition: 0.6s all;
}
.ks_cases h3::before{
    width: 1rem;
    height: 0.08rem;
	bottom:-10px;
    z-index: -1;
}
}

@media only screen and (max-width:767px) {
.subcontent {
    padding: 20px 0;
}
.subbanner{padding: 50px 0;
}
.subbanner .lm{font-size: 20px;line-height: 20px;}
.dqwz .wz{font-size: 14px;line-height: 20px;}
.dqwz .wz i{font-size: 16px;}
.others .prev,.others .next{width:100%;}
.newslist1{width: 100%;height: auto;position: relative;background: none;margin-bottom: 40px;border-radius: 0px 0px 0px 0px/0px 0px 0px 0px;}
.newslist1:hover { background: none; }
.newslist2{display: none;}
.newslist3{display: none;}
.newslist7{display: none;}
.newslist4{width: 100%;height: 2.54rem;position: relative;margin-bottom: 0.4rem;top: 0;left:0;}
.newslist4 img{min-height: 100%;opacity: 1!important;height: auto!important;}
.newslist5{width: 100%;position: relative;top: 0;left:0;font-size: 0.32rem;line-height: 0.54rem;color: #333333;margin-bottom: 0.15rem;font-weight: bold;}
.newslist6{width: 100%;position: relative;top: 0;left:0;font-size: 0.28rem;line-height: 0.44rem;color: #656565;height: calc(0.44rem*2);}
.newslist8{font-size: 0.26rem;line-height: 0.3rem;color: #777;display: block;}
.newslist1:hover .newslist5{color:#184ead;transition: 0.5s;}
.newslist1:hover .newslist6{color:#000;transition: 0.5s;}

.listkeshi li{ width: 100%;height: 150px;margin-right: 0;margin-bottom: 10px;}
.listkeshi li:nth-child(3n) { margin-right: 0;}
.listkeshi li a{height: 126px;}
.listkeshi li .text{font-size: 20px;line-height: 24px;}
.listkeshi li .text i{font-size: 50px;}
.kssort ul li {
  width: 80px;
  height: 34px;
}
.kssort {
  height: 46px;
}
.kssort ul li a {
  font-size: 14px;
  line-height: 32px;
}
.styled-pagination li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.listnews li{float:none; width: 100%;margin-bottom: 20px;}
.listnews li .time{width: 100px;}
.listnews li a{padding: 15px 15px;border-radius: 0px 15px 0px 15px/0px 15px 0px 15px;transition: 0.6s all;}
.listnews li .text h5{margin-bottom: 0px; font-size: 16px;color: #333333;line-height: 20px;height: 20px;overflow: hidden;}
.listnews li .text h6{margin-bottom: 10px; font-size: 14px;color: #999999;line-height: 20px;height: 20px;overflow: hidden;}
.listnews li .text p{font-size: 14px;line-height: 16px;height: 48px;color: #999999;overflow: hidden;}
.listnews li .text{ width: calc(100% - 105px);}

.zj_intro_list ul li {
  width:calc(100% - 2px);
  margin: 26px 0;
}
.zj_intro_list ul li.nyy:nth-child(2n) {margin-right:0;}

.zjview li{float:none; width: 100%;margin-bottom: 20px;}
.zjview li .time{width: 100%;}
.zjview li {padding: 15px 15px;}
.zjview li .text h5{margin-bottom: 0px; font-size: 18px;color: #333333;line-height: 40px;text-align:center;}
.zjview li .text h6{margin-bottom: 10px; font-size: 14px;color: #999999;line-height: 20px;text-align:center;}
.zjview li .text p{font-size: 14px;line-height: 18px;color: #999999;}
.zjview li .text{ width: 100%;}
.zjview li .ewm{width: 100%;font-size: 14px; }

	.jobs .item .tit {
		padding: 10px 56px 10px 10px;
	}

	.jobs .item .tit h4 {
		font-size: 16px;
	}

	.jobs .item .tit p {
		margin-top: 5px;
	}

	.jobs .item .tit p span {
		font-size: 12px;
		margin-right: 10px;
	}

	.jobs .item .tit:after {
		font-size: 20px;
		line-height: 35px;
		width: 35px;
		top: 10px;
		right: 10px;
	}

	.jobs .item .con {
		padding: 10px;
		font-size: 14px;
	}

.ks_tsjs {
    height: 8rem;
}
.ks_tsjs li .content .detail {
    height: 7.5rem;
}

	.zj_tsyl .zj_tsyl_list li {
		width: 100%
	}




}

@media only screen and (max-width:640px) {

}

@media only screen and (max-width:480px) {

}
