/*---------------------------------//index banner-----------------------------------*/


.area_visual {overflow:hidden; position: relative; width:100%; min-width:1200px;  height:600px; background: url(../images/main/loading.gif) center center no-repeat #F6F6F6; }

.area_visual .ul_visual li {display:none; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:0; padding-top:600px; background-repeat:no-repeat; background-position:center center;background-size:cover;font-family: "微软雅黑";}
.area_visual .ul_visual li.li1 {display:block;}
.area_visual .ul_visual li.li1 {background-image:url(../images/main/banner01.jpg);}
.area_visual .ul_visual li.li2 {background-image:url(../images/main/banner02.jpg);}
.area_visual .ul_visual li.li3 {background-image:url(../images/main/banner03.jpg);}
.area_visual .ul_visual li.li4 {background-image:url(../images/main/banner04.jpg);}
.area_visual .ul_visual li.li5 {background-image:url(../images/main/banner05.jpg);}
.area_visual .ul_visual li p {display:none; position:absolute; left:50%; opacity:0; color:#333;}
.area_visual .ul_visual li .txt_1 {font: normal 16px/24px  "微软雅黑",Arial, "宋体"; color:#FFFFFF; }

.area_visual .ul_visual li .txt_1 .span_block {font-family:'PFSquareSansProMedium';}
.area_visual .ul_visual li .txt_2 {font-size:20px; line-height:32px;}

.area_visual .ul_visual li.li1 .txt_1 {margin-top:95px; margin-left:-160px;    }
.area_visual .ul_visual li.li2 .txt_1 {margin-top:95px; margin-left:-130px; }
.area_visual .ul_visual li.li3 .txt_1 {margin-top:95px; margin-left:-310px;  }

.area_visual .ul_visual li.li1 .txt_2 {top:41%; margin-left:9px; width:350px; height:60px;}
.area_visual .ul_visual li.li1 .img_1 {top:50%; margin-left:-281px; width:430px; height:290px; background:url(../images/main/visual_11.png) no-repeat;}



.area_visual .ul_visual li.li2 .txt_2 {top:40%; margin-left:-420px; width:470px; height:65px; font-size:18px; line-height:28px;color:#FFF;}
/*.area_visual .ul_visual li.li2 .txt_1 {top:17.5%; margin-left:-420px; width:420px; height:90px; font-size:54px;color:#FFF;font-family:'微软雅黑';}
.area_visual .ul_visual li.li2 .txt_2 {top:42.5%; margin-left:-420px; width:435px; height:65px;color:#FFF;font-family:'微软雅黑';}*/
.area_visual .ul_visual li.li2 .img_1 {top:10%; margin-left:120px; width:430px; height:290px; background:url(../images/main/visual_22.png) no-repeat;}
/* 2014-05-31 추가 */

.area_visual .ul_visual li.li3 .txt_1 span { padding-top:0px;}
.area_visual .ul_visual li.li3 .txt_2 {top:33%; margin-left:90px; width:335px; height:65px; font-size:18px; line-height:28px;}
.area_visual .ul_visual li.li3 .img_1 {top:30%; margin-left:120px; width:430px; height:290px; background:url(../images/main/visual_33.png) no-repeat;}



.area_visual .ul_visual li.li3 .img_2 {top:-5%; margin-left:-221px; width:175px; height:236px; background:url(../images/main/img_visual_3_2.png) no-repeat;}

.area_visual .ul_visual li.li4 .txt_1 {top:13.5%; margin-left:-420px; width:467px; height:103px; font-size:54px; color:#FFF;}
.area_visual .ul_visual li.li4 .txt_2 {top:40%; margin-left:-420px; width:470px; height:65px; font-size:18px; line-height:28px;color:#FFF;}
.area_visual .ul_visual li.li4 .img_5 {top:0%; margin-left:-209px; width:170px; height:100%; background:url(../images/main/img_visual_4_1.png) no-repeat;}
.area_visual .ul_visual li.li4 .img_6 {top:49.5%; margin-left:-446px; width:0; height:47px; background:url(../images/main/img_visual_4_2.png) no-repeat;}
/* 2014-05-31 추가 */

.area_visual .ul_visual li.li5 .txt_1 {top:2.5%; margin-left:-67px; width:560px; height:55px; text-align:center; font-size:50px;}
.area_visual .ul_visual li.li5 .txt_2 {top:17.5%; margin-left:-77px; width:580px; height:30px; font-size:18px; text-align:center;}
.area_visual .ul_visual li.li5 .img_4 {top:55.55%; margin-left:45px; width:139px; height:107px; background:url(../images/main/img_visual_5_1.png) no-repeat; opacity:1;}
.area_visual .ul_visual li.li5 .img_3 {top:57.25%; margin-left:49px; width:0; max-width:108px; height:65px; background-color:#abdb12;}

.area_visual .ul_arrow { }

.area_visual .ul_arrow a {  display:none; position: relative; width:100%; top:50%;  margin-top:-33px;  font-size:0;}
.area_visual:hover .ul_arrow a{ display: block; }
.area_visual:hover .ul_arrow .li_prev a {position:absolute; left:2%; top:; width:27px; height:54px; background: url(../images/main/prev.png) left center no-repeat; }
.area_visual:hover .ul_arrow .li_next a {position:absolute; right:2%; top:; width:27px; height:54px; background: url(../images/main/next.png) right center no-repeat; } 


.area_visual .gupiao{position:absolute; bottom:13px;  left:5%;}


.area_visual .ul_play{position:absolute;z-index: 90; bottom:1px;  left:50%;}
.area_visual .ul_play li {float:left; }
.area_visual .ul_play li a {display:none; width:16px; padding-top:17px; background: url(../images/main/play.png) left top no-repeat ##CCC; font-size:0;}
.area_visual .ul_play li.on a {display:block;}
.area_visual .ul_play li.li_start a {background: url(../images/main/play.png) left center no-repeat;}
.area_visual .ul_play li.li_stop a {background: url(../images/main/pash.png) left center no-repeat;}

.area_visual .ul_pos {position:absolute;z-index: 90; bottom:1px; left:50%;}
.ul_pos li { display:block; float:left;  }
.ul_pos li a,
.ul_pos li span {display:block; width:14px; height:14px; float:left; margin:0 3px; border-radius:7px; background:#CCC;  text-indent:-9999px;}
.ul_pos li.on a,
.ul_pos li.on span { background:#0066cc;}

.area_visual .ul_bgbtm {

    background: url(../images/ban_bg.png) center top no-repeat;
    height: 54px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -20px;
    z-index: 60;}
@media screen and (max-width:1030px){
.area_visual { min-width:100%;}
}
@media screen and (max-width:800px){
	/* 首页 */
	.area_visual {  height:300px; }
	.area_visual .ul_arrow,.area_visual:hover .ul_arrow a,.area_visual .ul_arrow a {  display:none;}
	.area_visual .ul_visual li {padding-top:300px; }
	.area_visual .ul_visual li.li2 {background-image:url(../images/main/banner02_m.jpg);}
	.area_visual .ul_visual li p {left:5%; margin-left:0; }
	.area_visual .ul_visual li .txt_1 {font: normal 22px/35px  "微软雅黑",Arial, "宋体";padding:12px;letter-spacing: normal;}
	.area_visual .ul_visual li.li1 .txt_1 {margin-top:40px;    }
	.area_visual .ul_visual li.li2 .txt_1 {margin-top:30px;  }
	.area_visual .ul_visual li.li3 .txt_1 {margin-top:20px;  }
	.area_visual .ul_arrow a {display:none;}
	.area_visual .ul_bgbtm {    bottom: -28px;}

}