/* @import url('animate.css') only screen and (min-width: 1300px); */
@import url('animate.css');
/*font-family: 'Myriad Pro', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif;  300 400normal 600 700bold
font-family: 'DINPro', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; 300 400normal 500 900 */

html {-ms-overflow-style: scrollbar;}
.hideobj{display:none;}

*{ -webkit-text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}

.swiper-wrapper, .swiper-wrapper *{  -webkit-transition-property:-webkit-transform, left, top;  -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease;  -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s;  -moz-transform:translate3d(0px,0,0);  -moz-transition-timing-function:ease;   -o-transition-property:-o-transform, left, top; -o-transition-duration:0s;  -o-transform:translate3d(0px,0,0);  -o-transition-timing-function:ease; -o-transform:translate(0px,0px);  -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease;    transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box; box-sizing: content-box; }

body{color:#646464; font-family:  sans-serif; margin:0; padding:0; text-align:center; font-size: 16px; line-height:1.8em; } body.lan-T{font-weight: normal}
.sb-nav-active { overflow-y: hidden; height: 100%; }
sub, sup {  font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup {   top: -0.5em; }sub {bottom: -0.25em; }

img{border:0; padding:0; margin:0; vertical-align: middle;  max-width: 100%; width: auto\9; /* ie8 */}
form {margin:0;}

a { color: #255199; text-decoration:none; blr:expression(this.onFocus=this.blur()); noFocusLine:expression(this.onFocus=this.blur()); }
a, button/*, a **/{-webkit-transition: all 0.3s ease 0.1s;    -moz-transition: all 0.3s ease 0.1s;    -ms-transition: all 0.3s ease 0.1s;    -o-transition: all 0.3s ease 0.1s;    transition: all 0.3s ease 0.1s;}
a:hover {text-decoration:none; color:#b50505;}
a img {border:none;}
a:focus { -moz-outline-style: none; outline:none; color:inherit; text-decoration:none;}

.table-container{width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 20px;}
.table-container::-webkit-scrollbar{-webkit-appearance: none; width: 14px; height: 14px;}
.table-container::-webkit-scrollbar-thumb{  border-radius: 8px; border: 0;  background-color: rgba(0, 0, 0, .3);}
.table-container .table{margin-bottom:0;}

#container { background:#fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); overflow:hidden; padding-top: 60px; }

.wrap{height: 1%;}
.wrap:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.wrap{margin:0 auto; width:1700px; text-align:left; padding:0 20px;}

#header{position: fixed; top: 0; left: 0;  display: block; overflow: visible; width: 100%; z-index: 130;}
/*94*/
#logo { float: left; margin: 4px 0; }
#logo a{display: block; padding: 0px 2px 0px 50px; }
.logo_b{ width: 220px; max-height: 60px; display: block;}
.logo_m{display: none; max-width: 220px; max-height: 40px;}
.logo_s{display: none; max-width: 220px; max-height: 40px;}
#topnav { text-align: right; }
#topnav > ul{list-style: none; margin: 0; padding: 0;}
#topnav > ul:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
#topnav > ul > li{float: left;}
#topnav > ul > li > a{height:60px; font-size: 21px; padding: 18px 5px 0; display: block; color: #fff; cursor: pointer;}
#topnav > ul > li > a > span{font-size: 14px; padding-left: 4px; cursor: pointer; vertical-align: middle;}
#topnav > ul > li > a:hover, #topnav > ul > li.open > a{color: #de002b;}
.header_nav { background: rgba(255,255,255,.72); }

/*mega menu*/
.header {position:relative; }
#topnav .btn-group{position:inherit;}
#topnav .dropdown{position:inherit;}
#topnav .dropdown-menu{width:100%; border-radius:0; margin: 0; border: 0; -webkit-box-shadow:none; box-shadow: none;}
#topnav .nav-mega{ background: rgba(22, 78, 169, 0.9); top: 100%; }
#topnav .nav-mega ul{list-style: none; margin: 1.5em 0 0.6em ; padding: 0;}
#topnav .nav-mega ul:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}

#nav{float: right;}
#nav ul{list-style: none; padding: 0; margin: 0;}
#nav ul:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
#nav > ul > li{float: left; padding: 0 16px; }
.lanE #nav > ul > li{padding-left: 5px; padding-right: 5px;}
#nav > ul > li > a{display: block; font-family:  sans-serif; font-size: 20px; font-weight: bold; padding: 24px 3px; line-height: 1; color: #000; cursor: pointer; position: relative;}
#nav>ul>li>a:before{content: ""; position: absolute; z-index: 0; left: 50%; right: 50%; bottom: 0; background: #de002b; height: 5px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#nav>ul>li>a:hover:before, #nav>ul>li>a:focus:before, #nav>ul>li>a:active:before, #nav > ul > li.open>a:before, #nav > ul > li.active>a:before{left: 0; right: 0;}
#nav > ul > li > a:hover, #nav > ul > li.active > a, #nav > ul > li.open > a{color: #de002b; }
#nav > ul > li > a i {width: 12px; height: 8px; position: relative; display: inline-block; vertical-align: middle; margin-left: 4px;}
#nav > ul > li > a .caret2:before{content: ''; position: absolute; right: 5px; top: 3px; width: 6px; height: 1px; background: #575757; display: block; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
#nav > ul > li > a .caret2:after{content: ''; position: absolute; left: 5px; top: 3px; width: 6px; height: 1px; background: #575757; display: block; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
#nav > ul > li.open > a .caret2{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg); transform: rotate(180deg);}
#nav > ul > li.open > a .caret2:before, #nav > ul > li.open > a .caret2:after, #nav > ul > li > a:hover .caret2:before, #nav > ul > li > a:hover .caret2:after{background: #1b5fa8;}

.header_nav #nav .dropdown-menu { padding: 10px 0 20px; }
.header_nav .dropdown-menu { border: none; border-radius: 0; box-shadow: none; min-width: 240px; }
.header_nav .dropdown-menu>li { padding-left: 36px; background: url(/static/images/header_nav_a1.png) no-repeat 16px 5px; margin-top: 6px; }
.header_nav .dropdown-menu>li:hover, .header_nav .dropdown-menu>li:focus { background: url(/static/images/header_nav_a2.png) no-repeat 16px 5px; }
.header_nav .dropdown-menu>li>a { font-size: 16px; color: #646a76; font-family:  sans-serif; border-bottom: #fff 4px solid; padding: 0; }
.header_nav .dropdown-menu>li>a:hover, .header_nav .dropdown-menu>li>a:focus, .header_nav .dropdown-menu>li.active>a { color: #000; border-bottom: #cd1639 4px solid; background: none; }

.header-s { position: fixed; top: 0; left: 0; display: block; overflow: visible; width: 100%; z-index: 130; background: rgba(0,0,0,.8); }
.header-s .header_nav { background: none; }
.header-s #logo { padding: 0; margin-top: -16px; }
.header-s #topnav > ul > li > a { height: 30px; padding-top: 0px; }
.header-s #topnav > ul > li#topnav-search > a { height: 32px; padding-top: 0px; }
.header-s #nav { padding: 0px; margin: 6px auto 0; }
.header-s #nav > ul > li > a { padding: 6px 3px 12px; color: #fff; }
.header-s #nav > ul > li.open > a .caret2:before, .header-s #nav > ul > li.open > a .caret2:after, .header-s #nav > ul > li > a:hover .caret2:before, .header-s #nav > ul > li > a:hover .caret2:after, .header-s #nav > ul > li > a .caret2:before , .header-s #nav > ul > li > a .caret2:after { background: #fff; }

/* mobile menu*/
.ver-nav{float: left; display: none;} .sb-toggle-nav{cursor: pointer;}
.sb-toggle-nav .navicon-line{width: 32px; height: 2px; background: #000; border-radius: 2px; display: block; margin-bottom: 6px;}
.sb-toggle-nav-active .navicon-line:nth-of-type(3){ position:relative; top:0px; -moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.sb-toggle-nav-active .navicon-line:nth-of-type(2){display:none;}
.sb-toggle-nav-active .navicon-line:nth-of-type(1){ position:relative; top:8px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);-o-transform:rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.sb-nav-wrap{display:none; padding: 20px 40px; position: fixed; bottom:0; top: 54px; left: 0; width: 100%; background: rgba(255,255,255,.95); color: #000;  overflow-y: scroll; z-index: 200;  font-size: 14px;} .sb-nav-wrap-active{display: block;} .sb-nav-wrap a {color: #000;}
/*.header-s .sb-nav-wrap{top: 60px;}*/

.sb-search .input-group{padding-bottom: 0; border-bottom:1px #b8b8b8 solid; }
.sb-search .form-control{background-color: transparent; border: 0;  border-radius: 0px; color: #fff; padding-left: 0; font-size: 16px; -webkit-box-shadow: none; box-shadow: none;}
.sb-search .input-group .form-control:first-child{}
.sb-search .form-control:focus {  border-color:none;  outline: 0; -webkit-box-shadow: none; box-shadow: none;}
.sb-search::-webkit-input-placeholder { color: #cbd7ea; }
.sb-search::-moz-placeholder {  color: #cbd7ea;}
.sb-search:-ms-input-placeholder { color: #cbd7ea; }
.sb-search:-moz-placeholder { color: #cbd7ea; }
.sb-search .btn{  border: 0; border-radius: 0; -webkit-transition: all 0.1s ease 0.1s; -moz-transition: all 0.1s ease 0.1s; -ms-transition: all 0.1s ease 0.1s; -o-transition: all 0.1s ease 0.1s;    transition: all 0.1s ease 0.1s; }
.sb-search .btn-default{color: #fff; background-color: transparent; border-color: #9ab2da;}
.sb-search .btn:hover{ color: #76abff;}
.sb-search .input-group-btn{vertical-align: top; }
.sb-search .search-btn{font-size: 21px; line-height: 21px;}
.sb-search .search-cross{display: none;}

.sb-nav{margin-top: 1.4em;}
.sb-menu, .sb-menu ul{list-style: none; margin: 0; padding: 0;}
.sb-menu > li{border-bottom: 1px #b8b8b8 solid;}
.sb-menu > li > a{ font-family:  sans-serif; padding: 0.5em 0; font-size: 16px; }
.sb-menu  a{position: relative; display: block;  cursor: pointer;}
.sb-menu > li a:hover{/*text-shadow: 0 0 5px rgba(47, 179, 255, 0.9); *//*padding-left: 7px;*/}
.sb-menu > li a.sb-submenu-active{color: #000; }

.sb-caret{width: 19px; height: 19px; position: absolute; right: 0; top: 50%; margin-top: -9px;}
.sb-caret:before{content: ''; width: 13px; height: 1px; background: #000; position: absolute; top:9px; left: 3px; }
.sb-caret:after{content: ''; width: 1px; height: 13px; background: #000; position: absolute; top:3px; left: 9px; }
.sb-submenu .sb-caret:before{width:9px; left: 5px} .sb-submenu .sb-caret:after {height: 9px; top: 5px}
.sb-submenu-active>.sb-caret{-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg);}

ul.sb-submenu{background:none; /*margin-left: 20px;*/}
.sb-submenu a { padding: 0.4em 0; padding-left: 12px; background: url(/static/images/footer-icon.png) left 14px no-repeat; }
.sb-submenu ul:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.sb-submenu ul{ border-bottom: 1px #b8b8b8 dotted;} .sb-submenu li:last-child > ul{border-bottom: 0;}
.sb-submenu  ul li{width: 25%; float: left; text-align: center; padding: 0 5px; margin-bottom: 12px;} .sb-submenu ul li a:before{content: ''; margin-right: 0;}  .sb-submenu  ul li:nth-child(4n+1){clear: left;}
.sb-submenu  ul li a{background: rgba(255, 255, 255, 0); display: block; border-radius: 6px; padding: 10px 5px 2px; border: 1px transparent solid;}
.sb-submenu  ul li a:hover{border-color:#fff; padding-left: 0; background: rgba(255, 255, 255, 0.1); }
.sb-submenu .pro-img-thumb{max-height: 70px; display: block; margin: 0 auto 6px; } .sb-submenu .pro-img-thumb img{max-height: 70px; display: block; margin: 0 auto;}
.sb-submenu .pro-name{ line-height: 1.2em; /*min-height: 2.5em;*/ display: block;}


.sb-lan{border-bottom: 1px #b8b8b8 solid;}
.sb-lan:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.sb-lan-txt{float: left; padding: 0.6em 0; vertical-align: middle;}
.sb-lan-txt i{font-size: 21px; vertical-align: middle; margin-right: 6px;}
.sb-lan-btn{float: right;}
.sb-lan-btn a{ padding: 0.6em 0; display: block; font-size: 85%; }
#btntop{display: block; float: right; text-align: center; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px; position: relative;}
#btntop span{width: 19px; height: 2px; background: #fff; display: block; position: absolute; border-radius: 1px;}
#btntop span:first-child{ top: 24px; right: 44.5%;  -moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform:rotate(-45deg);transform: rotate(-45deg);}
#btntop span:last-child{ top: 24px; left: 44.5%; -moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

#footer{background: #383838; padding: 30px 0 0; border-bottom: #fff 1px solid; position: relative; }
.footer1, .footer2{color: #fff; font-size: 14px; }
.footer1 { padding-bottom: 0; }
.footer1 .footer-logo{float: right; width: 197px; display: none; }
.footer1 .ftbar{float: left; margin-bottom: 2em;}
.footer1 .ftbar ul{list-style: none; margin: 0; padding: 0; line-height: 1.8; }
.footer1 .ftbar ul ul { margin-top: 6px; }
.footer1 .ftbar ul:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.footer1 .ftbar > ul > li {float: left; margin-right: 40px; margin-bottom: 30px; }
.footer1 .ftbar li a{color: #ffffff; padding: 4px 1px 2px; margin: 0 8px; line-height: 1.2em; border-bottom: 1px transparent solid; position: relative; font-size: 15px; }
.footer1 .ftbar li a:before{content: ""; position: absolute; z-index: 0; left: 50%; right: 50%; bottom: 0; background: #fff; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.footer1 .ftbar li a:hover:before, .footer1 .ftbar li a:focus:before, .footer1 .ftbar li a:active:before{left: 0; right: 0;}
.footer1 .ftbar > ul > li > a { font-family:  sans-serif; font-size: 16px; letter-spacing: normal; display: inline-block; margin-bottom: 12px; }
.footer1 .footer-subline{float: left; clear: left; display: none; }
.footer1 .footer-smo{ float: left; margin-right: 12px;}
.footer1 .footer-smo ul{list-style: none; margin: 0; padding: 0}
.footer1 .footer-smo ul:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.footer1 .footer-smo li{float: left;}
.footer1 .footer-smo li a{ font-size: 22px; display: block; color: #fff; padding: 2px 6px } .footer1 .footer-smo li i.icon-youtube{ width: 58px; display: block;}
.footer1 .footer-smo li a:hover{ color: #7aadff;}
.footer1 .newsletter_area{width: 260px; display: inline-block; padding-top: 3px; margin-left: 8px;}
.footer1 .newsletter_area .input-group{padding-bottom: 0; font-size: 12px;}
.footer1 .newsletter_area .form-control{background-color: transparent;  border:1px #9ab2da solid; border-radius: 4px;  color: #fff; padding-top: 3px; padding-bottom: 0px; height: 28px;}
.footer1 .newsletter_area::-webkit-input-placeholder { color: #cbd7ea; }
.footer1 .newsletter_area::-moz-placeholder { color: #cbd7ea;}
.footer1 .newsletter_area:-ms-input-placeholder { color: #cbd7ea; }
.footer1 .newsletter_area:-moz-placeholder { color: #cbd7ea; }
.footer1 .newsletter_area .btn{padding-top: 4px; padding-bottom: 0; height: 28px; vertical-align: top;  border-radius: 4px;}
.footer1 .newsletter_area .btn-default{color: #164ea9; background-color: #fff; border-color: #9ab2da;}
.footer1 .newsletter_area .btn:hover{background: #e6e6e6;}
.footer1 .newsletter_area .input-group-btn:last-child>.btn{border-top-left-radius: 4px;  border-bottom-left-radius: 4px; position: relative; margin-left: -5px; z-index: 2}
.footer1 .newsletter_area .input-group-btn{vertical-align: top;}

.footer1 .footer-group ul { list-style: none; margin: 0; padding: 0; line-height: 1.8; }
.footer1 .footer-group ul li a { color: #a8a8a8; font-size: 15px; padding: 4px 1px 2px; line-height: 1.2em; border-bottom: 1px transparent solid; position: relative; margin: 0 8px; }
.footer1 .footer-group ul > li:nth-child(1) > a { font-family:  sans-serif; font-size: 16px; letter-spacing: normal; text-transform: uppercase; }
.footer1 .footer-group ul li a:before{content: ""; position: absolute; z-index: 0; left: 50%; right: 50%; bottom: 0; background: #fff; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.footer1 .footer-group ul li a:hover:before, .footer1 .footer-group ul li a:focus:before, .footer1 .footer-group ul li a:active:before{left: 0; right: 0;}

.footer2{padding-top: 6px; background: #de002b; font-family: "Arial", "Myriad Pro", \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size: 13px; }
.footer2 .ftbar2{ float: right; margin-right: 12px;}
.footer2 .ftbar2 ul{list-style: none; padding: 0; margin: 0;}
.footer2 .ftbar2 ul:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.footer2 .ftbar2 li{ float: left; line-height: 25px;}
.footer2 .ftbar2 li a{display: inline-block; color: #ffffff; line-height: 1; padding: 0px 1px; margin: 0 8px; border-bottom: 1px transparent solid; position: relative;}
.footer2 .ftbar2 li a:before{content: ""; position: absolute; z-index: 0; left: 50%; right: 50%; bottom: 0; background: #fff; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.footer2 .ftbar2 li a:hover:before, .ftbar2 li a:focus:before, .ftbar2 li a:active:before{left: 0; right: 0;}
.footer2 #copyright{float: left;}

.footer2 .footer-lan{float: right}
.footer2 .footer-lan a{color: #fff; display: block; padding: 2px 1px; margin: 0 8px; line-height: 1.2em; letter-spacing: 0.1em; position: relative;}
.footer2 .footer-lan a:before{content: ""; position: absolute; z-index: 0; left: 50%; right: 50%; bottom: 0; background: #fff; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.footer2 .footer-lan a:hover{ color: #7aadff;}
.footer2 .footer-lan a:hover:before{left: 0; right: 0;}
.footer2 .footer-lan i{font-size: 21px; margin-right: 4px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition:none; vertical-align: middle; }
.footer2 .footer-lan span{vertical-align: middle;}

#footer2{background: #164ea9; padding: 30px 0 30px; margin-top: 20px;}
.footer3{font-size: 14px; color: #fff;}
.footer3 .footer-logo{float:right;}
.footer3 .footer-logo img{width: 183px;}
.footer3 .ftbar{float: left; width: 660px;}
.footer3 .ftbar a{color: #fff;}
.footer3 .ftbar ul{list-style: none; margin: 0; padding: 0;}
.footer3 .ftbar>ul>li{ float: left;}
.footer3 .ftbar>ul>li:nth-child(1){width: 45%;}
.footer3 .ftbar>ul>li:nth-child(2){width: 55%;}
.footer3 .ftbar>ul>li>.nav-header{font-size: 16px; line-height: 1.4; display: block; margin-bottom: 7px;}
.footer3 .ftbar>ul>li:nth-child(1)>ul{width: 50%; float: left;}
.footer3 .ftbar>ul>li:nth-child(2)>ul{width: 27%; float: left;}
.footer3 .ftbar>ul>li:nth-child(2)>ul:last-child{width: 46%; float: left;}
.footer3 .ftbar>ul>li>ul>li{clear: both; margin-bottom: 5px;}
.footer3 .ftbar>ul>li>ul>li:after{clear: both; content: ''; display: block; height: 0; visibility: hidden;}
/*.footer3 .ftbar>ul>li>ul>li>a{background: url(/static/images/footer-icon.png) left 5px no-repeat; float: left; padding: 2px 0 2px 12px; display: inline-block; line-height: 1.2}*/

.footer3 .ftbar li a{color: #ffffff; border-bottom: 1px transparent solid; position: relative; }
.footer3 .ftbar li a:before { content: ""; position: absolute; z-index: 0; left: 50%; right: 50%; bottom: 0; background: #fff; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.footer3 .ftbar li a:hover:before, .ftbar li a:focus:before, .ftbar li a:active:before { left: 0; right: 0; }
.footer3 .ftbar-mobile{clear: both; display: none;}
.ftbar-mobile a{color: #fff;}
.ftbar-mobile ul{list-style: none; margin: 0; padding: 0}
.ftbar-mobile>ul>li>.nav-header{cursor: pointer; position: relative; border-bottom: 1px #fff solid; padding-bottom: 2px; padding-top: 7px;}
.ftbar-mobile>ul>li ul{padding-top: 9px;} .ftbar-mobile>ul>li ul+ul{padding-top: 0;}
.ftbar-mobile>ul>li ul:last-child{margin-bottom: 7px;}
/*.ftbar-mobile>ul>li ul li a{background: url(/static/images/footer-icon.png) left 8px no-repeat; padding: 5px 0 5px 12px; display: block; line-height: 1.2}*/
.ftbar-mobile>ul>li>.nav-header[aria-expanded='true']>.sb-caret{-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.footer3 .footer-subline{float: left; clear: left; padding-top: 20px;}
.footer3 .footer-smo{ float: left; margin-left: 12px;}
.footer3 .footer-smo ul{list-style: none; margin: 0; padding: 0}
.footer3 .footer-smo ul:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.footer3 .footer-smo li{float: left;}
.footer3 .footer-smo li a{ font-size: 22px; display: block; color: #fff; padding: 4px 6px 2px } .footer-smo li i.icon-youtube{ width: 58px; display: block;}
.footer3 .footer-smo li a:hover{ color: #7aadff;}
.footer3 .newsletter_area{width: 260px; float: left; display: inline-block; padding-top: 3px; }
.footer3 .newsletter_area form{float: left;}
.footer3 .newsletter_area .input-group{padding-bottom: 0; font-size: 12px;}
.footer3 .newsletter_area .form-control{background-color: transparent;  border:1px #9ab2da solid; border-radius: 4px;  color: #fff; padding-top: 3px; padding-bottom: 0px; height: 28px;}
.footer3 .newsletter_area ::-webkit-input-placeholder { color: #cbd7ea; }
.footer3 .newsletter_area ::-moz-placeholder {  color: #cbd7ea;}
.footer3 .newsletter_area :-ms-input-placeholder { color: #cbd7ea; }
.footer3 .newsletter_area :-moz-placeholder { color: #cbd7ea; }
.footer3 .newsletter_area .btn{padding-top: 4px; padding-bottom: 0; height: 28px; vertical-align: top;  border-radius: 4px;}
.footer3 .newsletter_area .btn-default{color: #164ea9; background-color: #fff; border-color: #9ab2da;}
.footer3 .newsletter_area .btn:hover{background: #e6e6e6;}
.footer3 .newsletter_area .input-group-btn:last-child>.btn{border-top-left-radius: 4px;  border-bottom-left-radius: 4px; position: relative; margin-left: -5px; z-index: 2}
.footer3 .newsletter_area .input-group-btn{vertical-align: top;}

.footer4{padding-top: 17px; font-size: 13px; color: #99bada; }
.footer4 .footer-logo2{float: left;} .footer4 .footer-logo2 img{width: 121px; margin-top: -3px;}
.footer4 .ftbar2{ float: left; margin-right: 12px; margin-left: 12px;}
.footer4 .ftbar2 ul{list-style: none; padding: 0; margin: 0;}
.footer4 .ftbar2 ul:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.footer4 .ftbar2 li{ float: left;}
.footer4 .ftbar2 li:after{content: '|';}
.footer4 .ftbar2 li a{display: inline-block; color: #ffffff;  line-height: 1.2em; letter-spacing: 0.1em; padding: 4px 1px 2px; margin: 0 10px; border-bottom: 1px transparent solid; position: relative;}
.footer4 .ftbar2 li a:before{content: ""; position: absolute; z-index: 0; left: 50%; right: 50%; bottom: 0; background: #fff; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.footer4 .ftbar2 li a:hover:before, .ftbar2 li a:focus:before, .ftbar2 li a:active:before{left: 0;    right: 0;}
.footer4 #copyright{float: left; letter-spacing: 0.1em;}

.footer4 .footer-lan{float: right}
.footer4 .footer-lan a{color: #fff; display: block; padding: 2px 1px; margin: 0 8px; line-height: 1.2em; letter-spacing: 0.1em; position: relative;}
.footer4 .footer-lan a:before{content: ""; position: absolute; z-index: 0; left: 50%; right: 50%; bottom: 0; background: #fff; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.footer4 .footer-lan a:hover{ color: #7aadff;}
.footer4 .footer-lan a:hover:before{left: 0; right: 0;}
.footer4 .footer-lan i{font-size: 21px; margin-right: 4px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition:none; }
.footer4 .footer-lan span{vertical-align: middle;}

.foot-logo { font-size: 20px; font-family:  sans-serif; text-transform: uppercase; }
.foot-logo + em { display: block; font-size: 16px; font-family:  sans-serif; text-align: right; line-height: 1; margin-bottom: 16px; }
.foot-logo img { vertical-align: baseline; }

/*會員登入項目*/
#login-tabs li{  background:none;}
#login-tabs a{  color:#000;  background:none;}
#login-tabs a:hover,#login-tabs a:focus{  text-decoration: underline;  background:none;  color:#000;}
/**表單元素**/
fieldset.over-border {  border: 1px solid #ccc !important;  padding: 0 1.4em 1.4em 1.4em !important;  margin: 0 0 1.4em 0 !important;  border-radius: 16px;}
legend.line-border {  font-size: 16px !important;  text-align: left !important;  width:inherit;  border-bottom:none; display:none;}
fieldset > div { margin-top:30px; }
.red{  color: #cc0000;}
.radio-inline input[type='radio'] {  margin-left: -20px;  float: left;}
.radio-inline {  padding-left: 20px;  font-weight: normal;  margin-bottom: 0px;  vertical-align: middle;  display: inline-block;  cursor: pointer;}
.help-inline{  vertical-align: middle;  display: inline-block;  padding-top:5px;  float:left;  padding-left:0px;  cursor: default;}
.control-label{  cursor: default;}

.form-show .input-prepend { clear:both; }
fieldset.instep-border { border: 1px solid #ccc !important; padding: 0 16px 16px 16px !important; margin: 0 0 16px 0 !important; border-radius: 15px; /*圓角*/ background: #eeeeee; height: 100px; font-weight: bold; color: #000000; text-align: center; }
fieldset.step-border { border: 1px solid #ccc !important; padding: 0 16px 16px 16px !important; margin: 0 0 16px 0 !important; border-radius: 15px; /*圓角*/ height: 100px; text-align: center; }
legend.stepline-border { text-align: center !important; width: inherit; border-bottom: none; }
.enlarge{ clear: both; }
@media only screen and (max-width : 480px) { .navbar-inner li {display:block; width:100%; } }


/*麵包屑*/
#content .breadcrumb {  text-shadow: none;}
#content .breadcrumb li {  text-shadow: none;}
#content .breadcrumb li a {  text-shadow:none;  text-decoration: none;}
#content .breadcrumb li a:hover {  text-shadow: none;  background:none;  text-decoration: underline;}
#content .breadcrumb li .divider{  text-shadow:none;  background:none;}
/*產品頁*/
.thumbnail {  border:1px #8B8682 solid;}
.cate-name,.cate-name-more{  color:#333333;  font-weight:bold;  width:auto;  white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis;  text-align:center;}

.cate-name a ,.cate-name-more a{  color:#333333;  font-weight:bold;  text-decoration:none;  width:auto;  white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis;  text-align:center;}
.cate-name a:hover ,.cate-name-more a:hover{  color:#8B8682;  font-weight:bold;  text-decoration:underline;  width:auto;  white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis;  text-align:center;}

/*產品介紹頁*/

.thumbnail img{  margin-right: auto;  margin-left: auto;  display: block;  max-width: 100%;}
.input-group {  display: table;  padding-bottom:10px;  width: 100%;}
.input-group .form-control {  margin-bottom: 0px;}
.txtNormal {  overflow:auto;  width:100%;}

.listtxtspec .input-prepend{  padding:1px 0px;  margin:0px;}
.clear{  clear:both;}
#lineqty{  width:30%;}
.showsmall ul {  padding: 0px; margin: 0px;  list-style: none;}
.showsmall li {  float:left;}
.showsmall li img  {  margin: 3px;  padding:3px;  width:50px;}
/*頁籤**/
.nav-tabs .active a{ font-weight:bold;}
/*訊息用*/
.msgcont{  width:90%;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap;  margin:10px;}
.msg_img_title {  width:30%;}
/*首頁用*/
#index_msg_ul a{  background:#eee;  padding:8px 15px;  font-size:16px;  color:#000;}
#index_msg_ul a:hover{  background:#eee;  padding:8px 15px;  font-size:16px;  color:#000;}
#index_msg_ul .msgcont{}

#idxprocarousel  img {  vertical-align : middle;}
#idxprocarousel .caption {    background : #666; padding : 5px;}
#idxprocarousel .caption a {    color : #fff;}
#content .pshow_title{  border-left:5px solid #ccc;  font-size: 16px;  font-weight:bold;  background-color: #eee; padding:7px;}
/***style for banner's arrows and pagination ****/
.swiper-banner .arrow-left, .swiper-product .swiper-button-prev {  position: absolute;  left: 1%;  top: 40%;  width: 17px;  height: 30px;z-index:99;}
.swiper-banner .arrow-right, .swiper-product .swiper-button-next {  position: absolute;  right: 1%;  top: 40%;  width: 17px;  height: 30px;z-index:99;}

.swiper-banner .page-banner, .swiper-product .swiper-pagination{  position: absolute;  left: 0; z-index:99;  text-align: center;  bottom:0;  width: 100%;}
.swiper-banner .swiper-pagination-switch, .swiper-product .swiper-pagination-switch {  display: inline-block;  width: 10px;  height: 10px;  border-radius: 10px;  background: #fff;  /*box-shadow: 0px 1px 2px #555 inset; */ margin: 0 3px;  cursor: pointer; border: 2px #707070 solid;}
.swiper-banner .swiper-active-switch, .swiper-product .swiper-active-switch {  background: #707070;}
.googlemap { width:100%; height:12em; }
.listimg a.btn.btn-link {    display: initial;}


/*lightbox*/
button.mfp-arrow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23dddddd'%2F%3E%3C%2Fsvg%3E"); padding: 10px; width: 47px; height: 64px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; margin-top: -22px;}
button.mfp-arrow-left{}
button.mfp-arrow-right{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23dddddd'%2F%3E%3C%2Fsvg%3E");}
.mfp-arrow:after, .mfp-arrow:before{display: none;}
img.mfp-img{padding: 0; margin: 40px 0 40px;}

/*modal*/
@media (max-width: 1700px) {
  .wrap { width: 100%; padding: 0; }
  .header_nav #m5 .dropdown-menu { left: inherit; right: 0; }
	#topnav, #nav { padding-right: 15px; }
}
@media (min-width: 1200px){
  .modal-lg{width: 1160px;}
}
@media screen and (min-width: 768px) {
  .modal-content{padding: 50px 0;}
  .modal-logo img{max-width: 236px;}
  .modal-footer .btn{width: 30%;}
}
@media (max-width:767px){
  .modal-lg{width:85%;}
}
.modal:before {    display: inline-block;    vertical-align: middle;    content: " ";    height: 100%;  }
.modal-backdrop.in{opacity: 0.8}
.modal-dialog {  display: inline-block;  text-align: left;  vertical-align: middle;}
button.close{position: absolute; background: #164ea9; color: #fff; width: 46px; height: 46px; text-align: center; right: -20px; top: -20px; z-index: 5; opacity: 1; border-radius: 50%; font-size: 150%;}
.close:hover, .close:focus{opacity: 1; color: #fff;}
.modal-header, .modal-footer{text-align: center; border: 0;}
.modal-logo img{max-width: 75%;}
.modal-body{padding: 0 15px;}
.modal-body *:last-child{margin-bottom: 0;}
.modal-footer .btn-default{background: #707070; border: 0; color: #fff;}  .modal-footer .btn-default:hover,  .modal-footer .btn-default:focus,  .modal-footer .btn-default:active{background: #164ea9; color: #fff;}
/*end of modal*/


@media (max-width : 1199px) {
  body{font-size: 17px;}
  .wrap{width: 100%;}

  /*
  #nav #m1 .dropdown-menu{font-size: 15px;}
  #nav #m1 .dropdown-menu .wrap{padding: 0;}
  #nav #m1 .dropdown-menu .wrap > ul > li > a{font-size: 100%;}
  */

  .footer4 .footer-lan{float: left; clear: left;}
  .footer4 .footer-lan a{margin: 0;}
}
@media (max-width : 1023px) {
  body{font-size: 16px;}
  /*#logo a{padding-right: 0; height: 81px; padding-top: 36px;}*/
  .logo_b{ display: none;} .logo_m{display: block;}
  .header > .wrap{padding-left: 0;}
  #logo{float:right}
  /*#logo a{height: 80px; padding-top: 28px;} .header-s #logo a{ height: 60px; padding-top: 18px;}*/
  #topnav, #nav{display: none;}
  .ver-nav{display: block;}
  .sb-toggle-nav{height: 54px; padding: 20px 20px 0; display: block;} /*.header-s .sb-toggle-nav{height: 60px; padding-top: 21px;}*/
  .pro-banner-txt > .wrap{padding: 0 20px;}

  #btntop{width: 50px; height: 42px;} #btntop span:first-child, #btntop span:last-child{top: 20px;}
  .footer1, .footer2{font-size: 13px;}
  .footer1 .footer-logo{width: 166px;}
  .footer1 .ftbar li a, .footer2 .ftbar2 li a{padding-left: 6px; padding-right: 6px;}
  .footer2 .footer-lan{float: left; margin-top: 12px; clear: left; display: none; }

	.footer3, .footer4{font-size: 13px;}
	.footer3 .footer-logo{float: left;margin-bottom: 28px;}
	.footer3 .ftbar{width: 100%;}
	.footer3 .ftbar>ul>li>.nav-header{font-size: 15px;}
}

@media (max-width: 979px)  { /*bootstrap width 724px */

}
@media (max-width : 768px) {
	.sb-site, .sb-site-container{padding:0 !important;} #container{ padding-top: 54px !important;}
}

@media (max-width: 767px)  { /*bootstrap width auto */
  body{font-size: 15px;}

  /*#footer{padding-top: 30px;}*/
  .footer1 .ftbar li{float: none;}
  .footer1 .footer-smo{float: none;}
  .footer1 .newsletter_area{display: block; padding: 15px 0 0 6px;}
  .footer1 .ftbar li a, .footer2 .ftbar2 li a{padding: 6px 6px 3px;}
  .footer2 #copyright{padding-left: 12px; padding-top: 6px; line-height: 1.3em; color: rgba(255, 255, 255, 0.6);}
	.footer3 .footer-logo{margin-bottom: 12px;}
	.footer3 .footer-logo img{width: 127px;}
	.footer3 .ftbar{display: none;}
	.footer3 .ftbar-mobile{display: block}
	.lanT .footer3 .ftbar-mobile .nav-header, .lanS .footer3 .ftbar-mobile .nav-header{font-weight: bold;}
	.footer3 .footer-smo{clear: left; margin-left: -6px; margin-top: 17px;}
	.footer4{padding-top: 7px;}
	.footer4 .footer-logo2{display: none;}
	.footer4 .ftbar2{margin-left: -11px;}
	.footer4 .ftbar2 li:last-child:after{content: '';}
	.footer4 #copyright{clear: left; line-height: 1.3; margin-top: 3px; margin-bottom: 15px;}
}

@media (max-width : 599px){
  body{font-size: 14px;}
  /*#logo a{height: 70px; padding-top: 23px;} .sb-toggle-nav{height: 70px; padding-top: 27px;}
  .sb-nav-wrap{top: 60px;}*/
  .sb-submenu  ul li{width: 33.33%;} .sb-submenu  ul li:nth-child(4n+1){clear: none;} .sb-submenu  ul li:nth-child(3n+1){clear: left;}
}

@media (max-width : 479px){
	#container{padding-top: 54px !important;}

  #logo a{height: 54px; padding-top: 17px;}
  .logo_m{display: none;} .logo_s{display: block;}
  .sb-toggle-nav{height: 54px; padding-top: 19px; padding-left: 18px;}
  .sb-nav-wrap{top: 54px;}
  /*.header-s #logo a{height: 48px; padding-top: 12px;}  .header-s .sb-toggle-nav{height:48px; padding-top: 15px;} .header-s .sb-nav-wrap{top: 48px;}*/

  .sb-nav-wrap{padding: 20px;}
  .footer1 .footer-logo{ float: left; padding-left: 4px; margin-bottom: 15px;}
}

/*@media (min-width : 640px){
  #m1:hover > ul.dropdown-menu { display: block;}
  #topnav-lan:hover > ul.dropdown-menu { display: block;}
  #topnav-search:hover > ul.dropdown-menu { display: block;}
}

th.wheretobuy-result-list-store li {
    float: left;
    margin: 0 0.5em;
}

th.wheretobuy-result-list-store ul {
    list-style: none;
    margin: 0;
    padding: 0;
}*/


/** === layout === **/
.wrap-1650 { max-width: 1650px; margin: auto; }
.wrap-1500 { max-width: 1500px; margin: auto; }
.wrap-1280 { max-width: 1280px; margin: auto; }
.wrap-1024 { max-width: 1024px; margin: auto; }
#container { padding-top: 0; }
#banner { position: relative; }
#banner > .wrap{ padding: 0; width: 100%; }
.footer1 .ftbar li.active > a:before { left: 0; right: 0; }
#topbtn-wrap { height: 0; position: absolute; bottom: 90px; right: 25px; }

/** === header === **/
.btn-group > li:hover > ul.dropdown-menu { display: block;}
#topnav > ul > li { position: relative; }
#topnav > ul > li+li > a:before { content: "|"; margin-right: 12px;  }
#topnav > ul > li > a { font-family:  sans-serif; font-size: 14px; }
#topnav > ul > li > a:hover, #topnav > ul > li.open > a { color: #fff; }
#topnav > ul > li > a > i { margin-right: 4px; font-size: 24px; vertical-align: middle; }
#topnav > ul > li > a .caret2 { width: 12px; height: 8px; position: relative; display: inline-block; vertical-align: middle; margin-left: 4px; }
#topnav > ul > li > a .caret2:before{content: ''; position: absolute; right: 5px; top: 3px; width: 6px; height: 1px; background: #fff; display: block; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#topnav > ul > li > a .caret2:after{content: ''; position: absolute; left: 5px; top: 3px; width: 6px; height: 1px; background: #fff; display: block; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

#topnav .nav-mega { background: #fff; border-radius: 10px; }
#topnav .nav-mega ul { margin: 0 auto 6px; }
#topnav .nav-mega ul li { padding: 0px 20px; }
#topnav .nav-mega ul li a { font-family:  sans-serif; font-size: 16px; display: block; color: #000; position: relative; }
#topnav .nav-mega ul li a:hover, #topnav .nav-mega ul li a:focus { color: #de002b; }
#topnav .nav-mega ul li a > img { margin-right: 6px; }

#topnav-search > ul.nav-mega { border-radius: 0; max-width: 1660px; top: 60px; left: 50%; transform: translateX(-50%); padding-top: 18px; padding-bottom: 0; }
.header-s #topnav-search > ul.nav-mega { top: 32px; }

#nav > ul > li:hover > ul.dropdown-menu { display: block; }
#nav > ul > li > a { text-transform: uppercase; }


/** === banner **/
.banner-mobile { display: none; }

.breadcrumb { padding-left: 54px; margin-bottom: 0; background: none; font-size: 12px; color: #fff; line-height: 1.4; width: 1670px; position: absolute; top: 130px; left: 50%; transform: translateX(-50%); z-index: 11; }
.breadcrumb>li+li:before { content: '>'; }
.breadcrumb a { font-family:  sans-serif; font-size: 12px; color: #fff; }
.breadcrumb>.active { color: #fff; }

/** === content page-header === **/
#content .breadcrumb { display: block; }
.page-header { border-bottom: none; }
.page-header h1 { background: url(/static/images/page-header_bg.png) no-repeat center; line-height: 50px; padding-bottom: 16px; font-size: 30px; color: #020202; font-family:  sans-serif; font-weight: normal; }

/** === about fs === **/
.about { font-family:  sans-serif; font-size: 16px; line-height: 1.8; color: #000; text-align: left; }
.about .section { margin-bottom: 120px; }
.about .title { font-family:  sans-serif; font-size: 48px; line-height: 1.1; margin-bottom: 0.5em; }

.about .sec2, .about .sec4 { position: relative; }
.about .sec2 .sec-flex > .col-md-6:first-child, .about .sec4 .sec-flex > .col-md-6:first-child { float: right; }
.about .sec2 .float-pic { position: absolute; top: 50%; right: 5%; }
.about .sec4 .float-pic { position: absolute; top: 5%; left: 45%; }
.about .sec4 .cont { width: 80%; }

.about .sec2 { min-height: 500px; }
.about .sec3 { min-height: 400px; }
.about .sec4 { min-height: 360px; }

/** === history === **/
.history { padding-bottom: 100px; }
.history .section { width: calc(100% - 300px); background: #eee; clear: both; float: right; color: #444; }
.history .section:nth-child(odd) { background: #DE002B; float: left; color: #fff; }
.history .section .inner { float: left; width: calc(100% - 300px); margin-right: 300px; min-height: 124px; display: flex; align-items: center; }
.history .section .inner p { margin: 0; }
.history .section .inner > div { float: right; }
.history .section .inner > .year { width: 178px; text-align: center; padding: 15px; }
.history .section .inner > .year.red { color: #DE002B; }
.history .section .inner > .cont { width: calc(100% - 178px - 178px); padding: 15px 50px; text-align: left; line-height: 1.4; }
.history .section .inner > .img { float: left; width: 178px; }
.history .year { font-family:  sans-serif; font-size: 50px; color: #444; }
.history .section:nth-child(odd) .inner { float: right; margin-right: inherit; margin-left: 300px; }
.history .section:nth-child(odd) .year { color: #fff; }
.history .section:nth-child(odd) .inner > div { float: left; }
.history .section:nth-child(odd) .inner > .img { float: right; }
.history .section:nth-child(even) .inner > .year { order: 3; }
.history .section:nth-child(even) .inner > .cont { order: 2; }
.history .section:nth-child(even) .inner > .img { order: 1; }

/** === policies === **/
.policies { font-family:  sans-serif; font-size: 16px; line-height: 1.8; color: #000; text-align: left; padding: 100px 0; }
.policies .wrap-1500 { position: relative; }
.policies .policies-cont { position: absolute; right: 0; top: 0; max-width: 60%; }
.policies h2 { font-family:  sans-serif; font-size: 26px; }
.policies h2:before { content: "1"; border-radius: 50%; color: #fff; width: 35px; height: 35px; line-height: 35px; display: inline-block; text-align: center; margin-right: 6px; }
.policies .sec1 { margin-left: -60px; }
.policies .sec1 h2 { color: #C72C38; }
.policies .sec1 h2:before { content: "1"; background: #C72C38; }
.policies .sec1 p { margin-left: 60px; }
.policies .sec2 { margin-left: 5px; }
.policies .sec2 h2 { color: #6E9943; }
.policies .sec2 h2:before { content: "2"; background: #6E9943; }
.policies .sec2 li:nth-child(1) { margin-left: 30px; }
.policies .sec2 li:nth-child(2) { margin-left: 50px; }
.policies .sec2 li:nth-child(3) { margin-left: 70px; }
.policies .sec2 li:nth-child(4) { margin-left: 90px; }
.policies .sec3 { margin-left: 130px; }
.policies .sec3 h2 { color: #D2A412; }
.policies .sec3 h2:before { content: "3"; background: #D2A412; }
.policies .sec3 li:nth-child(1) { margin-left: 35px; }
.policies .sec3 li:nth-child(2) { margin-left: 80px; }
.policies .sec3 li:nth-child(3) { margin-left: 120px; }
.policies .sec3 li:nth-child(4) { margin-left: 160px; }

/** === energy === **/
.energy { font-family:  sans-serif; font-size: 16px; line-height: 1.8; color: #000; text-align: left; padding-bottom: 100px; }
.energy .green { color: #016C30; }
.energy h2 { color: #000; font-family:  sans-serif; font-size: 45px; font-weight: normal; }

.energy .sec1 { padding: 60px 0; }
.energy .sec1 .cont { max-width: 50%; margin: 50px 0; float: left; }
.energy .sec1 .img { float: right; }

.energy .sec2 { background: url(/static/images/energy-2.jpg) no-repeat top center; background-size: cover; padding: 40px 0; }
.energy .sec2 .cont { max-width: 50%; margin: 50px 5% 50px 50%; }
.energy .sec2 h2 { background: url(/static/images/energy-3.png) no-repeat left top; background-size: cover; padding: 60px 0 16px 110px; }
.energy .sec2 h2 span { display: block; }
.energy .sec2 p { margin-left: 18px; line-height: 1.5; }

.energy .sec3 { padding-bottom: 0px; }
.energy .sec3 .slider-circle { width: 60%; float: left; /*margin-top: -60px;*/ }
.cd-svg-clipped-slider { margin: 2em auto!important; }
.energy .sec3 .cont { width: 36%; float: right; margin-top: 100px; }
.energy .sec3 h2 span { display: block; }

.energy .sec4 { margin-bottom: 50px; }
.energy .sec4 .wrap-1500 { background: #F3F3F3; padding-bottom: 30px; }
.energy .sec4 .slider-circle { width: 60%; float: right; /*margin-top: -60px;*/ }
.energy .sec4 .cont { max-width: 36%; margin: 200px 0 0 60px; }

.energy .sec5 { text-align: center; }
.energy .sec5 h2 span { display: block; }
.energy .sec5 ul { padding: 0; margin: 0; list-style-type: none; }
.energy .sec5 ul li { width: 18%; float: left; margin: 20px 1%; line-height: 1.5; }
.energy .sec5 .circle { font-family:  sans-serif; font-size: 25px; color: #077033; border: #eee 5px solid; border-radius: 178px; width: 178px; height: 178px; margin: 0 auto 10px; line-height: 168px; }

/** === team === **/
.team { font-family:  sans-serif; font-size: 15px; line-height: 1.6; color: #000; text-align: left; }
.team .section { padding: 0 50px 0 50px; margin-bottom: 50px; }
.team .section:nth-child(2n+1) { clear: both; }
.team .sec3, .team .sec4 { min-height: 540px; }

.team .pic { position: relative; padding: 20px 0; z-index: 1; float: left; width: 230px; }
.team .pic:before { content: ""; border: #f00 1px solid; top: 10px; left: 10px; width: 215px; height: 302px; position: absolute; z-index: -1; }
.team .sec3 .pic:before, .team .sec4 .pic:before { border: #666 1px solid; }
.team .sec3 .pic, .team .sec4 .pic { float: right; }

.team .cont { margin-left: 260px; }
.team .sec3 .cont, .team .sec4 .cont { margin-right: 260px; margin-left: inherit; }
.team .title { /*position: absolute; bottom: 0; width: 90%;*/ margin-bottom: 20px; }
.team .sec3 .title, .team .sec4 .title { text-align: right; }
.team .title .name { font-family:  sans-serif; font-size: 50px; line-height: 1.4; }
.team .title .job { font-size: 30px; line-height: 1; position: relative; }
.team .title .job .bg { background: #fff; position: relative; z-index: 1; display: inline; padding-right: 30px; }
.team .sec3 .title .bg, .team .sec4 .title .bg { padding-left: 30px; padding-right: 0; }
.team .title .job:after { content: ""; width: 100%; position: absolute; left: 0; top: 0.6em; border-top: 1px solid #000; }
.team .title .job span { color: #DE002B; }

/** === csr === **/
.csr { font-size: 16px; text-align: left; color: #000; }
.csr .section { margin-bottom: 12px; }
.csr .section .cont { padding-right: 60px; }
.csr h2, .csr h3 { font-family:  sans-serif; font-weight: normal; font-size: 22px; }
.csr h2 { font-size: 44px; position: relative; overflow: hidden; margin-top: 0; }
.csr h2 span { background: #fff; padding-right: 30px; }
.csr h2:after { content: ""; width: 100%; position: absolute; bottom: 0.4em; border-top: 1px solid #000; }
.csr p, .csr li { font-family:  sans-serif; line-height: 1.6; }
/*.sec-flex { display: flex; align-items: center; }*/

.csr .sec1 h2 { color: #C1856A; }
.csr .sec2 h2 { color: #648802; }
.csr .sec3 h2 { color: #6783AB; }

/** === quality === **/
.quality { color: #000; font-family:  sans-serif; text-align: left; line-height: 1.6; padding-bottom: 150px; }
.quality p { font-family:  sans-serif; font-size: 16px; margin-bottom: 24px; }
.quality h2 { font-size: 30px; }
.quality h3 { font-size: 25px; }
.quality .timeline { white-space: nowrap; overflow: hidden; margin: 50px auto; }
.quality .timeline ul { width: 100%; padding: 200px 0 200px; list-style-type: none; position: relative; }
/*.quality .timeline ul::after { content: ""; position: absolute; background: url(/static/images/quality-arrow.png) no-repeat; display: block; width: 20px; height: 24px; right: 0; top: 50%; transform: translateY(-6px); }*/
.quality .timeline ul li { position: relative; display: inline-block; width: calc(100% / 7); height: 2px; background: #000; }
.quality .timeline ul li:nth-child(1) { background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(5,5,5,0) 50%, rgba(0,0,0,1) 51%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(5,5,5,0) 50%,rgba(0,0,0,1) 51%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(5,5,5,0) 50%,rgba(0,0,0,1) 51%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=1 ); /* IE6-9 */ }
.quality .timeline ul li:nth-child(7) { background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 49%, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 52%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 49%,rgba(255,255,255,1) 51%,rgba(255,255,255,0) 52%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 49%,rgba(255,255,255,1) 51%,rgba(255,255,255,0) 52%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ }
.quality .timeline ul li::before { content: ""; background: #000; width: 2px; display: block; height: 160px; position: absolute; left: 50%; top: 0; transform: translateY(-160px); }
.quality .timeline ul li + li { margin-left: -4px; }
.quality .timeline li .no { font-size: 30px; font-family:  sans-serif; color: #fff; background: #000; width: 50px; height: 50px; border-radius: 50px; text-align: center; line-height: 50px; position: absolute; top: -24px; left: 50%; margin-left: -25px; }
.quality .timeline li:nth-child(2) .no { background: #4D0000; }
.quality .timeline li:nth-child(3) .no { background: #600000; }
.quality .timeline li:nth-child(4) .no { background: #790000; }
.quality .timeline li:nth-child(5) .no { background: #930000; }
.quality .timeline li:nth-child(6) .no { background: #C80000; }
.quality .timeline li:nth-child(7) .no { background: #D90000; }
.quality .timeline li p { font-family:  sans-serif; font-size: 22px; line-height: 1.1; background: #fff; text-align: center; position: absolute; transform: translateY(-160px); white-space: normal; width: 100%; margin-bottom: inherit; padding-bottom: 12px; }
.quality .timeline li p::before { content: ""; background: #000; width: 8px; height: 8px; border-radius: 8px; position: absolute; bottom: -6px; left: calc(50% - 3px); }
.quality .timeline ul li:nth-child(even)::before { transform: translateY(0px); }
.quality .timeline li:nth-child(even) p { transform: translateY(160px); }
.quality .timeline li:nth-child(even) p::before { content: ""; background: #000; width: 8px; height: 8px; border-radius: 8px; position: absolute; top: -6px; left: calc(50% - 3px); }
.quality .sec2 .mt-50 { margin-top: 50px; }
.quality .sec3 { color: #fff; background: url(/static/images/quality_bg.jpg) no-repeat; background-size: cover; margin-top: 100px; padding: 50px; text-align: center; }
.quality .sec3 .sec-cont { max-width: 860px; margin: 50px auto; }
.quality .sec3 h3 { margin-bottom: 24px; color: #fff; }
.quality .pic { text-align: center; }
.quality .pic > img { width: 30%; margin: 0 1.5% 20px; }

/** === brands === **/
.brands { text-align: left; }
.brands .col-md-6 { padding: 100px 15px 0px; }
.brands .col-md-6:nth-child(2n+1) { clear: both; }

.brands .brands-bg { background: #2C2C2C; padding: 60px 40px 100px; position: relative; }
.brands .brands-bg h2 { font-family: "Swis721 Hv BT", "Myriad Pro", \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; position: absolute; top: -170px; left: 40px; font-size: 90px; color: #951226; text-shadow: #fff 0 0 20px; font-style: italic; }
.brands .brands-bg p { font-family:  sans-serif; font-size: 16px; color: #fff; line-height: 1.6; }
.brands .brands-bg .more { position: relative; z-index: 1; }
.brands .brands-bg .more a { font-size: 12px; color: #fff; background: #B20000; position: relative; padding: 0; display: inline-block; }
.brands .brands-bg .more a span { display: block; padding: 0 20px; transition: all 0s linear; }
.brands .brands-bg .more a::before, .brands .brands-bg .more a::after { content: ""; position: absolute; background: #B20000; height: 1px; transition: all 0.2s linear; transition-delay: 0.2s; width: 0; }
.brands .brands-bg .more a span::before, .brands .brands-bg .more a span::after { content: ""; position: absolute; background: #B20000; width: 1px; height: 0; transition: all 0.2s linear; transition-delay: 0.2s; }
.brands .brands-bg .more a:before { left: 0; top: 0; }
.brands .brands-bg .more a:after { right: 0; bottom: 0; }
.brands .brands-bg .more a span:before { left: 0; top: 0; }
.brands .brands-bg .more a span:after { right: 0; bottom: 0; }
.brands .col-md-6 .brands-bg .more a:hover { background: #fff; color: #B20000; }
.brands .col-md-6 .brands-bg .more a:hover::before, .brands .col-md-6 .brands-bg .more a:hover::after { width: 100%; }
.brands .col-md-6 .brands-bg .more a:hover span::before, .brands .col-md-6 .brands-bg .more a:hover span::after { height: 100%; }
.brands .brands-bg .pic { position: absolute; bottom: -100px; right: 30px; }

.brands .col-md-6:nth-child(even) { margin-top: 100px; }
.brands .col-md-6:nth-child(even) .brands-bg { background: #eee; }
.brands .col-md-6:nth-child(even) .brands-bg h2 { color: #1B1F26; }
.brands .col-md-6:nth-child(even) .brands-bg p { color: #000; }

.brands .sec2 .pic { bottom: -200px; }
.brands .sec3 { padding-top: 220px; }
.brands .sec3 .pic { bottom: -230px; left: 0px; right: inherit; }
.brands .sec4 { padding-top: 60px; }
.brands .sec4 .pic { bottom: -200px; }
.brands .sec5 { margin-top: 160px; }
.brands .sec5 .pic { bottom: -160px; }
.brands .col-md-6:nth-child(even).sec6 { margin-top: 200px; }
.brands .sec6 .pic { bottom: -250px; }
.brands .sec7 { margin-top: 100px; padding-bottom: 220px; }
.brands .sec7 .pic { bottom: -200px; right: 0px; }

.brands .first-wrod:before { content: ""; background: url(/static/images/arrow-1.png) no-repeat; width: 15px; height: 18px; display: inline-block; margin-right: 6px; vertical-align: middle; }
.brands .first-wrod.fw2:before { background: url(/static/images/arrow-2.png) no-repeat; }

/** === global === **/
.global-select { margin-bottom: 20px; }
.global-select .col-md-3 { margin-bottom: 12px; }
.global .global-area .col-md-6 { margin-bottom: 70px; }
.global .global-area .col-md-6:nth-child(2n+1) { clear: both; }
.global .global-area h2.title { background: url(/static/images/index-title_bg.png) no-repeat center; padding: 30px 0; margin: 30px auto; }
.global-cont { font-family:  sans-serif; text-align: left; line-height: 1.6; font-size: 16px; color: #000; }
.global-cont .gl-com { color: #DE002B; font-size: 22px; }
.global-cont .gl-loc { margin-top: 4px; }
.global-cont .gl-loc a { display: inline-block; color: #fff; font-size: 15px; background: #B20000; padding: 0 15px; }
.global-cont .gl-loc a i.fa { width: 20px; }
@media (max-width:1500px) {
  .wrap-1500 { max-width: inherit; width: 100%; }
}

/** === careers === **/
.careers .section { margin-bottom: 80px; }

.careers-select ul { padding: 0; }
.careers-select ul li { list-style-type: none; width: 25%; float: left; margin-left: -1px; }
.careers-select ul li a { display: block; border: #bbb 1px solid; position: relative; padding: 10px 0; }
.careers-select ul li a:hover { z-index: 1; border-color: #DE002B; }
.careers h2.title { font-size: 30px; color: #020202; background: url(/static/images/page-header_bg.png) no-repeat center; padding: 30px 0; margin: 30px auto; }
.careers-tab { width: 100%; }
.careers-tab th, .careers-tab td { padding: 12px 20px; font-size: 16px; line-height: 1.4; color: #212121; }
.careers-tab thead tr { background: #555; }
.careers-tab thead tr th { font-size: 16px; color: #fff; font-weight: normal; text-align: center; }
.careers-tab thead tr th:nth-child(1) { text-align: left; }
.careers-tab tr:nth-child(even) { background: #F3F3F3; }
.careers-tab tr td:nth-child(1) { color: #DE022C; text-decoration: underline; max-width: 240px; }
.careers-tab td:nth-child(1), .careers-tab td:nth-child(2), .careers-tab td:nth-child(3) { text-align: left; }
.careers-tab td a { color: #333; border: #555 1px solid; display: inline-block; padding: 4px 16px; border-radius: 2px; }
.careers-tab td a:hover, .careers-tab td.active a { color: #fff; background: #DE002B; border-color: #DE002B; }

.welfare-area { position: relative; }
.welfare-area:after { content: ""; display: block; width: 60px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate3d(-30px,-20px,0px); background: #fff; }
.welfare { text-align: left; float: left; width: 50%; padding: 0px; margin: 0px; }
.welfare:nth-child(2n+1) { clear: both; }
.welfare .welfare-inner { margin: 0px; padding: 30px 50px; font-size: 16px; }
.welfare .welfare-inner h3 { font-size: 26px; }
.welfare:nth-child(3) .welfare-inner, .welfare:nth-child(4) .welfare-inner { border-top: #DE002B 1px solid; }
.welfare:nth-child(even) .welfare-inner { border-left: #DE002B 1px solid; }
.wel-inner3 ul { width: 50%; float: left; }

.careers .sc4 .swip { width: 50%; float: left; }
.swiper-container-careers { max-width: 614px; overflow: hidden; }
.swiper-caption { background: rgba(0,0,0,.5); font-size: 16px; color: #fff; position: absolute; width: 100%; bottom: 0; left: 0; text-align: left; padding: 10px 20px; }
.swiper-container-horizontal>.swiper-pagination-bullets { right: 20px; width: auto; left: inherit; }
.swiper-pagination-bullet { background: #fff; opacity: 1; }
.swiper-pagination-bullet-active { background: #DE002B; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; }

.careers .sc4 .acc { width: 50%; float: left; text-align: left; padding: 0 30px; }
.acc .panel { border: none; background: none; box-shadow: none; }
.acc .panel-default>.panel-heading { background: none; padding: 0; }
.acc .panel-default>.panel-heading a.collapsed { color: #000; }
.acc .panel-default>.panel-heading a.collapsed:after { background: url(/static/images/open.png) no-repeat center center; }
.acc .panel-default>.panel-heading a, .acc .panel-default>.panel-heading a:hover { display: block; padding: 10px 0; color: #b50505; border-bottom: 1px solid; }
.acc .panel-default>.panel-heading a:after { content: ""; display: block; width: 19px; height: 19px; background: url(/static/images/open-in.png) no-repeat center center; float: right; }

.acc .panel-title { font-size: 22px; }
.acc .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: none; }
.acc .panel-body ul { padding-left: 12px; }

.careers .sc5 { background: url(/static/images/sec5_bg.jpg) no-repeat; padding: 60px 0 150px; margin-bottom: 0; }
.careers .sc5 h2 { color: #fff; background: url(/static/images/index-title_bg2.png) no-repeat center; }
.careers .sc5 ul { padding: 0; max-width: 450px; margin: auto; transform: translateX(20%); }
.careers .sc5 ul li { text-align: left; color: #fff; }

/** === new === **/
.news-select { font-family:  sans-serif; margin-bottom: 50px; }
.news-select .select-right { float: right; }
.news-select .select-right > div { float: left; }
.news-select .select-right > div + div { margin-left: 16px; min-width: 220px; }

.news-list .news-select .list-icon a:nth-child(1) { display: inline-block; width: 32px; height: 30px; background: url(/static/images/list02.png) no-repeat; margin-right: 6px; }
.news-list .news-select .list-icon a:nth-child(2) { display: inline-block; width: 32px; height: 30px; background: url(/static/images/list01.png) no-repeat; }
.news-list .news-select .list-icon a:nth-child(1).active { background: url("/static/images/list02-active.png") no-repeat; }
.news-list .news-select .list-icon a:nth-child(2).active { background: url("/static/images/list01-active.png") no-repeat; }

.news-list.exhibiton .news-select .list-icon a:nth-child(1),
.news-list.ach .news-select .list-icon a:nth-child(1),
.news-list.news-tech .news-select .list-icon a:nth-child(1)
{ background: url(/static/images/list01.png) no-repeat; margin-right: 6px; }
.news-list.exhibiton .news-select .list-icon a:nth-child(2),
.news-list.ach .news-select .list-icon a:nth-child(2),
.news-list.news-tech .news-select .list-icon a:nth-child(2)
{ background: url(/static/images/list02.png) no-repeat; }

.news-list.exhibiton .news-select .list-icon a:nth-child(1).active,
.news-list.ach .news-select .list-icon a:nth-child(1).active,
.news-list.news-tech .news-select .list-icon a:nth-child(1).active
{ background: url("/static/images/list01-active.png") no-repeat; }
.news-list.exhibiton .news-select .list-icon a:nth-child(2).active,
.news-list.ach .news-select .list-icon a:nth-child(2).active,
.news-list.news-tech .news-select .list-icon a:nth-child(2).active
{ background: url("/static/images/list02-active.png") no-repeat; }

.news-select > div.title { float: left; color: #111; font-size: 25px; }
.news-select .title select { border: none; }
.news-select .select-sub, .news-select .select-year { color: #000; font-size: 16px; }
.news-select .select-sub select, .news-select .select-year select { width: 100%; padding: 2px 0px; }

.news-page { margin: 50px auto; }
.news-page ul { text-align: center; padding-left: 0; }
.news-page ul li { list-style-type: none; display: inline-block; }
.news-page ul li a { display: inline-block; font-family:  sans-serif; color: #464637; font-size: 16px; width: 24px; line-height: 24px; height: 24px; text-align: center; border-radius: 20px; }
.news-page ul li a i { transition: none; }
.news-page ul li a:hover, .news-page ul li.active a { background: #DE002B;  color: #fff; }

/** === new list === **/
.list-item { border-bottom: #eee 1px solid; padding: 15px 0 15px 15px; position: relative; }
.list-item:nth-child(even) { background: #F2F2F2; }

.list-item .pic { display: none; }

.list-item .news-smo { margin-bottom: 12px; width: 150px; height: 24px; position: absolute; right: 25px; text-align: right; }
.list-item .news-smo a { position: absolute; width: 24px; transition: all 0.3s ease; }
.list-item .news-smo img { width: 24px; background: #fff; border-radius: 24px; }
.list-item .news-smo:hover a:nth-child(1) { transform: translateX(-150px); }
.list-item .news-smo:hover a:nth-child(2) { transform: translateX(-120px); }
.list-item .news-smo:hover a:nth-child(3) { transform: translateX(-90px); }
.list-item .news-smo:hover a:nth-child(4) { transform: translateX(-60px); }
.list-item .news-smo:hover a:nth-child(5) { transform: translateX(-30px); }

.list-item .news-date { float: left; width: 60px; text-align: center; margin-right: 20px; }
.list-item .news-date .day { font-family: Arial, "Myriad Pro", \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size: 50px; color: #C50000; line-height: 1; }
.list-item .news-date .moon { font-size: 13px; color: #C50000; line-height: 1; text-align: center; }

.list-item .news-sub { float: left; font-family:  sans-serif; font-size: 16px; width: calc(100% - 300px); text-align: left; }
.list-item .news-sub a { color: inherit; }
.list-item .news-sub p { margin: 0; }

.list-item .news-btn { float: right; margin-top: 36px; }
.list-item .btn-more { text-align: right; }
.list-item .btn-more a { background: #de002b; color: #fff; font-family:  sans-serif; font-size: 15px; padding:  0; }
.btn-more a { background: #de002b; position: relative; padding: 0; display: inline-block; }
.btn-more a span { display: block; padding: 0 20px; transition: all 0s linear; }
.btn-more a::before, .btn-more a::after { content: ""; position: absolute; background: #de002b; height: 1px; transition: all 0.3s linear; transition-delay: 0.3s; width: 0; }
.btn-more a span::before, .btn-more a span::after { content: ""; position: absolute; background: #de002b; width: 1px; height: 0; transition: all 0.3s linear; transition-delay: 0.2s; }
.btn-more a:before { left: 0; top: 0; }
.btn-more a:after { right: 0; bottom: 0; }
.btn-more a span:before { left: 0; top: 0; }
.btn-more a span:after { right: 0; bottom: 0; }
.btn-more a:hover { background: #fff; color: #de002b; }
.btn-more a:hover::before, .btn-more a:hover::after { width: 100%; }
.btn-more a:hover span::before, .btn-more a:hover span::after { height: 100%; }

/** === news list block === **/
.news-list-block .list-item { border-bottom: none; width: 50%; float: left; margin-bottom: 50px; }
.news-list-block .list-item:nth-child(2n+1) { clear: both; }
.news-list-block .list-item:nth-child(even) { background: none; }
.news-list-block .list-item .pic { display: block; border: #ddd 1px solid; position: relative; overflow: hidden; }
.news-list-block .list-item .pic .ribbon { font-family:  sans-serif; font-size: 16px; position: absolute; top: 15px; width: 160px; padding: 1px 0; background: #c00; color: #ffff; transform: rotate(-35deg); left: -50px; text-align: center; line-height: 1.4; }
.news-list-block .list-left, .news-list-block .list-right { float: left; width: 50%; padding-left: 15px; padding-right: 15px; }

.news-list-block .list-item .news-smo { margin-bottom: 12px; width: 150px; height: 24px; position: static; right: 40px; text-align: left; }
.news-list-block .list-item .news-smo a { position: static; width: 24px; transition: all 0.3s ease; }
.news-list-block .list-item .news-smo a:last-child { display: none; }
.news-list-block .list-item .news-smo img { width: 24px; background: #fff; border-radius: 24px; }
.news-list-block .list-item .news-sub { clear: both; position: relative; width: 100%; }
.news-list-block .list-item .news-sub > .icon { position: absolute; top: -30px; left: 70px; }
.news-list-block .list-item .news-sub p { font-family:  sans-serif; font-size: 16px; line-height: 1.2; margin: 12px 0; }
.news-list-block .list-item .news-btn { float: none; clear: both; }
.news-list-block .list-item .news-btn .btn-more { text-align: left; }

/** === exhibition === **/
.exhibiton .list-item:nth-child(even) { background: none; }
.exhibiton .news-logo { float: left; width: 200px; padding-top: 10px; }
.exhibiton .news-sub { color: #000; line-height: 1.6; width: calc(100% - 300px); }
.exhibiton .news-sub .title { color: #DE002B; font-family: "Roboto Condensed", sans-serif; font-size: 22px; }
.exhibiton .news-sub i { width: 24px; text-align: center; }
.exhibiton .news-sub p { display: none; }
.exhibiton .news-btn { float: right; margin-top: 70px; }
.exhibiton .btn-more { text-align: right; }
i.fa { width: 36px; text-align: center; }

/** === exh block === **/
.exh-block .list-item { padding: 20px; border-bottom: none; }
.exh-block .list-item:nth-child(odd) { background: #F7F7F7; }
.exh-block .pic { display: block; float: left; width: 240px; }
.exh-block .exh-right { margin-left: 270px; }
.exh-block .news-sub { color: #000; line-height: 1.6; }
.exh-block .exh-date, .exh-block .exh-loc, .exh-block .exh-booth { display: inline-block; }
.exh-block .news-logo { padding-top: 0; float: none; text-align: left; }
.exh-block .news-sub p { display: block; }
.exh-block .news-btn { margin-top: 0px; clear: both; }

/** === achievements === **/
.ach .list-item:nth-child(even) { background: none; }

/** === ach block === **/
.ach-block { padding-bottom: 200px; }
.ach-block .pic { display: block; margin-bottom: 30px; }
.ach-block .pic img { border-radius: 10px; }
.ach-block .list-item { border-bottom: none; }
.ach-block .list-item:not(:nth-child(1)) { display: none; }
.ach-block .list-right { max-width: 600px; margin: auto; }
.ach-block .news-sub { width: calc(100% - 80px); }
.ach-block .news-btn { display: none; }
.ach-block .news-page { display: none; }
.container_msg12840 .news-page { display: none; }

.flipster { max-width: 80%; margin: auto; overflow: hidden; }
.flipster-carousel .flip-items .icon > img { width: auto; box-shadow: none; }
.flipster--carousel .flipster__item--past-1, .flipster--carousel .flipster__item--future-1 { opacity: 0.3; }
.flipster--carousel .flipster__item--past-2, .flipster--carousel .flipster__item--future-2 { opacity: 0; }
.flipster--carousel .flipster__item--past-1 .flipster__item__content { background: linear-gradient(#eee 0%, #ccc 100%); border-radius: 30px; }
/* .flipster--carousel .flipster__item--past-1 .flipster__item__content img, .flipster--carousel .flipster__item--past-1 .flipster__item__content .list-right { opacity: 0; } */
.flipster--carousel .flipster__item--future-1 .flipster__item__content { background: linear-gradient(#eee 0%, #ccc 100%); border-radius: 30px; }
/* .flipster--carousel .flipster__item--future-1 .flipster__item__content img, .flipster--carousel .flipster__item--future-1 .flipster__item__content .list-right { opacity: 0; } */
.flipster__item--current .pic { background: linear-gradient(#fff 0%, #fff 75%, #666 100%); box-shadow: 0 0 20px rgba(0,0,0,.3); border-radius: 16px; }
.flipster__item--current .pic img { border-radius: 16px; opacity: .8; }

/** === techarticies === **/
.news-tech .list-item:nth-child(even) { background: none; }
.news-tech .news-sub { float: none; font-family: "Roboto Light", sans-serif; font-size: 16px; line-height: 1.6; color: #000; width: 100%; }
.news-tech .news-sub .ser { font-family: "Roboto Condensed", sans-serif; font-size: 15px; color: #666; }
.news-tech .news-sub .title { font-family: "Roboto Condensed", sans-serif; font-size: 25px; }
.news-tech .list-item .news-btn { margin-top: 12px; }
.news-list.news-tech .news-select { display: none; }

/** === tehc block === **/
.tech-block .list-item { padding: 20px; border-bottom: none; }
.tech-block .list-item:nth-child(odd) { background: #F6F6F6; }
.tech-block .pic { display: block; width: 370px; float: right; position: relative; }
.tech-block .pic.play:before { content: ""; background: url(/static/images/play.png) no-repeat; width: 93px; height: 93px; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); }

.tech-block .inner { margin-right: 370px; padding: 0 30px; }
.tech-block .news-sub .ser { text-align: right; }
.tech-block .list-item:nth-child(odd) .pic { width: 370px; float: left; }
.tech-block .list-item:nth-child(odd) .inner { margin-left: 370px; margin-right: inherit; }

/** === news cont === **/
.news-content { font-family:  sans-serif; font-size: 16px; line-height: 1.6; color: #131313; padding-bottom: 50px; text-align: left; }
.news-content .sec1 { background: #F3F3F3; padding: 60px 45px; margin-bottom: 30px; position: relative; }
.news-content .swip-pic { float: left; width: 50%; }
.news-content .main-text { float: left; width: 50%; padding: 0 50px; line-height: 1.5; }
.news-content .main-title { margin-bottom: 40px; }
.news-content .main-title > div { display: inline-block; vertical-align: middle; }
.news-content .news-date .day { font-family: Arial, "Myriad Pro", \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size: 50px; color: #C50000; line-height: 1; }
.news-content .news-date .moon { font-size: 13px; color: #C50000; line-height: 1; text-align: center; }
.news-content .main-title + p { font-size: 20px; font-weight: bold; color: #df002b; }
.news-content h3 { font-family:  sans-serif; font-size: 30px; }
.news-content .news-smo { position: absolute; right: 60px; bottom: 15px; }
.news-content .news-smo ul { padding: 0; }
.news-content .news-smo ul li { list-style-type: none; width: 29px; margin: 0 5px; display: inline-block; }
.news-content .back { margin: 30px 0; }
.news-content .back img { vertical-align: middle; }

.news-content .back a { display: inline-block; line-height: 1; color: #DE002B; cursor: pointer; position: relative; padding: 6px; font-weight: bold; }
.news-content .back a:focus { color: #DE002B; }
.news-content .back a:before { content: ""; position: absolute; z-index: 0; left: 50%; right: 50%; bottom: 0; background: #de002b; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.news-content .back a:hover:before, .news-content .back a:focus:before, .news-content .back a:active:before { left: 0; right: 0; color: #DE002B; }

.news-content .bimgarea { height: 380px; text-align: center; background: #c8c8c8; overflow: hidden; }
.news-content .bimgarea img { height: 100%; }

.showsmall-wrapper { padding: 0 40px; position: relative; margin-top: 20px; }
.showsmall-wrapper .ctrl-btn { position: absolute; width: 40px; height: 100%; cursor: pointer; outline: none; text-align: center; }
.showsmall-wrapper .ctrl-btn.showsmall-prev { left: 0; top: 0; }
.showsmall-wrapper .ctrl-btn.showsmall-prev span { border-top: 0; border-right: 0; }
.showsmall-wrapper .ctrl-btn.showsmall-next { right: 0; top: 0; }
.showsmall-wrapper .ctrl-btn.showsmall-next span { border-left: 0; border-bottom: 0; }
.showsmall-wrapper .ctrl-btn span { position: absolute; font-size: 36px; top: 50%; left: 50%; width: 20px; height: 20px; -webkit-transform: translate(-50%) rotate(45deg); -ms-transform: translate(-50%) rotate(45deg); transform: translate(-50%) rotate(45deg); border: 1px #333 solid; content: ""; }
.showsmall-wrapper .ctrl-btn:hover span { border-color: #DE002B; }
.showsmall-wrapper ul { padding: 0; margin: 0; list-style: none; }
.showsmall-wrapper ul li { float: left; }
.showsmall-wrapper ul li img { width: auto; height: 100%; }
.showsmall-wrapper ul .popup-gallery { padding: 0; height: 90px; background: #fff; text-align: center; line-height: 90px; margin: 0 12px; overflow: hidden; }

/** === exh cont === **/
.exh-content .main-title { margin-bottom: 30px; }
.exh-content .main-title > h2 { color: #DE002B; font-size: 22px; font-family: "Roboto Condensed", sans-serif; }
.exh-content .news-exh { margin-bottom: 6px; }
.exh-content .news-exh > div { display: inline-block; }
.exh-content .news-exh > div + div:before { content: "/"; margin: 0 12px; }

/** === 404 === **/
.alert-404-txt { margin: 50px auto; max-width: 1280px; padding: 0 30px; }
.alert-404-txt ul { padding-left: 0; list-style: none; }
.alert-404-txt > ul > li { float: left; width: 24%; margin: 0 0.5% 30px; }
.alert-404-txt > ul > li > a { margin-bottom: 12px; }
.alert-404-txt ul ul { position: static; display: block; float: none; }

/** ==== **/
.privacy { margin: 0 auto; text-align: left; max-width: 1200px; padding-bottom: 100px; }
.privacy .cookiestr { font-size: 2em; font-weight: bold; position: relative; margin-bottom: 12px; }
.privacy .cook-inner { margin-top: 30px; padding-left: 30px; padding-right: 30px; }
.privacy button { background-color: #fff!important; border: #de002b 4px solid; padding: 0px 24px; color: #de002b; line-height: 36px; transition: 0.5s ease; }
.privacy button:hover { background-color: #de002b!important; border: #de002b 4px solid; padding: 0px 24px; color: #fff; line-height: 36px; }

#tarteaucitronAlertBig { background: rgba(0,0,0,0.9); color: #fff; font-size: 15px; left: 0; bottom: 0;  padding: 15px; position: fixed; text-align: center; width: 100%; z-index: 1; text-align: left; }
#tarteaucitronAlertBig h5 { font-size: 16px; font-weight: bold; }
#tarteaucitronAlertBig p { margin: 0; padding: 0; }
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b { font: 15px; color: #fff; line-height: 1.8!important; }
#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize { border: 2px solid #fff; color: #fff; -webkit-border-radius: 0px; borr-radius: 0px; display: inline-block; min-width: 145px; text-align: center; }
#tarteaucitronAlertBig a, #tarteaucitronAlertBig a:hover { color: #fff; }
#tarteaucitronAlertBig .wrap-1500 > div { margin: 16px 0; }

#gdprtext { padding-bottom: 30px; padding-top: 30px; }
#tarteaucitronAlertBig strong { color: #fff; }
#tarteaucitronDisclaimerAlert .title { color: #fff; }
/*#tarteaucitronDisclaimerAlert > br { display: none; }*/
#tarteaucitronPersonalize { margin-left: 30px; margin-top: 12px; }

@media (max-width: 1700px) {
  .breadcrumb { width: 100%; left: 0; transform: translateX(0); }
	/** === footer === **/
	.footer1 { padding: 30px 15px; }
	.footer2 #copyright { margin-left: 15px; }
}
@media (max-width: 1650px) {
	.wrap-1650 { width: 100%; }
	/** === brand === **/
	.brands .col-md-6:first-child { padding-top: 60px; }
	.brands .brands-bg h2 { font-size: 72px; margin: 0; padding: 0; top: -30px; }
	/** === energy === **/
	.energy h2 { font-size: 36px; margin-top: 0; }
	.energy .sec1, .energy .sec2, .energy .sec3, .energy .sec4, .energy .sec5 { padding: 0 30px; }
	.energy .sec1, .energy .sec2, .energy .sec3, .energy .sec4 { margin-bottom: 30px; }
	.energy .sec1 .cont { margin: 0; }
	.energy .sec1 .img { width: 50%; }
	.energy .sec2 { padding: 30px; }
}
@media (max-width: 1500px) {
	/** === brand === **/
	.brands .brands-bg h2 { font-size: 60px; }
	/** === about fs === **/
	.about { padding: 0 30px; }
	.about .title { font-size: 36px; }
	.about .sec2 .float-pic > img { max-width: 320px; }
	.about .sec4 .float-pic > img { max-height: 320px; }
	/** === history === **/
	.history .section { width: 100%; }
	.history .section .inner { width: 100%; }
	.history .section:nth-child(odd) .inner { margin-left: 0; }
	/** === policies === **/
	.policies { padding: 30px 30px 300px; }
	.policies-pic, .policies .policies-cont { max-width: 50%; line-height: 1.4; padding: 15px; }
	.policies .sec1, .policies .sec2, .policies .sec3 { margin-left: 0; }
	.policies .sec1 p { margin-left: 40px; }
	.policies li { margin-bottom: 6px; }
	.policies .sec2 li:nth-child(1), .policies .sec2 li:nth-child(2), .policies .sec2 li:nth-child(3), .policies .sec2 li:nth-child(4),
	.policies .sec3 li:nth-child(1), .policies .sec3 li:nth-child(2), .policies .sec3 li:nth-child(3), .policies .sec3 li:nth-child(4) { margin-left: 0; }
	/** === quality === **/
	.quality { padding: 0; }
	.quality .sec1, .quality .sec2 { padding: 0 30px; max-width: 1200px; margin: auto; }
	.quality .pic { max-width: 1200px; margin: auto; }
	/** === news === **/
	.news-list { padding: 0 30px; }
	.exhibiton .news-sub .title, .news-tech .news-sub .title { line-height: 1.4; }
	.news-content { padding: 0 30px; }
}
@media (max-width: 1439px) {
  .breadcrumb { padding-left: 15px; }
}
@media (max-width: 1280px) {
	/** === team === **/
	.team .section { width: 100%; float: none; min-height: inherit; padding-bottom: 0; }
}
@media (max-width: 1199px) {
	.logo_b { max-width: 150px; }
	/** === about fs === **/
	.about .title { font-size: 30px; }
	.about .sec2 .float-pic, .about .sec4 .float-pic { position: static; }
/*
	.about .sec2 .float-pic > img { max-width: 260px; }
	.about .sec4 .float-pic { margin-top: -50px; }
	.about .sec4 .float-pic > img { max-height: 260px; }
*/
	/** === history === **/
	.history .section .inner > .year { padding: 0; }
	.history .section .inner > .cont { padding: 15px; }
	/** === policies === **/
	.policies { max-width: 860px; margin: auto; }
	.policies-pic { max-width: none; padding: 0; }
	.policies .policies-cont { position: static; width: 100%; max-width: inherit; padding: 0 30px; margin: 30px auto; }
	/** === energy === **/
	.energy { line-height: 1.6; }
	.energy h2 { font-size: 30px; }
	.energy .sec1 .cont { float: none; max-width: inherit; }
	.energy .sec1 .img { width: 100%; }
	.energy .sec2 { padding: 15px 30px; background-position: top left 45%; margin-bottom: 60px; }
	.energy .sec2 .cont { max-width: inherit; margin: 0; margin-left:40%; }
	.energy .sec3, .energy .sec4 { margin-bottom: 30px; }
	.energy .sec3 .slider-circle, .energy .sec4 .slider-circle { float: none; width: 100%; max-width: 760px; margin: 15px auto 0; padding: 15px; }
	.energy .sec3 .cont, .energy .sec4 .cont { width: 100%; float: none; margin: auto; padding: 0; max-width: 560px; }
	.energy .sec4 .wrap-1500 { padding-top: 80px; }
	.energy .sec5 { margin-bottom: 50px; }
	.energy .sec5 ul li { width: 30%; margin: 12px 1% 0; }
	.energy .sec5 ul li:nth-child(3n+1) { clear: both; }
	.energy .sec5 ul li:nth-child(4) { margin: 12px 1% 0 19%; }
	.energy .sec5 ul li:nth-child(5) { margin: 12px 19% 0 1%; }
	.energy .sec5 h2 span { margin-bottom: 4px; }
	.energy .sec5 .circle { font-size: 16px; width: 140px; height: 140px; line-height: 1; padding: 60px 0; }
	.energy .sec5 .circle + p { line-height: 1.4; }
	/** === news === **/
	.exhibiton .news-sub .title { font-size: 20px; }
	.news-tech .news-sub .title { font-size: 22px; }
	.showsmall-wrapper ul .popup-gallery { height: 70px; line-height: 70px; }
}
@media (max-width: 1023px) {
	.header-s #logo { padding: 0; margin-top: 0px; }
	.header-s .sb-toggle-nav .navicon-line { background: #fff; }
	.header_nav { height: 54px; background: rgba(255,255,255,.9); }
	#logo { margin: 0 0 0 12px; float: none; }
	#logo a { height: auto; padding: 8px 0 0; }
	.ver-nav { position: absolute; top: 0; right: 0; }
  .breadcrumb { top: 50px; }
	/** == brands === **/
	.brands { padding: 15px 15px 50px; }
	.brands .col-md-6 { float: none; width: 100%; padding: 0; }
	.brands .col-md-6:first-child { padding-top: 0; }
	.brands .col-md-6:nth-child(even), .brands .sec5, .brands .col-md-6:nth-child(even).sec6, .brands .sec7 { margin-top: inherit; }
	.brands .brands-bg { padding: 15px; }
	.brands .brands-bg h2 { position: static; }
	.brands .brands-bg .pic { position: static; margin: 10px auto 0; }
	/** === about fs === **/
	.about { padding: 0 15px; }
	.about .title { font-size: 36px; }
	.about .section { margin-bottom: 30px; }
	.about .sec-flex > .col-md-6 { float: none; width: 100%; }
	.about .sec2 .sec-flex > .col-md-6:first-child, .about .sec3 .sec-flex > .col-md-6:first-child, .about .sec4 .sec-flex > .col-md-6:first-child { float: none; margin-bottom: 10px; }
	.about .sec2 .float-pic, .about .sec4 .float-pic { position: static; }
	.about .sec4 .cont { width: 100%; }
	/** === history === **/
	.history .section .inner, .history .section:nth-child(odd) .inner { float: none; width: 100%; margin: auto; }
	.history .section .inner > .year, .history .section:nth-child(odd) .inner > .year { float: none; text-align: left; font-size: 40px; padding-bottom: 10px; margin: 0; }
	.history .section .inner > .year { padding: 15px 0 0 15px; }
	.history .section .inner > .cont { float: left; width: calc(100% - 180px); padding: 15px; }
	.history .section .inner > .img, .history .section:nth-child(odd) .inner > .img { float: right; width: 180px; padding: 0; text-align: right; }
	/** === policies === **/
	.policies { padding: 15px; line-height: 1.4; }
	/** === energy === **/
	.energy .sec1, .energy .sec2, .energy .sec3, .energy .sec4, .energy .sec5 { padding: 0 15px; }
	.energy .sec2 { padding: 15px; background-position: top left 45%; margin-bottom: 60px; }
	.energy .sec2 .cont { max-width: inherit; margin: 0; }
	.energy .sec2 .cont { padding-left: 36%; }
	.energy .sec2 p { margin-left: 15px; }
	.energy .sec3 .slider-circle, .energy .sec4 .slider-circle { width: 90%; }
	/** === team === **/
	.team .section { width: 100%; float: none; min-height: inherit; }
	/** === csr === **/
	.csr { padding: 0 15px; }
	.csr .section { margin-bottom: 50px; }
	.csr h2 { margin-top: 0; }
	.csr .section .col-md-4 { float: left; }
	.csr img { max-height: 480px; }
	/** === quality === **/
	.quality { padding: 0; }
	.quality .sec1, .quality .sec2 { padding: 0 15px; }
	.quality .timeline { margin: 0; }
	/** === location === **/
	.global-select .col-md-3 { float: left; width: 50%; padding-left: 15px; padding-right: 8px; }
	.global-select .col-md-3:nth-child(even) { padding-right: 15px; padding-left: 8px; }
	.global .global-area .col-md-6 { float: left; width: 50%; }
	/** === news === **/
	.news-list-block .list-item { float: none; width: 100%; padding-left: 0; padding-right: 0; }
	.news-list-block .list-item { margin-bottom: 30px; }
	.news-list-block .list-item .pic { margin-bottom: 10px; }
	.news-list-block .list-item .news-smo { padding-left: 10px; }
	.news-list-block .list-item .news-sub > .icon { top: -50px; }
	.news-list-block .list-right { padding-left: 10px; padding-right: 10px; }
	.exh-block .pic { margin-bottom: 12px; margin-right: 20px; max-width: 240px; width: inherit; }
	.exh-block .news-sub { width: 100%; }
	.exhibiton .news-sub .title { font-size: 16px; }
	.news-tech .news-sub .title { font-size: 20px; }
	.tech-block .pic, .tech-block .list-item:nth-child(odd) .pic { float: none; width: 100%; margin-bottom: 10px; }
	.tech-block .inner, .tech-block .list-item:nth-child(odd) .inner { margin: inherit; }
	.tech-block .inner { padding: 0; }
	.showsmall-wrapper ul .popup-gallery { height: 50px; line-height: 50px; }
	/** === footer === **/
	#topbtn-wrap { display: none; }
	.footer1 .ftbar { margin-bottom: 0; }
  /** === 404 === **/
  .alert-404 { padding: 0; }
  .alert-404-txt > ul > li { float: none; width: 100%; margin: 0 0 30px; }
  .alert-404-ti{ font-size: 600%; }
}
@media (max-width: 767px) {
	/** === history === **/
	.history .section .inner > .year, .history .section:nth-child(odd) .inner > .year { font-size: 36px; }
	/** === energy === **/
	.energy .sec2 .cont { padding-left: 30%; }
	.energy .sec2 p { margin-left: 30px; }
	.energy .sec4 .wrap-1500 { padding-top: 50px; }
	.energy .sec5 .circle + p { font-size: 14px; }
	/** === team === **/
	.team { padding: 0 15px; }
	.team .row { margin: auto; }
	.team .section { padding: 0; min-height: inherit; margin-bottom: 50px; }
	.team .pic, .team .sec3 .pic, .team .sec4 .pic { margin: auto; float: none; }
	.team .cont { margin-left: 0; }
	.team .title { position: static; width: 100%; }
	.team .title .job { font-size: 24px; }
	.team .title .job .bg { padding-right: 12px; }
	.team .title .name { font-size: 44px; }
	.team .sec3 .title .bg, .team .sec4 .title .bg { padding-right: 0; padding-left: 12px; }
	.team .sec3 .cont, .team .sec4 .cont { margin-right: 0; }
	/** === csr === **/
	.csr { padding: 0 15px; }
	.csr .section { margin-bottom: 50px; }
	.csr .section .cont { padding-right: 15px; }
	.csr .section .col-md-4 { float: left; }
	.csr img { max-height: 360px; }
	.csr h2 { font-size: 36px; }
	.csr h2 span { padding-right: 12px; }
	/** === quality === **/
	.quality .timeline li p { font-size: 16px; }
	/** === news === **/
	.exh-block .exh-right { margin-left: 0; }
	.exh-block .news-sub p { margin-top: 2px; clear: both; }
	.news-tech .news-sub .title { line-height: 1.4; font-size: 16px; }
	.news-content { padding: 0 15px; }
	.news-content .sec1, .news-content .sec2 { padding: 15px; }
	.news-content .swip-pic, .news-content .main-text { float: none; width: 100%; }
	.news-content .main-text { padding: 6px; margin-top: 15px; }
	.news-content .news-smo { position: static; text-align: right; }
	.news-content .back { margin: 15px; }
}
@media (max-width: 639px) {
	.header_nav { height: 54px; }
	#content .breadcrumb { display: block; text-align: left; background: none; margin-bottom: 0; }
	#content .breadcrumb li a { font-size: 12px; }
	.page-header { margin: 10px auto 30px; padding: 0 15px; }
	.page-header h1 { margin: auto; line-height: 1; padding: 12px 0; min-height: 72px; vertical-align: middle; }
	/** === energy === **/
	.energy h2 { font-size: 24px; }
	.energy .sec2 .cont { padding-left: 24%; }
	.energy .sec2 p { margin-left: 15px; }
/*	.energy .sec2 p { margin-left: 24%; }*/
	.energy .sec3 .cont, .energy .sec4 .cont { padding: 0 15px; max-width: inherit; }
	/** === team === **/
	.team .title .name { font-size: 36px; }
	/** === quality === **/
	.quality h2 { font-size: 24px; }
	.quality .sec3 { margin-top: 30px; padding: 15px; }
	.quality .sec3 h3 { margin-top: 0; }
	.quality .sec3 p { text-align: left; }
	.quality .pic > img { width: 48%; margin: 0 0% 20px; }
	/** === location === **/
	.global-cont .gl-com { line-height: 1.2; margin: 8px 0; }
	/** === careers === **/
	.careers { padding: 0 15px; }
	.careers .section { margin-bottom: 30px; }
	.careers h2.title { margin: 10px auto; padding: 20px 0; }
	.careers-tab { min-width: 980px; }
	.careers-tab th, .careers-tab td { padding: 12px; }
	.welfare { width: 50%; padding: 10px; }
	.welfare:nth-child(2n+1) { border-right: #DE002B 1px solid; }
	.welfare:nth-child(3), .welfare:nth-child(4) { border-top: #DE002B 1px solid; }
	.welfare .welfare-inner { padding: 0; }
	.welfare:nth-child(even) .welfare-inner, .welfare:nth-child(3) .welfare-inner, .welfare:nth-child(4) .welfare-inner { border: none; }
	.welfare-area:after { display: none; }
	.welfare-inner ul { padding-left: 30px; }
	.wel-inner3 ul { width: 100%; margin-bottom: 0; }
	.careers .sc4 .swip, .careers .sc4 .acc { float: none; width: 100%; }
	.careers .sc4 .acc { padding: 0; margin-top: 12px; }
	.careers .sc5 { padding: 60px 0; background-size: cover; background-position: center top; }
	.careers .sc5 ul { width: 100%; transform: translateX(0); padding-left: 100px; }
	.careers .sc5 ul li { font-size: 16px; }
	/** === news === **/
	.news-list { padding: 0 15px; }
	.news-list .btn-more { display: none; }
	.news-select { margin-bottom: 12px; }
	.news-select > div.title { margin: 8px auto 12px; width: 100%; text-align: left; }
	.news-select .select-right { float: none; width: 100%; }
	.news-select .select-right .list-icon { display: none; }
	.news-select .select-right > div { float: none; width: 100%; text-align: right; }
	.news-select .select-right > div + div { float: none; width: 100%; min-width: inherit; margin: 0; }
	.news-select .select-sub select, .news-select .select-year select { padding: 6px 0; margin-bottom: 6px; }

	.list-item { padding: 10px; }
	.list-item .news-date { float: none; margin-right: auto; }
	.list-item .news-sub { float: none; width: 100%; line-height: 1.4; }
	.list-item .news-sub .icon { margin-top: 6px; margin-bottom: 6px; }
	.list-item .news-btn { float: none; text-align: right; margin-top: 6px; }

	.exhibiton .news-logo { float: none; width: 100%; padding-top: 0; text-align: left; }
	.exhibiton .news-sub .title { margin-bottom: 10px; }

	.news-tech { padding: 0 15px; }
	.news-tech .news-sub .title { font-size: 20px; }

	.tech-block .pic, .tech-block .list-item:nth-child(odd) .pic { float: none; width: 100%; margin-bottom: 10px; }
	.tech-block .inner, .tech-block .list-item:nth-child(odd) .inner { margin: inherit; }
	.tech-block .inner { padding: 0; }

	.news-content { padding: 0 15px; }
	.news-content .sec1, .news-content .sec2 { padding: 15px; }
	.news-content .swip-pic, .news-content .main-text { float: none; width: 100%; }
	.news-content .main-text { padding: 6px; margin-top: 15px; }
	.news-content .news-smo { position: static; text-align: right; }
	.news-content .back { margin: 15px; }
	/** === footer === **/
	#topbtn-wrap { bottom: 85px; right: 15px; }
	#topbtn-wrap .wrap { height: 0; }
	.footer1 .ftbar { float: none; margin-bottom: 2em; }
	.footer1 .ftbar *{ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
	.footer1 .ftbar li { margin-bottom: 4px; }
	.footer1 .ftbar li a, .footer2 .ftbar2 li a { display: block; }
	.footer1 .ftbar > ul > li { width: 100%; margin: 0 0 6px; padding: 0; border-bottom: #535353 1px solid; }
	.footer1 .ftbar > ul > li > a { display: block; padding: 6px 10px 12px; position: relative; margin: 0; }
	.footer1 .ftbar > ul > li > a::after { float: right; content: "\f067"; font-family: "FontAwesome"; font-style: normal; font-weight: normal; text-decoration: inherit; transition: all 0.5s ease; }
	.footer1 .ftbar > ul > li.open > a::after { float: right; content: "\f068"; font-family: "FontAwesome"; font-style: normal; font-weight: normal; text-decoration: inherit; }
	.footer1 .ftbar ul ul { display: none; padding-top: 10px; padding-bottom: 20px; }
	.footer2 .footer-lan { display: none; }

}
@media (max-width: 599px) {
	/** === footer === **/
	#topbtn-wrap { bottom: 105px; right: 15px; }
	#topbtn-wrap .wrap { height: 0; }
	.footer1 { padding-bottom: 50px; }
	.foot-logo, .foot-logo + em { text-align: center; }
	.footer1 .footer-group ul { float: none!important; }
	.footer1 .footer-group ul li a { display: block; text-align: center; }
	.footer2 .ftbar2, .footer2 #copyright { float: none; }
	.footer2 .ftbar2 ul { text-align: center; }
	.footer2 .ftbar2 ul li { float: none; display: inline-block; }
	.footer2 #copyright { text-align: center; padding: 6px 15px; margin-left: 0; }
}
@media (max-width: 479px) {
	.page-header { margin: 10px auto; padding: 0 15px; }
	.page-header { margin: 10px auto; padding: 0 15px; }
	/** === about fs === **/
	.about .title { font-size: 24px; }
	.about .section p { line-height: 1.4; }
	.about .sec2 .float-pic img, .about .sec4 .float-pic img { max-height: 300px; max-width: 100%; }
	/** === policies === **/
	.policies h2 { font-size: 24px; }
	/** === energy === **/
	.energy .sec2 { margin-bottom: 30px; }
	.energy .sec2 .cont { padding-left: 0; }
	.energy .sec2 p { margin-left: 60px; }
	.energy .sec5 ul li, .energy .sec5 ul li:nth-child(4) { width: 46%; margin: 12px 2% 0; }
	.energy .sec5 ul li:nth-child(2n+1) { clear: both; }
	.energy .sec5 ul li:nth-child(3n+1) { clear: inherit; }
	.energy .sec5 ul li:last-child { width: 60%; margin: 12px auto 0; float: none; }
	/** === team === **/
	.team .title .name { font-size: 40px; }
	/** === csr === **/
	.csr img { max-height: 300px; }
	.csr h2 { font-size: 30px; }
	.csr h3 { font-size: 24px; }
	.csr p, .csr li { line-height: 1.4; }
	/** === quality === **/
	.quality h2 { font-size: 24px; }
	.quality .sec3 { margin-top: 30px; padding: 15px; }
	.quality .sec3 h3 { margin-top: 0; }
	.quality .sec3 p { text-align: left; }
	/** == brands === **/
	.brands .brands-bg h2 { font-size: 48px; }
	.brands .brands-bg p { line-height: 1.4; }
	/** === location === **/
	.global .global-area .col-md-6 { float: none; width: 100%; }
	/** === careers === **/
	.careers-select ul li { width: 50%; }
	.careers h2.title { font-size: 24px; }
	.welfare { float: none; width: 100%; }
	.welfare:nth-child(2n+1), .welfare:nth-child(3), .welfare:nth-child(4) { border: none; }
	.welfare + .welfare { border-top: #DE002B 1px solid; }
	.welfare .welfare-inner h3 { font-size: 22px; }
	.wel-inner3 ul { float: none; width: 100%; margin-bottom: 0; }
	.careers .sc5 ul { padding-left: 40px; }
	/** === news === **/
	.news-select > div.title { float: none; width: 100%; }
	.news-select .select-right { float: none; width: 100%; }
	.exh-block .pic { float: none; width: 100%; }
	.news-content { line-height: 1.4; }
	.news-content .main-text { line-height: 1.4; }
	/** === quality === **/
	.quality .timeline { margin: 12px auto; position: relative; }
	.quality .timeline::before { content: ""; height: calc(100% - 25px); width: 1px; background: #000; position: absolute; left: 24px; top: 0; }
	.quality .timeline ul { position: static; padding: 0; }
	.quality .timeline ul li { position: static; display: block; width: 100%; height: auto; }
	.quality .timeline li p { position: static; }
	.quality .timeline li .no { margin-left: 0; float: left; position: relative; left: 0; top: 0; }
	.quality .timeline ul li, .quality .timeline ul li:nth-child(1), .quality .timeline ul li:nth-child(7) { background: none; }
	.quality .timeline ul li::before { display: none; }
	.quality .timeline ul li::after { content: ""; display: block; clear: both; }
	.quality .timeline ul li + li { margin-left: 0; }
	.quality .timeline li p, .quality .timeline li:nth-child(even) p { transform: translateY(0px); text-align: left; }
	.quality .timeline li p { margin-left: 60px; line-height: 50px; }
	.quality .timeline li p::before { display: none; }
}
@media (max-width: 414px) {
	/** === csr === **/
	.csr img { max-height: 240px; }
	/** === news === **/
	.news-list-block .list-left, .news-list-block .list-right { float: none; width: 100%; padding-left: 0; padding-right: 0; }
}
@media (max-width: 375px) {
  .history .section .inner { flex-direction: column; }
  .history .section .inner > .cont { width: 100%; }
  .history .section:nth-child(even) .inner > .year { order: 1; }
  .history .section:nth-child(even) .inner > .cont { order: 2; }
  .history .section:nth-child(even) .inner > .img { order: 3; }
}
@media (max-width: 374px) {
	/** === history === **/
	.history .section .inner > .year, .history .section:nth-child(odd) .inner > .year { font-size: 30px; padding-bottom: 0; }
	.history .section .inner > .cont { float: none; width: 100%; }
/*	.history .section .inner > .img, .history .section:nth-child(odd) .inner > .img { float: none; width: 100%; text-align: right; }*/
	/** === energy === **/
	.energy .sec2 p { margin-left: 15px; }
	.energy .sec5 ul li { width: 48%; margin: 12px 1% 0; }
	.energy .sec5 .circle { font-size: 16px; width: 120px; height: 120px; padding: 48px 0; }
	/** === team === **/
	.team .cont { line-height: 1.4; }
	.team .title .name { font-size: 30px; }
	.team .title .job { font-size: 16px; }
	/** === csr === **/
	.csr h2 { font-size: 24px; }
	.csr h3 { font-size: 20px; }
	/** == brands === **/
	.brands .brands-bg h2 { font-size: 40px; }
	/** === footer === **/
	.footer1 .ftbar > ul > li { float: none; width: 100%; }
}
@media (max-width: 359px) {
	.energy .sec3 .slider-circle, .energy .sec4 .slider-circle { padding: 15px 0; }
	.careers .sc5 ul li { font-size: 14px; }
  .csr h2:after { display: none; }
}
@media (max-width: 341px) {
	#topbtn-wrap { bottom: 120px; }
}






.swiper-banner .pc { display: block; text-align: center; }
@media (max-width: 1200px) {
	.swiper-banner .pc { display: block!important; }
}
@media (max-width: 991px) and (orientation: portrait) {
	.swiper-banner .pc { display: none!important; }
}

.swiper-banner .mobile { display: none; }

@media (max-width: 991px) and (orientation: portrait) {
  .swiper-banner .mobile { display: block!important }
	.swiper-banner .mobile ~ div { display: none; }
}