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

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

/*°´Å¥µã*/
.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 ;} */

.dynamics-bj{ width: 100%; background-color: #fff ; overflow: hidden;}
.dynamics-c{ width: 1200px; margin: 0 auto; padding: 48px 0 70px 0; overflow: hidden;}
.btl-box{ width: 100%; height: 40px;background: url(/Template/Pc/hqc/images/hx.jpg) repeat-x left center; position: relative;}
.btl-box h3{background-color: #fff ; line-height: 24px;font-size: 24px; color: #333 ; padding-right: 24px; position: absolute; left: 0;top: 0}
.btl-box span{line-height: 14px;font-size: 14px;text-transform: uppercase; color: #b4b4b4 ;display: inline-block; position: absolute;left: 0;bottom: -5px} 
.btl-box h5{ background-color: #fff ;display: inline-block; padding-left: 14px; position: absolute; right: 0;top: 7px;}
.btl-box a{ width:60px; height: 28px;line-height: 28px;text-align: right ;display: block; font-size: 14px; color: #a7a7a7}
.btl-box i{ width: 75px; height: 2px ; background-color:#be0e0e ;display: block; position: absolute; left:0 ; bottom: -1px }
.btl-box a:hover{color: #235da8}



.dt-box{ width: 100%; padding: 30px 0 0 0; overflow: hidden;}
.picScroll-left{ width: 450px; height: 337px ;float: left; overflow:hidden; position:relative; }
.picScroll-left .hd{  width: 100%; position: absolute; left:0; bottom: 0; z-index: 1;}
.picScroll-left .hd ul{ width: 100%; display: none}
.picScroll-left .hd ul li{ display: inline-block ; font-size: 0 ; width: 11px; height: 11px; background: rgba(255, 255, 255, 0.5) ; border-radius:50%; margin: 0 0 0 8px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.picScroll-left .hd ul li.on{ background: rgba(255, 255, 255, 1) }
.picScroll-left .hd .next{ width:36px; height:50px; /*background: rgba(0, 0, 0, 0.5);*/ background-image: url(/Template/Pc/hqc/images/jt2.png); background-repeat: no-repeat; background-position: center center; position:absolute;right:0;top:-180px; cursor:pointer; z-index:9 ;display: block ; opacity: 0.5;}
.picScroll-left .hd .prev{width:36px; height:50px; /* background: rgba(0, 0, 0, 0.5);*/ background-image: url(/Template/Pc/hqc/images/jt1.png); background-repeat: no-repeat; background-position: center center; position:absolute;left:0;top:-180px; cursor:pointer; z-index:9 ;display: block;opacity: 0.5;}
.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{opacity: 1; }
.picScroll-left .hd .prev:hover{opacity: 1;}

.picScroll-left .bd{  width: 100%  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline;width: 100%; height: 337px ;  overflow:hidden; text-align:center;  position: relative; }
.picScroll-left .bd ul li img{width: 100%; height: 100% ;  }
.picScroll-left .bd ul li .zhe{ width: 100%; height: 51px; background: rgba(0, 0, 0, 0.5) ;position: absolute; left: 0;bottom: 0;}
.picScroll-left .bd ul li .time{ width:80px; height: 60px; background-color: #235da8 ; position: absolute; left: 20px;bottom: 17px; overflow: hidden;}
.picScroll-left .bd ul li .time h5{ width: 100% ;height: 38px; line-height: 38px;text-align: center;font-size: 24px; color: #fff;}
.picScroll-left .bd ul li .time h6{ width: 100% ;height: 14px; line-height: 14px;text-align: center;font-size: 14px; color: #c0d8f8;}
.picScroll-left .bd ul li .zhe h3{ width: 318px; height: 51px; line-height:51px;font-size: 18px; color: #fff ;white-space: nowrap;text-overflow: ellipsis; margin-left: 114px; overflow: hidden;}

.dy-r{ width: 715px; height: 337px;float: right; overflow: hidden;}
.dy-r .tuc{ width: 100% ; max-height: 129px ;border-bottom: 1px dashed #e5e5e5 ;}
.dy-r .tuc a{ width: 100% ;display: block}
.dy-r .tuc h3{ width: 100% ; max-height: 60px; line-height: 30px;font-size: 18px; color: #333 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-bottom: 8px; overflow: hidden;}
.dy-r .tuc h4{ width: 100% ; height: 48px; line-height: 24px;font-size: 14px; color: #838383 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-bottom: 18px; overflow: hidden;}
.dy-r .tuc h3:hover{color: #235da8}

.news-list{ width: 100%; overflow: hidden;}
.news-list ul{width: 100%;}
.news-list ul li{ width: 100%; height: 50px; border-bottom: 1px dashed #e5e5e5 ; position: relative;}
.news-list ul li a{ width: 594px;height: 50px; line-height:50px; float: left;font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis ;position: relative;  overflow: hidden;}
.news-list ul li a i{ width: 11px; height: 11px;background: url(/Template/Pc/hqc/images/dj.png) no-repeat center; display: inline-block ;position: relative; top: -2px ;margin-right: 18px;}
.news-list ul li span{ width: 96px;height: 50px; line-height:50px; float: right;text-align: right;font-size: 14px; color: #838383; }
.news-list ul li:hover a{color: #214a9a;  }
/* .news-list ul li:hover a i{background-color: #00479d } */
.news-list ul li:hover span{color: #214a9a; }


.rules-bj{ width: 100% ; background-color: #f4f8fd ; }
.rules-c{  width: 1200px; margin: 0 auto; padding: 60px 0 33px 0; overflow: hidden;}
.btl2 h3{background-color: #f4f8fd ;}
.btl2 h5{background-color: #f4f8fd ;}

.notice2{ width: 100%;  overflow: hidden;}
.notice2 ul{ width: 1300px; padding: 27px 0 0 0; overflow: hidden;}
.notice2 ul li{ width: 588px; height: 78px;float: left; margin-bottom: 20px;background-color: #fff ; border: solid 1px #c0d8f8 ; margin-right: 20px;  }
.notice2 ul li a{ width: 100%;  display: block ;position: relative;}
.notice2 ul li a .ntl{ width: 93px; height:60px ; float: left; border-right: 1px solid #c0d8f8;margin-top: 9px;position: relative; overflow: hidden; }
.notice2 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}
.notice2 ul li a .ntl h6{width: 100%;text-align: center; line-height: 16px; font-size:16px;color: #8d8d8d;}
.notice2 ul li a i{ width: 14px; height: 2px;display: block ;background-color: #235da8 ; position: absolute; left: -1px;top: -1px}
.notice2 ul li a .ntr{ width: 450px; float: right; height: 78px; margin-right: 23px; display: flex; align-items: center; justify-content: center;   overflow: hidden;}
.notice2 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;}
.notice2 ul li:hover{background-color: #235da8}
.notice2 ul li:hover a .ntl{ border-right: solid 1px #a8c2de}
.notice2 ul li:hover a .ntr p{color: #fff}
.notice2 ul li:hover a .ntl h5{color: #fff}
.notice2 ul li:hover a .ntl h6{color: #fff}
.notice2 ul li:hover a i{display: none}


.logistic-bj{width: 100% ; background: url(/Template/Pc/hqc/images/ldj.jpg) no-repeat bottom center; overflow: hidden; }
.logistic-c{width: 1200px; margin: 0 auto; padding: 47px 0 69px 0;  overflow: hidden;}
.notice-box{ width: 100% ;margin-bottom: 68px; overflow: hidden;}
.notice-l{ width: 690px; padding:0 20px 0 20px; background-color: #f5f5f5 ;height: 244px; float: left; overflow: hidden;}
.notice-r{ width: 450px; height: 244px;float: right; overflow: hidden;}
.notice-r .tub{ width: 215px; height: 112px; position: relative;float: left; margin-bottom: 20px; overflow: hidden;}
.notice-r .tub a{ width: 100%;display: block ;}
.notice-r .tub a h3{ width: 100%; height: 20px; line-height: 20px; text-align: center;font-size: 20px; position: absolute; left: 0;top: 37px;z-index: 2; }
.notice-r .tub a h4{ width: 100%; height: 14px; line-height:14px; text-align: center;font-size: 14px; position: absolute; left: 0;bottom: 28px;z-index: 2; text-transform: uppercase}
.notice-r .tu1 a h3{color: #4b7a35}
.notice-r .tu1 a h4{color: #4b7a35}
.notice-r .tu2{float: right}
.notice-r .tu2 a h3{color: #235da8}
.notice-r .tu2 a h4{color: #235da8}
.notice-r .tu3{ width: 100%}
.notice-r .tu3 a h3{color: #9d7334}
.notice-r .tu3 a h4{color: #9d7334}
.notice-r .tub:hover a h3{font-weight: bold}
.btl3 h3{background-color: #f5f5f5 ;}
.btl3 h5{background-color: #f5f5f5 ;}
.btl3{margin-top: 22px}
.news-list2{ width: 100%; height: 180px; overflow: hidden;}
.news-list2 ul{width: 100%; padding: 27px 0 0 0}
.news-list2 ul li{ width: 100%; height: 20px;margin-bottom: 17px; position: relative;}
.news-list2 ul li a{ width: 594px;height: 20px; line-height:20px; float: left;font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis ;position: relative;  overflow: hidden;}
.news-list2 ul li a i{ width: 11px; height: 11px; display: inline-block ;position: relative; top: -2px ;margin-right: 18px;}
.news-list2 ul li span{ width: 96px;height: 20px; line-height:20px; float: right;text-align: right;font-size: 14px; color: #838383; }
.news-list2 ul li:hover a{color: #214a9a;  }
/* .news-list ul li:hover a i{background-color: #00479d } */
.news-list2 ul li:hover span{color: #214a9a; }




.picScroll-left3{ width: 100%;margin-top: 32px; /*padding-bottom: 31px;*/  overflow:hidden; position:relative;}
.picScroll-left3 .hd{  width: 100%; position: absolute; right: 0; bottom: 0px; z-index: 1;  }
.picScroll-left3 .hd ul{ width: 100%;text-align: center}
.picScroll-left3 .hd ul li{ display: inline-block ; font-size: 0 ; width: 5px; height: 5px; background-color: #bfbfbf ; border-radius:5px; margin: 0 4px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; cursor: pointer; }
.picScroll-left3 .hd ul li.on{ width: 22px ;background-color: #c19a62}
.picScroll-left3 .bd{  width: 100%  }
.picScroll-left3 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left3 .bd ul li{float:left; _display:inline;width: 285px; overflow:hidden;  position: relative;margin-right: 20px }
.picScroll-left3 .bd ul li img{width: 100%; height: 213px ; }
.picScroll-left3 .bd ul li h3{width: 253px; height: 58px; line-height:58px; text-align: center;font-size: 16px; color: #333; white-space: nowrap;text-overflow: ellipsis; border: solid 1px #c0d8f8 ;background-color: #fff; padding: 0 15px; overflow: hidden;}
.picScroll-left3 .bd ul li:hover{background-color: #214a9a}
.picScroll-left3 .bd ul li:hover h3{color: #fff}
.picScroll-left3 .bd ul li:hover i{display: block}
.picScroll-left3 .bd ul li:hover h3{background-color: #235da8 ;color: #fff ;border: solid 1px #235da8 }