﻿html{font-family: sans-serif; 
-ms-text-size-adjust: 100%; 
-webkit-text-size-adjust: 100%; 
}
 body{margin: 0;}
 

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display: block;}
 audio,canvas,progress,video{display: inline-block;
vertical-align: baseline;
}
 audio:not([controls]){display: none;height: 0;}
 [hidden],template{display: none;}
 a{background-color: transparent;}
 a:active,a:hover{outline: 0;}
 abbr[title]{border-bottom: 1px dotted;}
 b,strong{font-weight: bold;}
 dfn{font-style: italic;}
 h1{font-size: 2em;margin: .67em 0;}
 mark{color: #000;background: #ff0;}
 small{font-size: 80%;}
 sub,sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup{top: -.5em;}
sub{bottom: -.25em;}
 img{border: 0;}
 svg:not(:root){overflow: hidden;}
 figure{margin: 1em 40px;}
 hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
 pre{overflow: auto;}
 code,kbd,pre,samp{font-family: monospace, monospace;font-size: 1em;}
 button,input,optgroup,select,textarea{ 
font: inherit; 
margin: 0;color: inherit; 
}
 button{overflow: visible;}
 button,select{text-transform: none;}
 button,html input[type='button'],input[type='reset'],input[type='submit']{
cursor: pointer;-webkit-appearance: button; 
}
 button[disabled],html input[disabled]{cursor: default;}
 button::-moz-focus-inner,input::-moz-focus-inner{padding: 0;border: 0;}
 input{line-height: normal;}
 input[type='checkbox'],input[type='radio']{box-sizing: border-box;
padding: 0; 
}
 input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{height: auto;}
 input[type='search']{
box-sizing: content-box;-webkit-appearance: textfield;
}
 
input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{-webkit-appearance: none;}
 fieldset{margin: 0 2px;padding: .35em .625em .75em;border: 1px solid #c0c0c0;}
 legend{ 
padding: 0;border: 0;
}
 textarea{overflow: auto;}
 optgroup{font-weight: bold;}
 table{border-spacing: 0;border-collapse: collapse;}
th,td{padding: 0;}
 *{box-sizing: border-box;}
html{ 
font-family:'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;font-size: 10px; 
text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
body{font-size: 12px;line-height: 1.75;color: #000;background-color: #fff;}
html,body{height: 100%;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ol,ul,dl,dd{margin: 0;}
ol,ul{padding: 0;}
li{list-style-type: none;}
a{/*transition: all .3s linear;*/ text-decoration:none;color: #000;}
a:visited{color: #000;}
a:hover{color: #000;}
a:active{color: #000;}
@media (min-width: 600px){a:hover{opacity: .7;}
}
abbr[title]{border-bottom-width: 0;}
img{vertical-align: middle;}
table{margin: 0;}
fieldset{margin: 0;padding: 0;border: 0;}
label{cursor: pointer;}
button{border: none;background: none;}
html,body{height: 100%;}
@media (min-width: 600px){body{font-size: 14px;font-size: 1.4rem;}
}
button,input[type='button']{display: inline-block;}
@media (min-width: 600px){button,input[type='button']{display: inline-block;transition: all .3s linear;}
button:hover,input[type='button']:hover{opacity: .8;}
}
input[type='image']{width: 100%;height: auto;transition: all .3s linear;}
@media (min-width: 600px){input[type='image']{width: auto;}
}
input[type='image']:hover{opacity: .8;}
#container{position: relative;overflow: hidden;width: 100%;min-width: 320px;min-height: 100%;}
@media (min-width: 600px){#container{min-width: 1200px;}
}
@media (min-width: 600px){.view-sp{display: none;}
}
.view-pc{display: none;}
@media (min-width: 600px){.view-pc{display: inline;}
}
.wrap{margin: 0 5px;}
@media (min-width: 600px){.wrap{width: 1200px;margin: 0 auto;padding: 0px;}
}
.wrap_in{margin: 0 15px;}
@media (min-width: 600px){.wrap_in{margin: 0;padding: 0 15px;}
}
@media screen and (min-width: 1530px){.wrap_in{padding: 0;}
}
.gheader{position: relative;/*position: absolute;z-index: 1000;top: 0;left: 0;w*/idth: 100%;background: #fff;}
.gheader .drawer_container{display: none;}
.gheader .header_section{border-bottom: 2px solid #e70012;}
.gheader .header_global{position: relative;display: table;width: 100%; z-index: 9998;
padding: 5px 0;}
.gheader .header_global > div{display: table-cell;vertical-align: middle;}
.gheader .header_global .logo a{display: inline-block;}
.gheader .header_global .actions{position: relative;}
.gheader .header_global .informations{display: none;}
.gheader .header_sitenav{display: none;}
.gheader .header_sitenav .sitelinks{font-size: 17px;font-size: 1.7rem;border-bottom: 1px solid #ccc;}
.gheader .header_sitenav .sitelinks > li{position: relative;border-top: 1px solid #ccc;}
.gheader .header_sitenav .sitelinks > li:first-child{border-top: none;}
.gheader .header_sitenav .sitelinks a{display: block;padding: 10px 15px;padding-right: 25px;text-decoration: none;}
.gheader .header_sitenav .sitelinks a.highlight{color: #fff;background: #0068b7;}
.gheader .header_sitenav .sitelinks a.highlight:before,.gheader .header_sitenav .sitelinks a.highlight:after{display: none;}
.gheader .header_sitenav .sitelinks a{position: relative;}
.gheader .header_sitenav .sitelinks a:before,.gheader .header_sitenav .sitelinks a:after{position: absolute;top: 50%;right: 15px;display: block;width: 10px;height: 2px;content: '';background: #333;}
.gheader .header_sitenav .sitelinks a:before{margin-top: -6px;transform: rotate(45deg);}
.gheader .header_sitenav .sitelinks a:after{margin-bottom: -6px;transform: rotate(-45deg);}
.gheader .header_sitenav .sitelinks a.btn_accordion:before,.gheader .header_sitenav .sitelinks a.btn_accordion:after{top: 50%;right: 15px;width: 14px;height: 2px;}
.gheader .header_sitenav .sitelinks a.btn_accordion:before{margin-top: -.5px;transform: rotate(0deg);}
.gheader .header_sitenav .sitelinks a.btn_accordion:after{margin-top: -.5px;transform: rotate(-90deg);}
.gheader .header_sitenav .sitelinks a.btn_accordion.is-open:after{display: none;}
.gheader .header_sitenav .sitelinks_child{display: none;border-top: 1px solid #bfbfbf;}
.gheader .header_sitenav .sitelinks_child li{font-size: 14px;border-top: none;border-bottom: 1px solid #bfbfbf;}
.gheader .header_sitenav .sitelinks_child li:after{background: #6b6e6f;}
.gheader .header_sitenav .sitelinks_child li:last-child{margin-bottom: -1px;}
.gheader .header_sitenav .sitelinks_child a{padding-right: 15px;padding-left: 50px;background: #d9d9d9;}
.gheader .header_sitenav .sitelinks_child a:before,.gheader .header_sitenav .sitelinks_child a:after{right: auto;left: 30px;}
.gheader .header_sitenav .sitelinks li.highlight > a{background: #0068b7; color: #fff;}
.gheader .header_sitenav .sitelinks li.highlight > a:before, .gheader .header_sitenav .sitelinks li.highlight > a:after{background: #fff;}
.gheader .header_sitenav .sitelinks li.highlight .sitelinks_child a{background: #e5f8ff;}
.gheader .header_sitenav .sitelinks_child > li > a{position: relative;}
.gheader .header_sitenav .group_container{display: none;}
.gheader .header_sitenav .group_container .sitelinks_child{display: block;}
.gheader .header_sitenav .product_group{border-top: 1px solid #bfbfbf;}
.gheader .header_sitenav .product_group .group_caption a{padding-left: 40px;background: #e6e6e6;}
.gheader .header_sitenav .product_group .group_caption a:after{display: none;}
.gheader .header_sitenav .product_group .group_caption a:before{left: 15px;width: 15px;height: 15px;margin-top: -7.5px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);background: url(../images/arrow_accordion_down_1.png) no-repeat 0 0;-webkit-background-size: 15px auto;-moz-background-size: 15px auto;background-size: 15px auto;-ms-background-size: 15px auto;}
.gheader .header_sitenav .navfooter{font-size: 9px;font-size: .9rem;padding: 15px;text-align: center;}
.gheader .header_sitenav #languageSelecter{margin-bottom: 10px;}
.gheader .header_sitenav .navfooter .msg{display: table;margin: 0 auto 5px;padding: 0 0 5px;border-bottom: 1px solid #ccc;}
.gheader .header_sitenav .navfooter .logo{display: table;margin: 0 auto;}
.gheader .header_sitenav .actions{font-size: 17px;font-size: 1.7rem;text-align: center;color: #fff;background: #000;}
.gheader .header_sitenav .actions .btn_menu_close{display: block;width: 100%;padding: 10px;text-align: center;}
.gheader .header_sitenav .actions .btn_menu_close span{position: relative;display: inline-block;padding: 0 20px 0 0;}
.gheader .header_sitenav .actions .btn_menu_close span:before,.gheader .header_sitenav .actions .btn_menu_close span:after{position: absolute;top: 50%;right: 0;display: block;width: 14px;height: 2px;margin-top: -1px;content: '';background: #fff;}
.gheader .header_sitenav .actions .btn_menu_close span:before{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.gheader .header_sitenav .actions .btn_menu_close span:after{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
@media (min-width: 600px){
.gheader{/*position: absolute;z-index: 1000;top: 0;left: 0;*/width: 100%;background: #fff;}
.gheader .header_global{position: relative;display: table;/*height: 98px;*/padding: 16px 0;}
.gheader .header_global > div{vertical-align: top;}
.gheader .header_global > .logo{width: auto;}
.gheader .header_global > .logo img{height:50px;}
.gheader .header_global .informations{display: table-cell;width: 810px;}
.gheader .header_global .informations .navcolumn{display: table;}
.gheader .header_global .informations .navcolumn > div { display: inline-block; vertical-align: middle;}
.gheader .header_global .informations .navcolumn .site_language {position: relative;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.gheader .header_global .informations .navcolumn .site_language p{position: relative; cursor: pointer;}
.gheader .header_global .informations .navcolumn .site_language nav{padding-top: 10px; position: absolute; width: 101%; z-index: 999; display: none;}
.gheader .header_global .informations .navcolumn .site_language nav:after{ content: ''; position: absolute; top: 4px;left: 50%;margin-left: -6px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #0068b7 transparent;}
.gheader .header_global .informations .navcolumn .site_language ul {background: #0068b7; text-align: center; display: block;}
.gheader .header_global .informations .navcolumn .site_language ul li a{display: block; color: #fff; padding: 6px; text-decoration: none; font-size: 90%; font-weight: 600;}
.gheader .header_global .informations .navcolumn .site_language ul li + li a{border-top: 1px solid #fff;}
.gheader .header_global .informations .navcolumn .site_language ul li a:hover{color: #fff; opacity: 1;}
.gheader .header_global .informations .navcolumn .site_search{font-size: 10px;font-size: 1rem;position: relative;width: 180px;height: 20px;padding-right: 40px;}
.gheader .header_global .informations .navcolumn .site_search input[type='text']{position: absolute;bottom: 0;left: 0;width: 160px;height: 20px;padding: 5px;border: 1px solid #ccc;border-right: none;}
.gheader .header_global .informations .navcolumn .site_search input[type='submit']{position: absolute;right: 20px;bottom: 0;width: 20px;height: 20px;margin: 0;padding: 0;text-indent: -9999px;border-style: none;border-radius: none;background: url(../images/icon_search_white.png) no-repeat center center #999;box-shadow: none;-webkit-appearance: none;appearance: none;}
.gheader .header_global .informations .navheader{position: absolute;top: 5px;right: 0;}
.site_base{line-height: 1;padding: 5px 0;margin-right: 16px;text-align: right;/* border-bottom: 1px solid #ccc;*/
}
.site_base .fnxia{ display:inline-block; width:23px; height:23px; margin-left:3px; background:url(../images/fnxia.png) no-repeat;}
.site_base .fnxia.a{ background-position:0,0}
.site_base .fnxia.b{ background-position:-34px,0}
.site_base .fnxia.c{ background-position:-69px,0}
.site_base .fnxia.d{ background-position:-102px,0}
.site_base .fnxia.e{ background-position:-136px,0}
.gheader .header_global .informations .site_base > div{display: table-cell;vertical-align: middle;}
.gheader .header_global .informations .site_base .msg{font-size: 12px;font-size: 1.2rem;padding-right: 10px;color: #666;border-right: 1px solid #999;}
.gheader .header_global .informations .site_base .logo{padding-left: 16px;}
.gheader .header_global .informations .sitelinks{font-size: 15px;font-size: 1.5rem;position: absolute;top: 45px;right: 0;display: table;}
.gheader .header_global .informations .sitelinks::after{display: table;clear: both;content: '';}
.gheader .header_global .informations .sitelinks li{display: table-cell;/*  padding: 0 0 0 30px;*/
vertical-align: middle;}
.gheader .header_global .informations .sitelinks li{ position:relative; width:120px; text-align:center;}
.gheader .header_global .informations .sitelinks li span{ background-color:#fff; position:absolute; width:100%; height:auto; padding-bottom:10px; display:none;}
.gheader .header_global .informations .sitelinks li span p{ display:block; height:32px; line-height:32px; font-size:14px; padding:5px 0;}
/*.gheader .header_global .informations .sitelinks li span.show{ display:block;}*/
.gheader .header_global .informations .sitelinks li:first-child{margin: 0;}
.gheader .header_global .informations .sitelinks a{display: inline-block;text-decoration: none;opacity: 1;border-bottom: 2px solid #fff;line-height: 1.5;}
.gheader .header_global .informations .sitelinks i{ width:16px; height:16px; display:inline-block;background: url(../images/arrow_bottom_gray_1.png) no-repeat 100% 100%;-webkit-background-size: 13px auto;-moz-background-size: 13px auto;background-size: 13px auto;-ms-background-size: 13px auto;}
.gheader .header_global .informations .sitelinks a:hover,.gheader .header_global .informations .sitelinks a.is-active,.gheader .header_global .informations .sitelinks a.is-current{font-weight: 400;color: #0068b7;border-bottom-color: #0068b7;}
.gheader .header_global .informations .sitelinks a.btn_drawer.highlight{min-width: 143px;padding: 5px 10px 5px 20px;text-align: center;color: #fff;border: none;border-bottom: none;background: url(../images/arrow_bottom_gray_1.png) no-repeat center left 10px,#000;background-size: 13px auto;}
.gheader .header_global .informations .sitelinks a.btn_drawer.highlight:hover{font-weight: normal;background: url(../images/arrow_bottom_white.png) no-repeat center left 10px,#0068b7;color: #fff;background-size: 13px auto;}
.gheader .header_global .actions{display: none;}
.gheader .drawer_container{display: none;padding: 30px 0;border-bottom: 5px solid #0080c5;background: #f2f2f2;}
.gheader .drawer_container .drawer{display: none;}
.gheader .drawer_container .drawer.is-open{display: block;}
.gheader .drawer_container .product_search{margin: 20px 0 0;padding: 20px 0 0;text-align: center;border-top: 1px solid #ccc;}
.gheader .drawer_container .product_search .input_box{position: relative;width: 385px;margin: 0 auto;border: 1px solid #a3a3a3;border-radius: 5px;box-shadow: .5px .866px 0 0 rgba(0, 0, 0, .2), inset .5px .866px 0 0 rgba(0, 0, 0, .3);}
.gheader .drawer_container .product_search .input_box input[type='text']{line-height: 35px;width: 100%;min-height: 35px;padding: 0 10px;padding-right: 40px;border: none;border-radius: 5px;}
.gheader .drawer_container .product_search .input_box .btn_search{position: absolute;top: 50%;right: 15px;overflow: hidden;width: 20px;height: 20px;margin-top: -10px;text-indent: -9999px;border: none;background: url(../images/icon_search.png) no-repeat 0 0;}
.gheader .drawer_container .group_container::after{display: table;clear: both;content: '';}
.gheader .drawer_container .group_container .product_group{float: right;width: 582px;}
.gheader .drawer_container .group_container .product_group:first-child{float: left;}
.gheader .drawer_container .group_caption a{display: inline-block;}
.gheader .drawer_container .imgbtn_links{text-align: center;margin: 0 -7px;}
.gheader .drawer_container .imgbtn_links li{display: inline-block;vertical-align: top;margin: 0 7px;}
.gheader .drawer_container .imgbtn_links .thumb{border: 1px solid #bfbfbf;}
.gheader .drawer_container .imgbtn_links .linkname{margin: 10px 0 0;}
.gheader .drawer_container .imgbtn_links a{text-decoration: none;display: block;}
.gheader .drawer_container .imgbtn_links a:hover{opacity: 0.6;}
.gheader .drawer_container .link_list{display: block;margin: 10px 0 0;}
.gheader .drawer_container .link_list::after{display: table;clear: both;content: '';}
.gheader .drawer_container .link_list a{text-decoration: none;color: #000;}
.gheader .drawer_container .link_list a:hover{opacity: 1;color: #0068b7;}
.gheader .drawer_container .link_list li{line-height: 1.5;position: relative;float: left;width: 50%;margin: 5px 0 0;padding: 0 0 0 1em;}
.gheader .drawer_container .link_list li:before{position: absolute;left: 0;display: inline;content: '-';}
}
.navmenu{position: absolute;top: 50%;right: 0;display: block;width: 30px;height: 24px;margin-top: -12px;}
.navmenu .btn_menu{display: block;width: 100%;height: 100%;}
.navmenu span{position: absolute;display: block;width: 30px;height: 3px;transition: all .4s;background: #0068b7;}
.navmenu span:first-child{top: 50%;margin-top: -8.5px;}
.navmenu span:nth-child(2){top: 50%;margin-top: -1.5px;}
.navmenu span:last-child{bottom: 50%;margin-bottom: -8.5px;}
body.nav-active .btn_menu span:first-child{transform: translateY(7px) rotate(45deg);}
body.nav-active .btn_menu span:nth-child(2){opacity: 0;}
body.nav-active .btn_menu span:last-child{transform: translateY(-7px) rotate(-45deg);}
.navOverlay{position: fixed;z-index: 999;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;background: rgba(0, 0, 0, .6);}
.product_details{ display:block; border-bottom:5px solid #ccc; font-size:16px; margin-bottom:10px;}
.sitenavs {font-size: 15px;font-size: 1.5rem;position: absolute;top: 45px;right: 0;display: table;}
.sitenavs li {position: relative;width: 120px;text-align: center;display: table-cell;vertical-align: middle;}
.sitenavs a {display: inline-block;text-decoration: none;opacity: 1; }
.sitenavs i {width: 16px;height: 16px;display: inline-block;background: url(../images/arrow_bottom_gray_1.png) no-repeat 100% 100%;background-size: auto;-webkit-background-size: 13px auto;-moz-background-size: 13px auto;background-size: 13px auto;-ms-background-size: 13px auto;}
.sitenavs li{ position:relative; width:auto; padding-right:10px; text-align:left;}

.sitenavs li>a{padding:2px 10px;}
.sitenavs li>a:hover{ background-color:#e70012; color:#fff;}
.sitenavs .current>a{background-color:#e70012; color:#fff;}

.sitenavs li span{ background-color:#fff; min-width:120px; position:fixed; height:auto; text-indent:5px; display:none;}
.sitenavs li span p{ display:block; height:32px; line-height:32px; font-size:14px; border-bottom:1px solid #dfdfdf;}
.sitenavs li span p a{  display:block; color:#888; padding-right:5px;}
.sitenavs li span p a:hover{background-color:#e70012; color:#fff;}
.sitenavs li span.show{ display:block;}
.main_h1 span{float:right;}


.footer{ width:100%; overflow:hidden; border-top:1px solid #e70012;}
.footer .footer_center{ width:1100px; margin:50px auto;}
.footer .footer_main{ overflow:hidden;}
.footer .footer_main dl{ width:14%; float:left;}
.footer .footer_main dl dt{ font-weight:bold; font-size:16px; padding-bottom:10px; color:#87bffa}
.footer .footer_main dl dd{ font-size:14px; line-height:35px; background:url(../images/footer_lis.png) no-repeat left center; padding-left:15px;}


.footer .footer_btns{ width:100%; height:50px; line-height:50px; background-color:#e70012;}
.footer .footer_btns p{ width:1200px; margin:0 auto; text-align:center; color:#fff; }
.footer .footer_btns p a{center; color:#fff;}


/*横幅 */
.banner{ width:100%; overflow:hidden; position: relative;}
.pic{ width: 100%; height:auto; background-position:center center; background-size: cover;}
.pic img{ display:block; width:100%; height:auto;}
.picture{ width:100%;}
.picture img{ display:block; width:100%; height:auto;}
/*.aa{ bottom: 50px !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 .picture a:hover{ color:none;}*/
.banner .swiper-web{ display:block;}
.banner .swiper-wamp{ display:none;}
