body { margin:0; padding:0; line-height:24px; font-family:'Source Han Sans CN'; font-size:12px; background: #ffffff;}
div,ul,li,ol,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,img,p,span{ border-style: none;
	border-color: inherit;
	border-width: 0px;
	padding: 0;
	list-style-type:none;
	/* margin-left: auto; */
	margin-top: 0;
	margin-bottom: 0;
}
@font-face {
	font-family: sc1;
	src: url("../font/SourceHanSansCN-Bold.otf");
  }
  @font-face {
	font-family: sc2;
	src: url("../font/SourceHanSansCN-ExtraLight.otf");
  }
  @font-face {
	font-family: sc3;
	src: url("../font/SourceHanSansCN-Heavy.otf");
  }
  @font-face {
	font-family: sc4;
	src: url("../font/SourceHanSansCN-Light.otf");
  }
  @font-face {
	font-family: sc5;
	src: url("../font/SourceHanSansCN-Medium.otf");
  }

  @font-face {
	font-family: sc6;
	src: url("../font/SourceHanSansCN-Normal.otf");
  }
  @font-face {
	font-family: sc7;
	src: url("../font/SourceHanSansCN-Regular.otf");
  }
  @font-face {
	font-family: scc;
	src: url("../font/站酷酷黑.TTF");
  }

/* Link */
a:link { text-decoration:none;}
a:visited {text-decoration:none;}
a:hover { text-decoration:none;}
a:active { border:0px; background-color:Transparent;}

a{outline:none; color: #000000;} 

.blank5{ width:100%; height:5px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank50{ width:100%; height:50px; clear:both;}
.blank60{ width:100%; height:60px; clear:both;}
.blank70{ width:100%; height:70px; clear:both;}
.blank80{ width:100%; height:80px; clear:both;}

/*Clear*/
.clear{ clear:both; font-size:1px; height:0px; line-height:0px; overflow:hidden;}/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/

.max{ position:relative; overflow:hidden;}		

.head{
    width: 100%;
    height: 114px;
    float: left;
    border-top: 4px solid #175aa1;
    position: relative;
    z-index: 11;
}
.head-cen{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: block;
}
.logo{
    width: 184px;
    /* height: 56px; */
    float: left;
    margin-top: 27px;
}
.logo img{
    width: 100%;
}
.head-right{
    float: right;
    height: 100%;
}
.hr-box{
    width: 314px;
    height: 38px;
    float: right;
    background: url(../images/td-j.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    
}
.hr-box img{
    float: left;
    width: 16px;
    margin-top: 10px;
    margin-left: 53px;
    margin-right: 6px;
}
.hr-box span{
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    line-height: 38px;
    float: left;
}

.nav{
   float: right;
   margin-top: 15px;
}
.nav>li{
    width: 110px;
    float: left;
    /* height: 35px; */
    position: relative;
    z-index: 11;
}
.nav>li>a{
    width: 100%;
    height: 61px;
    float: left;
    text-align: center;
}
.nav>li>a span{
    display: block;
    font-size: 16px;
    color: #333333;
}
.nav>li>a .nav-xj{
    width: 11px;
    height: 6px;
    display: block;
    margin: 0 auto;
    margin-top: 6px;
    opacity: 0;
}

.nav-two{
    width: 184px;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 61px;
    z-index: 66;
    display: none;
}
.nav-two>li{
    width: 100%;
    float: left;
    padding-top: 10px;
    position: relative;
}
.nav-two>li>a{
    width: 170px;
    float: left;
    padding-bottom: 10px;
    position: relative;
}
.nav-two>li>a::after{
    content: "";
    width: 160px;
    height: 1px;
    background: #eeeeee;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 66;
}
.nav-two>li:last-child{
    padding-bottom: 0;
}
.nav-two-list{
    width: 170px;
    height: 38px;
    float: left;
    position: relative;
}



.nav-two-list::before{
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background: #457eb7;
    left: 0;
    top: 0;
    opacity: 0;
}

.nav-w-zi{
    float: left;
    text-align: left;
    width: 140px;
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    color: #333333;
    margin-left: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.nav-two-list img{
    width: 8px;
    /* height: 11px; */
    float: right;
    margin-top: 12px;
}
.nav-j2{
    display: none;
}

.nav-two>li:hover .nav-two-list{
    background: url(../images/nav-hover.png) no-repeat;
    background-size: 100% 100%;
}
.nav-two>li:hover .nav-two-list::before{
    opacity: 1;
}
.nav-two>li:hover .nav-j2{
    display: block;
}
.nav-two>li:hover .nav-j{
    display: none;
}



.nav-three{
  width: 184px;
  float: left;
  background: #ffffff;
  position: absolute;
  left: 184px;
  top: 0px;
  display: none;
}

.nav-three>li{
    width: 100%;
    float: left;
    padding-top: 10px;
    position: relative;
}
.nav-three>li>a{
    /* width: 170px; */
    float: left;
    padding-bottom: 10px;
    position: relative;
}
.nav-three>li>a::after{
    content: "";
    width: 128px;
    height: 1px;
    background: #eeeeee;
    position: absolute;
    bottom: 0;
    left: 26px;
    z-index: 66;
}
.nav-three>li:last-child{
    padding-bottom: 0;
}

.nav-three-img{
    width: auto;
    height: 100%;
    float: left;
}
.nav-three-list{
    width: auto;
    height: 38px;
    float: left;
    /* background: url(../images/nav-hover.png) no-repeat;
    background-size: 170px 100%; */
    position: relative;
}

.nav-three-list::before{
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background: #457eb7;
    left: 0;
    top: 0;
    opacity: 0;
}
.nav-three>li:hover .nav-three-list{
    background: url(../images/nav-hover.png) no-repeat;
    background-size: 170px 100%;
}
.nav-three>li:hover .nav-three-list::before{
    opacity: 1;
}
.nav-th-zi{
    float: left;
    text-align: left;
    width: 80px;
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    color: #333333;
    margin-left: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

/* 导航经过效果 */
.nav>li:hover>a span{
    color: #175aa1;
}
.nav>li:hover .nav-xj{
    opacity: 1;
}

.nav .nav-on>a span{
    color: #175aa1;
}
.nav .nav-on>a .nav-xj{
    opacity: 1;
}

.nav>li:hover .nav-two{
    display: block;
}
.nav-two>li:hover .nav-three{
    display: block;
}


/* 轮播图 */
.baner{
	height: 500px;
	position: relative;
	width: 1920px;
	 *width: 1920px;
	  _width: 1920px; 
	  z-index: 1; 
	  margin: 0; 
	  top: 0; 
	  float: left; 
	  left: 50%; 
	  margin-left: -960px; 
	  *margin-left: -960px; 
	  _margin-left: -960px; 
	  /*overflow: hidden;*/
}
.ban-two{
    height: 462px;
}
.ban-two img{
    width: 100%;
    height: 100%;
}
#sw{
	width: 100%;
	height: 100%;
}
#sw .pic{
	width: 100%;
	height: 100%;
}

.san{
    width: 37px;
    height: 62px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 50%;
    z-index: 66;
    cursor: pointer;
    border: none;
    outline: none;
}
.san img{
    width: 100%;
    height: 100%;
}
.san:hover{
    background: rgba(0, 0, 0, 0.8);
}
.s-n{
    right: 360px;
}
.s-p{
    left: 360px;
}

.ban-bg{
  width:100%;
  height: 51px;
  background: url(../images/ban-j.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 44;
}
.ban-img{
    width: 22px;
    height: 13px;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%,-90%);
    z-index: 44;
    animation:myfirst 1s;
    -moz-animation:myfirst 1s; /* Firefox */
    -webkit-animation:myfirst 1s; /* Safari and Chrome */
    -o-animation:myfirst 1s; /* Opera */
     animation-iteration-count:infinite;
     animation-timing-function: linear;
}

@keyframes myfirst
{
0% {top: 30px;}
50% {top: 40px;}
100% {top: 30px;}
}

.center{
    min-height: 600px;
	position: relative;
	width: 1920px;
	 *width: 1920px;
	  _width: 1920px; 
	  z-index: 1; 
	  margin: 0; 
	  top: 0; 
	  float: left; 
	  left: 50%; 
	  margin-left: -960px; 
	  *margin-left: -960px; 
	  _margin-left: -960px; 
	  /*overflow: hidden;*/
}
.in-title{
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 30px;
}
.in-tzi{
    font-size: 26px;
    color: #7c7c7c;
    font-family: scc;
    text-transform: uppercase;
}
.in-tci{
    font-size: 24px;
    color: #333333;

}
.in-tg{
    margin: 10px auto;
}

.in-pr-box{
    width: 1200px;
    min-height:460px;
    margin: 0 auto;
    position: relative;
    z-index: 11;
}

.in-pr-list{
    width: 100%;
    text-align: center;
}
.in-pr-list li{
    width: 290px;
    height: 40px;
    display: inline-block;
    background: #f7f7f7;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #333333;
    margin: 0 2px;
    position: relative;
    cursor: pointer;

}
.in-pr-list li a{
    color: #333333;
    font-weight: bold;
}
.in-pr-list li::after{
	content: "";
	width: 0px;
	height: 0px;
	border-top: 14px solid #155ca9;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	position: absolute;
	top: 40px;
    left: 80px;
    opacity: 0;
}
.in-pr-list .pr-on{
    background: #155ca9;
    color: #ffffff;
}
.in-pr-list .pr-on a{
    color: #ffffff;
}
.in-pr-list .pr-on::after{
    opacity: 1;
}

.fy-show_k{
    width: 100%;
    height: 360px;
    float: left;
	position: relative;
	margin-top: 48px;
}
.fy-show{
    width: 1160;
    height: 100%;
    margin: 0 20px;
    float: left;
	position: absolute;
	background: #ffffff;
	left: 0;
	top: 0;
	z-index: 22;
}

.fy{
    width: 100%;
    height: 360px;
    float: left;
}
.fy .swiper-slide{
    width: 100%;
    height: 360px;
    /* padding: 0 5px; */
    /* overflow: hidden; */
}

.py-img{
    width: 300px;
    height: 207px;
    display: block;
    margin: 0 auto;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
    position: relative;
}
.py-img2{
    width: 400px;
    height: 277px;
    float: left;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
    position: relative;
}

.py-img3{
    width: 100%;
    height: 145px;
    float: left;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
    position: relative;
}

.py-tu{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 11;
}
.p-zhao{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 22;
    opacity: 0;
}

.py-text{
    width: 100%;
    float: left;
}
.py-ti{
    width: 100%;
    font-size: 18px;
    color: #666666;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-top: 15px;
}

.py-tii{
    width: 100%;
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-top: 15px;
}
.py-tw{
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 10px;
}
.more{
    width: 100%;
    height: 11px;
    margin-top: 5px;
}
.more span{
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}
.more img{
    width: 8px;
    height: 11px;
    margin-left: 20px;
}
.fan{
    width: 40px;
    height: 80px;
    outline: none;
    border: 1px solid #eeeeee;
    position: absolute;
    top: 40%;
    z-index: 44;
    cursor: pointer;
}
.fan img{
    width: 100%;
    height: 100%;
}

.fj2{
    display: none;
}
.f_next{
    right: -90px;
}
.f_prev{
    left: -90px;
}

/* .fan:hover .fj2{
    display: block;
}
.fan:hover .fj{
    display: none;
} */

.fy .swiper-slide:hover .p-zhao{
    opacity: 1;
}

.in-about{
    width: 100%;
    height: 694px;
    float: left;
    margin-top: 40px;
    position: relative;
    z-index: 11;
}
.in-ab_j{
    position: absolute;
    width: 100%;
    top: -40px;
    left: 0;
    z-index: 11;
}
.in-ab_j2{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 12;
}
.in-about_cen{
    width: 1200px;
    position: relative;
    margin: 0 auto;
    z-index: 22;
}
.in-ab_k{
    float: left;
    width: 100%;
    height: auto;
    position: relative;
}
.in-ab_show{
    float: left;
    width: 1140px;
    height: auto;
    padding: 35px 30px;
    background: #ffffff;
    position: relative;
    z-index: 22;
}
.in-ab_left{
    width: 442px;
    height: 326px;
    float: left;
}
.in-ab_left img{
    width: 100%;
    height: 100%;
}
.in-ab_right{
    width: 660px;
    height: auto;
    float: left;
    margin-left: 20px;
}

.in-r_ti{
    width: 100%;
    float: left;
    padding-bottom: 15px;
    border-bottom: 1px solid #c6ddfb;
}
.in-r_tzi{
    font-size: 26px;
    color: #175aa1;
    font-weight: bold;
}
.in-r_tci{
    font-size: 14px;
    color: #175aa1;
    font-weight: bold;
    margin-top: 10px;
}

.in-r_text{
    width: 100%;
    float: left;
    margin-top: 24px;
    font-size: 16px;
    color: #3c3c3c;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}
.in-r_text p{
    text-indent: 2em;
}

.ab-yz{
    width: 414px;
    height: 44px;
    position: absolute;
    left: 104px;
    bottom: -30px;
    z-index: 11;
}
.ab-yy{
    width: 414px;
    height: 44px;
    position: absolute;
    right: 104px;
    bottom: -30px;
    z-index: 11;
}
.in-so{
    width: 100%;
    float: left;
}
.so-box{
    width: 100%;
    float: left;
    height: 510px;
    position: relative;
    z-index: 11;
    /* margin-top: 40px; */
}
.so-bj{
    width: 100%;
    position: absolute;
    left: 0;
    top: 220px;
    z-index: 12;
}

.so-cen{
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    position: relative;
    z-index: 22;
}
#pr{
    width: 100%;
    height: 466px;
    position: relative;
}

#pr .swiper-slide {
	width: 587px;
    height: 443px;
    padding: 12px;
    background: #d7e8fc;
    border-radius: 12px;
    overflow: hidden;
    box-sizing: border-box;
}

.so-bk{
    width: 100%;
    height: 100%;
    position: relative;
}
.so-bk img{
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    z-index: 11;
}
.so-text{
    width: 100%;
    padding: 14px 0px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 22;
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
}

.so-tzi{
    font-size: 22px;
    color: #ffffff;
    margin-bottom: 16px;
}
.so-tci{
    font-size: 14px;
    color: #ffffff;
}
.pj{
    width: 36px;
    height: 64px;
    position: absolute;
    top: 40%;
    z-index: 66;
    border: none;
    outline: none;
    cursor: pointer;
}
.pj img{
    width: 100%;
    height: 100%;
}
.pj_n{
    right: 116px;
}
.pj_p{
    left: 116px;
}

.foot{
    min-height: 398px;
	position: relative;
	width: 1920px;
	 *width: 1920px;
	  _width: 1920px; 
	  z-index: 1; 
	  margin: 0; 
	  top: 0; 
	  float: left; 
	  left: 50%; 
	  margin-left: -960px; 
	  *margin-left: -960px; 
	  _margin-left: -960px; 
	  /*overflow: hidden;*/

}
.foot-top{
       width: 100%;
       height: 51px;
       float: left;
       background: url(../images/f-top.png) no-repeat;
       background-size: 100% 100%;
}

.f-top{
    width: 140px;
    /* height: 100%; */
    margin: 0 auto;
    display: block;
    text-align: center;
    cursor: pointer;
}
.f-top img{
    width: 20px;
    height: 12px;
    display: block;
    margin: 0 auto;
    margin-top: 16px;
    margin-bottom: 2px;
}
.f-top_zi{
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
}
.f-box-k{
    width: 100%;
    height: 346px;
    float: left;
    background: url(../images/bei-j3.png) no-repeat;
    background-size: 100% 100%;
}
.f-b_cen{
    width: 1200px;
    margin: 0 auto;
    padding-top: 36px;
    padding-bottom: 40px;
}

.f-b-left{
    width: 400px;
    float: left;
}
.f-logo{
    width: 184px;

}
.f-z_list{
    width: 100%;
    margin-top: 12px;
}
.f-z_list li{
    margin-bottom: 12px;
}
.f-z_zi{
    font-size: 18px;
    color: #ffffff;
}
.f-z_ci{
    font-size: 12px;
    color: #ffffff;
}

.f-b-right{
    float: right;
}
.f-nav{
    width: 100%;
    float: left;
}
.f-nav a{
    height: 20px;
    font-size: 16px;
    color: #ffffff;
    line-height: 20px;
    position: relative;
    padding-right: 30px;
    margin-right: 30px;
    position: relative;
}
.f-nav a::after{
    content: "";
    height: 100%;
    width: 1px;
    background: #ffffff;
    position: absolute;
    right: 0;
    top: 0;
}

.f-nav a:last-child{
    padding-right: 0;
    margin-right: 0;
}
.f-nav a:last-child::after{
    display: none;
}

.f-x_list{
    width: 100%;
    margin-top: 40px;
}
.f-x_list li{
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    margin-bottom: 10px;
}
.f-x_list li img{
    height: 30px;
    float: left;
    margin-right: 15px;
}

.f-bottom{
    width: 100%;
    float: left;
    text-align: center;
    padding: 15px 0px;
    border-top: 1px solid #4f4f4f;
}
.fb-list{
     font-size: 14px;
     line-height: 20px;
     color: #ffffff;
}

.ban-two{
      height: 400px;
}
.bt-img{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 11;
}
.bt-box{
    width: 100%;
    position: absolute;
    top: 160px;
    z-index: 22;
    text-align: center;
    font-size: 24px;
    color: #7a7a7a;
    line-height: 30px;
    text-transform: uppercase;
}

.bt-box .bt-zi{
    font-size: 30px;
    color: #175aa1;
}
.bt-box .bt-dian{
    font-size: 30px;
    color: #01479d;
    padding: 0 30px;
}

.fen-title{
    width: 100%;
    float: left;
    height: 70px;
    border-bottom: 1px solid #e6e6e6;
}

.ft-cen{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.fen-ti{
    height: 70px;
    float: left;
    padding: 0 10px;
    font-size: 18px;
    color: #175aa1;
    line-height: 70px;
    position: relative;
}
.fen-ti::after{
    content: "";
    width: 100%;
    height: 3px;
    background: #175aa1;
    position: absolute;
    bottom: 0;
    left: 0;
}

.ab-cen{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.ab-title{
    width: 100%;
    height: auto;
    text-align: center;
    float: left;
    margin: 50px 0;
}
.ab-tzi{
    font-size: 32px;
    color: #010101;
    margin-bottom: 10px;
}
.ab-tci{
    font-size: 24px;
    color: #969696;
    text-transform: uppercase;
}

.ab-twen{
    width: 100%;
    float: left;
    padding-bottom: 60px;
}
.ab-t-left{
    width: 594px;
    float: left;
}
.ab-t-left li{
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    color: #3c3c3c;
    text-indent: 2em;
    margin-bottom: 30px;
}
.ab-t-right{
    width: 576px;
    height: auto;
    float: right;
}
.ab-t-right img{
     width: 100%;
}

.bt-b{
    color: #ffffff;
}
.bt-b .bt-zi{
    color: #ffffff;
}
.bt-b .bt-dian{
    color: #ffffff;
}

.pro-box{
    width: 100%;
    float: left;
    padding-top: 30px;
    padding-bottom: 60px;
}
.pro-cen{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.pro-left{
    width: 220px;
    height: auto;
    float: left;
    border: 4px solid #f8f8f8;
    padding-bottom: 20px;
}
.pr-z_top{
    width: 100%;
    height: 133px;
    float: left;
    background: url(../images/bei-j4.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
}
.pr-z_zi{
   font-size: 18px;
   color: #ffffff;
   margin-top: 30px;
   margin-bottom: 15px;
   text-transform: uppercase;
   font-family: scc;
}
.pr-z_ci{
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
}

.pr-z_list{
    width: 180px;
    padding: 0 20px;
    float: left;
    margin-top: 40px;
}
.pr-z_list a{
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 20px;
}
.pr-z_list a span{
    font-size: 16px;
    color: #333333;
    float: left;
}
.pr-z_list a img{
    width: 8px;
    height: 11px;
    float: right;
    margin-top: 6px;
}

.pr-j2{
    display: none;
}

.pr-z_list .p-on span{
     color: #175aa1;
}
.pr-z_list .p-on .pr-j{
    display: none;
}
.pr-z_list .p-on .pr-j2{
    display: block;
}

.pr-z_list a:hover span{
    color: #175aa1;
}
.pr-z_list a:hover .pr-j{
   display: none;
}
.pr-z_list a:hover .pr-j2{
   display: block;
}

.pr-z_w{
    width: 100%;
    float: left;
    text-align: center;
}
.pr-zw_zi{
    font-size:24px;
    color: #333333;
    margin-bottom: 10px;
}
.pr-zw_ci{
    font-size: 18px;
    color: #999999;

}

.pr-zt{
    width: 180px;
    padding: 0 20px;
    float: left;
    margin-top: 20px;
}
.pr-zt>img{
    width: 44px;
    float: left;
}

.pr-zt2{
    width: 100%;
    float: left;
    margin-top: 20px;
}
.pr-zt2>img{
    width: 44px;
    float: left;
}
.pr-zt-k{
    width: 130px;
    float: left;
    margin-left: 6px;
}
.pr-zt-z{
    font-size: 15px;
    color: #999999;
}
.pr-zt-c{
    font-size: 18px;
    color: #175aa1;
    font-weight: bold;
}
.pro-right{
    width: 945px;
    float: right;
    margin-top: 15px;
}

.pro-list{
    width: 100%;
    float: left;
}
.pro-list li{
    width: 300px;
    height: 290px;
    float: left;
    /* padding: 0 5px; */
    margin-right: 22px;
    margin-bottom: 40px;
}
.pro-list li:nth-child(3n){
    margin-right: 0;
}
.pro-list li:hover .p-zhao{
    opacity: 1;
}

.fanye{
    width: 100%;
    text-align: center;
    float: left;
    margin: 30px 0px;
}
.fanye a{
    display: inline-block;
    height: 50px;
    padding: 0 20px;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    line-height: 50px;
    font-size: 18px;
    color: #666666;
    margin: 0 20px;
}

.fanye a:hover{
    color: #ffffff;
    background: #175aa1;
    border: 1px solid #175aa1;
}

.fanye .fan-on{
    color: #ffffff;
    background: #175aa1;
    border: 1px solid #175aa1;
}

.pr-de_ti{
    width: 100%;
    float: left;
    font-size: 28px;
    color: #666666;
    margin-bottom: 50px;
    text-align: center;
}
.pr-de_box{
    width: 100%;
    float: left;
}

.pr-de_xr{
    width: 487px;
    float: right;
}

.de-xr-ti{
    font-size: 20px;
    color: #175aa1;
}
.de-xr-tw{
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    width: 100%;
    float: left;
    margin-top: 10px;
}

.more-z{
    width: 140px;
    height: 50px;
    float: left;
    display: block;
    background: #175aa1;
    margin-top: 30px;
}
.more-z img{
    width: 25px;
    float: left;
    margin-top: 13px;
    margin-right: 8px;
    margin-left: 18px;
}
.more-z span{
    line-height: 50px;
    font-size: 18px;
    color: #ffffff;
}

.pde-xti{
    width: 889px;
    padding-left:56px;
    float: left;
    height: 70px;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 30px;
}

.pde-xwen{
    width: 905px;
    float: left;
    padding: 0 20px;
}
.pde-xwen img{
    max-width: 100%;
    display: block;
    margin: 30px auto;
}

.pde-xt{
    width: 100%;
    font-size: 18px;
    color: #175aa1;
    margin-bottom: 20px;
    position: relative;
    float: left;
}

.pde-xt span{
    float: left;
    position: relative;
    z-index: 22;
    background: #ffffff;
}
.pde-xt::after{
    content: "";
    width: 100%;
    height: 18px;
    position: absolute;
    left: 0;
    top: 3px;
    z-index: 11;
    background: url(../images/dian-g.png) no-repeat;
    background-size: 100% 18px;
}

.pde-xtext{
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 18px;
    color: #6d6d6d;
    margin-bottom: 10px;
}
.pde-xtext p{
    margin-bottom: 15px;
}

.so-cbox{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 40px;
}
.so-b_list{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;
    margin-bottom: 30px;
}
.so-b_list li{
    width: 307px;
    height: 232px;
    padding: 12px;
    border-radius: 12px;
    background: #d7e8fc;
    float: left;
    margin-right: 100px;
    margin-bottom: 35px;
}
.so-b_list li:nth-child(3n){
    margin-right: 0px;
}
.so-kt{
    width: 100%;
    height: 100%;
    position: relative;
}
.so-kt img{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 11;
}











.so-k-text{
    width: 100%;
    padding: 12px 0;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 22;
    text-align: center;
}

.so-k-zi{
    font-size: 22px;
    color: #ffffff;
}

.so-k-ci{
    width: 267px;
    padding: 0 20px;
    font-size: 14px;
    color: #ffffff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.so-de_ti{
    width: 100%;
    font-size: 22px;
    color: #333333;
    text-align: center;
    margin: 30px 0;
}

.sde-t-img{
    width: 307px;
    height: 232px;
    padding: 12px;
    border-radius: 12px;
    background: #d7e8fc;
    display: block;
    margin: 0 auto;
}

.sde-tw-box{
    width: 1100px;
    padding: 0 50px;
    float: left;
    margin-top: 50px;
}
.sde-tk{
    width: 100%;
    line-height: 36px;

}
.sde-tk-z{
    width: 100px;
    float: left;
    font-size: 18px;
    color: #666666;
}
.sde-tk-r{
    width: 1000px;
    float: left;
    font-size: 18px;
    color: #333333;
}


.so-img{
    width: 100%;
    margin: 35px  0px;
}
.so-img img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.so-fan{
    width: 190px;
    height: 40px;
    display: block;
    margin: 0px auto;
    margin-top:40px;
    margin-bottom:30px;
    background: #f7f7f7;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #175aa1;
    
}

.fen-pr-list{
    width: 1200px;
    margin: 50px auto;

}
.fen-pr-list li{
    width: 211px;
    height: 190px;
    float: left;
    margin-right: 36px;
    margin-bottom: 30px;
    cursor: pointer;
}
.fen-pr-list li:nth-child(5n){
    margin-right: 0;
}

.tech-box{
    width:1140px;
    padding: 25px 30px;
    float: left;
    border: 2px solid #f8f8f8;
    margin: 30px 0px;
}

.tech-list{
    width: 100%;
    float: left;
}
.tech-list li{
    width: 100%;
    float: left;
    padding-bottom: 17px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 20px;
    cursor: pointer;
}

.tech-zi{
    float: left;
    font-size: 16px;
    color: #333333;
}

.tech-but{
    width: 118px;
    height: 32px;
    background: #175aa1;
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    color: #ffffff;
    float: right;
    cursor: pointer;
}

.tech-list li:hover .tech-zi{
    color: #175aa1;
}

.con-box{
    width: 100%;
    float: left;
    margin-top: 60px;
    margin-bottom: 60px;
}

.c-logo{
    width: 294px;
    height: auto;
    float: left;
    margin-top: 80px;
}

.con-right{
    width: 734px;
    float: right;
    position: relative;
}

.con-list{
    width: 100%;
    float: left;
    height: auto;
    position: relative;
}

.con-list::before{
    content: "";
    width: 1px;
    height: 100%;
    background: url(../images/c-g.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -80px;
}

.con-list li{
    width: 100%;
    float: left;
    margin-bottom: 40px;
}

.con-list li img{
    width: 44px;
    height: 44px;
    float: left;
}
.con-tw{
    width: 650px;
    float: right;
}

.con-tzi{
    font-size: 18px;
    color: #1e1e1e;
    margin-bottom: 8px;
    font-weight: bold;
}
.con-tci{
    font-size: 16px;
    color: #7f7f7f;
}

.pian{
    width: 100%;
    height: auto;
    float: left;
    margin: 20px 0px;
}
.pian li{
    width: 100%;
    float: left;
    line-height: 36px;
}
.pian li a{
    display: block;
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}
.pian li a span{
    color: #175aa1;
}
/* 悬浮 */
.xuan-box{
    position: fixed;
    top: 44%;
    right: 30px;
    z-index: 9999;
}
.xuan-list{
    width: 70px;
    float: right;
}
.xuan-list li{
    width: 70px;
    height: 70px;
    float: left;
    margin-bottom: 5px;
    background: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(23, 90, 161, 0.1);
    text-align: center;
}
.xuan-list li img{
    width: 30px;
    height: 30px;
    display: block;
    margin: 5px auto;
}
.xuan-zi{
    font-size: 12px;
    color: #175aa1;
}

.xuan-lian{
    min-height: 44px;
    padding: 0px 18px;
    position: relative;
    right: 20px;
    top: 10px;
    float: left;
    background: #ffffff;
    line-height: 44px;
    font-size: 18px;
    color: #175aa1;
    box-shadow: 0px 0px 10px 2px rgba(23, 90, 161, 0.1);
    display: none;
}


.xuan-lian::after{
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ffffff;
    position: absolute;
    top: 12px;
    right: -10px;
}



.xuan-wxin{
    min-height: 44px;
    padding:8px;
    position: relative;
    right: 20px;
    top: 150px;
    float: left;
    background: #ffffff;
    line-height: 44px;
    font-size: 18px;
    color: #175aa1;
    box-shadow: 0px 0px 10px 2px rgba(23, 90, 161, 0.1);
    display: none;
}

.xuan-wxin img{width:180px;}

.xuan-wxin::after{
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ffffff;
    position: absolute;
    top: 12px;
    right: -10px;
}


.pde-img-list{
    width: 100%;
    float: left;
    margin: 30px 0px;
}
.pde-img-list li{
    width: 406px;
    float: left;
    border: 1px solid #efefef;
    margin-right: 70px;
    margin-bottom: 30px;
}

.pde-img-list li>img{
    width: 100%;
    margin: 0;
}

.pde-img-list li:nth-child(2n){
    margin-right: 0px;
}




.sde-t-imgjj{
    width: 1200px;
   margin: 0 auto;
  
 
  text-align:center;

    
}









.so-ktjj{
    margin: 0 auto;
   
}
.so-ktjj img{
   
   
}











.so-cboxjj{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 40px;
}
.so-b_listjj{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;
    margin-bottom: 30px;
}
.so-b_listjj li{
    width: 307px;
    height: 232px;
    padding: 12px;
    border-radius: 12px;
    
    float: left;
    margin-right: 100px;
    margin-bottom: 35px;
}
.so-b_listjj li:nth-child(3n){
    margin-right: 0px;
}

.so-k-zijj{
    font-size: 18px;
    color: #ffffff;
}