.banner{
	width: 100%; height: 360px; 
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f7f7f7));
	background: linear-gradient(#fff, #f7f7f7);
}
.banner .banner_con{width: 1100px; height: 360px; margin: 0 auto;}
.banner .banner_con .banner_con_main{float: left; width: 550px; padding-top: 40px; padding-left: 40px;}
.banner .banner_con .banner_con_main p{font-size: 14px; color: #464646; margin-bottom: 25px; line-height: 20px;}
.banner .banner_con .banner_con_main p #big{font-weight: bold; font-size: 18px;}
.banner .banner_con .banner_con_main #down{width: 331px; height: 66px; display: block; margin: 0 auto;}

.banner .banner_con .baner_bg{float: right; position: relative; width: 450px;}
.banner .banner_con .baner_bg #b_bg{width: 450px; height: auto;}

.content{height: 835px; width: 1100px; margin: 0 auto; padding-top: 40px;}
.content .content_l{width: 670px; float: left;}
.content .content_l .raa{width: 325px; height: auto; float: left;}
.content .content_l .pma{width: 325px; height: auto; float: right;}
.content .content_l .title{width: 325px; height: 50px;}
.content .content_l .title img{float: left; padding-top: 12px;}
.content .content_l .title h1{float: left; font-size: 24px; color: #404040; line-height: 50px; padding-left: 10px; font-weight: normal;}
.content .content_l .title span{float: right; padding-top: 30px; font-size: 14px; color: #4fa2e4;}
.content .content_l .main_con{border: 1px solid #d3d3d3; border-width: 1px 0; height: auto; padding: 10px 0;}
.content .content_l .main_con ul{padding-left: 30px;}
.content .content_l .main_con ul li{list-style: disc; line-height: 25px; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.content .content_l .main_con ul li a{font-size: 14px;}

.content .content_l .letter{padding-top: 15px; width: 520px; height: 20px; margin: 0 auto;}
.content .content_l .letter ul{}
.content .content_l .letter ul li{float: left;}
.content .content_l .letter ul li a{display: block; font-size: 14px; width: 20px; height: 20px; border-radius: 10px; text-align: center; line-height: 20px;}
.content .content_l .letter ul li a:hover{background-color: #6da61c; color: #fff; text-decoration: none;}

.content .container_r{float: right; width: 357px; height: auto;}
.content .container_r .rec{width: 357px; height: auto; margin-bottom: 10px;}
.content .container_r .rec h2{display: block; width: 347px; height: 40px; color: #fff; font-size: 20px; font-weight: bold; background-color: #464646; line-height: 40px; padding-left: 10px;}
.content .container_r .rec .rec_con{width: 327px; height: 170px; background-color: #808080; padding: 15px;}
.content .container_r .rec .rec_con p{font-size: 16px; color: #fff; line-height: 25px;}

.content .container_r ul{padding: 20px 0 20px 55px;}
.content .container_r ul li{list-style: disc; line-height: 30px; font-size: 16px;}

.content .container_r .dwn1{width: 319px; height: 56px; margin: 0 auto;}

.blog{min-width: 1100px; height: auto; background: #f6f6f6;}
.blog .blogcon{width: 1100px; height: auto; margin: 0 auto; padding: 10px 0;}
.blogcon h2{font-size: 24px; font-weight: normal; color: #404040; border-bottom: 1px solid #b5b5b5; padding: 10px 0; width: 100%; float: left;}
.blogcon h2 span{color: #ff6000;}
.blogcon dl{float: left; height: auto; width: 275px; padding: 20px 45px;}
.blogcon dt{width: 275px; height: 175px;}
.blogcon dt img{display: block; width: 275px; height: 175px;}
.blogcon dd{width: 275px;}
.blogcon dd h3{font-size: 1em; color: #2b2b2b; height: 50px; padding: 8px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: box; line-clamp: 3; box-orient: vertical;}
.blogcon dd ul{height: 16px; padding: 3px 0; background: #efefef; margin: 10px 0;}
.blogcon dd li{float: left; padding-right: 10px; font-size: 12px; line-height: 16px; color: #292929;}
.blogcon dd li.auther{border-left: 1px solid #292929; padding-left: 10px;}
.blogcon dd p{font-size: 14px; color: #2e2e2e; padding: 5px 0; line-height: 18px; height: 90px;}
.blogcon dd a.more{font-size: 14px; color: #333; display: block; padding-top: 20px;}

.vido{width: 357px; height: 250px;}
.UD_middle_right{width: 357px; height: 250px; background: url(../images/content_middle_serface.png) no-repeat; position: absolute; background-size: 100% 100%;}
.UD_middle_right .UD_middle_right_bt{width: 85px; height: 84px; background-image: url("../images/content_middle_serfacebt.png");margin-left: 140px; margin-top: 100px;cursor: pointer;}
.UD_middle_right .UD_middle_right_bt:hover{background-image: url("../images/content_middle_serfacebt2.png");}

#mv_bg{width: 100%;height: 100%;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,0.7);z-index: 30;display: none;}
#mv_div{width: 800px;height: 618px;position: fixed;background-color: #ddd;z-index: 31;left: 0;right: 0;top: 0;bottom: 0;margin:auto;display: none;padding: 10px;}
#fram{width: 800px;height: 618px;border: none;}
#sour{display: block;width: auto;}