﻿
.header{position:fixed;top:0;left:0;z-index:999;width:100%;}
.header a img{display:block;width: 100%;}
.header .img2{display:none}
.header .nav{display:block;/*margin-top:20px;*/height:100%;line-height:90px;transition:.5s}
.header .navbar_nav li{position:relative;float:left;display:block}
.header .navbar_nav li:after{position:absolute;bottom:0;left:0;width:0;height:2px;background:#3b307c;content:"";transition:all .5s ease 0s}
.header .navbar_nav li:hover:after{width:100%}
.header .navbar_nav li a{display:block;padding:0 25px;height:100%;color:#fff;text-decoration:none;transition:.5s}
.header .navbar_nav li:hover .a{color: #fff;background: #3b307c;}
.header .navbar_nav li.dropdown{position:relative;display:inherit}
.header .navbar_nav li.dropdown .jt{display:block;width:20px;height:20px;background:url(i/top.png) no-repeat;background-size:100% 100%}
.header .navbar_nav li.dropdown .dropdown_menu{position:absolute;top:90px;left:0%;display:none;width:100%;width:130%;background:rgba(59,48,124,0.8);/*box-shadow:0 15px 27px 0 hsla(0,1%,65%,.38)}
.header .navbar_nav li.dropdown .dropdown_menu a{margin-bottom:2px;padding:0 10px;/*background:rgba(250,250,250,0.5);*/color:#666;text-align:center;line-height:40px}
.header .navbar_nav li.dropdown:hover .dropdown_menu{display:block;/*background:#f3f3f3;*/transition:.5s}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{color:#fff}
.header .navbar_nav li.dropdown .dropdown_menu a{border-bottom:1px solid rgba(59,48,124,0.4)}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{background:#3b307c;color:#fff}
.header.on{border-bottom:1px solid #ccc;/*background:#fff*/}
.header.on .img1{display:none}
.header.on .img2{display:block}
.header.on .navbar_nav li a{color:#333}
.header.on .navbar_nav li:hover .a{color:#fff;}
#navToggle{display:none}


.m_nav{position:fixed;top:0;z-index:1000;visibility:visible;overflow-y:auto;margin-top:0;width:100%;height:100%;background:#fff;box-shadow:0 15px 27px 0 hsla(0,1%,65%,.38);opacity:1;transition:all ease .5s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transform:translateX(100%)}
.m_nav.open{transform:translateX(0)}
.m_nav .top{box-sizing:border-box;padding:20px;height:60px}
.m_nav .top .closed{float:right;width:30px;height:30px;vertical-align:middle;cursor:pointer}
.m_nav .logo{margin:0 auto;width:100%}
.m_nav .logo img{display:block;margin:0px auto;height:40px}
.m_nav .ul{margin-top:10px}
.m_nav .ul li{padding:0 20px;border-bottom:1px solid #f5f5f5;opacity:0;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transform:translateY(0);transform:translateY(100%)}
.m_nav.open .ul li{opacity:1;transform:translateY(0)}
.m_nav .ul li:nth-child(1){transition:all .2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(2){transition:all .4s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(3){transition:all .6s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(4){transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(5){transition:all 1s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(6){transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li a{display:block;width:100%;height:50px;text-decoration:none;line-height:50px}
.m_nav .ul li .dropdown_menu{display:none}
.m_nav .ul li.dropdown.active .dropdown_menu{display:block}
.m_nav .ul li .dropdown_menu a{display:block;box-sizing:border-box;padding:0 40px;height:50px;border-bottom:1px solid #f5f5f5;line-height:50px}
.m_nav .ul li .dropdown_menu a:last-child{border:none}
.banner,.banner img{width:100%}
.m_nav .m_telephone{margin: 0 auto;width: 100%;}
.m_nav .m_telephone img{display: block; margin: 0px auto;height:60px;}


@media screen and (max-width:1130px){
.header #navToggle{display:inline-block;margin-right:0;height:100%;padding: 44px 10px;}
.header #navToggle span{position:relative;width:25px;height:1px}
.header #navToggle span:after,.header #navToggle span:before{position:relative;left:0;width:100%;height:1px;content:''}
.header #navToggle span,.header #navToggle span:after,.header #navToggle span:before{display:block;background:#fff;transition:.3s}
.header #navToggle span:before{top:8px}
.header #navToggle span:after{bottom:10px}
.header #navToggle.open span:before{top:10px;transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg)}
.header #navToggle.open span:after{bottom:9pt;transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg)}
.header #navToggle.open span{background:0 0}
.header #navToggle.open span:after,.header #navToggle.open span:before{background:#4f4f4f}

.header a .img1{width: 80%;margin-top:5px}
.header a .img2{width: 80%;margin-top:20px}
.header .nav{display:none}
.header .navbar_nav li a{padding:0 18px;}
.banner img{height:600px;object-fit:cover}
}
@media screen and (max-width:750px){
.header-v1 .logo{width:80%!important;margin-top:10px!important;}
.header a .img1{width: 90%!important;}
.header a .img2{width: 60%!important;}
.page-width{width:95%!important;}
.page-width{width:95%!important;}
.header #navToggle{padding: 29px 10px!important;}
.header-v1 .top-main{background:rgba(98,87,87,0.7)!important;}
.header-v1 .telephone_box{display: none;}
}

.module_container{padding-top:100px;}
/*----------nav----------*/
.page-width{width:88.02%;margin:0 auto;}
.header-v1{/*position:relative;*/}
.header-v1 .top-main {background:rgba(98,87,87,0.7);/*height:90px;*/box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.15);}
/*.header-v1 .top-main .page-width{position:relative;}*/
.header-v1 .logo {/*position:relative;*/margin-top:15px;width:25%;}
.header-v1 .logo a { display:block; }
.sf-menu li{float: left;position: relative;}
/* 全局 */
.header-v1 .nav { float:left; }
.header-v1 .main-nav { _float:left; }
.header-v1 .main-nav .sf-menu a, .header-v1 .main-nav .sf-menu a:visited { color:#fff; }
.header-v1 .main-nav .sf-menu a:hover { text-decoration:none; color:#1dab37; }
.header-v1 .main-nav .sf-menu a { border:none; padding-top:0; padding-bottom:0; display:block; line-height:90px;}
.header-v1 .main-nav .sf-menu a strong { font-weight:normal; }
/* 一级 */
.header-v1 .main-nav .sf-menu li { margin-left:7px; background-color:transparent; }
.header-v1 .main-nav .sf-menu li .first-level strong { }
.header-v1 .main-nav .sf-menu li:hover, 
.header-v1 .main-nav .sf-menu li.sfHover,
.header-v1 .main-nav .sf-menu li.sfHover > a,
.header-v1 .main-nav .sf-menu a:focus, 
.header-v1 .main-nav .sf-menu a:hover, 
.header-v1 .main-nav .sf-menu a:active { color:#1dab37; background-color:transparent; }
.header-v1 .main-nav .sf-menu li.current, .header-v1 .main-nav .sf-menu li.current .first-level, .header-v1 .main-nav .sf-menu li.current .first-level:visited { color:#e53831; background-color:transparent; }
.header-v1 .main-nav .sf-menu li.sfHover .first-level { color:#1dab37; }
.header-v1 .main-nav .sf-sub-indicator {display:none;}
.header-v1 .main-nav .first-level { padding-left:1.2em; padding-right:1.2em; }
.header-v1 .main-nav .first-level .sf-sub-indicator { top:3em; }
.header-v1 .main-nav .sf-menu li i { display:none; width:60px; _width:expression( (this.parentElement.clientWidth) +'px'); height:3px; overflow:hidden; background-color:#0061b0; position:absolute; top:0px; left:50%; margin-left:-30px; }
.header-v1 .main-nav .sf-menu li:hover i, .header-v1 .main-nav .sf-menu .nav-hover i, .header-v1 .main-nav .sf-menu .current i, .header-v1 .main-nav .sf-menu .sfHover i { display:none; } 
/* 二级以下 */
.header-v1 .sf-menu ul {width:14em;}
.header-v1 .main-nav .sf-menu li:hover ul, .header-v1 .main-nav .sf-menu li.sfHover ul { top:90px; }
.header-v1 .main-nav .sf-menu li li:hover ul, .header-v1 .main-nav .sf-menu li li.sfHover ul { top:0; left:14em; }
.header-v1 .main-nav .sf-menu li li { margin-left:0; background-color:#1dab37; border-right:none; }
.header-v1 .main-nav .sf-menu li li a, .header-v1 .main-nav .sf-menu li li a:visited { padding-top:13px; padding-bottom:13px; padding-left:20px; line-height:normal; font-weight:normal; color:#fff;}
.header-v1 .main-nav .sf-menu li li:hover, 
.header-v1 .main-nav .sf-menu li.sfHover li.sfHover,
.header-v1 .main-nav .sf-menu li.sfHover li.sfHover > a,
.header-v1 .main-nav .sf-menu li li a:focus, 
.header-v1 .main-nav .sf-menu li li a:hover, 
.header-v1 .main-nav .sf-menu li li a:active { background:none; background-color:#2aca47; color:#fff; }
.header-v1 .main-nav .sf-menu li li .sf-sub-indicator { top:1.4em; display:block; }

.header-v1 .telephone_box{padding-left: 40px;}

.touch-top-wrapper{padding:10px 15px;background-color:#212121;}
@media screen and (max-width:1130px){
	.top-main-content{display:none;}
	.touch-top-wrapper .touch-logo img {height:50px;display:block;}
}
	
