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

::-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{color: #aaa;}
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%;}

.clearfix{*zoom: 1;}
.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/95%;opacity: .3;}
/*===========================================================================================================*/
@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(?template/html/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{display: block;margin-top: 35px;}
.header_main .logo img{width: 100%;height: 100%;display: block;}
.header_main .ewm{float: right;position: relative;z-index: 999;padding-right: 70px;}
.header_main .ewm li{background: url(?template/html/images/ewm1.png) no-repeat center top;float: left;margin-right: 20px;height: 60px;margin-top: 50px;position: relative;cursor: pointer;transition: all .5s;}
.header_main .ewm li:nth-child(2n){margin-right: 0;}
.header_main .ewm li p{text-align: center;margin-top: 30px;line-height: 30px;font-size: 15px;color: #777;transition: all .5s;}
.header_main .ewm li img{position: absolute;top: 100%;left: 50%;margin-left: -75px;width: 150px;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.header_main .ewm li:hover img{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.header_main .ewm li:hover{background: url(?template/html/images/ewm2.png) no-repeat center top;}
.header_main .ewm li:hover P{color: #e60212;}
.header_main .tel{background: url(?template/html/images/tel.png) no-repeat 26px 20px;}
.header_main .tel p{font-size: 18px;color: #2b2b2b;font-weight: bold;line-height: 24px;text-indent: 61px;letter-spacing: 4px;margin-top: 22px;}
.header_main .tel dl{width: 218px;height:68px;border: 1px solid #e60212;margin-top: 8px;}
.header_main .tel dl dt{text-align: center;line-height: 33px;font-size: 24px;color: #e60212;font-weight: bold;}
.header_main .tel dl dd{text-align: center;line-height: 35px;background: #e60212;color: #fff;font-weight: bold;font-size: 24px;}

.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: 133px;line-height: 60px;display: block;position: relative;z-index: 10;font-size: 16px;text-align: center;transition: all .5s;}
.nav_main .nav li:nth-child(3){ width:136px;}
.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 li.hover.li3,
.nav_main .nav li.hover.li4{background: transparent;}
.nav_main .nav li.hover.li3:hover,
.nav_main .nav li.hover.li4:hover,
.nav_main .nav li.li3.li-3,
.nav_main .nav li.li4.li-4{ background:#e60212;}

.nav_main .nav dl{width: 100%;position: absolute;left: 0;top: 100%;z-index: 12;box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);}
.nav_main .nav dl{
	position: absolute;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
	}
.nav_main .nav li:hover dl{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 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,
.footer *{ 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(?template/html/images/cel.png) no-repeat left 15px;line-height: 40px;color: #fff;font-size: 18px;margin-left: 74px;}
.float_bottom .tel i{color: #e60212;font-size: 28px;}
.float_bottom select{width: 300px;float: left;height: 30px;background-color: #fff;margin-left: 100px;cursor: pointer;margin-top:5px;color: #333;}
.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: 40%;right:0;z-index: 100;width: 80px;}
.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(?template/html/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;padding: 11px;}
.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;}
/*===========================================================================================================*/