@charset "utf-8";
/* 全局 */
html,
body{margin:0px; padding:0px;}
*{margin:0px; padding:0px; outline:none;box-sizing:border-box;text-decoration:none;z-index:1; color:inherit; font-size:inherit; font-family:inherit;}
body{font-size:14px;font-family:"microsoft yahei","宋体", "Arial"; }

::-webkit-scrollbar{width:8px;height:8px;background-color:#F5F5F5;}
::-webkit-scrollbar-track{border-radius:10px;background-color:#E2E2E2;}
::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);background-color:#555;}
:-moz-placeholder{color:#aaa;}
::-moz-placeholder{color:#aaa;}

h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul, ol, li{list-style:none;}
input{background:none;}
input, img, iframe{border:none;}
em, i{font-style:normal;}
button, input, select, textarea{font-size:100%;}
table{border-collapse:collapse; border-spacing:0;}
a{color:#333;text-decoration:none;}
a:hover{color:#e60212;}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#aaa;}

.fl{float:left;}
.fr{float:right;}
.w1200{max-width:1200px; margin:0 auto; width:96%; height:100%; position:relative;}

.clearfix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clear{ display:block; clear:both; line-height:0;font-size:0;}

.img{ position:relative;}
.shuiyin{width:100%;height:100%; position:relative; display:flex;justify-content:center;}
.sy_box{width:auto; height:100%;position:relative; display:flex;align-items:center;justify-content:center;}
.sy_pic{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/shuiyin.png) no-repeat center/85%;opacity:.4;}
/*===========================================================================================================*/
@media (min-width:1025px){
	.style_item3{ width:32%; margin:2% 2% 0 0;}
	.style_item3:nth-child(3n){ margin:2% 0 0 0;}
}
@media (min-width:769px) and (max-width:1024px){
	.style_item3{ width:48%; margin:2% 2% 0 0;}
	.style_item3:nth-child(2n){ margin:2% 0 0 0;}
}
@media (max-width:768px){
	.style_item3{ width:100%; margin:2% 0 0 0;}
}

.hover1{ position:relative;}
.hover1 .hov1_box{ position:absolute; width:100%; height:100%;background:rgba(0,0,0,.7);opacity:0;transition:all .5s;flex-direction:column; left:0; top:0;}
.hover1 .hov1_box .hov1_ico{width:46px; height:46px;background:url(../images/more.png) no-repeat center;position:absolute;left:50%; top:50%;transform:translate(-50%, -50%);}
.hover1:hover .hov1_box{opacity:1;}

.hover2{position:relative;}
.hover2 .hov2_box{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.6);transition:all .5s; overflow:hidden;}
.hover2 .hov2_box span{ position:relative; display:block;}
.hover2 .hov2_box span:after,
.hover2 .hov2_box span:before{ content:"";position:absolute;display:block; width:150%; height:1px;transition:all .5s; background:#fff;left:50%;transform:translate(-50%);}
.hover2 .hov2_box span:after{top:-10px;}
.hover2 .hov2_box span:before{bottom:-10px;}
.hover2:hover .hov2_box{opacity:1;}
.hover2:hover .hov2_box span:after,
.hover2:hover .hov2_box span:before{width:100%;}
/*强制居中*/
.flex_center{display:flex;align-items:center;justify-content:center;}
/*===========================================================================================================*/
/*头部*/
.top_main{width:100%;height:35px;color:#777;font-size:12px;line-height:35px;background-color:#f3f3f3;}
.top_main li{color:#777;position:relative;display:inline-block;text-align:center;margin:0 8px;}
.top_main .split{display:inline-block;width:1px;height:12px;background:#777;vertical-align:middle;margin:0;margin-top:-2px;}
.top_main li a{color:#777;cursor:pointer;}
.top_main li a:hover{color:#e60212;}

.header_main{width:100%;height:150px;z-index:100;background:#fff;}
.header_main .logo{height:100%;display:flex;align-items:center;}
.header_main .logo img{max-width:100%;max-height:100%;display:block;}
.header_main .tel{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.header_main .tel p{background:url(../images/tel.png) no-repeat left center;font-size:18px;color:#2b2b2b;font-weight:bold;line-height:28px;letter-spacing:4px;display:block;padding-left:40px;margin-bottom:5px;}
.header_main .tel dl{border:1px solid #e60212;background:#e60212;}
.header_main .tel dl dt,
.header_main .tel dl dd{text-align:center;line-height:34px;font-size:24px;font-weight:bold; padding:0 25px;}
.header_main .tel dl dt{color:#e60212; background:#fff;}
.header_main .tel dl dd{color:#fff;}


.nav_main{width:100%;height:60px;background:#2b2b2b;position:relative;z-index:4;}
.nav_main .nav{width:1200px; margin:0 auto;}
.nav_main .nav li{float:left;width:calc(100% / 9);line-height:60px;display:block;position:relative;z-index:10;font-size:16px;text-align:center;transition:all .5s;}
.nav_main .nav li a{display:block;color:#fff;font-size:16px;}
.nav_main .nav li:hover, .nav_main .nav li.hover{background:#e60212;}
.nav_main .nav dl{width:100%;position:absolute;left:0;z-index:12;opacity: 0;transition: all .6s ease;transform: translateY(10px);}
.nav_main .nav li:hover dl{opacity:1;transform:translateY(0);}
.nav_main .nav dl dd{position:relative;z-index:12;display:block;width:100%;background:#2b2b2b;}
.nav_main .nav dl dd:first-child a{border:none;}
.nav_main .nav dl dd a{display:block;border-top:1px solid #1b1b1b;line-height:44px;height:44px;text-align:center;color:#fff;font-size:14px;padding:0 5px;}
.nav_main .nav dl dd a i{ color:#fff; z-index:15;z-index:99; display:block; position:relative;}
.nav_main .nav dl dd a:after{ content:""; width:0; height:100%; position:absolute; background:#e60212;top:0; left:0;transition:all 0.5s; }
.nav_main .nav dl dd:hover a:after {width:100%;transition:all 0.5s; }
/*===========================================================================================================*/
/*foot*/
.footer,
.foot_nav *,
.foot_copyr *{ color:#a0a0a0;}

.foot_nav{width:100%;height:95px;}
.foot_nav .w1200{ height:100%;}
.foot_nav a{font-size:16px;color:#a0a0a0;line-height:30px;transition:all 0.3s linear; width:calc(100% / 9);text-align:center; position:relative;}
.foot_nav a:before,
.foot_nav a:first-child:after{content:'';position:absolute;top:50%;width:1px;height:20px;background:#a0a0a0;transform:translateY(-10px);}
.foot_nav a:before{right:0;}
.foot_nav a:first-child:after{ left:0;}
.foot_nav a:hover{color:#e60212;}

.foot_copyr{ width:100%; padding:15px 0;text-align:center;}
.foot_copyr p{ line-height:24px;}
.foot_copyr .zycp{line-height:24px;}
.foot_copyr .zycp a{ margin:0 5px;}
.foot_copyr .zycp a:hover{ color:#fff;}
/*===========================================================================================================*/
/*bottom*/
.float_bottom{width:100%;height:40px;background-color:#868686;background:rgba(0,0,0,0.6);position:fixed;bottom:0px;left:0px;z-index:66;}
.float_bottom a{position:relative;top:-14px;left:0;width:176px;height:54px;display:block;}
.float_bottom a img{width:176px;height:54px;display:block;}
.float_bottom .tel{height:40px;padding-left:30px;background:url(../images/cel.png) no-repeat left 15px;line-height:40px;color:#fff;font-size:18px;margin-left:20px; margin-right:20px;}
.float_bottom .tel i{color:#e60212;font-size:24px;}
.float_bottom select{width:300px;float:right;height:30px;background-color:#fff;cursor:pointer;margin-top:5px;color:#333;margin-right:20px;}
.float_bottom .top{position:relative;width:48px;height:40px;float:right;color:#e60212;font-size:12px;line-height:55px;cursor:pointer;}
.float_bottom .top:before{content:"";width:0;height:0;position:absolute;top:8px;left:50%;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:7px solid #e60212;}
/*===========================================================================================================*/
/*right*/
.toolbar{position:fixed;top:50%;right:0;z-index:100;width:80px;transform:translateY(-50%);}
.toolbar dd{position:relative;float:left;width:80px;height:80px;background:#e60212;margin-top:2px;border-radius:5px;color:#fff;font-size:14px;line-height:21px;text-align:center;cursor:pointer;transition:all .5s;}
.toolbar dd:first-child{margin-top:0;}
.toolbar dd i{width:100%;height:30px;display:block;margin-top:13px;background:url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y:0;}
.toolbar dd.tel i{background-position-y:-30px;}
.toolbar dd.code i{background-position-y:-60px;}
.toolbar dd.top i{background-position-y:-90px;}
.toolbar dd span{display:block;color:#fff;}
.toolbar dd.tel .box{position:absolute;top:0;width:190px;right:-200px;height:100%;margin-right:10px;border-radius:5px;background:#e60212;opacity:0;transition:all .5s;}
.toolbar dd.tel .box p{font-size:14px;margin:15px auto 7px;}
.toolbar dd.tel .box h3{font-size:18px;font-weight:bold;}
.toolbar dd.tel .box:after{display:block;content:" ";border-style:solid dashed dashed dashed;border-color:transparent  transparent transparent #e60212;border-width:9px;width:0;height:0;position:absolute;top:50%;margin-top:-9px;right:-18px;margin-left:-12px;}
.toolbar dd.code .box{position:absolute;top:0;width:162px;right:-172px;height:162px;margin-right:10px;border-radius:5px;background:#e60212;opacity:0;transition:all .5s;}
.toolbar dd.code .box img{width:140px;height:140px; position:absolute; top:50%; left:50%;transform:translate(-50%,-50%);}
.toolbar dd.code .box:after{display:block;content:" ";border-style:solid dashed dashed dashed;border-color:transparent  transparent transparent #e60212;border-width:9px;width:0;height:0;position:absolute;top:30px;right:-18px;margin-left:-12px;}
.toolbar dd:hover{background:#333;}
.toolbar dd.tel:hover .box{opacity:1;right:80px;}
.toolbar dd.code:hover .box{opacity:1;right:80px;}
/*===========================================================================================================*/