
.top_banner{ width: 100%; min-width: 1200px; height: 787px; background: url("../images/topic27/banner27_bg.jpg") no-repeat left top;
background-size: cover;}
.top_banner_cont{ width: 1200px; margin: 0 auto; padding-top: 370px; text-align: center;}
.top_banner_cont:before{ display: inline-block; vertical-align: top; content: ""; width: 740px; height:275px;
	background: url("../images/topic27/banner_wz.png") no-repeat left top;}
.cont_bg{ width: 100%; float: left; min-width: 1200px; background: url("../images/topic27/cont_bg.jpg") repeat-y;}
.cont_wrap{ width: 1200px; margin: 0 auto;}
.daoyu_wrap{ width: 1200px; position: relative; height: 400px;}
.daoyu_wrap .daoyu_bg{ width: 1316px; height: 400px; background: url("../images/topic27/daoyu_bg.png") no-repeat left top;
position: absolute; left: -58px;}
.daoyu_wrap .daoyu_wz{ width: 1200px; position: absolute; left: 0; top:70px;z-index: 999;}
.daoyu_wrap .daoyu_wz p{ width: 1060px; padding:50px 70px 0; font-size: 18px; color: #f9e8b2; line-height:36px; }
.box01{ width: 1200px; height: 677px; margin: 0 auto; margin-top: 30px; padding: 45px 150px 0; background: url("../images/topic27/box01_bg.png") no-repeat left top;
	position: relative;}
.box02{ width: 1200px; height: 687px; margin: 0 auto; margin-top: -80px; padding: 63px 150px 0; background: url("../images/topic27/box02_bg.png") no-repeat left top;
	position: relative;}
.box03,.box05{ margin-top: -50px;}
.box04,.box06{ margin-top: -80px;}
.box01_tit{ width: 100%; text-align: center;}
.box03_tit,.box05_tit{ padding-top: 7px;}
.box01_tit img{ display: inline-block; vertical-align: top;/* width: 216px; height: 73px;*/}
.box01_cont{ width: 900px; padding-top: 50px;}
.box01_lf{ width: 340px; float: left; margin-right: 29px;}
.box01_rh{ width: 520px; float:left; height:390px;margin-top: 4px; position: relative; overflow: hidden;}
.box03_rh{ margin-top: 11px;}
.box01_rh a{ display: block; width: 100%; height: 100%;}
.box01_pic_layer{ width: 520px; height: 390px; position: absolute; left: 0; top: 0; background: rgba(255,255,255,0.0);
  -webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;transition: background 0.2s linear;}
.box01_rh a:hover .box01_pic_layer{background: rgba(255,255,255,0.2);}
.box01_rh img{ display: inline-block; vertical-align: top; /*width: 520px; height: 390px;*/}
.box01_lf .box01_tit{ width: 100%; text-align: center; padding-top: 35px;}
.box01_lf .box03_tit{ padding-top: 40px;}
.box01_lf .box05_tit{ padding-top: 38px;}
.box01_lf .box01_tit img{ display: inline-block; vertical-align: top; /*width: 149px; height: 53px;*/}
.box01_lf .box01_intro{ width: 340px; height: 80px; background: url("../images/topic27/tit01_intro.png") no-repeat left top;
padding: 10px 15px 0; font-size: 18px; color: #c6cad5; margin-top: 45px; line-height: 32px;}
.box01_lf .box01_price{ width: 100%; text-align: center; font-size: 34px; color: #f20c2b; font-weight: bold; padding-top: 35px;
line-height: 1;}
.box01_lf .box03_price{ padding-top: 43px;}
.box01_lf .box01_price em{ font-size: 72px; font-weight: bold;}
.box01_lf .box01_link{ width: 100%; text-align: center; padding-top: 70px;}
.box01_lf .box01_link a{ font-size: 30px; color: #ffd400; font-weight: bold;}
.box01_lf .box01_link a:hover{ opacity: 0.8}
.robot01{ width: 537px; height: 715px; position: absolute; right: -215px; top: 75px; z-index: 9999;}
.robot02{ width: 443px; height: 680px; position: absolute; left: -205px; top: 60px; z-index: 9999;}
.robot03{ width: 406px; height: 773px; position: absolute; right: -205px; top: 40px; z-index: 9999;}
.robot04{ width: 505px; height: 578px; position: absolute; left: -210px; top: 180px; z-index: 9999;}
.robot05{ width: 422px; height: 766px; position: absolute; right: -210px; top: 45px; z-index: 9999;}
.robot06{ width: 595px; height: 661px; position: absolute; left: -275px; top: 125px; z-index: 9999;}
.robot01 img{ display: inline-block; vertical-align: top;}
.box01_shadow{ width: 1200px;height:162px; background: url("../images/topic27/box01_shadow.png") no-repeat left top;
margin-top: -50px;}
.box02_shadow{ width: 1200px;height:109px; background: url("../images/topic27/box02_shadow.png") no-repeat left top;
	margin-top: -62px;}
.box04_shadow{ margin-top: -58px;}
.box03_shadow{ margin-top: -52px;}
.box02_cont{ width: 910px; padding-top: 59px; padding-left: 10px;}
.box04_cont{ padding-top: 56px;}
.box02_rh{ width: 340px; float: left; margin-left: 29px;}
.box02_tit{ width: 100%; text-align: center; /*padding-top: 17px;*/}
.box02_tit img{ display: inline-block; vertical-align: top;}
.box02_lf{width: 520px; float:left; height:390px;margin-top: 4px; position: relative; overflow: hidden;}
.box04_lf{margin-top: 1px;}
.box02_lf a{ display: block; width: 100%; height: 100%;}
.box02_pic_layer{ width: 520px; height: 390px; position: absolute; left: 0; top: 0; background: rgba(255,255,255,0.0);
	-webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;transition: background 0.2s linear;}
.box02_lf a:hover .box02_pic_layer{background: rgba(255,255,255,0.2);}
.box02_lf img{ display: inline-block; vertical-align: top; width: 520px; height: 390px;}
.box02_rh .box02_tit{ width: 100%; text-align: center; padding-top: 35px;}
.box02_rh .box02_tit img{ display: inline-block; vertical-align: top; width: 149px; height: 53px;}
.box02_rh .box02_intro{ width: 340px; height: 80px; background: url("../images/topic27/tit01_intro.png") no-repeat left top;
	padding: 10px 15px 0; font-size: 18px; color: #c6cad5; margin-top: 45px; line-height: 32px;}
.box02_rh .box02_price{ width: 100%; text-align: center; font-size: 34px; color: #f20c2b; font-weight: bold; padding-top: 35px;
	line-height: 1;}
.box02_rh .box02_price em{ font-size: 72px; font-weight: bold;}
.box02_rh .box02_link{ width: 100%; text-align: center; padding-top: 70px;}
.box02_rh .box02_link a{ font-size: 30px; color: #ffd400; font-weight: bold;}
.box02_rh .box02_link a:hover{ opacity: 0.8}

.morelink_wrap{ width: 100%; padding: 30px 0; text-align: center;}
.morelink_wrap a{ display: inline-block; vertical-align: top; width: 454px; height: 176px; background: url("../images/topic27/seemore_btn.png") no-repeat left top;
padding-top: 52px; text-align: center; font-size: 48px; color: #f9e8b2; font-weight: bold;}
.morelink_wrap a:hover{ opacity: 0.8;}



