body { font-family:OpenSans,PFBeauSans; width: 100%; color: #333333; font-size:16px;}
/*font-size*/
body .font_26{ font-size:26px;}
body .font_24{ font-size:24px;}
body .font_22{ font-size:22px;}
body .font_20{ font-size:20px;}
body .font_18{ font-size:18px;}
body .font_16{ font-size:16px;}
body .font_14{ font-size:14px;}
body .font_12{ font-size:12px;}

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {padding: 0;margin: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, table, th, td { font-style: normal;font-weight: normal;}
strong {font-weight: bold;}
ul,ol,li {list-style: none outside none;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
textarea{ padding: 10px;}
a {color:#333;outline: medium none;text-decoration: none;}
a:link, a:visited, a:active {text-decoration: none;}
/*a:hover{ color:#333; text-decoration:none;}*/
a:hover,a:focus{color:#1388d5; text-decoration:none;}

i, cite, em {font-style: normal;}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {display: block;}
.clear,.both{clear:both;}

/*导航nav start*/

.header{ width:100%; height:auto;border-bottom:1px solid #f2f2f2; position:relative; z-index:99;/* overflow:hidden; */}
.header .header_cen{ width:100%; margin:0 auto; position:fixed; background-color:white; border-bottom:1px solid #cccccc85; /*position:relative;*/ /* overflow:hidden;*/}
.header .header_left{ float:left; margin-left:2%;}
.header .header_left span{ display:block; margin-top:5px;}
.header .header_right{ float:right; margin-right:2%;}
.header .header_right>ul{/* overflow:hidden; padding-right:5%*/}
.header .header_right>ul>li{ float:left; position:relative; padding:0 15px;}
.header .header_right>ul>li#product{ position:inherit;}
.header .header_right>ul>li>a{ display:block; height:75px; line-height:75px;}
.header .header_right>ul>li.nav>a>i{font-size:22px; position:relative; top:2px;}
.header .header_right>ul>li.n_icon{ width:20px;}
.header .header_right>ul>li.n_icon>a>i{font-size:16px;}

/*导航-子产品栏目样式*/
.dui-dropdown-menu {overflow: hidden;position: absolute;-webkit-transition: height 0.3s;transition: height 0.3s;left: 0;right:0px;top: 100%; z-index:998;opacity:0; visibility: hidden;}
.dui-dropdown-menu .dropdown-container {background-color: #fff;-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);border-top: 1px solid #f0f1f2;}
.dui-dropdown-menu .dropdown-container .nav-columns .grid-container {overflow: hidden;}
.dui-dropdown-menu .dropdown-container .nav-columns .grid-container .guid-slide {margin: 0;overflow: hidden;height: auto;position: relative;left: auto;width: 100%;top: 0;padding: 0;background: #fff;padding-bottom: 20px;}
.dui-dropdown-menu .dropdown-container .nav-columns .grid-container .guid-slide .guid-item {float: left;width: 33.33%; min-height:190px;border-bottom: 1px solid #f0f1f2;margin-bottom: -1px;padding: 25px 25px 25px 10px;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;}
.dui-dropdown-menu .dropdown-container .nav-columns .grid-container .guid-slide .guid-item::after {content: "";position: absolute;top: 25px;bottom: 25px;right: 0;border-right: 1px solid #f0f1f2;}
.dui-dropdown-menu .dropdown-container .nav-columns .grid-container .guid-slide .guid-item .product-img {width: 180px;float: left;margin-right: 20px;}
.dui-dropdown-menu .dropdown-container .nav-columns .grid-container .guid-slide .guid-item .product-img img{ width:100%;}
.dui-dropdown-menu .dropdown-container .nav-columns .grid-container .guid-slide .guid-item .product-link {display: inline-block;max-width: 208px;width: calc(100% - 200px);float: left;}
.dui-dropdown-menu .dropdown-container .nav-columns .grid-container .guid-slide .guid-item .product-link ul {position: relative;left: auto;width: 100%;top: 0;padding: 0;background: #fff;-webkit-box-shadow: none;box-shadow: none;}
.dui-dropdown-menu .dropdown-container .nav-columns .grid-container .guid-slide .guid-item .product-link ul li {width: 100%;}
.dui-dropdown-menu .dropdown-container .nav-columns .grid-container .guid-slide .guid-item .product-link ul li a {font-size: 14px;line-height: 24px;padding: 4px 0;display: inline-block;word-break: break-word;width: 100%;}
.dui-dropdown-menu .dropdown-container .nav-columns .grid-container .guid-slide .guid-item .product-link > a {line-height: 24px;font-size: 16px;margin-bottom: 8px;font-weight: 600;display: block;}
.dui-dropdown-menu .dropdown-container .nav-columns .grid-container .guid-slide .guid-item .product-link .content {color: #6c7073;font-size: 12px;line-height: 16px;margin-bottom: 16px;padding-right: 16px;white-space: normal;}
.submenu-dark .menu-smart li ul li {border-color: rgba(255,255,255,0.15); border-bottom-color: rgba(255, 255, 255, 0.15);}
#masthead ul.menu-smart li *, #masthead ul.menu-smart li ::before, #masthead ul.menu-smart li ::after {webkit-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
/*导航-子栏目样式*/
.dui-dropdown-menu.single {color: #303233;left:50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);right: auto;width: auto;border: none;}
.dui-dropdown-menu.single ul {margin: 0;position: relative;left: auto;width: 100%;top: 0;padding: 0;background: #fff;-webkit-box-shadow: none;box-shadow: none;}
.dui-dropdown-menu.single ul li {display: block;width: 100%; -webkit-transition: all 0.3s;transition: all 0.3s;}
.dui-dropdown-menu.single ul li a{padding:10px 32px;white-space: nowrap;display: inline-block;color: #303233;line-height: 1;height: auto;background: 0 0;text-align: center;}
.dui-dropdown-menu.single ul li a:hover,
.dui-dropdown-menu.single ul li a:focus{color: rgba(0,0,0,.5); background-color:rgba(0, 0, 0, 0.05);}

.internet .dui-dropdown-menu.single{ left:-20px;}
/*搜索框*/
.overlay {position: fixed;width: 100%;height: 100%;top:0px;left: 0; z-index:98; opacity:0;visibility:hidden; -webkit-transition: opacity 0.5s 0.5s, visibility 0s 1s;transition: opacity 0.5s 0.5s, visibility 0s 1s;}
.overlay.overlay-search.open {top:76px;}
.overlay.overlay-search {height: 120px !important;top: -35px;  background-color:rgba(0,0,0, 0.3);/*rgba(255,255,255, 0.5);*/ opacity:1;z-index:9999;transition: all .3s;}
.overlay.overlay-search .mmb-container {top: 0px;z-index: 10001;}
.overlay.overlay-search .mmb-container {top: 23px !important;}
.overlay.overlay-search .search-container {/*display: table-cell;*/vertical-align: middle;width: 100%;font-size: 28px;font-size: 3.5vh;}
.overlay .navbar-main, .overlay .search-container {-webkit-perspective: 1200px;perspective: 1200px;}
.overlay.overlay-search .search-container form {display: inline-block;width: 100%;max-width: 600px;max-width: 60vw; display:block; margin:0 auto; padding-top:40px;/*padding-bottom: 100px;*/}
.overlay.overlay-search .search-container .search-container-inner {width: 100%;max-width: none;}
.overlay.overlay-search .search-container form .search-container-inner input {display: inline-block;margin: 0px;width: 100%;font-size: 28px;font-size: 3.5vh;padding: .8em 3em .8em 1.5em; text-indent:10px;}
.overlay.overlay-search form .search-field {padding: 0 !important;    padding-left: 0px;border: 1px solid #ddd !important;    border-top-color: rgb(221, 221, 221);    border-right-color: rgb(221, 221, 221);    border-bottom-color: rgb(221, 221, 221);    border-left-color: rgb(221, 221, 221);font-size: 24px !important; height: 48px;line-height: 48px;background-color: #fff !important;border-color: #0f6bef !important;}
.overlay.overlay-search form .fa-search3 {display: inline-block;width: 24px;height: 24px;background: url(https://www.fshsl.com/wp-content/uploads/2019/03/search.svg);margin-top: -12px !important;right: 20px !important;}
.open-items.overlay.overlay-sequential .menu-sidebar-inner .menu-smart > li, .open-items.overlay.overlay-sequential .search-container form {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;transition: transform 0.2s, opacity 0.2s;}
.mmb-container {position: absolute;top: 50%;right: 0;}
.menu-button-offcanvas {display: inline-block;}
.mobile-menu-button.menu-close-search {-webkit-transform: none;-moz-transform: none;-o-transform: none;-ms-transform: none;transform: none;line-height: 20px;}
.mobile-menu-button {display: none;line-height: 0px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);position: relative;padding: 27px 36px 27px 36px;cursor: pointer;}
.mobile-menu-button-dark .lines, .mobile-menu-button-dark .lines::before, .mobile-menu-button-dark .lines::after {background: #000000;}
.lines-button {transition: .3s;}
.lines-button.x2.close .lines, .lines-button.x2.closing .lines {transition: background 0.3s 0s ease-in-out;background: transparent !important;}
.lines {position: relative;}
.search-container-inner {position: relative;}
.search-container-inner .subtn{ width:50px; height:50px;position: absolute;right:0;top:0;}
.search-container-inner .subtn input{ display:block; width:100%; height:100%; opacity:0; position:relative; z-index:99; padding:0 !important;}
.search-container-inner .subtn i.fa { position:absolute; left:30%; top:50%; z-index:90}

.wapman{ display:none;}
.messboxnrwap{ display:none;}
/*横幅 start*/
.banner{display:block; width:100%; overflow:hidden; position: relative;}
.banner_web{display:block; width:100%; overflow:hidden; position: relative;}
.banner_wap{ display:none;}
.pic{ width: 100%; height: 500px; background-position:center center; background-size: cover;}
.picture{ width:100%;}
.picture img{ width:100%;}
.aa{ bottom:5% !important;}
.aa .swiper-pagination-bullet{ width:15px; height:4px; opacity:1; border-radius:2px; background:#fff;}
.aa .swiper-pagination-bullet-active{ background:#037f1b;}

.banner .picture a{ display:block; width:100%; height:100%;}
.banner .swiper-web{ display:block;}
.banner .swiper-wamp{ display:none;}
@media screen and (max-width:768px) { 
.banner .swiper-web{ display:none;}
.banner .swiper-wamp{ display:block;}
.banner .swiper-wamp .hidden-sm{ display:block!important;}
}
.list_litpic{ width:100%; max-height:360px;}

/*footer*/
.footer{ width:100%; background-color:#000000; color:#fff; font-size:12px;}
.footer a{ color:#fff;}
.footer .footer_cer{ width:1200px; margin:0 auto; padding:20px 0;}
.footer .footer_cer .footer_sha{ margin:30px 0;}
.footer .footer_cer .footer_sha .let{ float:left;}
.footer .footer_cer .footer_sha .f_log{ width:25%;}
.footer .footer_cer .footer_sha .f_nav{ width:60%; overflow:hidden;}
.footer .footer_cer .footer_sha .f_cod{ width:15%; text-align:center;}

.footer .footer_cer .footer_sha .f_log .let_logo{ display:block; margin-bottom:20px;}
.footer .footer_cer .footer_sha .f_log strong{ display:block; margin-bottom:10px;}

.footer .footer_cer .footer_sha .f_nav dl{ float:left; width:30%;}
.footer .footer_cer .footer_sha .f_nav dl dt{ margin-bottom:20px;}
.footer .footer_cer .footer_sha .f_nav dl dd{ line-height:40px;}

.footer .footer_cer .footer_sha .f_cod .let_code{ display:block; margin-bottom:10px;}

.footer .footer_cer .footer_hr{ width:100%; height:22px; margin:30px 0;}
.footer .footer_cer .footer_p{ text-align:center; line-height:30px;}

.f_log p{ font-size:26px;}
.footer_links{ margin-top:1vw; margin-left:20px; }
.footer_links select{width: 11vw; height: 26px;line-height: 26px;}

.footer_links{ position:relative; z-index:9999;}
.footer_links dl{ background-color:#fff; color:#333; padding:0 10px; cursor:pointer; position:absolute; left:0; top:0;}
.footer_links dl a{ color:#333;}
.footer_links dl dt,
.footer_links dl dd{ height:26px; line-height:26px;}
.footer_links dl dt{}
.footer_links dl dd{ display:none;}
.footer_links dl:hover dd{ display:block;}
.footer_links dl dd a:hover{ text-decoration:underline;}