@charset "utf-8";

/****** owl-theme  ******/
.owl-carousel .owl-stage-outer{ z-index:2;}
.owl-theme .owl-dots, .owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent; }
.owl-theme .owl-nav .owl-prev,
.owl-theme .owl-nav .owl-next{position: absolute;top: 50%;display:none;width: 45px;height: 45px;cursor:pointer;overflow: hidden;margin-top: -27px;background: rgba(0,0,0,0.3);z-index: 3;}
.owl-theme .owl-nav .owl-prev{left: 0;}
.owl-theme .owl-nav .owl-next{right: 0;}
.owl-theme .owl-nav .owl-prev span,
.owl-theme .owl-nav .owl-next span{color:#FFF;font-size: 45px;line-height: 45px;display:block;margin-top: -13px;/* display:none; */z-index: 3;}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-dots{font-size: 0;position: absolute;left: 50px;bottom: 25px;z-index: 3;}
.owl-theme .owl-dots .owl-dot{display: inline-block;margin: 0;zoom:1;}
.owl-theme .owl-dots .owl-dot span{width: 12px;height: 12px;margin: 0px 4px;background:rgba(255,255,255,0.5);border:0;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px;transition: all 0.3s;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #fff !important;}
.owl-theme .control_bn{position:absolute;left: 30px;bottom: 25px;font-size:0;z-index: 9;}
.owl-theme .control_bn .btn.play,
.owl-theme .control_bn .btn.stop{position:absolute;left: 0;bottom: 0;width: 15px;height: 11px;text-align: center;/* opacity: 0.7; */}
.owl-theme .control_bn .btn.play{display:none;background: url('../images/main/btn_play.png') no-repeat 50% 50%;}
.owl-theme .control_bn .btn.play.on,
.owl-theme .control_bn .btn.play:hover{background-image: url('../images/main/btn_play.png');}
.owl-theme .control_bn .btn.stop{background: url('../images/main/btn_stop.png') no-repeat 50% 50%;}
.owl-theme .control_bn .btn.stop.on,
.owl-theme .control_bn .btn.stop:hover{background-image: url('../images/main/btn_stop.png');}
.owl-theme .control_bn .btn.play:hover,
.owl-theme .control_bn .btn.stop:hover{ opacity: 1;}


/****** visualRolling ******/
.main_visual {position:relative;box-sizing: border-box; width: 735px; overflow:hidden;height: 370px;float:left;}
.main_visual .owl-carousel .item{height: 370px;position: relative;width:100%;background-position: 50% 0% !important;background-repeat:no-repeat !important;background-size: cover; }
.main_visual .owl-carousel .item a{display: block; width:100%; height: 100%;}
.main_visual .more_bn{display:block;padding-left: 45px;}
.main_visual .more_bn a{background-color:transparent;color:#fff;border:2px solid rgba(255,255,255,0.8);display: inline-block;padding: 8px 55px 8px 10px;font-size:1em;line-height: 1; position: relative;}
.main_visual .more_bn a:before,
.main_visual .more_bn a:after{content:'';display:block;width:7px;height: 1px;position: absolute;right:15px;background: #fff; transition: all .3s ease-in-out;}
.main_visual .more_bn a:before{transform: rotate( 45deg );top: 50%;margin-top: -3px;}
.main_visual .more_bn a:after{transform: rotate( -45deg );bottom: 50%;margin-bottom: -3px;}
.main_visual .more_bn a:hover:before,
.main_visual .more_bn a:hover:after{ background:#50aeac;}
.main_visual .more_bn a:hover{ background-color:#fff; color:#50aeac; text-decoration: none;}

.main_visual .owl-carousel .item img{display: none;}
.main_visual .owl-carousel .item.vi00{background-color: #175f9e;}
.main_visual .owl-carousel .item.vi01{background-color: #61cbe5;}
.main_visual .owl-carousel .item.vi02{background-color: #147ca3;}
.main_visual .owl-carousel .item.vi03{background-color: #d58a6e;}
.main_visual .owl-carousel .item.vi04{background-color: #32aead;}


/****** section ******/
.main_con {background:#f1f4fb;padding: 45px 0 65px 0;position:relative;box-sizing:border-box;overflow:hidden;}


/* active_box */
.active_box{ float:left; overflow: hidden; position: relative; width:365px; height: 370px; background:#a6dcf8; }
.active_box a{display: block; width:100%; height: 100%; padding:40px; text-align: center; background:url('../images/main/active_bg.png') no-repeat bottom 15px center;}
.active_box .tit{color:#263b59;font-size: 2.19em; line-height: 1.1em; font-weight: 700; margin-bottom: 15px;} 
.active_box .txt{color:#3B6071;font-size: 0.935em; line-height: 1.2em; margin-bottom: 0 !important; }


/* quick_bnner */
.quick_bnner{overflow: hidden;position: relative; display: none;}
.quick_bnner:before,
.quick_bnner:after{ content:''; display:block; background:#dbdbdb; position:absolute;;}
.quick_bnner:before{ width:100%; height:1px; margin-top:-1px; top:50%; left:0}
.quick_bnner:after{ height:100%; width:1px; margin-left:-1px; top:0; left:50%;}
.quick_bnner li{float: left;width: 50%;}
.quick_bnner li a{display: table;height:185px;width:100%;background: #fff;}
.quick_bnner li a .txtBox{text-align:center;display: table-cell;vertical-align: middle;width: 100%;}
.quick_bnner li a .txtBox .icon{display:block;margin:0 auto;height: 100px;}
.quick_bnner li a .txtBox .icon{background:url('../images/main/quick_ico01.png') no-repeat 50% 50%;}
.quick_bnner li:nth-child(1) a .txtBox .icon{background-image:url('../images/main/quick_ico01.png');}
.quick_bnner li:nth-child(2) a .txtBox .icon{background-image:url('../images/main/quick_ico02.png');}
.quick_bnner li:nth-child(3) a .txtBox .icon{background-image:url('../images/main/quick_ico03.png');}
.quick_bnner li:nth-child(4) a .txtBox .icon{background-image:url('../images/main/quick_ico04.png');}
.quick_bnner li a .txtBox .tit { font-size:1em; color:#282b39; font-weight:500;}
.quick_bnner li a:hover{ background-color:#ef4136; text-decoration:none;}
.quick_bnner li:nth-child(1) a:hover .txtBox .icon{background-image:url('../images/main/quick_ico01_on.png');}
.quick_bnner li:nth-child(2) a:hover .txtBox .icon{background-image:url('../images/main/quick_ico02_on.png');}
.quick_bnner li:nth-child(3) a:hover .txtBox .icon{background-image:url('../images/main/quick_ico03_on.png');}
.quick_bnner li:nth-child(4) a:hover .txtBox .icon{background-image:url('../images/main/quick_ico04_on.png');}
.quick_bnner li a:hover .txtBox .tit {color:#fff; text-decoration:none;}


/* news_zone */
.news_zone{width: 735px;height: 310px;float: left;overflow: hidden;padding: 50px 3.36% 0 0;position: relative;} 
.news_zone .left_box, .news_zone .right_box{float: left;width: 48%;}
.news_zone .right_box{ float:right;}
.tit_box{position:relative;padding: 0 0 20px 0;}
.tit_box .tit{color:#333;font-size: 1.375em;line-height: 1.2em;display: block;width: 100%;position:relative;}
.tit_box a:before,
.tit_box a:after{content:'';display:block;background:#000;position:absolute;right: 10px;top: 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  }
.tit_box a:before{ width:21px; height:1px; margin-right:-10px;}
.tit_box a:after{ height:21px; width:1px; margin-top:-10px;}
.tit_box a:hover{text-decoration:none;}
.tit_box a:hover:before{transform: rotate( 45deg );width:11px;margin-top: 0;}
.tit_box a:hover:after{transform: rotate( -135deg );height: 11px;margin-top: 2px;right: 5px;}

.news_list{overflow: hidden;border-top: 2px solid #474a58;}
.news_list li a{display: block;position: relative;overflow: hidden;border-bottom: 1px solid #bcbeca;}
.news_list li a:after{ content:''; display: block; position: absolute;}
.news_list li a .tit{line-height: 3.06em;height: 3.06em;width: 78%;font-size: 1.06em;color: #222222;position:relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all 0.3s ease;}
.news_list li a .date{position: absolute;right:0;top: 5px;height: 3.06em;line-height: 3.06em;color: #6b6b6b;font-size: 0.935em;}
.news_list li a .date em{ float:right;}
.news_list li a .date em:before{ content:'-';}
.news_list li a .txt{color:#878787;font-size:0.94em;float: right;width: 83%;max-height: 47px;overflow: hidden;transition: all 0.3s ease;}
.news_list li a:hover { text-decoration: none;}
.news_list li a:hover .tit{ color:#ee4136 !important; text-decoration: underline;}
.news_list li a:hover .txt{ color:#333;}


/* link_zone */
.link_zone{width: 365px;height: 310px;float: right;overflow: hidden;position: relative;}
.link_zone .item{ height: 310px; background:#223c5a;}
.link_zone .item a{width:100%;height: 100%;display: table;}
.link_zone .item a:hover{text-decoration: none;}
.link_zone .item .txtBox{/* display: table-cell; *//* vertical-align: middle; */text-align: center;padding: 35px 10px;}
.link_zone .item .txtBox .ico{ display: block; margin: 0 auto; width:95px; margin-bottom: 15px;}
.link_zone .item .txtBox .tit{color:#fff;font-size: 2.19em;line-height: 1.1em;margin-bottom: 15px;font-weight: 700;}
.link_zone .item .txtBox .tit span{font-size: 0.57em;line-height: 1.1em;margin-bottom: 5px;font-weight: 500;display: block;}
.link_zone .item .txtBox .txt{font-size: 15px;font-size: 0.935em;color:#a2d3f4;margin-bottom: 0 !important;line-height: 1.2;}
.link_zone .item .txtBox .btn_more{ display: inline-block; border:1px solid #fff; padding:5px 15px; color:#fff; font-size: 13px;}
.link_zone .item a:hover .txtBox .btn_more{ background:#fff; color:#223c5a; font-weight: 400;}
.link_zone .control_bn{margin-left: 25px;left: 50%;}
.link_zone .owl-dots{left: 50%;margin-left: -40px;}


/* wide_banner */
.wide_banner{width: 100%;height: 190px;overflow: hidden;position: relative;/* margin-bottom: 60px; */}
.wide_banner .item{vertical-align: top;position: relative;}
.wide_banner .item a{display: table;width: 100%;height: 120px;margin-top: 70px;padding: 0 0 0 100px;}
.wide_banner .item a:after{content:'';display:block;width:100%;height: 190px;background-position: 100% 100%;background-repeat:no-repeat;z-index:3;position:absolute;bottom: 0;left:0;}
.wide_banner .item .txtBox{display: table-cell;vertical-align: middle;z-index:1;}
.wide_banner .item.banner01 a:after{ background-image:url('../images/main/wide_pic01.png');}
.wide_banner .item.banner02 a:after{ background-image:url('../images/main/wide_pic02.png');}
.wide_banner .item.banner03 a:after{ background-image:url('../images/main/wide_pic03.png');}
.wide_banner .item.banner04 a:after{ background-image:url('../images/main/wide_pic04.png');}
.wide_banner .item.banner05 a:after{ background-image:url('../images/main/wide_pic05.png');}
.wide_banner .item.banner01 a{ background-color:#277a6d;}
.wide_banner .item.banner02 a{ background-color:#518825;}
.wide_banner .item.banner03 a{ background-color:#175f9e;}
.wide_banner .item.banner04 a{ background-color:#4756a3;}
.wide_banner .item.banner05 a{ background-color:#d17a70;}
.wide_banner .item .txtBox .tit{color:#ffcc00;font-size: 1.5em;font-weight: 700;}
.wide_banner .item .txtBox .txt{color:#fff;font-size:15px;font-size: 0.935em;font-weight:300;display:inline-block;}
.wide_banner .item .txtBox .tit br,
.wide_banner .item .txtBox .txt br{display: none;}
.wide_banner .item .txtBox .more_bn{border:1px solid #fff;display:inline-block;padding: 5px 15px;line-height:1em;color:#fff;font-size: 0.875em;margin-left: 15px;}
.wide_banner .item a:hover {text-decoration:none;}
.wide_banner .item a:hover .txtBox .more_bn{ background-color:#fff; color:#333;}
.wide_banner .owl-nav .owl-prev, .wide_banner .owl-nav .owl-next{display:block !important;margin-top: 16px;height: 36px;width: 20px;background-repeat:no-repeat;background-position:0 0;background-color: transparent;opacity: 0.7;}
.wide_banner .owl-nav .owl-prev span, .wide_banner .owl-nav .owl-next span{font-size:0;line-height: 36px;margin-top: 0;}
.wide_banner .owl-nav .owl-prev { background-image:url('../images/main/wide_banner_prev.png');}
.wide_banner .owl-nav .owl-next { background-image:url('../images/main/wide_banner_next.png');}
.wide_banner .control_bn, .wide_banner .owl-dots{ display:none;}
.wide_banner .owl-nav .owl-prev:hover, .wide_banner .owl-nav .owl-next:hover{opacity:1;}


/* imgNews_zone */
.imgNews_zone{float: left;overflow: hidden;padding: 70px 0px 0 0;position: relative;}
.imgNews_zone .left_box{float:left;width: 735px;padding: 0px 3.36% 0 0;}
.imgNews_zone .right_box{ float:right; width:365px;}
.imgNews_zone .left_box li{width: 31.5%;float:left;margin-left: 2.7%;}
.imgNews_zone .left_box li:first-child{ margin-left:0;}
.imgNews_zone .left_box li a{width:100%; height:100%; display:block; overflow:hidden;}
.imgNews_list li .pic{display:block;width:100%;height:230px;margin-bottom: 20px;position:relative; overflow: hidden;}
.imgNews_list li .pic img{height:100%;}
.imgNews_list li .tit{color:#333;font-size:1em;font-weight: 500;line-height: 1.2em;}
.imgNews_list li .date{color:#6b6b6b;font-size: 0.935em;line-height: 1.2em;}

.left_box .imgNews_list li a .pic span{ display: block; width:100%; height: 100%; background-position: 50% 50%;background-size: cover;background-repeat: no-repeat; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.left_box .imgNews_list li a:hover .pic span{ -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}

.right_box .imgNews_list li .pic:before, .right_box .imgNews_list li .pic:after{content:''; display:block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.right_box .imgNews_list li .pic:before{ width:56px; height:56px; background:url('../images/main/mv_icon.png') no-repeat 0 0; position:absolute; left:50%; top:50%; margin:-28px 0 0 -28px; opacity:0; z-index:2;}
.right_box .imgNews_list li .pic:after{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; opacity:0; z-index:1;}
.right_box .imgNews_list li:hover .pic:before, .imgNews_list li:hover .pic:after{ opacity:1;}


/* foot_banner */
.foot_banner{overflow: hidden; padding:17px 0; border-top: 1px solid #d6d6d6;}
.foot_banner .main_tit{ font-size:0;}
.foot_banner .item{  height: 65px;}
.foot_banner .item a{display:block;height: 65px;}
.foot_banner .item img{ height: 100%; width:auto !important; margin: 0 auto;}
.foot_banner .owl-carousel{}
.foot_banner.owl-theme .owl-nav .owl-prev, 
.foot_banner.owl-theme .owl-nav .owl-next{top: 0;background: transparent;display: block !important;height: 65px;width: 35px;margin-top: 0;background-repeat:no-repeat;background-position:50% 50%;}
.foot_banner.owl-theme .owl-nav .owl-prev{background-image:url('../images/main/foot_banner_prev.png');background-position:100% 50%;left: -30px;}
.foot_banner.owl-theme .owl-nav .owl-next{background-image:url('../images/main/foot_banner_next.png');background-position:0% 50%;right: -30px;}
.foot_banner.owl-theme .owl-nav .owl-prev span, .foot_banner.owl-theme .owl-nav .owl-next span{color:#646464;line-height: 65px;margin-top: -10px; display:none;}

.foot_banner.owl-theme .control_bn{left: 0;margin: 0;bottom: 0;display: none;}
.foot_banner.owl-theme .control_bn .btn.play{background-image: url('../images/main/btn_play3.png'); background-position: 50% 53%;}
.foot_banner.owl-theme .control_bn .btn.stop{background-image: url('../images/main/btn_stop3.png');}
.foot_banner.owl-theme .control_bn .btn.play, .foot_banner.owl-theme .control_bn .btn.stop{ height:65px; width:40px}

.foot_banner .more_bn{position:absolute;right:0;top:0;display: table;}
.foot_banner .more_bn a{display: table-cell;background: #fbfbfb;border: 1px solid #dcdcdc;width:65px;height: 65px;text-align: center;vertical-align: middle;}
.foot_banner .more_bn a span{font-size:0;width:17px;height: 12px;overflow: hidden;position: relative;display: block;margin: 0 auto;}
.foot_banner .more_bn a:before,
.foot_banner .more_bn a span:before,
.foot_banner .more_bn a span:after{content:'';display: block;position: absolute;left:0;height: 2px;width: 17px;background:#646464;}
.foot_banner .more_bn a span:before{ top:0; }
.foot_banner .more_bn a span:after{ bottom:0;}
.foot_banner .more_bn a:before{left:50%;top:50%;width:17px;margin: -2px 0 0 -9px;}


@media only screen and (max-width : 640px ){	
	/****** visualRolling ******/
	.main_visual{width: 100%;height: auto; float:none;}
	.main_visual .owl-carousel .item{height: auto; background-image:none;}	
	.main_visual .owl-carousel .item img{display: block;}
	
	
	/* main_con */
	.main_con{padding: 15px 0 0 0;}
	
	/* active_box */
	.active_box{ margin-top: 15px; width:100%; height: 200px; float:none;}
	.active_box a{ padding:25px; background-size:250px; background-position: bottom -120px center;}
	.active_box .tit{ font-size:1.8em; margin-bottom: 10px;}
	
	
	/* quick_bnner */
	.quick_bnner{ margin: 15px 0 25px 0; display: block;}
	.quick_bnner li{height:auto;}
	.quick_bnner li a{ height: auto; padding:15px 10px;}
	.quick_bnner li a .txtBox{ display:table-cell;}
	.quick_bnner li a .txtBox .icon{ height: 70px; background-size: contain;}	
	.quick_bnner li a .txtBox .tit{font-size:0.9em;}
	
	/* news_zone */
	.news_zone{width:100%;padding: 0px; height: auto;}
	.news_zone .left_box, .news_zone .right_box{ float:none; width:100%; margin-bottom: 25px;}
	.tit_box{padding-bottom:15px; }
	.tit_box .tit{ font-size: 1.25em;}
	.news_list li a .tit,
	.news_list li a .date{ height:2.8em; line-height: 2.8em; }	
	.news_list li a .date{top:3px;}
	
	/* link_zone */
	.link_zone{ float: none; width:100%;}	
	
	/* wide_banner */
	.wide_banner{ height: 280px; margin-top: 15px; }
	.wide_banner .item a{ display: block; height: 280px; margin: 0; padding: 20px; background-repeat: no-repeat; background-position: 50% 100%; background-size: contain;}
	.wide_banner .item.banner01 a{ background-image:url('../images/main/wide_pic01.png');}
	.wide_banner .item.banner02 a{ background-image:url('../images/main/wide_pic02.png');}
	.wide_banner .item.banner03 a{ background-image:url('../images/main/wide_pic03.png');}
	.wide_banner .item.banner04 a{background-image:url('../images/main/wide_pic04.png');}
	.wide_banner .item.banner05 a{background-image:url('../images/main/wide_pic05.png');}
	.wide_banner .item a:after{ display: none !important;}
	.wide_banner .item .txtBox{ display: block; text-align: center;}
	.wide_banner .item .txtBox .tit,
	.wide_banner .item .txtBox .txt,
	.wide_banner .item .txtBox .more_bn{ line-height: 1.2em; margin: 0 0 10px; text-align: center;}
	.wide_banner .item .txtBox .more_bn{margin: 0 auto; display: block; width:95px;}
	.wide_banner .owl-nav .owl-prev, .wide_banner .owl-nav .owl-next{margin: -16px 0 0 0}
	
	
	/* imgNews_zone */
	.imgNews_zone{ padding-top: 25px;}
	.imgNews_zone .left_box,.imgNews_zone .right_box{float:none; width:100%; margin: 0 0 25px 0; overflow: hidden; padding:0;}
	.imgNews_zone .left_box li{width:100%; margin:0 0 10px 0;}
	.imgNews_zone .left_box li:last-child{margin-bottom: 0 !important;}
	.imgNews_list li .pic{height: 180px; margin-bottom: 10px;}
	.imgNews_list li .pic img{ width:100%; height:auto;}	
	
	/* foot_banner */
	.foot_banner{ padding:5px 0;}
	.foot_banner.owl-theme .owl-nav .owl-prev{ left: -20px;}
	.foot_banner.owl-theme .owl-nav .owl-next{ right:-20px;}
}

@media only screen and (max-width:480px) {

	/* wide_banner */
	.wide_banner .item .txtBox .tit br,
	.wide_banner .item .txtBox .txt br{display: block;}
}
