@charset "utf-8";
/* CSS Document */
.clear {clear:both}
.lf{ float:left;}
.rg{ float:right;} 
 @media (min-width: 992px)  {
/*头部*/
#fh5co-header-section {
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;	
	 color:#252525;
}
.scroll #fh5co-header-section{height:70px; position:fixed; background:#fff; top:0px; width:100%; z-index:99; border-bottom:1px solid #ddd;}
.scroll #fh5co-header-section .topright {-webkit-transition: 1s;transition: 1s; display:none;}
.scroll #fh5co-header-section .toplogo{ float:left; padding-top:8px;-webkit-transition: 1s;transition: 1s;}
.scroll #fh5co-header-section .toplogo a{ display:block; background:url(../images/1_01.png) no-repeat; width:243px; height:58px;background-size:243px 58px; }
.scroll #fh5co-header-section div.nav{-webkit-transition: 1s;transition: 1s; float:right;display: block;padding-top: 0px;}
.scroll #fh5co-header-section div.hidden-box{ top:49px;}
.scroll #fh5co-header-section .fixedlogo{ float:left; padding-top:5px; }
	 
	 .scroll #fh5co-header-section .topmenu{display: none;}
     .topLi{display: block;width: 100%;float:left;}
.topmenu{display: block;width: 100%;float:left;background: #222222;border-radius:10px;height: 60px;margin-top: 10px;}
.topmenu ul{ width: 100%;
    height: 100%;
    list-style-type: none;margin:0; padding:0px;float: right;width: 685px;}
.topmenu ul li{float:left;padding-left:30px; padding-right:30px;}
.topmenu ul li a{ display:block; text-decoration:none; color:#fff;line-height: 55px;border-bottom:5px solid #222;}
.topmenu ul li a:hover{border-bottom: 5px solid #0052a8;}
.topmenu ul li a.hover{border-bottom: 5px solid #0052a8;}

}

 @media (max-width: 767px) {
    #fh5co-header-section {
    display:none;}

    #bframe{float:left;width: 100%;height: 452px;margin-top:80px; }

    .moblie_head{ display:block;  padding:10px 5%; position:fixed; width:100%; z-index:999;background-color:rgba(255, 255, 255, 0.85);top:0px;}
    .moblie_head .rg{ padding-top:16px;}
    .a_txt{ display:block; position:fixed; top:0px; left:0px; width:0px; height:0px; overflow:hidden; z-index:1005;}
	.a_txt .div1{ position:absolute; width:100%; height:100%; background:#0b0d19; filter:alpha(opacity=0); opacity:0; left:0px; top:0px;}
	.a_txt .div2{ position:absolute; width:20%; left:0px; top:5%; z-index:100; text-align:center; filter:alpha(opacity=0); opacity:0;}
	.a_txt .div3{ position:absolute; width:80%; right:0px; top:0px; background:#0b0d19; height:100%; z-index:100; right:-80%;}
	.a_txt .div3 ul{ padding-left:5%; padding-right:5%;}
	.a_txt .div3 ul li{ border-bottom:1px solid #232530;list-style:none;}
	.a_txt .div3 ul li a{ display:block; height:45px; color:#fff; line-height:45px; padding-left:5%; font-size:1.6rem;}
	.a_txt .div3 ul li .div_js1{ background:url(../images/7_15.png) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.a_txt .div3 ul li .div_js_on1{ background:url(../images/7_14.jpg) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.a_txt .div3 ul li .div_js_txt1 a{ height:40px; line-height:40px; font-size:1.4rem;}
}
@media (min-width: 1200px) {
    .toplogo{ float:left; padding-top:10px; padding-bottom:5px;}
.toplogo a{ display:block; background:url(../images/1_01.png) no-repeat; width:335px; height:80px;}
.topright{float: right;margin-top: 20px;}
.toprileft{float: left;width: 180px;}
.tolor{float: left;width: 100%;}
.tolor img{float:left;margin-top: 5px;}
.trtel{float: right;width: 140px;}
.trtel p{margin: 0px; line-height: 20px;}
.topheight{float:left;width: 1px;height: 50px;background: #c7c7c7;line-height:50px;}
.topriright{float:right;width:260px;margin-left: 30px;}
.topriright img{float:left;margin-top: 5px;}
.topriright p{float:right;width: 220px;line-height: 20px;}
ul.nav-main{
    width: 100%;
    height: 100%;
    list-style-type: none;margin:0; padding:0px;padding-left:2em;margin-top: 25px;
}
div.nav{
  line-height:20px;display:none;
    text-align: center;
    font-size: 15px;
    position: relative;
    float:right;
	padding-top:24px;
   
}ul.nav-main>li{
    height: 100%;
    display: block;
    float: left; 
    cursor: pointer;
	padding-right:8px;
    text-transform:uppercase;
}
ul.nav-main>li a{ display:block; text-decoration:none; padding-left:20px; padding-right:20px;}
ul.nav-main>li a:hover{ color:#0052a8; }
ul.nav-main>li a.hover{ color:#0052a8; }
   #bframe{float:left;width: 100%;height: 652px;margin-top:130px; }
}

 @media (min-width: 992px) and (max-width:1199px ) {
    .toplogo{ float:left; padding-top:10px; padding-bottom:5px;}
.toplogo a{ display:block; background:url(../images/1_01.png) no-repeat; width:295px; height:70px;background-size:295px 70px; }
.topright{float: right;margin-top: 20px;}
.toprileft{float: left;width: 180px;}
.tolor{float: left;width: 100%;}
.tolor img{float:left;margin-top: 5px;}
.trtel{float: right;width: 140px;}
.trtel p{margin: 0px; line-height: 20px;}
.topheight{float:left;width: 1px;height: 50px;background: #c7c7c7;line-height:50px;}
.topriright{float:right;width:260px;margin-left: 30px;}
.topriright img{float:left;margin-top: 5px;}
.topriright p{float:right;width: 220px;line-height: 20px;}
ul.nav-main{
    width: 100%;
    height: 100%;
    list-style-type: none;margin:0; padding:0px;padding-left:2em;margin-top: 25px;
}
div.nav{
  line-height:20px;display:none;
    text-align: center;
    font-size: 15px;
    position: relative;
    float:right;
	padding-top:24px;
   
}ul.nav-main>li{
    height: 100%;
    display: block;
    float: left; 
    cursor: pointer;
	padding-right:8px;
    text-transform:uppercase;
}
ul.nav-main>li a{ display:block; text-decoration:none; padding-left:20px; padding-right:20px;}
ul.nav-main>li a:hover{ color:#0052a8; }
ul.nav-main>li a.hover{ color:#0052a8; }
   #bframe{float:left;width: 100%;height: 552px;margin-top:130px; }
}
  @media (min-width: 768px) and (max-width:991px ) {
    .toplogo{ float:left; padding-top:10px; padding-bottom:5px;}
.toplogo a{ display:block; background:url(../images/1_01.png) no-repeat; width:243px; height:58px;background-size:243px 58px; }
.topright{float: right;margin-top: 20px;}
.toprileft{float: left;width: 145px;}
.tolor{float: left;width: 100%;}
.tolor img{float:left;margin-top:8px;height:25px; width:25px;}
.trtel{float: right;width: 110px;}
.trtel p{margin: 0px; line-height: 20px;font-size:12px;}
.topheight{float:left;width: 1px;height: 50px;background: #c7c7c7;line-height:50px;}
.topriright{float:right;width:210px;margin-left: 20px;}
.topriright img{float:left;margin-top: 8px; width:17px; height:25px;}
.topriright p{float:right;width: 180px;line-height: 20px;font-size:12px;}
ul.nav-main{
    width: 100%;
    height: 100%;
    list-style-type: none;margin:0; padding:0px;padding-left:2em;margin-top: 25px;
}
div.nav{
  line-height:20px;display:none;
    text-align: center;
    font-size: 14px;
    position: relative;
    float:right;
	padding-top:24px;
   
}ul.nav-main>li{
    height: 100%;
    display: block;
    float: left; 
    cursor: pointer;
	padding-right:8px;
    text-transform:uppercase;
}
ul.nav-main>li a{ display:block; text-decoration:none; padding-left:10px; padding-right:10px;}
ul.nav-main>li a:hover{ color:#0052a8; }
ul.nav-main>li a.hover{ color:#0052a8; }
   #bframe{float:left;width: 100%;height: 502px;margin-top:130px; }
/*头部*/
#fh5co-header-section {
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;	
	 color:#252525;
}
.scroll #fh5co-header-section{height:70px; position:fixed; background:#fff; top:0px; width:100%; z-index:99; border-bottom:1px solid #ddd;}
.scroll #fh5co-header-section .topright {-webkit-transition: 1s;transition: 1s; display:none;}
.scroll #fh5co-header-section .toplogo{ float:left; padding-top:13px;-webkit-transition: 1s;transition: 1s;}
.scroll #fh5co-header-section .toplogo a{ display:block; background:url(../images/1_01.png) no-repeat; width:200px; height:48px;background-size:200px 48px; }
.scroll #fh5co-header-section div.nav{-webkit-transition: 1s;transition: 1s; float:right;display: block;padding-top: 0px;}
.scroll #fh5co-header-section div.hidden-box{ top:49px;}
.scroll #fh5co-header-section .fixedlogo{ float:left; padding-top:5px; }
	 
	 .scroll #fh5co-header-section .topmenu{display: none;}
     .topLi{display: block;width: 100%;float:left;}
.topmenu{display: block;width: 100%;float:left;background: #222222;border-radius:10px;height: 60px;margin-top: 10px;}
.topmenu ul{ 
    height: 100%;
    list-style-type: none;margin:0; padding:0px;float: right;}
.topmenu ul li{float:left;padding-left:22px; padding-right:22px;}
.topmenu ul li a{ display:block; text-decoration:none; color:#fff;line-height: 55px;border-bottom:5px solid #222;}
.topmenu ul li a:hover{border-bottom: 5px solid #0052a8;}
.topmenu ul li a.hover{border-bottom: 5px solid #0052a8;}

}
  .weui-cell{padding: 10px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft{text-align: right; color: #999999;}
.weui-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.start{-webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.middle{-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.nobefore::before, .noafter::after{display: none !important;}
  .hiddens{overflow: hidden;}
  .idx-banner{background-color:#000;height:100%;}
.idx-banner .swiper-container{width: 100%; z-index: 0; height: 100%;}
.idx-banner .swiper-slide{background-color: rgba(0,0,0,.5);}
.idx-banner .swiper-wrapper, .idx-banner [data-swiper-parallax]{will-change:transform}
.idx-banner .headbg{position:absolute;z-index:0;width:100%;height: 100%;background-repeat:no-repeat;background-size:cover;background-position:center center;-webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .headbg::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.1);background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 30%);background-image:linear-gradient(to bottom,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 30%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0);z-index: 1;}
.idx-banner .textbox{position: absolute; left:0; top: 0; width: 100%; height: 100%; color: #fff; text-align: center;}
.idx-banner .weui-cell{width: 100%; height: 100%;}
.idx-banner .en{display: inline-block; text-align: left; font-size: 16px; line-height: 22px; font-weight: 300; opacity: .5; text-shadow: 0 1px 16px rgba(0,0,0,.16); -webkit-animation: fadeOutUp 2s; animation: fadeOutUp 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .cn{margin-top: .3rem; font-size: .5rem; text-shadow: 0 1px 16px rgba(0,0,0,.16); -webkit-animation: fadeOutDown 2s; animation: fadeOutDown 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .swiper-slide-active .headbg{-webkit-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}
.idx-banner .swiper-slide-active .en{opacity: .5; -webkit-animation: fadeInDown 1.5s; animation: fadeInDown 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .swiper-slide-active .cn{-webkit-animation: fadeInUp 1.5s; animation: fadeInUp 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .swiper-button-prev, .idx-banner .swiper-button-next{top: 25%; left: 36%; right: 0; width: 34px; height: 34px; border: 1px solid transparent; background: none; -webkit-border-radius: 50%; border-radius: 50%;}
.idx-banner .swiper-button-next{margin-top: 20px;}
.idx-banner .swiper-button-prev::before, .idx-banner .swiper-button-next::before{position: absolute; display: block; content: ""; left: 50%; top: 50%; margin-top: -4px; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff;}
.idx-banner .swiper-button-prev::before{margin-left: -3px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.idx-banner .swiper-button-next::before{margin-left: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.idx-banner .swiper-pagination{width: auto !important; bottom: 40px !important; left: 50% !important; border-bottom: 1px solid rgba(255,255,255,.35); -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.idx-banner .swiper-pagination-bullet{position: relative; width: auto; height: auto; margin: 0 18px !important; padding: 5px 18px; font-size: 14px; color: #f5f5f5; opacity: 1; background: none; -webkit-border-radius: 0; border-radius: 0;}
.idx-banner .swiper-pagination-bullet::after{position: absolute; display: block; content: ""; left: 50%; bottom: -15px; width: 0; height: 2px; background: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .4s cubic-bezier(0.28, 0.51, 0.38, 1); transition: all .4s cubic-bezier(0.28, 0.51, 0.38, 1);}
.idx-banner .swiper-pagination-bullet-active::after{width: 16px;}
.idx-banner .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.idx-banner .swiper-pagination-bullet:last-child{margin-right: 0 !important;}
@media (min-width: 640px){.idx-banner .en{margin-left: -10%;}}
@media (min-width: 1200px){.idx-banner .swiper-button-prev:hover, .idx-banner .swiper-button-next:hover{border-color: #fff;}}
@media (max-width: 639px){
.idx-banner .swiper-pagination-bullet{margin: 0 !important;}
}

@media (min-width:1500px){
.categroyLi{float:left;width: 100%;height:365px;}
.cafours{float:left;width:25%;background: url(../images/1_07.jpg) no-repeat #ffffff;height:365px;}
.captp{float:left;margin-top:20%;margin-left: 30px;width:50%}
    .captp img {
    width:100%;}
.capris{float:right;margin-top:80px;margin-right:40px;}
.capris h3{ font-size:18px;line-height:30px;}
.careadmore{margin-top:35px;}
}
@media (min-width: 1200px) and (max-width:1499px ) {

    .categroyLi{float:left;width: 100%;height:305px;}
.cafours{float:left;width:25%;background: url(../images/1_07.jpg) no-repeat #ffffff;height:305px;}
.captp{float:left;margin-top:20%;margin-left: 30px;width:50%}
    .captp img {
    width:100%;}
.capris{float:right;margin-top:80px;margin-right:40px;}
.capris h3{ font-size:18px;line-height:30px;}
.careadmore{margin-top:35px;}
}
@media (min-width: 1000px) and (max-width:1199px ) {

    .categroyLi{float:left;width: 100%;height:265px;}
.cafours{float:left;width:25%;background: url(../images/1_07.jpg) no-repeat right #ffffff;height:265px;}
.captp{float:left;margin-top:30%;margin-left: 30px;width:40%}
    .captp img {
    width:100%;}
.capris{float:right;margin-top:60px;margin-right:40px;}
.capris h3{ font-size:15px;line-height:30px;}
.careadmore{margin-top:35px;}
}

@media (min-width: 768px) and (max-width:999px ) {

    .categroyLi{float:left;width: 100%;}
.cafours{float:left;width:50%;background: url(../images/1_07.jpg) no-repeat right #ffffff;height:265px;border-bottom:1px solid #ddd;}
.captp{float:left;margin-top:10%;margin-left: 30px;width:40%}
    .captp img {
    width:100%;}
.capris{float:right;margin-top:60px;margin-right:40px;}
.capris h3{ font-size:15px;line-height:30px;}
.careadmore{margin-top:35px;}
}
@media (min-width: 640px) and (max-width:767px ) {

    .categroyLi{float:left;width: 100%;}
.cafours{float:left;width:50%;background: url(../images/1_07.jpg) no-repeat right #ffffff;height:265px;border-bottom:1px solid #ddd;}
.captp{float:left;margin-top:18%;margin-left: 30px;width:40%}
    .captp img {
    width:100%;}
.capris{float:right;margin-top:40px;margin-right:40px;}
.capris h3{ font-size:15px;line-height:30px;}
.careadmore{margin-top:35px;}
}
@media (min-width: 540px) and (max-width:639px ) {

    .categroyLi{float:left;width: 100%;}
.cafours{float:left;width:100%;background: url(../images/1_07.jpg) no-repeat  #ffffff;height:265px;border-bottom:1px solid #ddd;}
.captp{float:left;margin-top:2%;margin-left: 30px;width:40%}
    .captp img {
    width:100%;}
.capris{float:right;margin-top:40px;margin-right:40px;}
.capris h3{ font-size:15px;line-height:30px;}
.careadmore{margin-top:35px;}
}
@media (max-width:539px ) {

    .categroyLi{float:left;width: 100%;}
.cafours{float:left;width:100%;background: url(../images/1_07.jpg) no-repeat  #ffffff;height:265px;border-bottom:1px solid #ddd;}
.captp{float:left;margin-top:8%;margin-left: 30px;width:40%}
    .captp img {
    width:100%;}
.capris{float:right;margin-top:40px;margin-right:40px;}
.capris h3{ font-size:15px;line-height:30px;}
.careadmore{margin-top:35px;}
}
.searchs{float:right;background: #0052a8;width: 80px;height: 60px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.searchs img{margin-left: 28px;margin-top: 18px;}
@media (min-width: 1200px){
.aboutLi {
margin-top:80px;}
.aboutleft {
 float:left; width:40%;}
    .abouttop h3 {
    position:relative;}
.aboutmidd {
margin-top:45px;}
    .abouttop h3::before {content:""; border-top:3px solid #247ee3;display:block;width:30px;margin-bottom:10px;}
.aboutbot {
margin-top:20px;}
.aboutboTop ul {
list-style:none;margin:0px; padding:0px;float:left; width:100%;}
    .aboutboTop ul li {
    list-style:none;width:33%;float:left; border-bottom:2px solid #464646;padding-bottom:5px;}
        .aboutboTop ul li.hover {
    list-style:none;width:33%;float:left; border-bottom:2px solid #247ee3;}
        .aboutboTop ul li a {
        line-height:27px;height:27px;}
            .aboutboTop ul li a img {
            margin-right:8px;}
.aboutcont {
margin-top:30px;float:left; width:100%;}
.aboutmores{margin-top:20px;float:left; width:100%;}
.aboutmores a {
color:#666565;border-bottom:1px #1d1d1d solid; padding-bottom:5px;}

.aboutright {
float:right;width:55%;}
.aboutritop {
float:left;width:100%;}
    .aboutritop img {
    max-width:100%;}
.aboutright ul{
 float:left;width:100%;list-style:none;margin:0px; padding:0px;margin-top:15px;}
    .aboutright ul li {
    float:left;width:24%;margin-right:1%;}
        .aboutright ul li img {
        max-width:100%;}

        
.newstop {margin-top:50px;float:left;width:100%;
}
    .newstop h3 {
    position:relative; text-align:center;color:#333;}
  .newstop h3::before {content:""; border-top:3px solid #333;display:block;width:50px;margin:0 auto;margin-bottom:15px;}
.newslis {
margin-top:55px;}
.newslis {
float:left;width:50%;}

.newsle {
float:left;width:220px;}
    .newsle img {
    max-width:100%;}
.newsri {
float:left;width:330px;margin-left:20px;margin-top:18px;}
.newdate {
float:left;width:330px;color:#7a7a7a;}
    .newdate span {
    line-height:18px;float:left;margin-left:8px;
    }
    .newdate img {
    float:left;}
.newstitle {
float:left;width:330px;}
    .newstitle h3 {
    font-size:16px;font-weight:normal;}
.newsdeta {
float:left;width:320px; margin-top:15px;color:#7a7a7a;}
.newslis .aboutmores {
margin-top:20px;}
#fframe {
float:left;width:100%;height:485px; background:url(../images/1_19.jpg) no-repeat center;margin-top:50px;}

.fntLi {
margin:0 auto;width:1200px;}
.fnt1 {
float:left;width:420px;margin-top:65px;}
.fnt1top {
float:left;width:420px;}
.fnt1top img{float:left;margin-top:5px;margin-right:8px;}
    .fnt1top h3 {
    float:left;margin:0px;padding:0px;color:#fff;font-size:18px;}
.fnt1mid {
float:left;width:380px; margin-top:35px;color:#c1c1c1;line-height:25px;}
.fnt1bot {
float:left;width:380px;margin-top:35px;}

.ffjs {
float:right;}

.fnt2 {
float:left;width:350px;margin-top:65px;margin-left:80px;}
.fnt2top {
float:left;width:350px;}
.fnt2top img{float:left;margin-top:5px;margin-right:8px;}
    .fnt2top h3 {
    float:left;margin:0px;padding:0px;color:#fff;font-size:18px;}
.fnt2 ul {
float:left;width:350px;list-style:none;margin:0px;padding:0px;margin-top:35px;}
    .fnt2 ul li {
    float:left;width:175px;margin-bottom:20px;list-style:none;}
        .fnt2 ul li a {
      color:#c1c1c1;  }

.fnt3 {
float:right;width:320px;margin-top:65px;}
.fnt3top {
float:left;width:320px;}
.fnt3top img{float:left;margin-top:5px;margin-right:8px;}
    .fnt3top h3 {
    float:left;margin:0px;padding:0px;color:#fff;font-size:18px;}

.fntconts {
float:left;width:320px;margin-top:35px;}
.foconLi {
float:left;width:100%;margin-bottom:25px;}
    .foconLi img {
    float:left;}
    .foconLi p {
    float:left;margin:0px;color:#c1c1c1;margin-left:10px;}
.fcoshare {
float:left;width:100%;margin-top:25px;}

    .fcoshare img {
    max-width:100%;}
#fcopy {
float:left;width:100%;height:51px;background:url(../images/1_30.jpg) repeat-x;color:#909090; text-align:center;line-height:51px;}
#fcopy p{
margin:0px;}
        }





@media (min-width:992px) and  (max-width: 1199px){
.aboutLi {
margin-top:80px;}
.aboutleft {
 float:left; width:40%;}
    .abouttop h3 {
    position:relative;}
.aboutmidd {
}
    .abouttop h3::before {content:""; border-top:3px solid #247ee3;display:block;width:30px;margin-bottom:10px;}
.aboutbot {
margin-top:20px;}
.aboutboTop ul {
list-style:none;margin:0px; padding:0px;float:left; width:100%;}
    .aboutboTop ul li {
    list-style:none;width:33%;float:left; border-bottom:2px solid #464646;padding-bottom:5px;}
        .aboutboTop ul li.hover {
    list-style:none;width:33%;float:left; border-bottom:2px solid #247ee3;}
        .aboutboTop ul li a {
        line-height:27px;height:27px;}
            .aboutboTop ul li a img {
            margin-right:8px;}
.aboutcont {
margin-top:30px;float:left; width:100%;}
.aboutmores{margin-top:20px;float:left; width:100%;}
.aboutmores a {
color:#666565;border-bottom:1px #1d1d1d solid; padding-bottom:5px;}

.aboutright {
float:right;width:55%;}
.aboutritop {
float:left;width:100%;}
    .aboutritop img {
    max-width:100%;}
.aboutright ul{
 float:left;width:100%;list-style:none;margin:0px; padding:0px;margin-top:15px;}
    .aboutright ul li {
    float:left;width:24%;margin-right:1%;}
        .aboutright ul li img {
        max-width:100%;}

        
.newstop {margin-top:50px;float:left;width:100%;
}
    .newstop h3 {
    position:relative; text-align:center;color:#333;}
  .newstop h3::before {content:""; border-top:3px solid #333;display:block;width:50px;margin:0 auto;margin-bottom:15px;}
.newslis {
margin-top:55px;}
.newslis {
float:left;width:50%;}

.newsle {
float:left;width:180px;}
    .newsle img {
    max-width:100%;}
.newsri {
float:left;width:250px;margin-left:20px;margin-top:18px;}
.newdate {
float:left;width:250px;color:#7a7a7a;}
    .newdate span {
    line-height:18px;float:left;margin-left:8px;
    }
    .newdate img {
    float:left;}
.newstitle {
float:left;width:250px;}
    .newstitle h3 {
    font-size:16px;font-weight:normal;line-height:30px; height:30px; overflow:hidden;}
.newsdeta {
float:left;width:240px; margin-top:10px;color:#7a7a7a;line-height:20px;height:60px;overflow:hidden;}
.newslis .aboutmores {
margin-top:20px;}


#fframe {
float:left;width:100%;height:465px; background:url(../images/1_19.jpg) no-repeat center;margin-top:50px;}

.fntLi {
margin:0 auto;width:970px;}
.fnt1 {
float:left;width:340px;margin-top:65px;}
.fnt1top {
float:left;width:340px;}
.fnt1top img{float:left;margin-top:5px;margin-right:8px;}
    .fnt1top h3 {
    float:left;margin:0px;padding:0px;color:#fff;font-size:18px;}
.fnt1mid {
float:left;width:340px; margin-top:35px;color:#c1c1c1;line-height:25px;}
.fnt1bot {
float:left;width:340px;margin-top:35px;}

.ffjs {
float:right;}

.fnt2 {
float:left;width:280px;margin-top:65px;margin-left:60px;}
.fnt2top {
float:left;width:280px;}
.fnt2top img{float:left;margin-top:5px;margin-right:8px;}
    .fnt2top h3 {
    float:left;margin:0px;padding:0px;color:#fff;font-size:18px;}
.fnt2 ul {
float:left;width:280px;list-style:none;margin:0px;padding:0px;margin-top:35px;}
    .fnt2 ul li {
    float:left;width:140px;margin-bottom:20px;list-style:none;}
        .fnt2 ul li a {
      color:#c1c1c1;  }

.fnt3 {
float:right;width:290px;margin-top:65px;}
.fnt3top {
float:left;width:290px;}
.fnt3top img{float:left;margin-top:5px;margin-right:8px;}
    .fnt3top h3 {
    float:left;margin:0px;padding:0px;color:#fff;font-size:18px;}

.fntconts {
float:left;width:290px;margin-top:35px;}
.foconLi {
float:left;width:100%;margin-bottom:25px;}
    .foconLi img {
    float:left;}
    .foconLi p {
    float:left;margin:0px;color:#c1c1c1;margin-left:10px;}
.fcoshare {
float:left;width:100%;margin-top:25px;}

#fcopy {
float:left;width:100%;height:51px;background:url(../images/1_30.jpg) repeat-x;color:#909090; text-align:center;line-height:51px;}
#fcopy p{
margin:0px;}

        }
.aboutritopdd {
display:none;}
    .fcoshare img {
    max-width:100%;}
@media (min-width:768px) and  (max-width:991px){
.aboutLi {
margin-top:50px;}
.aboutleft {
 float:left; width:100%;}
    .abouttop h3 {
    position:relative;}
.aboutmidd {
}
    .abouttop h3::before {content:""; border-top:3px solid #247ee3;display:block;width:30px;margin-bottom:10px;}
.aboutbot {
margin-top:20px;}
.aboutboTop ul {
list-style:none;margin:0px; padding:0px;float:left; width:100%;}
    .aboutboTop ul li {
    list-style:none;width:33%;float:left; border-bottom:2px solid #464646;padding-bottom:5px;}
        .aboutboTop ul li.hover {
    list-style:none;width:33%;float:left; border-bottom:2px solid #247ee3;}
        .aboutboTop ul li a {
        line-height:27px;height:27px;}
            .aboutboTop ul li a img {
            margin-right:8px;}
.aboutcont {
margin-top:30px;float:left; width:100%;}
.aboutmores{margin-top:20px;float:left; width:100%;}
.aboutmores a {
color:#666565;border-bottom:1px #1d1d1d solid; padding-bottom:5px;}

.aboutright {
float:right;width:100%;}
.aboutritop {
float:left;width:100%;}
    .aboutritop img {
    max-width:100%;max-height:300px;margin-top:30px;}
.aboutright ul{
 float:left;width:100%;list-style:none;margin:0px; padding:0px;margin-top:15px;display:none;}
    .aboutright ul li {
    float:left;width:24%;margin-right:1%;}
        .aboutright ul li img {
        max-width:100%;}

                
.newstop {margin-top:50px;float:left;width:100%;
}
    .newstop h3 {
    position:relative; text-align:center;color:#333;}
  .newstop h3::before {content:""; border-top:3px solid #333;display:block;width:50px;margin:0 auto;margin-bottom:15px;}
.newslis {
margin-top:55px;}
.newslis {
float:left;width:100%;}

.newsle {
float:left;width:250px;}
    .newsle img {
    max-width:100%;}
.newsri {
float:left;width:350px;margin-left:20px;margin-top:18px;}
.newdate {
float:left;width:350px;color:#7a7a7a;}
    .newdate span {
    line-height:18px;float:left;margin-left:8px;
    }
    .newdate img {
    float:left;}
.newstitle {
float:left;width:350px;}
    .newstitle h3 {
    font-size:16px;font-weight:normal;line-height:30px; height:30px; overflow:hidden;}
.newsdeta {
float:left;width:350px; margin-top:10px;color:#7a7a7a;overflow:hidden;}
.newslis .aboutmores {
margin-top:20px;}

#fframe {
float:left;width:100%;height:445px; background:url(../images/1_19.jpg) no-repeat center;margin-top:40px;}

.fntLi {
margin:0 auto;width:750px;}
.fnt1 {
float:left;width:270px;margin-top:65px;}
.fnt1top {
float:left;width:270px;}
.fnt1top img{float:left;margin-top:5px;margin-right:8px;}
    .fnt1top h3 {
    float:left;margin:0px;padding:0px;color:#fff;font-size:18px;}
.fnt1mid {
float:left;width:270px; margin-top:35px;color:#c1c1c1;line-height:25px;}
.fnt1bot {
float:left;width:270px;margin-top:35px;}
    .fnt1bot img {
    width:120px;}

.ffjs {
float:right;}

.fnt2 {
float:left;width:230px;margin-top:65px;margin-left:20px;}
.fnt2top {
float:left;width:230px;}
.fnt2top img{float:left;margin-top:5px;margin-right:8px;}
    .fnt2top h3 {
    float:left;margin:0px;padding:0px;color:#fff;font-size:18px;}
.fnt2 ul {
float:left;width:230px;list-style:none;margin:0px;padding:0px;margin-top:35px;}
    .fnt2 ul li {
    float:left;width:115px;margin-bottom:20px;list-style:none;}
        .fnt2 ul li a {
      color:#c1c1c1;  }

.fnt3 {
float:right;width:230px;margin-top:65px;}
.fnt3top {
float:left;width:230px;}
.fnt3top img{float:left;margin-top:5px;margin-right:8px;}
    .fnt3top h3 {
    float:left;margin:0px;padding:0px;color:#fff;font-size:18px;}

.fntconts {
float:left;width:230px;margin-top:35px;}
.foconLi {
float:left;width:100%;margin-bottom:25px;}
    .foconLi img {
    float:left;}
    .foconLi p {
    float:left;margin:0px;color:#c1c1c1;margin-left:10px;width:200px;}
.fcoshare {
float:left;width:100%;margin-top:15px;}

#fcopy {
float:left;width:100%;height:51px;background:url(../images/1_30.jpg) repeat-x;color:#909090; text-align:center;line-height:51px;}
#fcopy p{
margin:0px;}
        }

@media (max-width:767px){
.aboutLi {
margin-top:50px;}
.aboutleft {
 float:left; width:100%;}
    .abouttop h3 {
    position:relative;}
.aboutmidd {
}
    .abouttop h3::before {content:""; border-top:3px solid #247ee3;display:block;width:30px;margin-bottom:10px;}
.aboutbot {
margin-top:20px;}
.aboutboTop ul {
list-style:none;margin:0px; padding:0px;float:left; width:100%;}
    .aboutboTop ul li {
    list-style:none;width:33%;float:left; border-bottom:2px solid #464646;padding-bottom:5px;}
        .aboutboTop ul li.hover {
    list-style:none;width:33%;float:left; border-bottom:2px solid #247ee3;}
        .aboutboTop ul li a {
        line-height:27px;height:27px;}
            .aboutboTop ul li a img {
            margin-right:8px;}
.aboutcont {
margin-top:30px;float:left; width:100%;}
.aboutmores{margin-top:20px;float:left; width:100%;}
.aboutmores a {
color:#666565;border-bottom:1px #1d1d1d solid; padding-bottom:5px;}

.aboutright {
float:right;width:100%;}
.aboutritop {
float:left;width:100%;}
    .aboutritop img {
    max-width:100%;max-height:300px;margin-top:30px;}
.aboutright ul{
 float:left;width:100%;list-style:none;margin:0px; padding:0px;margin-top:15px;display:none;}
    .aboutright ul li {
    float:left;width:24%;margin-right:1%;}
        .aboutright ul li img {
        max-width:100%;}

        #fframe {
float:left;width:100%;background:#000;margin-top:40px;}

.fntLi {
width:100%;padding-left:15px; padding-right:15px;}
.fnt1 {
float:left;width:100%;margin-top:65px;display:none;}
.fnt1top {
float:left;width:270px;}
.fnt1top img{float:left;margin-top:5px;margin-right:8px;}
    .fnt1top h3 {
    float:left;margin:0px;padding:0px;color:#fff;font-size:18px;}
.fnt1mid {
float:left;width:270px; margin-top:35px;color:#c1c1c1;line-height:25px;}
.fnt1bot {
float:left;width:270px;margin-top:35px;}
    .fnt1bot img {
    width:120px;}

.ffjs {
float:right;}

.fnt2 {
float:left;width:100%;margin-top:45px;}
.fnt2top {
float:left;width:100%;}
.fnt2top img{float:left;margin-top:5px;margin-right:8px;}
    .fnt2top h3 {
    float:left;margin:0px;padding:0px;color:#fff;font-size:18px;}
.fnt2 ul {
float:left;width:100%;list-style:none;margin:0px;padding:0px;margin-top:35px;}
    .fnt2 ul li {
    float:left;width:50%;margin-bottom:20px;list-style:none;}
        .fnt2 ul li a {
      color:#c1c1c1;  }

.fnt3 {
float:right;width:100%;margin-top:35px;}
.fnt3top {
float:left;width:100%;}
.fnt3top img{float:left;margin-top:5px;margin-right:8px;}
    .fnt3top h3 {
    float:left;margin:0px;padding:0px;color:#fff;font-size:18px;}

.fntconts {
float:left;width:100%;margin-top:35px;}
.foconLi {
float:left;width:100%;margin-bottom:25px;}
    .foconLi img {
    float:left;}
    .foconLi p {
    float:left;margin:0px;color:#c1c1c1;margin-left:10px;width:200px;}
.fcoshare {
float:left;width:100%;margin-top:15px;display:none;}

#fcopy {
float:left;width:100%;height:51px;background:url(../images/1_30.jpg) repeat-x;color:#909090; text-align:center;line-height:51px;}
#fcopy p{
margin:0px;}
        }

.index5  {position: relative;padding: 205px 0px 180px;background-position: center top;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;margin-top:60px;}
.index5 .main {float:right; width:300px;text-align:left}
.index5 .main .tit{float:left; width:100%;font-size:18px; line-height:45px;color:#FFF;}
  .index5 .main .tit::before {content:""; border-top:3px solid #fff;display:block;width:30px;margin-bottom:5px;}
.index5 .main .tit b{font-weight:normal;font-size:0.26rem;line-height:86px; text-transform:uppercase; color:#d3d3d3; margin-left:5px;}
.index5 .main p{float:left; width:100%;font-size:14px; line-height:24px;color:#fff;margin-top:20px;}
.index5 a {float:right;margin-top:40px;color:#fff;border-bottom:1px solid #fff;}
@media (max-width: 767px) {
    .index5  {padding: 105px 0px 100px;}
    .index5 .main {float:right; width:100%;padding:0px 6% 0px 10%}
}
@media (min-width: 768px) and (max-width: 991px) {
    .index5  {padding: 105px 0px 100px;}
    .index5 .main {float:right; width:100%;padding:0px 6% 0px 10%}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .index5  {padding: 105px 0px 100px;}
    .index5 .main {float:right; width:100%;padding:0px 6% 0px 10%}
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .index5  {padding: 105px 0px 100px;}
    .index5 .main {float:right; width:100%;padding:0px 6% 0px 10%}
}



@media (min-width: 540px) and (max-width: 767px) {
    .newstop {
        margin-top: 50px;
        float: left;
        width: 100%;
    }

        .newstop h3 {
            position: relative;
            text-align: center;
            color: #333;
        }

            .newstop h3::before {
                content: "";
                border-top: 3px solid #333;
                display: block;
                width: 50px;
                margin: 0 auto;
                margin-bottom: 15px;
            }

    .newslis {
        margin-top: 55px;
    }

    .newslis {
        float: left;
        width: 100%;
    }

    .newsle {
        float: left;
        width: 38%;
    }

        .newsle img {
            max-width: 100%;
        }

    .newsri {
        float: left;
        width: 58%;
        margin-left: 20px;
        margin-top: 18px;
    }

    .newdate {
        float: left;
        width: 100%;
        color: #7a7a7a;
    }

        .newdate span {
            line-height: 18px;
            float: left;
            margin-left: 8px;
        }

        .newdate img {
            float: left;
        }

    .newstitle {
        float: left;
        width: 100%;
    }

        .newstitle h3 {
            font-size: 16px;
            font-weight: normal;
            line-height: 30px;
            height: 30px;
            overflow: hidden;
        }

    .newsdeta {
        float: left;
        width: 100%;
        margin-top: 10px;
        color: #7a7a7a;
        overflow: hidden;
    }

    .newslis .aboutmores {
        margin-top: 20px;
    }
}
@media (max-width: 539px) {
    .newstop {
        margin-top: 40px;
        float: left;
        width: 100%;
    }

        .newstop h3 {
            position: relative;
            text-align: center;
            color: #333;
        }

            .newstop h3::before {
                content: "";
                border-top: 3px solid #333;
                display: block;
                width: 50px;
                margin: 0 auto;
                margin-bottom: 15px;
            }

    .newslis {
        margin-top: 35px;
    }

    .newslis {
        float: left;
        width: 100%;
    }

    .newsle {
        float: left;
        width: 38%;display:none;
    }

        .newsle img {
            max-width: 100%;
        }

    .newsri {
        float: left;
        width: 100%;
     
        margin-top: 18px;
    }

    .newdate {
        float: left;
        width: 100%;
        color: #7a7a7a;
    }

        .newdate span {
            line-height: 18px;
            float: left;
            margin-left: 8px;
        }

        .newdate img {
            float: left;
        }

    .newstitle {
        float: left;
        width: 100%;
    }

        .newstitle h3 {
            font-size: 16px;
            font-weight: normal;
            line-height: 30px;
            height: 30px;
            overflow: hidden;
        }

    .newsdeta {
        float: left;
        width: 100%;
        margin-top: 10px;
        color: #7a7a7a;
        overflow: hidden;
    }

    .newslis .aboutmores {
        margin-top: 20px;
    }
}


ul {
list-style:none;}

.nbanner {float:left;width:100%;height:450px;margin-top:130px;}

@media (max-width: 767px) {
    .nbanner {float:left;width:100%;height:400px;margin-top:80px;}
}

#fh5co-contact {margin-top:30px;float:left; width:100%;}
#fh5co-contact p{ font-size:16px; line-height:30px;}
#fh5co-contact .contact-info {margin: 0;padding: 0;margin-top:20px;float:left;}
#fh5co-contact .contact-info li {list-style: none;margin: 0 0 15px 0;position: relative;padding-left: 40px;}
#fh5co-contact .contact-info li i {position: absolute;top: 0em;left: 0;font-size: 22px;color: rgba(0, 0, 0, 0.3);}
#fh5co-contact .contact-info li a {font-weight: 400 !important;}
#fh5co-contact .form-control {-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;border: none;border: 1px solid rgba(0, 0, 0, 0.1);font-size: 14px;font-weight: 400;-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
#fh5co-contact input[type="text"] {height: 50px;}
#fh5co-contact .form-group {margin-bottom: 30px;}

.bttn-mid {font-size: 18px;font-weight: 700;padding: 15px 40px;display: inline-block;border-radius: 30px 0 30px 0;cursor: pointer;text-transform: uppercase;transition: 0.4s;}
.bttn-mid:hover {border-radius: 0px 30px 0px 30px;}
.btn-fill {color: #fff;background: #1963bf;margin-top:50px;}
.btn-fill:hover {background: #4ea4ff;color: #ffffff;}

.con_map{float:left;width:100%;border:2px solid #1963bf;margin-bottom:20px;}
.mapContent{float:left;width:100%;height:500px;}
.BMap_Marker > div{
    position: relative;
    text-align: center;
    overflow: auto !important;
    animation: loc 2000ms infinite;
    -webkit-animation: loc 2000ms infinite;
    line-height: 150px;
}
.BMap_Marker > div > img{
    display: inline-block !important;
}
@keyframes loc
{
    from {transform: scale(1);}
    to {transform: scale(1.5);}
}
@-webkit-keyframes
{
    from {transform: scale(1);}
    to {transform: scale(1.5);}
}

.nowTitle {float:left; width:100%;text-align:center;padding-top:40px;padding-bottom:20px;}
.nowTitle .div1{float:left; width:100%;text-align:center;font-size:24px;color:#000;background:url(../images/dotline.jpg) no-repeat bottom center;padding-bottom:20px;} 
.nowTitle .div2 {float:left; width:100%;padding:15px 10%; line-height:24px;}
.nowList {float:left;width:100%;padding:20px 0px;}
@media (max-width: 767px) {
    .nowTitle .div2 {float:left; width:100%;padding:15px 5%;}
}

.single-blog-style-three .image-block {
	position: relative;
	overflow: hidden;
}

.single-blog-style-three .image-block:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0, 29, 43, 0.7);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	z-index: 1;
	transition: .5s ease;
}

.single-blog-style-three .image-block >img {
	width: 100%;
}

.single-blog-style-three .image-block .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 900ms ease;
	transition-delay: .1s;
	-webkit-transform: scale(0);
	transform: scale(0);
	z-index: 2;
}

.single-blog-style-three .image-block .overlay .box {
	display: table;
	height: 100%;
	width: 100%;
}

.single-blog-style-three .image-block .overlay .box .content {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.single-blog-style-three .image-block .overlay .box .content .dotted {
	position: relative;
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #fff;
	border-radius: 50%;
}

.single-blog-style-three .image-block .overlay .box .content .dotted:before {
	position: absolute;
	top: 0px;
	left: -15px;
	width: 5px;
	height: 5px;
	background: #fff;
	border-radius: 50%;
	content: "";
}

.single-blog-style-three .image-block .overlay .box .content .dotted:after {
	position: absolute;
	top: 0px;
	right: -15px;
	width: 5px;
	height: 5px;
	background: #fff;
	border-radius: 50%;
	content: "";
}

.single-blog-style-three .meta-info {
	margin-top: 30px;
}

.single-blog-style-three .meta-info a,.single-blog-style-three .meta-info span {
	font-size: 16px;
	color: #7f8284;
	font-weight: 600;
	transition: all .4s ease;
}

.single-blog-style-three .meta-info a:hover,.single-blog-style-three .meta-info span:hover {
	color: #0477b3;
}

.single-blog-style-three .meta-info a:nth-child(1) {
	color: #0477b3;
}

.single-blog-style-three .meta-info span.sep {
	margin-left: 10px;
	margin-right: 10px;
}

.single-blog-style-three h3,.single-blog-style-three p {
	margin: 0;
}

.single-blog-style-three h3 {
	margin: 0;
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	margin-top: 6px;
    height:68px;
    overflow:hidden;
}

.single-blog-style-three h3 a {
	color: #a2a2a2;
	transition: all .4s ease;
}

.single-blog-style-three h3 a:hover {
	color: #0477b3;
}

.single-blog-style-three:hover .image-block:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	transition: .5s ease;
}

.single-blog-style-three:hover .image-block .overlay {
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all 900ms ease;
	transition-delay: .5s;
}

.NewsPage {float:left;width:100%;text-align:center;padding:30px 0px;font-size:14px;}
.mPadding {float:left; width:100%;padding:20px 0px 50px;}

.contLeft {float: left; width: 25%; background: #f5f5f5;}
.contRight {float: right; width: 72.666%;font-size:14px;line-height:30px;}
    .contRight img {
    max-width:100%;}
.contLeftNav {text-align: center;}
.contLeftNav ul {margin:0px;padding:0px;}
.contLeftNav ul li {}
.contLeftNav ul li h3 {height: 58px; line-height: 58px; border-top: 1px solid #e5e5e5; position: relative;margin:0px;}
.contLeftNav ul li h3 a {display: block; height: 100%;font-size:15px;font-weight:normal;}
.contLeftNav ul li h3 a:hover {background: #efefef;}
.contLeftNav ul li h3 span {position: absolute; width: 30px; height: 30px; right: 17%; top: 50%; margin-top: -15px; background: url(../images/ico_jt_contL.png) no-repeat center; z-index: 22; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.contLeftDown {display: none;}
.contLeftDown a {display: block; height: 56px; line-height: 56px; color: #fff; background: #0d4188; border-top: 1px solid #e5e5e5;}
.contLeftDown a:hover,
.contLeftDown a.on {background: #0d4188;}
.contLeftNav ul li.on h3 a {background: #0d4188; font-size: 16px; font-weight: 600; color: #fff;}
.contLeftNav ul li.on h3 span {background: url(../images/ico_jt_contL_a.png) no-repeat center; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.contLeftNav ul li.active h3 a {background: #0d4188; font-size: 16px; font-weight: 600; color: #fff;}
.contLeftNav ul li.active h3 span {background: url(../images/ico_jt_contL_a.png) no-repeat center;}

.contLeftTit {width: 100%; height: 116px; text-align: center; /*background: #fc5a4f;*/ background:#0d4188; color: #fff;border-top-left-radius: 4px; border-top-right-radius: 4px;}
.contLeftTit span {display: block; padding-top: 22px;}
.contLeftTit h2 {font-size: 16px; font-weight: 600; line-height: 26px; margin-top: 6px;margin-bottom:0px;}
.contLeftTit h3 {font-size: 12px; line-height: 18px;margin:0px}

@media (max-width: 767px) {
   .contLeft {float: left; width: 100%;}
   .contRight {float: left; width: 100%; margin-top:30px;}
}


.work-image {display: block;position: relative;z-index: 1;overflow: hidden;box-shadow: 0 1px 1px rgba(0,0,0,0.1);-webkit-transition: box-shadow 0.2s ease;transition: box-shadow 0.2s ease;border:1px solid #ddd;}
.work-image img {width: 100%;display: block;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.work-image:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.port{margin-top:25px;}
.link-overlay {position: absolute;top: 0;left: 0;bottom: 0;    right: 0;background: rgba(0,0,0,0);-webkit-transition: background-color 0.3s ease;transition: background-color 0.3s ease;}
.link-overlay:before {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	top: 50%;    left: 50%;
	margin: -22px 0 0 -25px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	font: 14px/46px 'FontAwesome';
	color: #2c2c2c;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity:0;
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease;
}
.work-image:hover .link-overlay { background: rgba(20,22,23,0.6);}
.work-image:hover  .link-overlay:before {-webkit-transform: scale(1);transform: scale(1);opacity:1;}
.work p { margin: 0; }
.work-name {display: inline-block;margin: 15px 0 6px;font: 14px ;}
a.work-name {color: #313538;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;position: relative; height:20px; line-height:20px;overflow:hidden;width:100%;text-align:center}
a.work-name:hover {color: #04BFEA;}

.pic {width: 100%; overflow: hidden; font-size: 0;}
.pic img {width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.stuList {float:left;width:100%;}
.stuList li {float: left; width: 23.5%; margin-right: 2%;text-align: center;border:1px solid #e1e1e1;margin-bottom:20px;}
.stuList li:nth-child(4n) {margin-right: 0;}
.stuList li a {display: block;color: #4d4d4d;}
.stuList li .cont {padding: 15px 0 14px; }
.stuList li .cont h3 {font-size: 14px; line-height: 28px;padding:0px 10px;height:28px;overflow:hidden;margin:0px;}
.stuList li .cont p {line-height: 26px;}
.stuList li:hover a {color: #fff; background: #0d4188;}
.stuList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
@media (max-width: 992px) { 
	.stuList li .cont {padding: 12px 0 11px;}
}

@media (max-width: 768px) {
	.stuList {margin-top: 25px;}
	.stuList li {width: 49%; margin-right: 2%;}
	.stuList li:nth-child(3n) {margin-right: 2%;}
	.stuList li:nth-child(2n) {margin-right: 0;}
	.stuList li .cont h3 {font-size: 14px; line-height: 20px;}
	.stuList li .cont p {font-size: 12px; line-height: 18px;}
	.stuList li .cont {padding: 8px 0 8px;}
}

.nTit {float:left;width:100%;font-size:24px;padding:20px 0px;}
.nDate {float:left;width:100%;color:#0d4188;font-size:16px;}
.nShare {float:left;width:100%;padding:10px 0px}
.nCon {float:left;width:100%;padding:10px 0px;}
.NPager {float:left;width:100%;border-top:1px solid #f9f5f0;padding-top:10px;}

.contRight .xh{font-size:16px;color:#333;line-height:30px;padding:20px 36px;background:#f5f5f5;margin:0px;}
.pcpShow2 {float:left; width:100%;margin-top:20px;}
.pcpInfo {float:left;width:100%;padding-top:10px}
.pcpInfo .tits {float:left; width:100%;font-size:24px; line-height:30px; font-weight:normal;padding-bottom:20px;border-bottom:1px solid #5c656d}
.divContact {float:left; width:100%;padding:10px 0px; line-height:30px;}
.divBtn {float:left; width:100%;margin-top:30px;}
.divBtn a {float:left; width:48%; display:block; text-align:center;background:#0d4188;color:#fff;padding:10px 0px}
.btnShare {float:left; width:100%;margin-top:20px;}

#j_pro_tab {float:left; width:100%; background:#f8f8f8;height:50px; line-height:50px;margin-top:30px;}
#j_pro_tab li{float:left; width:180px;height:50px; line-height:50px;}
#j_pro_tab li a{float:left; width:100%;height:50px; line-height:50px;display:block; text-align:center;font-size:16px;color:#666;}
#j_pro_tab li a.active{background:#0d4188;color:#fff; }
.tab-content {float:left;background:#fff; width:100%;}
.tab-content  .tabs {float:left;font-size:14px;display:none;width:100%;padding:2%;border:1px solid #f8f8f8}
@media screen and (max-width: 768px) and (min-width:0px) {/* 绉诲姩绔殑灏哄 */	
    #j_pro_tab li{float:left; width:50%;height:50px; line-height:50px;}}


.search_con{position:absolute; bottom:-105px;right:0px; width:300px; height:81px; padding-top:23px; padding-bottom:19px; background:url(../images/top_bg2.png) no-repeat;z-index:9999; display:none}
.search_con .input1{ height:39px; line-height:39px; background:#f8f8f8; border:0; padding-left:5px; margin-left:16px; padding-right:7px; width:230px; float:left; outline:none;}
.search_con .bnts{ float:left; width:40px; height:39px; background:url(../images/top_pic3.png) no-repeat; cursor:pointer;border:none}
.search_con .bnts:hover{transition:all 0.3s;background:url(../images/top_pic4.png) no-repeat;}