@charset "utf-8";
/*■■■■■■■■　共同设定 ■■■■■■■■*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#444;}
a:hover{text-decoration:none; }
.clear{clear:both;}
/* HTY Common Atom*/
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear-fix:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
.c_b{clear:both;}
textarea{resize:none; overflow:auto;}
/*■■■■■■■■　基本设定　■■■■■■■■*/
body{font-family:"微软雅黑"; font-size:12px; color:#535353; overflow-x:hidden; margin:0 auto;}
.theme_color{background:#00beaf;}
.theme_color1{background:#ee0062;}
.theme_color2{background:#222;}
.wl_1004{width:1004px; margin:0 auto; position:relative;}
/*-----------------  ■ common -------------------*/
.rollover:hover img{opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -khtml-opacity:0.7; zoom:1;}
.main{width:1004px; margin:0 auto; position:relative;}
/*-----------------  ■ header -------------------*/
.header{width:100%; height:112px; }
.header .main{width:1100px; margin:0 auto;}
.header .logo{float:left; margin-top:0;}
.header .tel{float:right; font-family:impact;background:url(../images/tel.png) no-repeat left center; height:112px; line-height:112px; padding-left:42px; font-size:42px; color:#333333; margin:0 30px 0 60px;}

/*********nav*********/
.g_nav{ height:60px; background:#0e6fda;}
.g_nav01{ width:1100px; margin:0 auto;}
.g_nav01 table tr td{ text-align:center; border-right: rgba(255, 255, 255, 0.2) solid 1px; height:60px; line-height:60px; position:relative}
.g_nav01 a{ height:60px; line-height:60px; display:block; color:#fff; font-size:15px; background:url(../images/nav02.jpg) repeat-x bottom center;}
.g_nav01 td.now a>div, .g_nav01 td:hover a>div{width:100%; height:3px; background-color:#ffc231; position:absolute; top:57px;}
.g_nav01 a span{font-size:12px; color:#baa58c;}
.g_nav01 table tr td .nav_tan{ display:none; width:100%; position:absolute; left:0; top:60px; padding:5px 0 10px 0; background-color:#0e6fda; opacity:0.95; z-index:100;box-shadow:0 10px 20px rgba(0,0,0,0.32);-moz-box-shadow:0 10px 20px rgba(0,0,0,0.32);-webkit-box-shadow:0 10px 20px rgba(0,0,0,0.32);}
.g_nav01 table tr td .nav_tan a{ width:90%; background:none; padding:0; margin:0 auto; line-height:40px; height:40px; font-size:14px; border-radius:0;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.g_nav01 table tr td .nav_tan a:hover{ width:90%; background:#ffa200; padding:0; margin:0 auto; line-height:40px; height:40px; font-size:14px;}

/*********footer*********/
.footer{height:140px; width:100%; clear:both; background-color:#0e6fda; font-size:14px;}
.footer .share_b{ float:right; padding:40px 0 0}

.footer .manager_info{ float:left; width:750px;line-height:45px; padding:30px 0 0; color:#ffffff;}
.footer .manager_info a{color:#ffffff;}
.footer .manager_info span+span{padding-left:20px;}
.wl{width:1100px; margin:0 auto; position:relative;}
.pl_20{padding-left:20px;}

.w1400{width:1400px; margin:0 auto; position:relative;}
.pro_imgsbg01{width: 1147px;float: right;padding: 0 0 0;}
.pro_imgsbg01 dl{ float:left; width:276px; height:245px; margin:0 0 10px 10px; overflow:hidden; background:#f6f6f6; color:#2e2e2e;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.pro_imgsbg01 dl:hover{ background:#ffc231;}
.pro_imgsbg01 dl dt{ width:260px; height:183px; overflow:hidden; border:#f6f6f6 solid 8px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.pro_imgsbg01 dl dt a{ float:left; width:100%; height:183px; display:block; background-position:center; background-repeat:no-repeat; background-size: auto 100%; background-color:#fff;}
.pro_imgsbg01 dl:hover dt{ border:#ffc231 solid 8px;}
.pro_imgsbg01 dl dd{color:#2e2e2e; text-align:center;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.pro_imgsbg01 dl dd .tt{ display:block; margin:10px 0 0;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  font-size:16px;}
.pro_imgsbg01 dl:hover .tt{ color:#fff;}
.pro_imgsbg01 dl dd span{ padding:10px 10px 0; display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  font-size:14px;}
.pro_imgsbg01 dl:hover dd{ color:#fff;}
.pro_imgsbg01 dl dd .mm{ display:block; margin:20px auto 0; width:128px; height:34px; text-align:center; border:1px solid #e3e3e3; line-height:34px; color:#2e2e2e; font-size:14px;}
.pro_imgsbg01 dl:hover .mm{border:1px solid #fff; color:#fff;}


/* 首页-理由 */
.in_zw_t001{width:100%;float:left;clear:both;background-color:#e6e6e6;}
.in_zw_t001 .wz1{width:100%;float:left;clear:both;margin-top:48px;display:inline;font-size:30px;line-height:40px;color:#000;text-align:center;}
.in_zw_t001 .wz1 span{color:#3d5da6;}
.in_zw_t001 .wz2{width:100%;float:left;clear:both;font-size:20px;line-height:26px;color:#000;text-align:center;text-transform:uppercase;}
.in_zw_t001 ul{width:1416px;margin:0 auto;list-style-type:none;}
.in_zw_t001 li{width:20%;width:calc(20% - (8px * 2));height:251px;margin:0 8px;display:inline;float:left;cursor:pointer;}
.in_zw_t001 li .wz3_qt{width:100%;height:216px;float:left;margin-top:35px;display:inline;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;background-color:#0e6fda;}
.in_zw_t001 li .tp1{width:100%;height:94px;float:left;margin-top:29px;display:inline;background-position:center!important;background-repeat:no-repeat;background-size:contain;transform:rotate(0deg);}
.in_zw_t001 li .wz3{width:100%;float:left;clear:both;font-size:16px;line-height:40px;color:#fff;text-align:center;}
.in_zw_t001 li .wz4{width:100%;float:left;clear:both;font-size:12px;line-height:18px;color:#fff;font-family:“宋体”;text-align:center;}
.in_zw_t001 .hen1{width:100%;height:47px;float:left;clear:both;}
.in_zw_t001 li:hover .wz3_qt{margin-top:25px;display:inline;box-shadow:0 10px 20px rgba(0,0,0,0.15);-moz-box-shadow:0 10px 20px rgba(0,0,0,0.15);-webkit-box-shadow:0 10px 20px rgba(0,0,0,0.15);}
.in_zw_t001 li:hover .tp1{transform:rotate(30deg);}
.in_zw_t001 li:hover .wz3{color:#fff;}
@media screen and (max-width:1416px){
.in_zw_t001 ul{width:100%;float:left;clear:both;}
.in_zw_t001 li .wz4{width:100%;width:calc(100% - (10px * 2));margin:0 10px;display:inline;}
}
@media screen and (max-width:1000px){
.in_zw_t001 li .tp1{height:74px;}
}
@media screen and (max-width:750px){
.in_zw_t001 ul{width:100%;width:calc(100% - (.4rem * 2));margin:0 .4rem;display:inline;}
.in_zw_t001 .wz1{margin-top:.8rem;font-size:1.4rem;line-height:2.6rem;}
.in_zw_t001 .wz1 span{color:#3d5da6;}
.in_zw_t001 .wz2{font-size:.24rem;line-height:.4rem;}
.in_zw_t001 li{width:50%;width:calc(50% - (.16rem * 2));height:9.21rem;margin:0 .16rem;}
.in_zw_t001 li .wz3_qt{height:8.86rem;margin-top:.65rem;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.in_zw_t001 li .tp1{width:100%;height:4rem;float:left;margin-top:.49rem;}
.in_zw_t001 li .wz3{font-size:1rem;line-height:2.4rem;}
.in_zw_t001 li .wz4{width:100%;width:calc(100% - (.2rem * 2));margin:0 .2rem;display:inline;font-size:.24rem;line-height:1rem;}
.in_zw_t001 .hen1{width:100%;height:.9rem;float:left;clear:both;}
.in_zw_t001 li:hover .wz3_qt{margin-top:.65rem;display:inline;}
.in_zw_t001 li:hover .tp1{transform:rotate(0deg);}
.in_zw_t001 li:nth-last-child(1){width:100%;width:calc(100% - (.16rem * 2));height:9.01rem;margin:0 .16rem;}
.in_zw_t001 li:nth-last-child(1) .wz3_qt{height:8.66rem;margin-top:.65rem;}
}