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

/*--------------------------------------bar--------------------------------------*/
/*bar_tag*/
#bar_tag{width:49px;height:auto;position:fixed;right:0;bottom:200px;z-index:100;overflow:visible;opacity:0;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;}
#bar_tag.show{opacity:1;}
#bar_tag ul{height:auto;overflow:visible;}
#bar_tag ul li{width:49px;height:49px;float:left;margin:0 0 1px 0;position:relative;overflow:visible;}
#bar_tag ul li a{width:49px;height:49px;display:block;position:absolute;left:0;top:0;z-index:200;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;}
#bar_tag ul li label{width:88px;height:49px;padding:0 7px 0 0;background:url(../images/icon_bar_tag.png) no-repeat 0 0;position:absolute;left:-20px;top:0;opacity:0;z-index:100;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;color:#fff;line-height:49px;text-align:center;}

#bar_tag ul li a{background:#2e3993;}
#bar_tag ul li:hover a{background:#2e3993;}
#bar_tag ul li:hover label{left:-100px;opacity:1;}


/*--------------------------------------banner--------------------------------------*/
#banner{width:100%;height:100%;position:relative;float:left;}
#banner_pic{width: 100%;height: 100%;background: no-repeat center center;background-size: cover;}
#banner_pic a{width: 100%;height: 100%;display: block;background: no-repeat center center;background-size: cover;}
#banner_arrow_l{width: 20px;height: 30px;margin:-15px 0 0 0;position:absolute;left: 40px;top:50%;z-index:100;cursor: pointer;}
#banner_arrow_r{width: 20px;height: 30px;margin:-15px 0 0 0;position:absolute;right: 40px;top:50%;z-index:100;cursor: pointer;}
#banner_ctrl{width: 100%;height: auto;position: absolute;left: 0;bottom: 15px;text-align: center; display: none;}
#banner_ctrl a{width: 70px;height: 3px;display: inline-block;background: #fff;}
#banner_ctrl a:hover{background: #000;}
#banner_ctrl a.on{background: #000;}
#banner_ctrl a img, #banner_ctrl a  span{display:none;}



/*--------------------------------------pic_scroll--------------------------------------*/
/*pic_scroll*/
.col_scroll{width: 100%;height: auto;position: relative;overflow: visible;}
.col_scroll_arrow_l{width: 20px;height: 30px;background: url(../images/arrow_blue_l.png) no-repeat center center;position:absolute;left:-50px;top:115px;cursor: pointer;}
.col_scroll_arrow_r{width: 20px;height: 30px;background: url(../images/arrow_blue_r.png) no-repeat center center;position:absolute;right:-50px;top:115px;cursor: pointer;}
.col_scroll_box{width: 100%;height: 365px;float: left;position:relative;}
.col_scroll_box ul{width: 500%;position:absolute;left: 0;top: 0;}
.col_scroll_box ul li{width:200px;height:365px;float: left;margin:0 40px;}
.col_scroll_box ul li div{width: 100%;height: 200px;float:left;margin:0 0 15px 0;position:relative;border-radius: 50%;}
.col_scroll_box ul li div img{width: 100%;}
.col_scroll_box ul li div label{width: 100%;height: 100%;display: block;background: #2E3993;position: absolute;left: 0;top: 0;opacity: 0;}
.col_scroll_box ul li div a{width: 100%;height: 100%;display: block;background: url(../images/icon_more.png) no-repeat center center;position: absolute;left: 0;top: 0;opacity: 0;}
.col_scroll_box ul li h2{width: 100%;height: 34px;float:left;box-sizing: border-box;line-height: 34px;text-align: center;}
.col_scroll_box ul li h2 a{font-size: 18px;color: #2E3993;line-height: 100%;font-weight: bold;}
.col_scroll_box ul li p{width: 100%;height: 72px;float: left;margin: 10px 0 0 0;line-height: 24px;font-size: 14px;color: #595757;text-align: center;}

/*row_scroll*/
.row_scroll{width: 100%;height: auto;position: relative;overflow: visible;}
.row_scroll_title{width: 100%;height: auto;float: left;margin: 20px 0 40px 0;}
.row_scroll_arrow_l{width: 20px;height: 36px;background: url(../images/arrow_scroll_l.png) no-repeat center center;position:absolute;left:-50px;top:162px;cursor: pointer;}
.row_scroll_arrow_r{width: 20px;height: 36px;background: url(../images/arrow_scroll_r.png) no-repeat center center;position:absolute;right:-50px;top:162px;cursor: pointer;}
.row_scroll_box{width: 100%;height: 315px;float: left;position:relative;}
.row_scroll_content{width: 1000%;position:absolute;left: 0;top: 0;}
.row_scroll_content ul{width: 1140px;height: 315px;float: left;}
.row_scroll_content ul li{width:265px;height:auto;float: left;margin:0 20px 0 0;}
.row_scroll_content ul li div{width: 100%;height: 100%;position:relative;}
.row_scroll_content ul li div img{width: 100%;}
.row_scroll_content ul li div label{width: 100%;height: 100%;display: block;background: #5e5e5e;position: absolute;left: 0;top: 0;opacity: 0;}
.row_scroll_content ul li div a{width: 100%;height: 100%;display: block;background: url(../images/icon_more.png) no-repeat center center;position: absolute;left: 0;top: 0;opacity: 0;}
.row_scroll_content ul li h2{width: 100%;height: 40px;margin:10px 0 0 0;padding: 0 15px;box-sizing: border-box;line-height: 20px;text-align: center;}
.row_scroll_content ul li h2 a{font-size: 14px;color: #52595d;line-height: 100%;}




/*--------------------------------------max_box_pic_title--------------------------------------*/
.full_box{width: 100%;height: auto;}

.full_box .box_left{width: 50%;height: auto;float: left;}
.full_box .box_left img{width: 100%;transition:all 5s linear;-webkit-transition:all 5s linear;-moz-transition:all 5s linear;}

.full_box .box_right{width: 50%;height: auto;float: left;position: relative;background: #f2f2f2;}
.full_box .box_right img{width: 100%;opacity:0;transform:translate3d(0,-20px,0);-webkit-transform:translate3d(0,-20px,0);-moz-transform:translate3d(0,-20px,0);}
.full_box .box_right a{width: 170px;height: 46px;background: #2E3993;border-radius:3px;box-sizing:border-box;position:absolute;left: 15.7%;top: 70%;color: #FFFFFF;font-size: 18px;text-align: center;line-height: 44px;
opacity:0;transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);border: 1px solid #2E3993;}
.full_box .box_right a:hover{border: 1px solid #2E3993;background: none;color: #2E3993;}

.full_box.on .box_left img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.full_box.on .box_right img{width:100%;opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);}
.full_box.on .box_right a{opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);}







/*--------------------------------------col blocks--------------------------------------*/

/*col_title_over_label_fade*/
.col_title_over_label_fade{width:100%;float:left;background: no-repeat center center;background-size: cover;position:relative;cursor: pointer;}
.col_title_over_label_fade label{width:100%;height: 100%;display:none;background: #2E3993;opacity: 0;cursor: pointer;}
.col_title_over_label_fade h2{width: 60%;height: auto;position:absolute;left: 20%;top:30%;font-size: 20px;color: #FFFFFF;font-weight: 400;}
.col_title_over_label_fade a{position: absolute;left: 20%;top:55%;font-size: 16px;color: #FFFFFF;}
.col_title_over_label_fade:hover label{opacity: 1;} 

/*col_h2_pic_h3_p_h4*/
.col_h2_pic_h3_p_h4{width: 100%;height: auto;float: left;}
.col_h2_pic_h3_p_h4 h2{width: 100%;height: auto;float: left;}
.col_h2_pic_h3_p_h4 h2 a{color: #2E3993;font-size: 24px;font-weight: bold;}
.col_h2_pic_h3_p_h4 h2 a:hover{color: #131B64;}
.col_h2_pic_h3_p_h4 div{width: 100%;height: auto;float: left;margin:25px 0 0 0;position: relative;}
.col_h2_pic_h3_p_h4 div img{
    width: 100%;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.col_h2_pic_h3_p_h4 div label, .col_h2_pic_h3_p_h4 div a{width:100%;height: 100%;display:block;background: #2E3993;opacity: 0;cursor: pointer;position:absolute;left:0;top:0;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;}
.col_h2_pic_h3_p_h4 h3{width: 100%;height: auto;float: left;margin:20px 0 15px 0;font-size: 16px;color: #595757;font-weight: bold;}
.col_h2_pic_h3_p_h4 p{width: 100%;height: auto;float: left;font-size: 14px;color: #595757;line-height: 150%;}
.col_h2_pic_h3_p_h4 h4{width: 100%;height: auto;float: left;margin: 30px 0 0 0;}
.col_h2_pic_h3_p_h4 h4 a{color: #2E3993;}
.col_h2_pic_h3_p_h4 h4 a:hover{color: #131B64;}

.col_h2_pic_h3_p_h4:hover div label, .col_h2_pic_h3_p_h4:hover div a{opacity: 0;}
.col_h2_pic_h3_p_h4:hover div img{
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
}


/*--------------------------------------row blocks--------------------------------------*/
.row_v_pic_h2_p_h3{width: 100%;height: auto;float: left;margin: 0 0 65px 0;}
.row_v_pic_h2_p_h3 dt{width: 100%;height: auto;float: left;}
.row_v_pic_h2_p_h3 dt img{width: 100%;}
.row_v_pic_h2_p_h3 dd{width: 100%;height: auto;float: left;}
.row_v_pic_h2_p_h3 dd h2{width: 100%;height: auto;float: left;padding:25px 0 15px 0;color: #2E3993;font-size: 20px;font-weight: bold;}
.row_v_pic_h2_p_h3 dd p{width: 100%;height: auto;float: left;color: #4C4948;font-size: 14px;line-height: 150%;}
.row_v_pic_h2_p_h3 dd h3{width: 100%;height: auto;float: left;padding: 10px 0 0 0;color: #2E3993;font-size: 14px;font-weight: bold;}

/*--------------------------------------search--------------------------------------*/

.search_short{width:20px;height:auto;float:right;padding:0 0 0 20px;position:relative;overflow:visible;}
.search_short img{width: 20px;}
.search_input{width:0;height:19px;position:absolute;left:0;top:0;z-index:6000;background:none;border-bottom: 2px solid #c9caca;}
.search_input input{width:100%;height:19px;line-height:19px;background:none;border:0;color: #666668;}





/*--------------------------------------nav--------------------------------------*/
.nav_organ{width: 100%;height: auto;float: left;}
.nav_organ dt{width: 100%;height: auto;float: left;}
.nav_organ dt a{color: #2E3993;}
.nav_organ dd{width: 100%;height: auto;float: left;display:none;}
.nav_organ dd a{color: #4c4948;}
.nav_organ.on dd{display:block;}







/*--------------------------------------top--------------------------------------*/











/*--------------------------------------top--------------------------------------*/











/*--------------------------------------top--------------------------------------*/











/*--------------------------------------top--------------------------------------*/











/*--------------------------------------top--------------------------------------*/











/*--------------------------------------top--------------------------------------*/











/*--------------------------------------top--------------------------------------*/