.header-wrap{height: 68px;}
.header{height:68px;background-color:#fff;display:flex;align-items:center;justify-content:space-between}
.header .header-logo{margin-right:2%; display: flex; align-items: center;}
.header .header-logo img{width:120px}
.header .header-logo img:nth-child(2){/* width:51.5px */;margin-left:6px}

.nav{width:100%;height:68px;background-color:#fff;position:fixed;z-index:1000;top:0;left:0;box-shadow:rgba(51,51,51,.1) 0px 2px 5px}
.nav-wrap{height:68px;line-height:68px;flex: 1; justify-content: center;}
.nav .nav-link{margin:0 13px}
.nav .nav-link a.first{font-size:16px;display:block;text-align:center;line-height:66px;white-space:nowrap;border-bottom:2px solid rgba(0,0,0,0)}
.nav .nav-link a.active{color:#741010;}
.nav .nav-link:hover a.first{border-bottom:2px solid #741010;color:#741010}
.nav .nav-link a.hover{color:#741010;border-bottom:2px solid #741010}

.second-full-wrap{position:absolute;z-index:9;top:68px;left:0;width:100%;transform:rotate3d(-1,0,0,90deg);transform-origin:50% 0%;transition:all .2s ease-in-out;padding:20px 0 40px;background-color:#fff;box-shadow:0px 10px 20px rgba(51,51,51,.2)}
.nav .nav-link:hover .second-full-wrap{transform:rotate3d(0,0,0,0deg)}
.second-pro-box{max-width:1400px;margin:0 auto;text-align:left;}
.second-pro-box .second-item-type{font-size:18px;line-height:27px;text-indent:20px;padding-bottom:10px;margin-bottom:15px;font-weight:bold;color:#000;border-bottom:1px solid #e8e8e8}
.second-pro-box .second-item a{all:unset;display:flex;align-items:flex-start;margin-bottom:6px;line-height:1;padding:13px 10px 13px 10px;border-radius:4px;cursor:pointer;transition:all .25s ease-in-out}
.second-pro-box .second-item img{height:42px;margin-right:8px}
.second-pro-box .second-item a p{white-space:nowrap;line-height:1;color:#999;margin-top:8px; font-size: 13px;}
.second-pro-box .second-item span{font-size:16px;white-space:nowrap;line-height:1;color:#262626}
.second-pro-box .second-item a:last-child{margin-bottom:0}
.second-pro-box .second-item a:hover{background-color:#f0f5fd}
.second-pro-box .second-item a:hover span{color:#741010;}
.second-pro-box .second-item a:hover p{color:#999}

.second-small-wrap{position:absolute;z-index:9;top:68px;left:-40px;transform:rotate3d(-1,0,0,90deg);transform-origin:50% 0%;transition:all .2s ease-in-out;padding:20px 0 0 0;background-color:#fff;box-shadow:0px 10px 20px rgba(51,51,51,.2)}
.second-source-wrap{width:-moz-fit-content;width:fit-content;}
.nav .nav-link:hover .second-small-wrap{transform:rotate3d(0,0,0,0deg)}
.second-small-wrap .second-doc-box{padding:0 20px 20px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;border-radius:8px;}
.second-small-wrap .second-doc-box a{min-width:160px;font-size:16px;padding:5px 20px;margin-right:0;height:46px;line-height:46px;border-radius:3px;display:flex;align-items:center}
.second-small-wrap .second-doc-box a:not(:last-child){margin-bottom:10px}
.second-small-wrap .second-doc-box img{width:26px;height:auto;margin-right:8px}
.second-small-wrap .second-doc-box a:hover{color:#741010;background-color:rgba(229,239,255,.5)}

.nav-tool{display:flex;align-items:center;margin-left:auto}
.nav-tool img{width:28px}
.nav-tool i{color: #741010; font-size: 28px; margin-right: 5px;}
.nav-tool .nav-tel{font-size:18px;font-weight:normal;white-space:nowrap;margin:0 15px 0 5px}
.nav-tool .login{width:80px;height:34px;line-height:31px;border-radius:4px;font-size:14px;text-align:center;color:#741010;border:1.5px solid #741010;background-color:#fff;margin-right:10px;box-shadow:0px 12px 15px 0px rgba(255,255,255,.3);transform:perspective(1px) translateZ(0);transition:all .3s ease-in-out}
.nav-tool .login:hover{box-shadow:0px 12px 15px 0px rgba(227,75,96,.3)}
.nav-tool .tryout{position:relative;overflow:hidden;width:102px;height:34px;line-height:31px;border-radius:4px;font-size:14px;text-align:center;color:#fff;background-color:#741010;border:1.5px solid #741010;display:inline-block;vertical-align:middle;box-shadow:0px 12px 15px 0px rgba(227,75,96,.3);transform:perspective(1px) translateZ(0);transition:all .4s ease-in-out}
.nav-tool .tryout:before{content:"";position:absolute;background-color:#fff;z-index:-1;top:0;left:0;right:0;bottom:0;border-radius:4px;transform:scaleX(0);transform-origin:0 50%;transform-origin:100% 50%;transition:all .4s ease-in-out}
.nav-tool .tryout:hover,.nav-tool .tryout:focus,.nav-tool .tryout:active{box-shadow:none;line-height:31px;color:#e83820;background-color:#fff;border:1.5px solid #e83820}
.nav-tool .tryout:hover:before,.nav-tool .tryout:focus:before,.nav-tool .tryout:active:before{transform:scaleX(1)}


/*通用网页底部*/
.footer{background: #222; position: relative;} 
.footer a{color: #fff;}
.footer-v1{position: relative; z-index: 11;}
.footer-v1 .footer-left{width: 300px;  position: relative; color: #fff; padding: 20px;}
.footer-v1 .footer-left::after{background: #741010; position: absolute; top: -40px; left: 0; height: calc(100% + 40px); width: 100%; box-shadow: -1px 0 5px #000; content: '';}
.footer-v1 .footer-left::before{content:"";display:inline-block;height: 0px; border: 28px solid transparent; border-left-color:#741010; margin-left: 15px;transition:all .36s; top: -28px; right: -28px; position: absolute; transform: rotate(135deg);}
.footer-v1 .footer-left h3{color: #fff;margin-bottom: 10px;}
.footer-v1 .footer-logo{z-index: 10; position: relative;}
.footer-v1 .footer-contact{margin: 20px 0; border-bottom: 1px dotted #fff; padding: 10px 0; border-top: 1px dotted #fff;}
.footer-v1 .footer-contact li{line-height: 28px;}
.footer-v1 .footer-contact li span{margin-right: 10px; color: #fff;}
.footer-v1 .footer-slogan{color: #fff;}
.footer-v1 .footer-media span{font-size: 34px;}
.footer-v1 .footer-media{display: flex;}
.footer-v1 .footer-media a{margin-right: 20px; }
.footer-v1 .footer-media a span{color: #fff;}

.footer-v1 .footer-right{padding: 40px 0 20px 40px; color: #fff;flex: 1;}
.footer-v1 .footer-product-list {display: flex; margin-bottom: 15px; align-items: center; flex-flow: wrap; }
.footer-v1 .footer-product-cata{width: 100px;margin-bottom: 10px; color: #9f9f9f;}
.footer-v1 .footer-product-item{display: flex; flex-flow: row wrap; width: calc(100% - 100px);}
.footer-v1 .footer-product-item li{width: 20%; margin-bottom: 10px;}
.footer-v1 .copy-right p{color: #999;}
.footer-v1 .copy-right a{color: #999; padding-left: 15px;}

.footer-contact-tool{position: fixed; bottom: 0; left: 0; right: 0; background: #741010; display: none; z-index: 1000;}
.footer-contact-tool ul{display: flex; justify-content: space-between; align-items: center;height: 56px; line-height: 56px;}
.footer-contact-tool li{font-size: 16px; width: 33.33%; text-align: center;}
.footer-contact-tool li i{margin-right: 5px;}

/*通用表单*/
.theme-popover-mask{z-index:9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);display:none}
.theme-popover{z-index:9999;position:fixed;top:50%;left:50%;width:400px;/* margin:-180px 0 0 -330px; */transform: translate(-50%, -50%);border-radius:5px;background-color:#fff;display:none;box-shadow:0 0 10px #666}
.theme-poptit{border-bottom:1px solid #ddd;padding:12px;position:relative; display: flex; justify-content: space-between; align-items: center;}
.theme-poptit .close{float:right;color:#999;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun;text-shadow:0 1px 0 #ddd; cursor: pointer;}
.theme-poptit .close:hover{color:#444}
.theme-popover h3{font-size: 18px; font-weight: bold; padding-left: 10px;}
.theme-popover h4{color: #000; margin-bottom: 20px; font-weight: normal;}
.theme-popbod{padding: 20px 20px;color:#000;}
.theme-price li{ margin-bottom: 15px;}

.theme-price input{width: 100%;}
.theme-price textarea{width: 100%; height: 80px; resize: none;}
.theme-price input[type="submit"]{background: #741010; color: #fff;}


@media screen and (min-width:769px) and (max-width:1199px)
{
	.header-logo .solgan{display: none;}
	.nav-tool .login{display: none;}
	.nav-tool .tryout{display: none;}
	@media screen and (min-width:992px)and (max-width:1199px)
	{
		
	}
	@media screen and (min-width:769px)and (max-width:991px)
	{
		.nav-tool{display:none}
		.footer-v1 .footer-left{display: none;}
	}
}
@media screen and (max-width:768px)
{
	.theme-popover{left: 0; width: 100%; transform: translate(0%, -50%);}
	.mobile-nav-header{height:68px;width:100%;padding:0 3%;position:fixed;left:0;top:0;z-index:99999;border-bottom:solid 1px #e1e6f0;background-color:#fff;transition:all .3s ease-out 0s}
	.mobile-nav-header .mobile-nav-logo{display:block;height:36px}
	.mobile-nav-header .mobile-nav-logo img{height:100%}
	.mobile-nav-header .mobile-nav-menu{width:-moz-fit-content;width:fit-content;align-items:center}
	.mobile-nav-header .mobile-nav-menu a{margin-right:15px;width:8rem;height:36px;line-height:36px;font-size:14px;text-align:center;border-radius:3px;color:#fff;background:#741010}
	.mobile-nav-header .mobile-nav-menu i{font-size:40px;color:#666;transition:all .3s ease-out 0s}
	.mobile-nav-header .mobile-nav-menu .mobile-menu-active{color:#741010;transform:rotate(90deg)}
	.mobile-nav-box{background-color:#eee;width:100%;position:fixed;top:67px;padding:0 2rem;max-height:0;overflow:hidden;transition:all .3s ease-out;z-index: 9999;}
	.mobile-nav-box .mobile-links{line-height: 36px;transition:all .3s ease-out; font-size: 16px;}
	.mobile-nav-box .mobile-links a{display: block;}
	.mobile-nav-box .mobile-links i{transition:all .3s ease-out}
	.mobile-nav-box .mobile-link-active{color:#741010}	
	.mobile-nav-box .mobile-link-active i{transform:rotate(90deg)}
	.mobile-nav-box .mobile-nav-second{flex-wrap:wrap;overflow:hidden;max-height:0;transition:all .3s ease-out}
	.mobile-nav-box .mobile-nav-second a{width:50%; display: flex;justify-content: flex-start;align-items: center; padding: 8px 0; font-size: 14px;}
	.mobile-nav-box .mobile-nav-second a img{height:20px;margin-right:5px;}
	.mobile-nav-box .mobile-nav-second span{position: relative;}
	.mobile-nav-box .mobile-nav-second-active{max-height:40rem;transition:all .3s ease-out; overflow-y: auto; border-top: 1px solid #f6f6f6;}	
	.mobile-nav-active{z-index:9999;max-height:100rem;padding-top:20px;}
	.nav-bottom-tel{display:flex;align-items:center;font-size:18px;margin-top:20px; padding: 15px 10px 15px 0; border-top: 1px dotted #bbb;}
	.nav-bottom-tel img{max-width:24px;margin-right:10px;}
	.nav-bottom-tel i{color: #741010; font-size: 20px; margin-right: 5px;}
	
	/* .mobile-foot-hidden{height: 56px;} */
	.footer-contact-tool{display: block;}
	.footer-right{display: none;}
	
	@media screen and (min-width:361px)and (max-width:768px)
	{
		
	}
	@media screen and (max-width:360px)
	{
		.mobile-nav-menu a{display: none;}
		.mobile-nav-box .mobile-nav-second a{width: 100%;}
	}
}