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

.flexslider{width:100%; height:370px; 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:370px; }

/*按钮点*/
.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 ; 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{ width: 24px; opacity: 1; background-color: #235da8 ; border-radius:6px  ; -webkit-border-radius:6px  ; -moz-border-radius:6px  ; -ms-border-radius:6px  ; -o-border-radius:6px  ; }
.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(/Template/Pc/hqc/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(/Template/Pc/hqc/images/rt.png) no-repeat ;display: block ;position: absolute; right: 0;top: 0 ;z-index: 99;font-size: 0}
.flex-prev:hover{ background: url(/Template/Pc/hqc/images/lt1.png) no-repeat ;}
.flex-next:hover{ background: url(/Template/Pc/hqc/images/rt1.png) no-repeat ;} */


.position-bj{ width: 100%; position: absolute; left: 0;bottom: 40px;z-index: 9;}
.position-c{ width: 1200px; margin: 0 auto;}
.position-box{min-width: 260px; display: inline-block ;height: 120px;font-size: 14px; color: #fff ; background: rgba(35, 93, 168, 0.6) ; padding: 0 20px 0 20px;}
.position-box h3{ line-height: 30px;font-size: 30px;font-weight: bold ;color: #fff;margin: 19px 0 16px 0}
.position-box i{ width: 60px; height: 1px;display: block ; background-color: #fff ;opacity: 0.5;}
.position-box h4{font-size: 14px; color: #fff;margin-top: 14px;position: relative; left: -7px;}
.position-box h4 a{font-size: 14px; color: #fff; padding: 0 7px}
.position-box h4 a.on{font-weight: bold}


.main-bj{ width: 100% ; background-color: #fff ; padding-bottom: 45px; overflow: hidden;}
.main-c{ width: 1200px; margin: 0 auto;}

.lm-box{ width: 100%; height: 50px; background-color: #f4f8fd ;border-bottom: 1px solid #c0d8f8 ;margin-bottom: 32px;}
.txtScroll-left{ width:1200px; height: 50px; margin: 0 auto;  position:relative;  z-index: 5;}
.txtScroll-left .hd{ overflow:hidden; display: none }
.txtScroll-left .hd .prev{ width: 10px; height: 18px;background: url(/Template/Pc/hqc/images/left.png) no-repeat; display: block; position: absolute; left: 0; top: 16px; cursor: pointer; }
.txtScroll-left .hd .next{width: 10px; height: 18px;background: url(/Template/Pc/hqc/images/right.png) no-repeat; display: block; position: absolute;right: 0; top:16px; cursor: pointer;}

.txtScroll-left .bd{  width: 1100px; margin: 0 auto; height: 50px; overflow: hidden; }
.txtScroll-left .bd ul{ zoom:1; text-align: center; height: 50px;   }
.txtScroll-left .bd ul li{  height:50px;  display: inline-block; padding: 0 23px; position: relative;}
.txtScroll-left .bd ul li .yng{ width: 100%; display: block ; height: 50px;line-height: 50px;white-space:nowrap;  text-overflow:ellipsis; overflow: hidden; }
.txtScroll-left .bd ul li .yng h4{display: inline-block; height: 50px; line-height: 50px; text-align: center; ;font-size: 16px; color: #777; }
.txtScroll-left .bd ul li i{ width: 70px; height: 2px; display: block ; position: absolute; left: 50%; margin-left: -35px;bottom: 0px;display: none ;background-color: #235da8}
.txtScroll-left .bd ul li:hover .yng h4{color: #235da8}
.txtScroll-left .bd ul li:hover i{display: block}
.txtScroll-left .bd ul li.on .yng h4{color: #235da8}
.txtScroll-left .bd ul li.one i{display: block}
.txtScroll-left .bd ul li.one .yng h4{color: #235da8}
.txtScroll-left .bd ul li:last-child{ background: none}


/* ======翻页====== */
.pagelable{width: 100% ;}
.pageCustom{ text-align:center; margin:auto;}
.pageCustom a{ width: 34px; height:34px; line-height:34px; display: inline-block; border: solid 1px #d3d3d3; text-align: center; font-size: 16px; color: #585858; margin: 0 4px;background-color: #fff ; cursor: pointer;}

/*提示*/
.pageCustom  a.pageCustom_Prompt{ width:auto; padding:0px 12px; }


.pageCustom_Pre { background: url(/Template/Pc/hqc/images/zuo.png) no-repeat center}
.pageCustom_Next {background: url(/Template/Pc/hqc/images/you.png) no-repeat center }
.pageCustom_Pre:hover{border: solid 1px #235da8;background: url(/Template/Pc/hqc/images/zuo1.png) no-repeat center}
.pageCustom_Next:hover{border: solid 1px #235da8;background: url(/Template/Pc/hqc/images/you1.png) no-repeat center}
/*上一页*/
.pageCustom a.pageCustom_First_Disable{width: 71px;height:34px; line-height:34px;display: inline-block;
	text-align: center; }
.pageCustom a.pageCustom_First_Disable:hover{font-weight: bold;color: #fff; background-color: #235da8; border: solid 1px #235da8}
.pageCustom a.pageCustom_First_Disable{width: 71px;height:34px; line-height:34px; display: inline-block;text-align: center;cursor: pointer;}

/*页码*/
/* .pageCustom a.pageCustom_Num{  border-radius: 2px; } */
.pageCustom a.pageCustom_Num:hover{ font-weight: bold;color: #fff; background-color: #235da8; border: solid 1px #235da8 }
.pageCustom a.pageCustom_Num_On{  font-weight: bold;color: #fff; background-color: #235da8; border: solid 1px #235da8}

/*下一页*/
.pageCustom a.pageCustom_Last_Disable{width: 71px; height:34px; line-height:34px;display: inline-block;
	text-align: center; }
.pageCustom a.pageCustom_Last_Disable:hover{ font-weight: bold;color: #fff; background-color: #235da8; border: solid 1px #235da8}

.pageCustom a.pageCustom_Last_Disable{width: 71px; height:34px; line-height:34px;display: inline-block;text-align: center;cursor: pointer;}
 
/*跳转*/
 .pageCustom a.pageCustom_Go{ width:auto; padding:0 6px; height:32px; display: inline-block; line-height: 32px;text-align: center; border: none !important ; background: none}
 .pageCustom a.pageCustom_Go input{ margin:0 3px; width: 43px;height: 32px; line-height: 32px; display: inline-block;  color: #696969; text-align: center ; border: solid 1px #d3d3d3; background-color: #fff; font-size: 16px; color: #666;}
/*翻页end*/


.sj-box{ width: 100%; position: relative;overflow: hidden;}
.sj{ width:1200px; margin: 0 auto ;text-align: center }
.sj ul{display: inline-block; border: solid 1px #c0d8f8}
.sj ul li{ min-width: 118px; height: 36px; line-height: 36px ;background-color: #f4f8fd;border-right: solid 1px #c0d8f8; text-align: center ;position: relative;float: left;}
.sj ul li a{font-size: 16px; color: #555;}
.sj ul li:last-child{border: none}
.sj ul li.on a{color: #235da8}
.sj ul li.on i{display:block}
.sj ul li i{ display: none}
.sj ul li:hover a{color: #235da8}


.viod{ width: 100% ; padding: 48px 0 0 0; overflow: hidden;}
.viod ul{ width: 1230px;}
.viod ul li{ width: 275px; float: left; margin: 0 20px 40px 0 ;position: relative;}
.viod ul li .tu{width: 100%; height: 205px ; }
.viod ul li h3{width: 255px; height: 54px; line-height:54px; text-align: center;font-size: 16px; color: #333; white-space: nowrap;text-overflow: ellipsis; border: solid 1px #c0d8f8 ;border-top: none; background-color: #fff; padding: 0 10px; overflow: hidden;}
.viod ul li .zhe{width: 100%; height: 205px ;text-align: center; background: rgba(0, 0, 0, 0.3) ;position: absolute; left: 0;top: 0; overflow: hidden;}
.viod ul li .zhe img{margin: 86px 0 0 0}
.viod ul li:hover h3{background-color: #235da8;color: #fff}


.notice3{ width: 100%;  overflow: hidden;}
.notice3 ul{ width: 1160px;margin: 0 auto; padding: 30px 0 20px 0; overflow: hidden;}
.notice3 ul li{ width: 1158px; height: 78px;float: left; margin-bottom: 20px;background-color: #fff ; border: solid 1px #c0d8f8 ; margin-right: 20px;  }
.notice3 ul li a{ width: 100%;  display: block ;position: relative;}
.notice3 ul li a .ntl{ width: 93px; height:60px ; float: left; border-right: 1px solid #c0d8f8;margin-top: 9px;position: relative; overflow: hidden; }
.notice3 ul li a .ntl h5{ width: 100%;text-align: center; line-height: 24px; font-size: 24px; color: #333333; margin: 5px 0 5px 0 ;font-weight: bold}
.notice3 ul li a .ntl h6{width: 100%;text-align: center; line-height: 16px; font-size:16px;color: #8d8d8d;}
.notice3 ul li a i{ width: 14px; height: 2px;display: block ;background-color: #235da8 ; position: absolute; left: -1px;top: -1px}
.notice3 ul li a .ntr{ width: 1018px; float: right; height: 78px; margin-right: 23px; display: flex; align-items: center; justify-content: left;   overflow: hidden;}
.notice3 ul li a .ntr p{width: 100%; max-height:44px; line-height: 24px; font-size: 14px; color: #999 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.notice3 ul li:hover{background-color: #235da8}
.notice3 ul li:hover a .ntl{ border-right: solid 1px #a8c2de}
.notice3 ul li:hover a .ntr p{color: #fff}
.notice3 ul li:hover a .ntl h5{color: #fff}
.notice3 ul li:hover a .ntl h6{color: #fff}
.notice3 ul li:hover a i{display: none}


.Personnel{ width: 100% ;}
.Personnel ul{width: 1160px;margin: 0 auto; padding: 20px 0 44px 0}
.Personnel ul li{ width: 100% ; border-bottom: 1px solid #e5e5e5 ; padding: 30px 0; overflow: hidden;}
.Personnel ul li a{width: 100% ; height: 120px; display: block ; position: relative;}
.Personnel ul li a .tu{ width: 160px; height: 120px;float: left;}
.Personnel ul li a .tu img{ width: 160px; height: 120px;}
.Personnel ul li a .prb-box{ width: 946px; float: left;margin-left: 28px;}
.Personnel ul li a .prb-box h3{ width: 100%; height: 20px; line-height: 20px; font-size: 18px; color: #333; white-space: nowrap;text-overflow: ellipsis ;margin: 14px 0 30px 0; overflow: hidden;}
.Personnel ul li a .prb-box p{width: 913px;height:44px; line-height: 22px; font-size: 14px; color: #999 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; margin-left: 33px; overflow: hidden;}
.Personnel ul li a .ntl{ width: 80px; height: 60px;background-color: #235da8 ; position: absolute; left: 127px;bottom: 0;}
.Personnel ul li a .ntl h5{ width: 100%;text-align: center; line-height: 24px; font-size: 24px; color: #fff; margin: 8px 0 5px 0 ;}
.Personnel ul li a .ntl h6{width: 100%;text-align: center; line-height: 16px; font-size:14px;color: #c0d8f8;}
.Personnel ul li a:hover{background-color: #f9f9f9}
.Personnel ul li a:hover .prb-box h3{color: #235da8}

.jg-box{ width: 1160px;margin: 0 auto; padding: 40px 0 0 0}
.jg-box h3{font-size: 18px; color: #333}
.jg-box h3 span{color: #235da8; font-weight: bold}


.tit{width: 1160px;margin: 0 auto;padding: 40px 0 30px 0 ; text-align: center ;border-bottom: 1px solid #eee ; position: relative;}
.tit h2{   width:100% ; margin: 0 auto;font-size: 22px; color: #333333 ;font-weight: bold; line-height: 36px; text-align: left;}
.tit h5{ width: 100% ; height: 20px; line-height: 20px;font-size: 14px; color: #999; text-align: left ; margin-top: 16px; overflow: hidden;}

.nr-box{ width: 100%;font-size: 16px; color: #555555 ; line-height: 30px; text-align: justify ; padding:22px 0 15px 0}
.nr-box p{ margin: 16px 0;}
.nr-box img{ max-width: 100% !important ; height: auto !important;}

.wid960{width: 1160px;margin: 0 auto;}

.pg-box{ width: 100%; position: relative; margin-top: 16px;border-top: 1px solid #eee ; padding: 18px 0 0 0}
.page-t{ width:100%; height: 60px;margin-top: 16px ;background-color: #f9f9f9; background-image: url(/Template/Pc/hqc/images/right.png) ;background-repeat: no-repeat ; background-position: 1130px center}
.page-t h3{ width:110px; height:60px; float: left; line-height:60px; font-size:20px; color:#555;text-align: right;}
.page-t a{ width:960px;height:60px; float: left; line-height:60px;font-size:16px; color:#555; display:block; white-space:nowrap;  text-overflow:ellipsis; overflow:hidden}
.page-t:hover a{ color:#235da8 ; }
.page-t:hover h3{ color:#235da8; }