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


.flexslider{width:100%; height:360px; 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 .dw { display: block;width: 1920px;  width:2560px; height:100%; position: relative; left:50%;margin-left:-960px; margin-left:-1280px; }
.flexslider .slides li .dw { text-align: center;}
.flexslider .slides li .dw .img { display: inline-block; width:100%; height:360px; }

/*按钮点*/
.flex-control-nav{width:100%;position:absolute;bottom:28px;text-align:center; z-index:88;}
.flex-control-nav li{display:inline-block;zoom:1;*display:inline; }
.flex-control-paging li a{ width: 6px; height:6px; background-color: #fff ; border-radius:6px; overflow: hidden; font-size: 0; cursor: pointer; opacity: 0.4; margin: 0 6px; display: inline-block; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; }
.flex-control-paging li a.flex-active{opacity: 1; }

/* .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 ;} */

.flexslider .slides li .post{width:100%; height:360px; position: absolute; left: 0;top: 0 ;z-index: 2;}
.flexslider .slides li .post .cent{ width: 1200px;height:300px;  margin: 0 auto; position: relative; overflow: hidden;}
.flexslider .slides li .post .cent .lg-l{float: left; padding: 34px 0 0 0}
.flexslider .slides li .post .cent .lg-l img{float: left; }
.flexslider .slides li .post .cent .lg-l h6{float: left; height: 46px; line-height: 44px; border-left: 1px solid rgba(255, 255, 255, 0.5) ; padding: 0 0 0 30px; margin: 9px 0 0 30px ;font-size: 28px; color: #fff ; font-weight: bold}
.flexslider .slides li .post .cent .lg-l h6 a{font-size: 28px; color: #fff ; font-weight: bold}

.sou-box{ width: 204px; height: 35px; background: rgba(255, 255, 255, 0.9); border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; position: relative; float: right; margin-top: 44px; overflow: hidden; }
.sou-box .ipa{ width: 140px; height: 35px; line-height: 35px;font-size: 14px; color: #555; position: absolute; left: 19px; top: 0; }
.sou-box .ipb{ width: 46px; height: 35px; background: url(../images/icon1.png) no-repeat center center; position: absolute; right: 0; top: 0; cursor: pointer;}
/* .sou-box .ipb:hover{ background: url(../images/sea2.png) no-repeat left center;} */
.sou-box .ipa::-webkit-input-placeholder{ color:#b9b9b9; }


.open-bg{ width: 100% ; height: 524px ; background: url(../images/bg1.jpg) no-repeat center center; overflow: hidden;}
.center{ width: 1200px; margin: 0 auto ; overflow: hidden;}
.open-r{width: 570px; height: 424px ; float: right; overflow: hidden;}

.open-bg .center{ padding: 50px 0 0 0}
.picScroll-left{ width: 590px; height: 424px ; float: left; overflow:hidden; position:relative; }
.picScroll-left .hd{  display: inline-block;   position: absolute; right: 20px; bottom: 16px; z-index: 9; }
.picScroll-left .hd ul{ width: 140px; position: absolute; right: 0px; bottom: 0px;text-align: right}
.picScroll-left .hd ul li{ display: inline-block ; font-size: 0 ; width: 18px; height: 18px;margin: 0 4px;}
/* .picScroll-left .hd ul li.on{ } */

.picScroll-left .hd .next{ width:38px; height:42px; background: rgba(0, 0, 0, 0.5) ; background-image: url(../images/rt.png) ;background-repeat: no-repeat; background-position: center center; position:absolute;right:-20px;top:-200px; cursor:pointer; z-index:9 ;display: block ;}
.picScroll-left .hd .prev{width:38px; height:42px; background: rgba(0, 0, 0, 0.5) ;background-image: url(../images/lt.png) ;background-repeat: no-repeat; background-position: center center; position:absolute;left:-570px;top:-200px; cursor:pointer; z-index:9 ;display: block;}
.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 .hd .next:hover{background-color: #b1040f}
.picScroll-left .hd .prev:hover{background-color: #b1040f}

.picScroll-left .bd{  width: 100%  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline;width: 590px; height: 424px ; overflow:hidden; text-align:center;  position: relative; }
.picScroll-left .bd ul li img{width: 590px; height: 424px ;  }
.picScroll-left .bd ul li h4{ width: 100%; height: 64px; text-align: center; position: absolute; left: 0; bottom: 0;  font-size: 16px; color: #fff ; background: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0));display: flex; align-items: center; overflow: hidden;}
.picScroll-left .bd ul li h4 span{ width: 562px;height: 64px; line-height: 64px; text-align: left ;font-size: 22px; color: #fff ;font-weight: bold; float: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; padding-left: 14px; overflow: hidden;}

.title{ width: 100% ; height: 26px;position: relative;}
.title h3{ line-height: 26px; float: left; font-size: 22px; color: #333 ;font-weight: bold ; padding-left: 20px; position: relative;}
.title h3 i{ width: 4px; height: 26px; background-color: #b1040f ; display: block ; border-radius:4px; position: absolute; left: 0; top: 0; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }
.title a{line-height: 26px ;font-size: 14px; color: #989898 ;position: absolute; right: 0;top: 0}
.title a:hover{color: #b1040f}


.gk-news{ width: 100% ; overflow: hidden;}
.gk-news ul{width: 100% ;padding: 25px 0 0 0 }
.gk-news ul li{width: 100% ; margin-bottom: 21px; }
.gk-news ul li a{width: 100% ; display: block ; height: 28px;position: relative; overflow: hidden;} 
.gk-news ul li a i{ width: 104px; height: 28px; line-height: 28px ; text-align: center  ;background-color: #f1f1f1 ;font-size: 14px; color: #bb666b; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0;top: 0; overflow: hidden;padding: 0 10px;}
.gk-news ul li a h3{ width: 366px; height: 28px; line-height: 28px ; font-size: 16px; color: #555 ; float: left;margin-left: 128px;white-space: nowrap; text-overflow: ellipsis; position: relative; overflow: hidden;}
.gk-news ul li a h4{ width: 50px; height: 28px; line-height: 28px ; text-align: right ;float: right ;font-size: 14px; color: #afafaf; overflow: hidden;}
.gk-news ul li a:hover i{background-color: #b1040f ;color: #fff}
.gk-news ul li a:hover h3{color: #b1040f}
.gk-news ul li a:hover h4{color: #b1040f}

.information{width: 100% ; background-color: #fff ; padding: 48px 0 48px 0; overflow: hidden;}
.inform-l{ width: 590px; float: left; }
.inform-r{ width: 570px; float: right; height: 459px;}


.xw{width: 100% ; overflow: hidden;}
.xw ul{ width: 100% ;padding: 28px 0 0 0}
.xw ul li{ width: 100% ; height: 20px; margin: 0 0 28.4px 0; position: relative; overflow: hidden;}
.xw ul li a{ width: 100% ;  height: 20px; display: block}
.xw ul li a h3{ width: 495px;height: 20px; line-height: 20px; font-size: 16px; color: #555; float: left; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;position: relative;}
.xw ul li a h3 i{ color: #b1040f ;}
.xw ul li a h4{ width: 49px;height: 20px; line-height: 20px; font-size: 14px; color: #b0b0b0; float: right;text-align: center }
.xw ul li a:hover h3{ color: #b1040f}
.xw ul li a:hover h4{ color: #b1040f}

.ttbl{width: 100%; border-collapse: collapse;}
.ttbl,.ttbl tr th,.ttbl tr td { border:1px solid #ebebeb; text-align: center}
.ttbl tr td{width: 33.33%;}
.ttbl tr td a{ width: 100% ;display: block ;height: 73px;display: flex; align-items: center; justify-content: center;  }
.ttbl tr td a .wr{display: inline-block}
.ttbl tr td a .wr h5{ font-size: 16px; color: #555 ;padding-left: 15px}
.ttbl tr td a:hover .wr h5{color:#b1040f }

.contact{ width: 524px; height: 203px; padding:0 22px; border: solid 1px #ebebeb ;background: url(../images/bg2.jpg) no-repeat;margin-top: 30px; overflow: hidden;}
.contact .title{height: 18px;margin: 22px 0 20px 0}
.contact .title h3{font-size: 18px; line-height: 18px;}
.contact .title h3 i{ height: 18px;}
.dizhi{ width: 100% ; height: 16px; line-height: 16px; font-size: 14px; color: #555 ;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 13px; overflow: hidden;}


.service{width: 100%; height: 189px; background: url(../images/bg3.jpg) no-repeat center center; overflow: hidden;} 
.service .center{ padding: 38px 0 0 0}

.hot{ width: 100%; line-height: 59px; margin-top: 8px; overflow: hidden;}
.hot ul{ display: inline-block}
.hot ul li{ display: inline-block ;}
.hot ul li a{font-size: 16px; color: #777 ; }
.hot ul li span{font-size: 16px; color: #777 ; padding: 0 8px}
.hot ul li a:hover{color: #b1040f}
.hot ul li a:hover i{color: #b31011}
.hot ul li:last-child span{display: none}