@charset "utf-8";
/* CSS Document */


.flexslider{width:100%; height:595px; position: relative;  overflow:hidden; z-index: 1;}
/*图片*/
.flex-viewport,.flexslider .slides,.flexslider .slides li/*,.flexslider .slides li a img*/{ display: block; width:100%; /*height:100%;*/}
.flexslider .slides li { overflow: hidden; position: relative;}
.flexslider .slides li a { display: block;width: 1920px;  width:2560px; height:100%; position: relative; left:50%;margin-left:-960px; margin-left:-1280px; }
.flexslider .slides li a { text-align: center;}
.flexslider .slides li a img { display: inline-block; width:100%; height:595px; }

/*按钮点*/
.flex-control-nav{width:100%;position:absolute;bottom:20px;text-align:center; z-index:88;}
.flex-control-nav li{display:inline-block;zoom:1;*display:inline; }
.flex-control-paging li a{ width: 12px; height:12px; background-color: #fff ; overflow: hidden; font-size: 0; cursor: pointer; opacity: 0.7; margin: 0 6px; display: inline-block ; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.flex-control-paging li a.flex-active{opacity: 1;background-color: #9e1725 }
.flex-prev{font-size: 0}
.flex-next{font-size: 0}
/* .flex-direction-nav{ width:100%;  position: absolute;left:0; top: 304px ;}
.flex-prev{ width: 58px; height: 58px; background: url(../images/lt.png) no-repeat ;display: block ;position: absolute; left: 0;top: 0 ;z-index: 99;font-size: 0}
.flex-next{ width: 58px; height: 58px; background: url(../images/rt.png) no-repeat ;display: block ;position: absolute; right: 0;top: 0 ;z-index: 99;font-size: 0}
.flex-prev:hover{ background: url(../images/lt1.png) no-repeat ;}
.flex-next:hover{ background: url(../images/rt1.png) no-repeat ;} */

.news-bj{ width: 100% ;  background-color: #fff ; padding: 65px 0; overflow: hidden;}
.news-c{ width: 1200px; height: 360px ;margin: 0 auto;}

.picScroll-left{ width: 480px; height: 360px ; float: left; overflow:hidden; position:relative; }
.picScroll-left .hd{  display: inline-block;   position: absolute; right: 20px; bottom: 16px; z-index: 9; }
.picScroll-left .hd .pageState{font-size: 14px; color: #fff}
.picScroll-left .hd .pageState span{font-weight: bold}
.picScroll-left .hd .next{ width:36px; height:50px; position:absolute;right:-20px;top:-160px; cursor:pointer;background:url(../images/jx.png) repeat left top ; z-index:9 ;display: block ;display: none}
.picScroll-left .hd .prev{width:36px; height:50px;  position:absolute;left:-438px;top:-160px; cursor:pointer;background:url(../images/jx.png) repeat left top ; z-index:9 ;display: block;display: none}
.picScroll-left .hd .next img{display: block ; margin: 0 auto; margin-top: 14px;}
.picScroll-left .hd .prev img{display: block ; margin: 0 auto; margin-top: 14px;}
.picScroll-left:hover .hd .next{display: block}
.picScroll-left:hover .hd .prev{display: block}

.picScroll-left .bd{  width: 100%  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline;width: 480px; height: 360px ;  overflow:hidden; text-align:center;  position: relative; }
.picScroll-left .bd ul li img{ width: 480px; height: 360px ;  }
.picScroll-left .bd ul li h4{ width: 100%; height: 50px; line-height: 50px; text-align: center; position: absolute; left: 0; bottom: 0;  font-size: 16px; color: #fff ; background: rgba(0, 0, 0, 0.5)}
.picScroll-left .bd ul li h4 span{ width: 359px; height: 50px; text-align: left ;font-size: 16px; color: #fff ; white-space: nowrap;  text-overflow: ellipsis;float: left; padding-left: 14px; overflow: hidden;}

.news-box{ width: 683px; height: 360px;float: right; overflow: hidden;}
.titel{ width: 100% ; height: 26px; position: relative;}
.titel .bt{float: left;height: 26px; line-height: 26px;}
.titel .bt img{float: left;}
.titel .bt h3{display: inline-block; font-size: 20px;font-weight: bold ;color: #00479d; padding-left: 11px;}
.titel a{position: absolute; right: 0;top: 3px; font-size: 14px; color: #9e1725}
.titel a span{color: #989898; padding: 0 5px}
.titel a:hover span{color: #00479d}

.tub{  width: 100%;  height: 132px; border-bottom: 1px solid #d2d2d2 ;margin: 24px 0 0 0}
.tub a{  width: 100%;  }
.tub  h3{ width: 100% ; height: 20px; line-height: 20px; font-size: 20px ; color: #00479d; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; margin: 0 0 15px 0; overflow: hidden;}
.tub p{ width: 100% ; height: 48px; line-height: 24px; font-size: 14px; color: #585858 ; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 0 0 12px 0; overflow: hidden;}
.tub h5{font-size: 14px; color: #959595;}
.tub:hover h3{font-weight: bold}

.news-list{ width: 100%; overflow: hidden;}
.news-list ul{ padding-top: 22px;}
.news-list ul li{ width: 100%; height: 16px; margin-bottom: 25px; position: relative;}
.news-list ul li a{ width: 580px;height: 16px; line-height: 16px; float: left;font-size: 16px; color: #555; white-space: nowrap; text-overflow: ellipsis ;position: relative;  overflow: hidden;}
.news-list ul li a i{color: #a7162d;}
.news-list ul li span{ width: 76px;height: 16px; line-height: 16px; float: right;text-align: right;font-size: 14px; color: #959595; padding-right: 8px;}
.news-list ul li:hover a{color: #00479d;  }
.news-list ul li:hover a i{color: #00479d;  }
.news-list ul li:hover span{color: #00479d; }


.bkb-bj{ width: 100%; height: 531px ;background: url(../images/bj1.jpg) no-repeat center center;  overflow: hidden;}
.bkb-c{ width: 1160px; height: 402px; padding: 0 20px; margin: 0 auto; background: rgba(255, 255, 255, 0.95);margin-top: 65px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.05) 0 0 6px 2px}
.bkb-c .bkb-l{ width: 738px; float: left; padding: 28px 0 0 0 ; overflow: hidden;}
.bkb-c .bkb-r{ width: 376px; float: right;padding: 28px 0 0 0 ; overflow: hidden;}

.picScroll-left2{ width: 100%; overflow: hidden; margin-top: 15px}
.picScroll-left2 .bd{ width: 100%; overflow: hidden;}
.picScroll-left2 .bd ul{ width: 100%}
.picScroll-left2 .bd ul li{width: 246px;float: left;}
.picScroll-left2 .bd ul li a{ width: 226px; height: 260px ;padding: 10px;display: block; position: relative; overflow: hidden; }
.picScroll-left2 .bd ul li a img{ width: 100%; height: 169px;}
.picScroll-left2 .bd ul li a h3{ width: 100%; height: 20px;line-height: 20px;font-size: 16px; color: #555 ; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; margin: 9px 0 14px 0}
.picScroll-left2 .bd ul li a p{ width: 100% ; height: 40px;line-height: 20px;font-size: 14px; color: #999 ; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.picScroll-left2 .hd{ width: 100%;text-align: center ;margin-top: 24px;}
.picScroll-left2 .hd li{ display: inline-block ; width: 8px; height: 4px; background-color: #9e1725 ; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; margin: 0 6px ;cursor: pointer; }
.picScroll-left2 .hd li.on{ width: 36px; background-color: #00479d}
.picScroll-left2 .bd ul li a .time{ width: 55px; height: 60px;text-align: center; background: rgba(158, 23, 37, 0.8); position: absolute; left: 10px;top: 10px; overflow: hidden;}
.picScroll-left2 .bd ul li a .time h5{line-height: 22px; font-size: 22px; font-weight: bold ; color: #fff ;margin: 10px 0 4px 0}
.picScroll-left2 .bd ul li a .time h6{line-height: 14px; font-size: 14px;  color: #fff}

.picScroll-left2 .bd ul li a:hover{background-color: #00479d}
.picScroll-left2 .bd ul li a:hover h3{color: #fff}
.picScroll-left2 .bd ul li a:hover p{color: #fff}

.news-list2{ width: 100%; height: 310px; overflow: hidden;}
.news-list2 ul{ padding-top: 30px;}
.news-list2 ul li{ width: 100%; height: 16px; margin-bottom: 25px; position: relative;}
.news-list2 ul li a{ width: 100%;height: 16px; line-height: 16px; float: left;font-size: 16px; color: #555; white-space: nowrap; text-overflow: ellipsis ;position: relative;  overflow: hidden;}
.news-list2 ul li a i{color: #a7162d;}
.news-list2 ul li:hover a{color: #00479d;  }
.news-list2 ul li:hover a i{color: #00479d;  }








.bkc-bj{ width: 100%; height: 1048px ;background: url(../images/bj2.jpg) no-repeat center center;  overflow: hidden;}
.bkc-c{ width: 1200px; height: 1048px;margin: 0 auto; overflow: hidden;}

.Download-box{ width: 100%; height: 382px; padding: 62px 0 0 0; overflow: hidden;}
.Download-l{ width: 560px; height: 325px ; float: left;margin: 0  0 0 0px; overflow: hidden;}
.Download-r{ width: 572px; height: 325px ; float: right;margin: 0 12px 0 0; overflow: hidden;}

.tuc{  width: 100%;  height: 106px; border-bottom: 1px solid #d2d2d2 ;margin: 24px 0 0 0}
.tuc a{  width: 100%; display: block ; overflow: hidden; }
.tuc a .time{ width: 86px; height: 86px;text-align: center;background: url(../images/yj.jpg) no-repeat;overflow: hidden;float: left;}
.tuc a .time h5{line-height: 36px; font-size:36px; font-weight: bold ; color: #fff ;margin: 10px 0 10px 0}
.tuc a .time h6{line-height: 16px; font-size: 16px;  color: #fff}
.tuc a .rrb{ width: 448px; float: right; padding: 0 3px 0 0}
.tuc .rrb h3{ width: 100% ; height: 20px; line-height: 20px; font-size: 16px ; color: #00479d; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; margin: 4px 0 12px 0; overflow: hidden;}
.tuc .rrb p{ width: 100% ; height: 48px; line-height: 24px; font-size: 14px; color: #585858 ; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 0 0 12px 0; overflow: hidden;}
.tuc a:hover .rrb h3{font-weight: bold}


.news-list3{ width: 100%; height: 310px; overflow: hidden;}
.news-list3 ul{ padding-top: 15px;}
.news-list3 ul li{ width: 100%; height: 16px; margin-bottom: 25px; position: relative;}
.news-list3 ul li a{ width: 458px;height: 16px; line-height: 16px; float: left;font-size: 16px; color: #555; white-space: nowrap; text-overflow: ellipsis ; position: relative; overflow: hidden;}
.news-list3 ul li a i{color: #a7162d;}
.news-list3 ul li span{ width: 76px;height: 16px; line-height: 16px; float: right;text-align: right;font-size: 14px; color: #959595; padding-right: 8px;}
.news-list3 ul li:hover a{color: #00479d;  }
.news-list3 ul li:hover a i{color: #00479d;  }
.news-list3 ul li:hover span{color: #00479d; }


.news-list4{ width: 100%; height: 310px; overflow: hidden;}
.news-list4 ul{ padding-top: 5px;}
.news-list4 ul li{ width: 100%; height: 59px; border-bottom: 1px dashed #d2d2d2; position: relative;}
.news-list4 ul li a{ width: 485px;height: 59px; line-height: 59px; float: left;font-size: 16px; color: #555; white-space: nowrap; text-overflow: ellipsis ;position: relative; overflow: hidden;}
.news-list4 ul li a i{color: #a7162d;}
.news-list4 ul li span{ width: 76px;height: 59px; line-height: 59px; float: right;text-align: right;font-size: 14px; color: #959595; padding-right: 8px;}
.news-list4 ul li:hover a{color: #00479d;  }
.news-list4 ul li:hover a i{color: #00479d;  }
.news-list4 ul li:hover span{color: #00479d; }


.support-box{ width: 100%; padding: 63px 0 0 0 ; overflow: hidden;}



.picScroll-left3{ width: 100%; overflow: hidden; margin-top: 22px}
.picScroll-left3 .bd{ width: 100%; overflow: hidden;}
.picScroll-left3 .bd ul{ width: 100%}
.picScroll-left3 .bd ul li{width: 277px;float: left;margin: 0 30px 0 0}
.picScroll-left3 .bd ul li a{ width: 277px; height: 348px ; display: block; background-color: #fff ; position: relative; border-radius:0  0 30px 0 ; overflow: hidden; -webkit-border-radius:0  0 30px 0 ; -moz-border-radius:0  0 30px 0 ; -ms-border-radius:0  0 30px 0 ; -o-border-radius:0  0 30px 0 ; }
.picScroll-left3 .bd ul li a img{ width: 277px; height: 208px;transition: all 0.5s;}
.picScroll-left3 .bd ul li a h3{ width: 234px; height: 20px;line-height: 20px;font-size: 16px; color: #555 ; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; margin: 0 auto ;margin-top: 35px; margin-bottom: 14px}
.picScroll-left3 .bd ul li a p{ width: 234px;  height: 40px;line-height: 20px;font-size: 14px; color: #999 ; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;margin: 0 auto}
.picScroll-left3 .hd{ width: 100%;text-align: center ;margin-top: 44px;}
.picScroll-left3 .hd li{ display: inline-block ; width: 8px; height: 4px; background-color: #9e1725 ; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; margin: 0 6px ;cursor: pointer; }
.picScroll-left3 .hd li.on{ width: 36px; background-color: #00479d}
.picScroll-left3 .bd ul li a .time{ width: 55px; height: 60px;text-align: center; background: rgba(158, 23, 37, 0.8); position: absolute; left: 20px;top: 168px; overflow: hidden;}
.picScroll-left3 .bd ul li a .time h5{line-height: 22px; font-size: 22px; font-weight: bold ; color: #fff ;margin: 10px 0 4px 0}
.picScroll-left3 .bd ul li a .time h6{line-height: 14px; font-size: 14px;  color: #fff}

.picScroll-left3 .bd ul li a:hover{background-color: #00479d}
.picScroll-left3 .bd ul li a:hover h3{color: #fff}
.picScroll-left3 .bd ul li a:hover p{color: #fff}
.picScroll-left3 .bd ul li a:hover img{ transform: scale(0.99,0.99); -webkit-transform: scale(0.99,0.99); -moz-transform: scale(0.99,0.99); -ms-transform: scale(0.99,0.99); -o-transform: scale(0.99,0.99); }