html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,a{margin:0;padding:0;box-sizing: border-box;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
small{font-size:100%;font-weight: normal;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/24px "-apple-system","BlinkMacSystemFont","PingFang SC","Helvetica","Microsoft YaHei",arial,sans-serif,\5b8b\4f53;color:#333;outline:0;}
body{background-color: #FFF;position: relative;width: 100%;margin: 0 auto;min-width: 1260px;overflow-x: hidden;max-width: 2200px;left: 0;}
#header:after{content: '';width: 100%;height: 520px;background-color: #fff;position: absolute;top: 0;left: 100%;z-index: 999;}
body.body_ie{height: auto !important;}
body.skrollr{overflow: hidden;}
img{max-width: 100%;height: auto;box-sizing: border-box;border: 0;vertical-align: middle;}
strong{display: inline-block;}
p{text-align: justify;color: #666666;line-height: 24px;}
p.no_margin{margin-bottom: 0 !important;}
a{display: block;color: inherit;text-decoration: none;/*display: inline-block;*/}
div,li{box-sizing: border-box;}
.content{width: 1260px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
input,button{border: none;background-color: transparent;box-sizing: border-box;outline: none;}
input[type="checkbox"]{vertical-align: -2px;margin-right: 4px;}
/*鍗犱綅绗?/input::-webkit-input-placeholder{color: #666666;}
input:-moz-placeholder{color: #666666;}
input::-moz-placeholder{color: #666666;}
input:-ms-input-placeholder{color: #666666;}
textarea::-webkit-input-placeholder{color: #666666;}
textarea:-moz-placeholder{color: #666666;}
textarea::-moz-placeholder{color: #666666;}
textarea:-ms-input-placeholder{color: #666666;}
/*婊氬姩鏉℃牱寮?/body::-webkit-scrollbar,
html::-webkit-scrollbar{width: 3px;border-radius: 1.5px;}
body::-webkit-scrollbar-button,
html::-webkit-scrollbar-button{display: none;}
body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track{background-color: #eee;}
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb{background-color: #eee;}
::-webkit-scrollbar{width: 5px;height: 5px;background-color:rgba(210, 210, 210, 0.48);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 0;}
::-webkit-scrollbar-thumb{background-color: #d9cfbf;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 0;}
@font-face{font-family: 'MONTSERRAT_BOLD';src: url('../fonts/MONTSERRAT_BOLD.eot');src: url('../fonts/MONTSERRAT_BOLD.otf')format('otf'), url('../fonts/MONTSERRAT_BOLD.eot?#iefix') format('embedded-opentype'), url('../fonts/MONTSERRAT_BOLD.woff') format('woff'), url('../fonts/MONTSERRAT_BOLD.ttf') format('truetype'), url('../fonts/MONTSERRAT_BOLD.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'MONTSERRAT_REGULAR';src: url('../fonts/MONTSERRAT_REGULAR.eot');src: url('../fonts/MONTSERRAT_REGULAR.otf')format('otf'), url('../fonts/MONTSERRAT_REGULAR.eot?#iefix') format('embedded-opentype'), url('../fonts/MONTSERRAT_REGULAR.woff') format('woff'), url('../fonts/MONTSERRAT_REGULAR.ttf') format('truetype'), url('../fonts/MONTSERRAT_REGULAR.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'MONTSERRAT_ULTRA_LIGHT';src: url('../fonts/MONTSERRAT_ULTRA_LIGHT.eot');src: url('../fonts/MONTSERRAT_ULTRA_LIGHT.otf')format('otf'), url('../fonts/MONTSERRAT_ULTRA_LIGHT.eot?#iefix') format('embedded-opentype'), url('../fonts/MONTSERRAT_ULTRA_LIGHT.woff') format('woff'), url('../fonts/MONTSERRAT_ULTRA_LIGHT.ttf') format('truetype'), url('../fonts/MONTSERRAT_ULTRA_LIGHT.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'RAJDHANI_LIGHT';src: url('../fonts/RAJDHANI_LIGHT.eot');src: url('../fonts/RAJDHANI_LIGHT.otf')format('otf'), url('../fonts/RAJDHANI_LIGHT.eot?#iefix') format('embedded-opentype'), url('../fonts/RAJDHANI_LIGHT.woff') format('woff'), url('../fonts/RAJDHANI_LIGHT.ttf') format('truetype'), url('../fonts/RAJDHANI_LIGHT.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'RAJDHANI_BOLD';src: url('../fonts/RAJDHANI_BOLD.eot');src: url('../fonts/RAJDHANI_BOLD.otf')format('otf'), url('../fonts/RAJDHANI_BOLD.eot?#iefix') format('embedded-opentype'), url('../fonts/RAJDHANI_BOLD.woff') format('woff'), url('../fonts/RAJDHANI_BOLD.ttf') format('truetype'), url('../fonts/RAJDHANI_BOLD.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'trebuc';src: url('../fonts/trebuc.eot');src: url('../fonts/trebuc.otf')format('otf'), url('../fonts/trebuc.eot?#iefix') format('embedded-opentype'), url('../fonts/trebuc.woff') format('woff'), url('../fonts/trebuc.ttf') format('truetype'), url('../fonts/trebuc.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'Gilroy_Bold';src: url('../fonts/Gilroy_Bold.eot');src: url('../fonts/Gilroy_Bold.otf')format('otf'), url('../fonts/Gilroy_Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy_Bold.woff') format('woff'), url('../fonts/Gilroy_Bold.ttf') format('truetype'), url('../fonts/Gilroy_Bold.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'rubik_regular';src: url('../fonts/rubik_regular.eot');src: url('../fonts/rubik_regular.otf')format('otf'), url('../fonts/rubik_regular.eot?#iefix') format('embedded-opentype'), url('../fonts/rubik_regular.woff') format('woff'), url('../fonts/rubik_regular.ttf') format('truetype'), url('../fonts/rubik_regular.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'Brandon_light';src: url('../fonts/Brandon_light.eot');src: url('../fonts/Brandon_light.otf')format('otf'), url('../fonts/Brandon_light.eot?#iefix') format('embedded-opentype'), url('../fonts/Brandon_light.woff') format('woff'), url('../fonts/Brandon_light.ttf') format('truetype'), url('../fonts/Brandon_light.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'Brandon_bld';src: url('../fonts/Brandon_bld.eot');src: url('../fonts/Brandon_bld.otf')format('otf'), url('../fonts/Brandon_bld.eot?#iefix') format('embedded-opentype'), url('../fonts/Brandon_bld.woff') format('woff'), url('../fonts/Brandon_bld.ttf') format('truetype'), url('../fonts/Brandon_bld.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'DINENGSCHRIFT';src: url('../fonts/DINENGSCHRIFT.eot');src: url('../fonts/DINENGSCHRIFT.otf')format('otf'), url('../fonts/DINENGSCHRIFT.eot?#iefix') format('embedded-opentype'), url('../fonts/DINENGSCHRIFT.woff') format('woff'), url('../fonts/DINENGSCHRIFT.ttf') format('truetype'), url('../fonts/DINENGSCHRIFT.svg') format('svg');font-weight: normal;font-style: normal;}
/* header*/#header{width: 100%;min-width: 1260px;max-width: 2200px;margin: auto;position: fixed;top: 0px;left: 0px;right: 0px;z-index: 9999;background-color: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, .1);transition: all .4s;-webkit-transition: all .4s;}
.no_touch #header{background-color: transparent;box-shadow: none;}
#header:before{content: '';width: 100%;height: 1px;background-color: #000;opacity: .1;filter: alpha(opacity=10);position: absolute;left: 0;bottom: 0;}
#header.on{background-color: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, .1);/* box-shadow: 0 0 5px rgba(0, 0, 0, .2);*/}
#header.on:before{display: none;}
#header .logo{float: left;margin: 27px 0 0 30px;width: 155px;/* height: 35px;*/}
#header .logo img{width: 155px;/* height: 35px;*/}
#header .nav{float: right;position: relative;margin-right: 74px;}
#header .nav> ul{float: left;}
#header .nav>ul li{float: left;text-align: center;position: relative;}
#header .nav>ul li a{padding: 0 10px;margin: 0 8px;line-height: 92px;color: #707070;font-weight: bold;display: inline-block;font-size: 14px;position: relative;-webkit-transition: all .3s;transition: all .3s;}
#header .nav>ul .nav_er{width: 100%;min-width: 1260px;max-width: 1920px;position: absolute;top: 100%;left: 0;margin-left: -28px;display: none;}
#header .nav>ul .nav_er05{margin-left: -50px;}
#header .nav>ul .nav_er07{margin-left: -95px;}
#header .nav>ul .nav_er:before{content: '';width: 6px;height: 74px;background: url(../images/icon_head_nav.png) no-repeat center;position: absolute;left: 22px;top: 0;}
#header .nav > ul .nav_er .div_dl{background: #bf0000;overflow: hidden;}
#header .nav > ul .nav_er .div_dl a{float: left;color: #ded7cd;line-height: 74px;padding: 0;margin: 0;margin-left: 47px;-webkit-transition: all 400ms;transition: all 400ms;}
#header .nav > ul .nav_er .div_dl a + a{padding: 0;margin-left: 43px;}
#header .nav > ul .li .nav_er .div_dl a:first-child,
#header .nav > ul .nav_er .div_dl a.on,
#header .nav > ul .nav_er .div_dl a:hover{color: #fff;}
#header .nav .inner_bor{position: absolute;top: 0;left: 0;height: 5px;background: #4E4949;}
#header .nav .version{font-size: 14px;color: #000;line-height: 92px;font-weight: bold;float: left;margin-left: 20px;}
.head_menu{position: absolute;right: 0;top: 0;width: 74px;height: 92px;/* background-color: #2e2d2c;*/color: #dd0004;transition: background-color .3s ease-out;-webkit-transition: background-color .3s ease-out;z-index: 99999;cursor: pointer;}
.hamburger-icon-wrapper{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 22px;height: 20px;margin: auto;pointer-events: none;}
.hamburger-icon{transition-duration: .3s;transition-timing-function: cubic-bezier(.55,.055,.675,.19);top: 50%;margin-top: -1px;}
.hamburger-icon, .hamburger-icon:after, .hamburger-icon:before{position: absolute;left: 0;width: 100%;height: 4px;background: currentColor;}
.hamburger-icon:before{content: "";top: -8px;transition: top .1s ease-in .34s,opacity .1s ease-in,-webkit-transform .34s ease-in;transition: transform .34s ease-in,top .1s ease-in .34s,opacity .1s ease-in;transition: transform .34s ease-in,top .1s ease-in .34s,opacity .1s ease-in,-webkit-transform .34s ease-in;}
.hamburger-icon:after{content: "";bottom: -8px;transition: bottom .1s ease-in .34s,-webkit-transform .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);transition: transform .34s ease-in,bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19);transition: transform .34s ease-in,bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);}
/* .head_menu:hover{background-color: red;color: #fff;}*/.head_menu:hover .hamburger-icon:before{-webkit-transform: translateY(1px);transform: translateY(1px);}
.head_menu:hover .hamburger-icon:after{-webkit-transform: translateY(-1px);transform: translateY(-1px);}
.skrollr .hamburger-icon{-webkit-transform: rotate(225deg);transform: rotate(225deg);transition-delay: .14s;transition-timing-function: cubic-bezier(.215,.61,.355,1);}
.skrollr .head_menu{color: #fff;}
.skrollr .head_menu .hamburger-icon:before{top: 0;opacity: 0;filter: alpha(opacity=0);transition: top .1s ease-out,opacity .1s ease-out .14s;}
.skrollr .head_menu .hamburger-icon:after{bottom: 0;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);transition: bottom .1s ease-out,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .14s;transition: bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s;transition: bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .14s;}
#header .search{float: left;height: 92px;position: relative;margin-left: -18px;cursor: pointer;}
#header .ri-img{float: left;margin-left: 26px;margin-top: 36px;}
/* footer*/footer{background-color: #fff;color: #4c4c4a;color: rgba(76, 76, 74, .7);padding-bottom: 39px;overflow: hidden;position: relative;z-index: 2;}
.no_touch footer{background-color: #fff;}
footer a{display: inline-block;color: #4c4c4a;color: rgba(76, 76, 74, .7);}
footer .up{line-height: 77px;overflow: hidden;position: relative;margin-bottom: 9px;}
footer .up:before{content: '';width: 100%;height: 2px;background-color: #dedbd6;position: absolute;left: 0;bottom: 0;}
.no_touch footer .up:before{background-color: #f3f0eb;}
footer .up .con{float: left;font-weight: bold;}
footer .up .nav_foot{float: right;position: relative;font-weight: bold;}
footer .up .nav_foot .line{width: 0;height: 2px;background-color: #dd0004;position: absolute;right: 0;bottom: 0;transition: width 1.5s ease-out;-webkit-transition: width 1.5s ease-out;}
footer .up .nav_foot .line.animated{width: 100%;}
footer .up .nav_foot a{margin-right: 14px;position: static;color: #4c4c4a;color: rgba(76, 76, 74, .7);width: auto;height: auto;}
footer .up .nav_foot a.link{margin-right: 0;margin-left: 21px;position: relative;z-index: 0;width: auto;height: auto;color: #4c4c4a;color: rgba(76, 76, 74, .7);}
footer .up .nav_foot a.link:before{content: '';width: 5px;height: 8px;background: url(../images/link_icon.png) no-repeat center;position: absolute;left: -19px;top: 34px;}
footer .logo{width: 138px;float: right;margin: 26px 15px 0 0;}
footer .icon_foot{float: right;width: 87px;height: 87px;position: relative;margin-right: -6px;}
footer .slogan{float: left;color: #656565;text-transform: uppercase;margin-top: 22px;}
footer .slogan .num{float: left;font-size: 33px;font-family: 'Gilroy_Bold';line-height: 1;}
footer .slogan .stock_code{float: left;line-height: 38px;font-weight: bold;margin-left: 5px;}
/* IE浣庣増鏈崌绾ф彁绀?/.browserupgrade{display:block;position:fixed;margin:0;width:100%;max-width: 100%;height:60px;font-size:15px;line-height:60px;z-index:1000;color:#fff;text-align:center;bottom:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);/*IE8鏀寔*/}
.browserupgrade strong{display: inline-block;}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;display: inline-block;}
.browserupgrade a:hover{color:#eee}
.pop{/* display: none;*/position: fixed;top: 0;left: 0;right: 0;margin: auto;width: 100%;/* max-width: 2200px;*/height: 100%;z-index: 9999;}
.pop .bg{width: 100%;height: 100%;background-color: #090a0b;background-color: rgba(9, 10, 11, .8);}
.pop .popBody{position: absolute;top: 50%;left: 50%;margin-left: -600px;margin-top: -210px;width: 1200px;height: 500px;background-color: #fff;padding: 30px;}
.pop .close{position: absolute;top: -60px;right: 20px;width: 45px;height: 45px;background: url(../images/close.png) no-repeat center;background-size: 18px 18px;border-radius: 50%;border: 2px solid #fff;cursor: pointer;z-index: 1;}
.pop.head_pop{pointer-events: none;opacity: 0;filter: alpha(opacity=0);visibility: hidden;}
.pop.head_pop .popBody{background-color: #ba0008;width: 660px;height: 100%;top: 0;bottom: 0;left: auto;right: -660px;padding: 50px 30px 50px 70px;margin: 0;overflow-x: hidden;overflow-y: auto;-webkit-transition: all .6s;transition: all .6s;}
.pop.head_pop .popBody .slogan{font-size: 48px;color: #ded7cd;line-height: 60px;font-weight: lighter;}
.pop.head_pop .popBody .icon_head{width: 126px;height: 126px;/* margin: 35px 0 29px;*/margin: 5% 0 4%;position: relative;}
.pop.head_pop .popBody .icon_head img{width: 100%;height: 100%;}
.pop.head_pop .popBody .icon_head em{color: #ded7cd;line-height: 22px;display: block;position: absolute;left: 140px;bottom: 0;width: 100%;}
.skrollr .pop.head_pop{opacity: 1;filter: alpha(opacity=100);visibility: inherit;pointer-events: auto;}
.skrollr .pop.head_pop .popBody{right: 0;}
.pop.head_pop .family_site{/* padding: 33px 0;*/padding: 5% 0;position: relative;}
.pop.head_pop .family_site:before{content: '';width: 376px;height: 2px;background-color: #fff;opacity: .2;filter: alpha(opacity=20);position: absolute;top: 0;left: 0;}
.pop.head_pop .family_site:after{content: '';width: 376px;height: 2px;background-color: #fff;opacity: .2;filter: alpha(opacity=20);position: absolute;bottom: 0;left: 0;}
.pop.head_pop .family_site h3{font-family: 'RAJDHANI_BOLD';font-size: 34px;color: #ded7cd;line-height: 1;text-transform: uppercase;margin-bottom: 20px;}
.pop.head_pop .family_site dl{line-height: 1.8;width: 100%;display: inline-block;}
.pop.head_pop .family_site dt{float: left;width: 104px;font-size: 14px;color: #ded7cd;color: rgba(222,215,205, .5);font-weight: bold;position: relative;-webkit-transition: all .4s;transition: all .4s;}
.pop.head_pop .family_site dt:before{content: '';width: 4px;height: 4px;background-color: #fff;border-radius: 50%;position: absolute;left: -18px;top: 0;bottom: 0;margin: auto;}
.pop.head_pop .family_site dt:hover{color: #ded7cd;}
.pop.head_pop .family_site dd{float: left;position: relative;padding-left: 17px;}
.pop.head_pop .family_site dd:before{content: '';width: 6px;height: 10px;background: url(../images/icon_sitemap.png) no-repeat;position: absolute;left: 0;top: 7px;}
.pop.head_pop .family_site dd a{font-size: 14px;color: #ded7cd;float: left;-webkit-transition: all .4s;transition: all .4s;}
.pop.head_pop .family_site dd a + a{margin-left: 20px;}
.pop.head_pop .family_site dd a:hover{color: #f6dab1;}
.pop.head_pop .head_call h3{font-family: 'RAJDHANI_BOLD';font-size: 34px;color: #ded7cd;line-height: 1;/* margin: 26px 0 16px;*/margin: 4% 0 2%;}
.pop.head_pop .head_call p{font-size: 14px;color: #ded7cd;color: rgba(222, 215, 205, .5);line-height: 22px;font-weight: bold;}
.skrollr02 .head_pop .con01{height: 0;overflow: hidden;}
.skrollr .head_pop .con01{display: block !important;}
.skrollr .head_pop .con02{display: none;}
.skrollr02 .head_pop .con02{display: block !important;padding-right: 35px;}
/* 娉曞緥澹版槑*/.pop.head_pop .con02 .text h3{font-size: 48px;color: #ded7cd;line-height: 60px;font-weight: lighter;margin-bottom: 20px;}
.pop.head_pop .con02 .text p{color: #ded6cc;line-height: 24px;margin-bottom: 20px;}
.pop.head_pop .con02 .text hr{width: 376px;height: 2px;background-color: #c83339;border: none;margin: 50px 0;}
/* 鎼滅储*/.pop.search_pop{display: none;z-index: 99;max-width: 2200px;}
.search_con{height: 150px;background-color: #ba0008;width: 100%;position: absolute;top: 92px;left: 0;}
.search_con .title{float: left;position: relative;padding-top: 50px;}
.search_con .title:before{content: '';width: 57px;height: 57px;background: url(../images/icon_search_bg.png) no-repeat;position: absolute;right: -55px;top: 18px;}
.search_con .title .en{font-family: 'Gilroy_Bold';font-size: 51px;color: #fff;line-height: 1;text-transform: uppercase;}
.search_con .title .cn{font-size: 18px;color: #fff;line-height: 24px;}
.search_con .input{float: right;width: 953px;margin-top: 74px;position: relative;}
.search_con .input input{width: 100%;border: none;background-color: transparent;font-size: 22px;line-height: 26px;color: #fff;border-bottom: 2px solid #fff;padding-bottom: 8px;}
.search_con .input .search_input{font-size: 18px;color: #fff;color: rgba(255,255,255, .5);position: absolute;right: 0;top: 0;}
/* video*/.pop.video_pop{display: none;}
.pop.video_pop .popBody{padding: 0;background: none;text-align: center;}
.video_pop video{height: 500px;object-fit: cover;}
.mytop{width: 50px;height: 50px;background-color: #bf0000;position: fixed;right: 40px;bottom: 50px;overflow: hidden;cursor: pointer;display: none;transition-duration: .3s;-webkit-transition-duration: .3s;z-index: 9;}
.mytop:before{content: '';width: 100%;height: 100%;background: url(../images/mytop.png) no-repeat center;position: absolute;left: 0;top: 0;}
.mytop:after{content: '';width: 100%;height: 100%;background: url(../images/mytop.png) no-repeat center;position: absolute;left: 0;top: 100%;}
.mytop:hover:before{top: -100%;transition-duration: .4s;-webkit-transition-duration: .4s;}
.mytop:hover:after{top: 0;transition-duration: .4s;-webkit-transition-duration: .4s;}
.mySelect{float: left;position: relative;width: 455px;height: 60px;line-height: 56px;z-index: 1;}
.mySelect .show{z-index: 1;position: relative;padding-left: 30px;width: 100%;height: 60px;line-height: 56px;cursor: pointer;transition-duration: .4s;border: 2px solid #eeeae4;font-size: 14px;color: #997f71;background-color: #fff;}
.mySelect .show.on,
.mySelect .show:hover{border-color: #997f71;}
.mySelect .show:before{content: '';position: absolute;top: 0;right: 0;z-index: 2;width: 80px;height: 56px;background: url(../images/arrow_down.png) no-repeat center;transition-duration: .5s;-webkit-transition-duration: .5s;}
.mySelect .show:after{content: '';position: absolute;top: 0;right: 0;width: 80px;height: 56px;background: #eeeae4;transition-duration: .5s;-webkit-transition-duration: .5s;}
.mySelect .show.on:after,
.mySelect .show:hover:after{background-color: #997f71;}
.mySelect .show.on:before,
.mySelect .show:hover:before{background: url(../images/arrow_downWhite.png) no-repeat center;}
.mySelect .show.on:before{transform: rotateX(180deg);-webkit-transform: rotateX(180deg);}
.mySelect .drapList{display: none;position: absolute;top: 62px;left: 0;padding: 10px 0;overflow: auto;width: 100%;background-color: #fff;border: 2px solid #997f71;}
.mySelect .drapList ul{overflow: hidden;overflow-y: auto;max-height: 160px;}
.mySelect .drapList li{padding: 0 20px;line-height: 40px;color: #666666;cursor: pointer;}
.mySelect .drapList li:hover{background-color: #f1f1f1;color: #bf0000;}
.mySelect .drapList::-webkit-scrollbar{display: none;}
/* animated*/@-webkit-keyframes fadeIn{0%{opacity: 0;}
100%{opacity: 1}}
@keyframes fadeIn{0%{opacity: 0}
100%{opacity: 1}}
@-webkit-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translateY(50px);transform: translateY(50px)}
100%{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}}
@keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px)}
100%{opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}}
@-webkit-keyframes fadeInUp20{0%{opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px)}
100%{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}}
@keyframes fadeInUp20{0%{opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px)}
100%{opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}}
@-webkit-keyframes fadeInDown{0%{opacity: 0;-webkit-transform: translateY(-50px);transform: translateY(-50px)}
100%{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}}
@keyframes fadeInDown{0%{opacity: 0;-webkit-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px)}
100%{opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}}
@-webkit-keyframes fadeInLeft{0%{opacity: 0;-webkit-transform: translateX(-50px);transform: translateX(-50px)}
100%{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0)}}
@keyframes fadeInLeft{0%{opacity: 0;-webkit-transform: translateX(-50px);-ms-transform: translateX(-50px);transform: translateX(-50px)}
100%{opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}}
@-webkit-keyframes fadeInRight{0%{opacity: 0;-webkit-transform: translateX(50px);transform: translateX(50px)}
100%{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0)}}
@keyframes fadeInRight{0%{opacity: 0;-webkit-transform: translateX(50px);-ms-transform: translateX(50px);transform: translateX(50px)}
100%{opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}}
@-webkit-keyframes slide_on1{0%{transform: scale(1.15)}
100%{transform: scale(1)}}
@keyframes slide_on1{0%{transform: scale(1.15)}
100%{transform: scale(1)}}
@-webkit-keyframes today_only{/* 0%{transform:translateY(0);}
25%{transform:translateY(0);}
50%{transform:translateY(0);}
95%{transform:translateY(-10px);}
100%{transform:translateY(0);}*/0%{opacity: 0;transform: translateX(0) translateY(-20px);}
100%{opacity: 1;transform: translateX(0) translateY(0px);}}
@keyframes today_only{0%{opacity: 0;transform: translateX(0) translateY(-20px);}
100%{opacity: 1;transform: translateX(0) translateY(0px);}}
@-webkit-keyframes icon_video{0%{-webkit-transform: scale(0.85);transform: scale(0.85);opacity: 1;}
25%{-webkit-transform: scale(1.05);transform: scale(1.05);opacity: 0.8;}
50%{-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 0.55;}
75%{-webkit-transform: scale(1.32);transform: scale(1.32);opacity: 0.3;}
100%{-webkit-transform: scale(1.4);transform: scale(1.4);opacity: 0;}}
@keyframes icon_video{0%{-webkit-transform: scale(0.85);transform: scale(0.85);opacity: 1;}
25%{-webkit-transform: scale(1.05);transform: scale(1.05);opacity: 0.8;}
50%{-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 0.55;}
75%{-webkit-transform: scale(1.32);transform: scale(1.32);opacity: 0.3;}
100%{-webkit-transform: scale(1.4);transform: scale(1.4);opacity: 0;}}
@-webkit-keyframes icon_video02{0%{-webkit-transform: scale(1, 1);transform: scale(1, 1);}
50%{-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
100%{-webkit-transform: scale(1, 1);transform: scale(1, 1);}}
@keyframes icon_video02{0%{-webkit-transform: scale(1, 1);transform: scale(1, 1);}
50%{-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
100%{-webkit-transform: scale(1, 1);transform: scale(1, 1);}}
@-webkit-keyframes rotateme{from{-webkit-transform: rotate(0deg);}
to{-webkit-transform: rotate(360deg);}}
@keyframes rotateme{from{transform: rotate(0deg);}
to{transform: rotate(360deg);}}
@-webkit-keyframes rotateme02{from{-webkit-transform: rotate(0deg);}
to{-webkit-transform: rotate(-360deg);}}
@keyframes rotateme02{from{transform: rotate(0deg);}
to{transform: rotate(-360deg);}}
@-webkit-keyframes h_map{0%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity: 0;}
100%{-webkit-transform:scale(1);transform:scale(1);opacity: 1;}}
@keyframes h_map{0%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity: 0;}
100%{-webkit-transform:scale(1);transform:scale(1);opacity: 1;}}
.animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.infinite{-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite}
.animated.flip{-webkit-backface-visibility: visible;-ms-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip}
.animated.hinge{-webkit-animation-duration: 2s;animation-duration: 2s}
.fadeIn{-webkit-animation-name: fadeIn;animation-name: fadeIn}
.fadeInUp{-webkit-animation-name: fadeInUp;animation-name: fadeInUp}
.fadeInUp20{-webkit-animation-name: fadeInUp20;animation-name: fadeInUp20}
.fadeInDown{-webkit-animation-name: fadeInDown;animation-name: fadeInDown}
.fadeInLeft{-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft}
.fadeInRight{-webkit-animation-name: fadeInRight;animation-name: fadeInRight}
.slide_on1{-webkit-animation-name: slide_on1;animation-name: slide_on1}
.today_only{-webkit-animation-name: today_only;animation-name: today_only}
.icon_video{-webkit-animation-name: icon_video;animation-name: icon_video}
.icon_video02{-webkit-animation-name: icon_video02;animation-name: icon_video02}
.rotateme{-webkit-animation-name: rotateme;animation-name: rotateme}
.rotateme02{-webkit-animation-name: rotateme02;animation-name: rotateme02}
.h_map{-webkit-animation-name: h_map;animation-name: h_map}