@charset "utf-8";

/* CSS Document */


.ban{ margin:0 auto; overflow:hidden; z-index:1; margin-bottom:40px; width:100%;}
.fullSlide {width:100%;position:relative; overflow:hidden;background:#fff; left:0; top:0; }
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;overflow:hidden;text-align:center; background-size:100%; height:560px}

.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin-right:6px;overflow:hidden;background:#000;filter:alpha(opacity=70);opacity:0.7;line-height:999px; border-radius:50%}
.fullSlide .hd ul .on {background:#e50112;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:2.5%;z-index:1;width:40px;height:60px;background:url(../../images/hongtu/index/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:2.5%;background-position:-6px -137px;}



.dl02{ width:564px; float:left; overflow:hidden;}

.dl02a{ margin-right:72px}
.dl02 ul{ width:564px; height:183px; float:left; overflow:hidden;margin-bottom:25px}
.dl02 ul img{ float:left; overflow:hidden; width:564px; height:183px; cursor: pointer; transition: all 0.6s;}
.dl02 ul img:hover{ transform: scale(1.2); }  
.dl02 dt{ width:100%; float:left; overflow:hidden; line-height:30px; text-align:center; font-size:27px; color:#222; margin-bottom:10px}
.dl02 dd{width:100%; float:left; overflow:hidden; line-height:30px; text-align:center; font-size:18px; color:#213e4f; margin-bottom:30px}
.dl02 h3{width:100%; float:left; overflow:hidden; line-height:40px; text-align:center }
.dl02 h3 a{ padding:6px 25px; background:#ff543d; color:#fff; font-size:18px; font-weight:normal; border-radius:5px}
.dl02 h3 a:hover{ background:#f60}


.app01{background:#232222 url(../../images/hongtu/index/bg2.jpg) no-repeat center 0; padding:20px 0 0px;  }
.h302{ width:100%; float:left; overflow:hidden; line-height:30px; color:#fff; font-size:27px; font-weight:normal; margin-bottom:20px}
.h302 a{ color:#fff}
.h302 a:hover{ color:#128de4}

.tabtit{ width:240px; float:left; overflow:hidden; margin-right:40px}

.tabtit a{ display:block; float:left; overflow:hidden; width:100%; height:200px; padding-top:65px; line-height:65px;  text-align:center; background:#444; color:#fff; font-size:21px; }
.tabtit a.hover,.tabtit a:hover{ background:#e50112}

.tabcon{ width:920px; float:left; overflow:hidden; background:url(../../images/hongtu/index/app02.png); height:530px; padding:20px 0; position:relative;}
.pro01{ width:890px; padding-left:30px; float:left; overflow:hidden}
.h301{ width:100%; float:left; line-height:30px; font-weight:normal; font-size:16px; color:#fff; margin-bottom:15px}
.pro01 ul{ width:100%; float:left; overflow:hidden}
.pro01 ul li{ width:148px; text-align:center; margin-right:30px; margin-bottom:20px; float:left; overflow:hidden; line-height:20px}
.pro01 ul li img{ float:left; overflow:hidden; width:148px; height:60px;image-rendering: -webkit-optimize-contrast; margin-bottom:2px}
.pro01 ul li a{font-size:12px; color:#ddd}
.pro01 ul li a:hover{ color:#ff543d; text-decoration:underline}

.pro02{ width:356px; float:left; overflow:hidden}
.pro03{ width:534px; float:left; overflow:hidden; padding-left:0}

.pro04{ width:712px; float:left; overflow:hidden}

.pro05{ float:left; overflow:hidden; padding-left:0; padding-top:20px; height:510px; width:178px; background:#333; position:absolute; right:0; top:0; z-index:9; padding-left:15px}
.pro05 ul li.li_p_2{ margin-bottom:75px}




.case01 h3{ width:100%; float:left; overflow:hidden; line-height:30px; color:#232222; font-size:29px; font-weight:normal; margin-bottom:10px}
.case01 h3 a{ color:#232222;}
.case01 h3 a:hover{ color:#ff543d}
.case01 h6{ width:100%; float:left; overflow:hidden; line-height:20px; color:#666; font-size:16px; font-weight:normal; margin-bottom:30px }

.case02{ width:100%; float:left; overflow:hidden;border-left:1px solid #ddd; border-top:1px solid #ddd; -moz-box-sizing: border-box;box-sizing: border-box; }
.case02 dl{ width:20%; float:left; overflow:hidden; border-right:1px solid #ddd; border-bottom:1px solid #ddd; -moz-box-sizing: border-box;box-sizing: border-box;}
.case02 dl img{ width:100%; float:left; overflow:hidden}
.case02 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; text-align:center; height:30px}
.case02 dl dt a{ font-size:12px; color:#666}
.case02 dl:hover{}

.news01{ background:url(../../images/hongtu/index/news_bg.jpg) no-repeat center 0; padding:40px 0 20px}
.news01 h3{ width:100%; float:left; overflow:hidden; line-height:30px; color:#232222; font-size:29px; font-weight:normal; margin-bottom:20px}
.news01 h3 a{ color:#232222}
.news01 h3 a:hover{ color:#ff543d}

.dl03{ width:40%; float:left; overflow:hidden; margin-right:5%; padding:30px 40px; background:#fff;-moz-box-sizing: border-box;box-sizing: border-box;}
.dl03 img{ width:100%; float:left; max-height:280px; overflow:hidden; margin-bottom:14px}
.dl03  dt{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; margin-bottom:15px}
.dl03 dt a{ font-size:21px; color:#222}
.dl03 dt a:hover{ color:#e50112}
.dl03 dd{ width:100%; float:left; overflow:hidden; line-height:25px; max-height:75px; font-size:14px; color:#666; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:10px}
.dl03 h6{ width:100%; float:left; overflow:hidden; line-height:40px; text-align:right}
.dl03 h6 a{ padding:7px 25px; background:#ff543d; color:#fff; font-size:14px; font-weight:normal; border-radius:2px}
.dl03 h6 a:hover{ background:#e50112}


.tabtit2{ width:10%;float:left; overflow:hidden; margin-right:2% }

.tabtit2 a{ display:block; float:left; overflow:hidden; width:100%; line-height:22px; padding-top:67px; padding-bottom:67px; border-style:solid; border-color:#a5a5a5; border-width:1px; text-align:center; background:#fefefe; color:#fff; font-size:18px; background:#666 }
.tabtit2 a span{ font-size:14px; text-transform:uppercase}
.tabtit2 a.hover,.tabtit2 a:hover{ background:#ff543d}
.tabcon2{ width:100%; float:left; overflow:hidden; }


.tabcon2{ width:43%; float:left; overflow:hidden; height:540px;}
.dl04{ width:100%; float:left; overflow:hidden; padding:15px 20px; background:#fff;-moz-box-sizing: border-box;box-sizing: border-box; margin-bottom:20px}
.dl04 dt{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px;  margin-bottom:10px}
.dl04 dt a{font-size:21px; color:#0a0a0a;}
.dl04 dt a:hover{ color:#ff543d; text-decoration:underline}
.dl04 dd{ width:100%; float:left; overflow:hidden; line-height:25px; max-height:50px; color:#666; font-size:14px}

#nav_1,#nav_2,#nav_3,#nav_4,#nav_5,#nav_6,#nav_7{border-bottom:1px solid #ccc;}