/* CSS Document */
@import url("color.css");
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,select{ font-family:"microsoft yahei";}

body,html{width: 100%;overflow: hidden;}

.loading{background: #000; position:  fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9999;}
.loading span{color: #ffcb18; margin: 0 auto; padding-top: 20%; width: 1003px; text-align: center; display: block; font-size: 28px;}


.header{ width: 100%; height: 91px; background-color:#222629; position: absolute; z-index: 9;}
.header .logo{ display: block; float: left;  margin-left: 2%; width:29% ;}
.header .menu{width:45%; margin-left:13px; font-size: 16px; float: left; padding-top: 19px; max-width: 770px;}
.header .menu li{float: left; width: 20%; position: relative;}
.header .menu .btn{font-size: 16px; width: 100%; text-align: center; color:#fff;display: inline-block; padding-bottom: 30px; }
.header .menu li:hover .btn{border-bottom:4px #ffd600 solid; color: #009cff;padding-bottom: 26px;}
.header .menu li .btn.on{border-bottom:4px #ffd600 solid; color: #009cff;padding-bottom: 26px;}
.header .menu li dl{position: absolute; opacity: 0; top: 50px; left: 50%; margin-left: -70.5px;}
.header .menu li dl dd{width: 139px; height: 42px; text-align: center; background: url(../images/column_bg.png);
border: 1px #9cb6cf solid; margin-top:3px;
}
.header .menu li dl a{font-size: 18px; padding: 0; display: block; color: #fff;}
.header .menu li dl .btn_0 a{background: url(../images/column_0.png) no-repeat top left; padding-left:40px ;height: 44px;line-height: 42px;}
.header .menu li dl .btn_1 a{background: url(../images/column_1.png) no-repeat top left; padding-left:40px ;height: 44px;line-height: 42px;}
.header .menu li dl .btn_2 a{background: url(../images/column_2.png) no-repeat top left; padding-left:40px ;height: 44px;line-height: 42px;}
.header .menu li dl dd:hover{background: #000;}
.header .menu li dl dd:hover a{background-position: bottom left; color:#ffcb18;}
.header .menu li .menu_icon{position: absolute;top: -24px;left: 73px;}

.header .weather{float: right; margin-right: 39px; padding-top:15px;}
.header .weather li{float: left; padding: 0 15px;}
.header .weather .txt_0{font-size: 40px; color: #Fff; text-align: right; line-height: 50px;}
.header .weather .txt_0 span{font-size: 11px; opacity: .3;}
.header .weather .txt_1{font-size:  40px; color: #Fff; border: 1px dotted #a5a7a9 ; border-bottom:none ; border-top:  none;}
.header .weather .weather_icon{width: 51px; height: 55px; margin-top: -18px;}
.header .weather.min li{float: left; padding:0;}
.header .weather.min .txt_0{position: absolute;background: url(../images/blackbg.png); top: 89px; right: 114px;
 padding:0;height: 65px;padding-top: 16px;width: 114px;text-align: center;display: none;}
.header .weather.min .txt_1{position: absolute;background: url(../images/blackbg.png);  top: 89px; right: 0;
padding:0;height: 65px;padding-top: 16px;width: 114px;text-align: center; display: none;}
.header .weather.ie8 {margin: 0;}
.header .weather.ie8 li{display: none;}
.header .weather.ie8 .txt_0{position: static;background:none; top: 0; right: 114px;
 padding:0;height: auto;padding-top: 0;margin-top:16px;width: 114px;text-align: center;display: block;}
.header .weather.ie8 .txt_1{position: static;background:none;  top: 0; right: 0;
padding:0;height: auto;padding-top: 0; margin-top:16px;width: 114px;text-align: center; display: block;}


.footer{width: 100%; height: 100px; background: #000; position:absolute;z-index: 9; bottom: 0; left: 0;}
.footer .lo{float: left;padding-top: 22px; margin-left: 62px; margin-right: 29px;}
.footer p{float: left; color: #FFf;padding-top: 49px; line-height: 20px; margin-right: 112px;}
.footer div{float: left; color: #929292; font-size: 14px;padding-top: 49px; line-height: 20px;}
.footer div span{color: #397fc2;}
.footer div span a{color: #397fc2;}

.section{width: 100%; position:  absolute; left: 50%; margin-left: -960px;  height: 100%; z-index: 0; min-height: 600px;}

.index{ width: 100%; left: 0; margin:0; background: url(../images/index_bg.jpg) no-repeat 0 -50px; background-size:100% auto;  -moz-background-size:100% auto; height: 100%; min-width: 1003px; min-height: 600px;}
.text{position:relative; left:0%; top:10%; width:50%; height:100%; float:left;}
.text_left{position:relative; left:0%; top:10%; width:50%; height:100%; float:left;}
@media (max-width: 1540px) {
.index{ background: url(../images/index_bg.jpg) no-repeat 0 0; background-size:100% auto;  -moz-background-size:100% auto;}
}
@media (max-width: 1420px) {
.index{ background: url(../images/index_bg.jpg) no-repeat 0 50px; background-size:100% auto;  -moz-background-size:100% auto;}
}
@media (max-width: 1366px) {
.index{ background: url(../images/index_bg1366.jpg) no-repeat 0 0; background-size:100% auto; -moz-background-size:100% auto;}
}
@media (max-width: 1280px) and (max-height: 1024px) {
.index{ background: url(../images/index_bg.jpg) no-repeat center 30px; background-size:auto 90%; -moz-background-size:auto 90%; }
}
@media (max-width: 1280px) and (max-height: 800px) {
.index{ background: url(../images/index_bg1366.jpg) no-repeat center 30px; background-size:auto 90%; -moz-background-size:auto 90%; }
}
@media (max-width: 1280px) and (max-height: 720px) {
.index{ background: url(../images/index_bg1366.jpg) no-repeat center -20px; background-size:auto 100%; -moz-background-size:auto 100%;}
}
@media (max-width: 1024px) and (max-height: 768px) {
.index{ background: url(../images/index_bg.jpg) no-repeat center -20px; background-size:auto 100%; -moz-background-size:auto 100%;}
}



.index .ren{position: absolute; left: 42.6%; top: 60px;height:85%;}
.index .ren img{height:100%;}
.index.minh .ren{height: 95%;}

.index .left_content{ width:31% ; background: url(../images/blackbg.png); height: 100%; position: absolute; top: 0; left: 0; overflow: hidden;}
.index .left_content .left_con{ width:65% ; top: 31%; right: 0; z-index: 1; background:url(../images/column_bg.png); position: absolute;color: #fff; font-size: 14px; padding:24px 5.6%; line-height: 24px;}
.index .left_content .left_con span{font-size: 24px; margin-bottom: 24px; display: inline-block;line-height: 24px;}
.index .left_content .line{background: url(../images/line_bg.png) repeat-x bottom left; position: absolute; bottom: 0; right: 0; height: 6px; width: 100%;}
.index .left_content .btn_list{background: #ffcb18; position: absolute; left: 0; bottom: -69px;width: 100%;}
.index .left_content .btn_list .btn{float: left; position: relative; color: #000000; }
.index .left_content .btn_list .btn.btn_0{width: 100%; font-size: 26px;padding-top:14px; padding-bottom:12px;line-height:34px; text-align: center;}
.index .left_content .btn_list .btn.btn_0 img {vertical-align: middle; text-align: center;}
.index .left_content .btn_list .btn.btn_1{font-size: 14px; line-height: 47px; margin-left: 28px;}
.index .left_content .btn_list .btn.btn_1 img{vertical-align: middle;}
.index .left_content .btn_list .btn .erweima{position:absolute; top: 15px; left: 0;}
.index.min .left_content .btn_list{bottom: -30%;}
.index.min .left_content .btn_list .btn{line-height: 39px;}
.index.min .left_content .btn_list .btn.btn_0{width: 100%; height: auto;}

.index .right_content{width: 69%; height:100%;position: absolute; top: 0; left: 31%; }
.index .right_con{width: 100%; position: absolute; top: 31%; left: 0; height: 100%;}
.index .right_con_txt{width: 100%; overflow: hidden; position: absolute;height: 100%;}
.index .right_content .txt{background: url(../images/column_bg.png); position: absolute; bottom: 0; left: 0; padding: 11px 10px 12px 11px;  z-index: 1; font-size: 60px; color: #ffd600;}
.index .right_content .txt.txt_0{bottom: 80px;}
.index .right_content .line{background: url(../images/line_bg.png) repeat-x bottom left; position: absolute; bottom: 0; height: 6px; width: 100%;  z-index: 1;}
.index .right_content .icon{ position: absolute; bottom: -79px; left: -56px; z-index: 0;}
.index .right_content .map{ position: absolute; bottom: -294px; left: -323px; z-index: 0;}
.index .right_content .map a{ position: absolute; width: 51px; height: 51px;}
.index .right_content .map a:hover img{display: block;}
.index .right_content .map .btn_0{top: 316px; left: 55px;}
.index .right_content .map .btn_0 img{position: absolute; right: -230px; bottom: -179px;display: none;}
.index .right_content .map .btn_1{top: 435px; left: 332px;}
.index .right_content .map .btn_1 img{position: absolute; right: -132px; bottom: -107px; display: none;}
.index .right_content .map{ position: absolute; bottom: -394px; left: -323px; z-index: 0;}
.index .right_content .btn_list_r{ position: absolute; bottom: -105px; z-index: 0; text-align: center; margin-left: 3%;}
.index .right_content .btn_list_r .btnurl_bg{width:287px; height:53px; position:absolute; top:70px; left:0px; display:none;}
.index .right_content .btn_list_r .btn_url{position:absolute; width:119px; padding:0 10px; color:#FFF; font-size:18px; display: block; background: url(../images/column_bg.png); border: 1px solid #d0dce7; height: 44px; margin-top: 13px;line-height: 44px; text-align: center;}
.index .right_content .btn_list_r .btn_url a{color:#FFF;}
.index .right_content .btn_list_r .btn_url a:hover{color:#ffcb18;}
.index .right_content .btn_list_r li{float: left; text-align: center; width: 141px; margin-right: 4px;}
.index .right_content .btn_list_r span{display: block; text-align: left;background: url(../images/column_bg.png); border: 1px solid #d0dce7; height: 44px; margin-top: 13px;line-height: 44px; text-align: center;}
.index .right_content .btn_list_r span a{ font-size: 18px; color: #FFFFFF; display: block;}
.index .right_content .btn_list_r .btn_0 a{background: url(../images/column_0.png) no-repeat top left; padding-left:40px ;height: 44px;line-height: 42px;}
.index .right_content .btn_list_r .btn_1 a{background: url(../images/column_1.png) no-repeat top left; padding-left:40px ;height: 44px;line-height: 42px;}
.index .right_content .btn_list_r .btn_2 a{background: url(../images/column_2.png) no-repeat top left; padding-left:40px ;height: 44px;line-height: 42px;} 
.index .right_content .btn_list_r span:hover{background: #000;}
.index .right_content .btn_list_r span:hover a{background-position: bottom left; color: #ffcb18;}
.indexpr{ position: absolute; right: 0; bottom: 17%; background: url(../images/blackbg.png); width: 235px; text-align: center;  }
.indexpr img{width: 80%; max-width: 169px;}
.indexpr p{font-size: 15px; color: #Fff; width: 181px; text-align: left; margin: 0 auto;margin-top: 18px;margin-bottom: 5px;}
.indexpr p span{font-size: 20px;}




.polar_product{ background: url(../../images/brandstory/brandstory_bg.jpg) no-repeat; width: 100%; position:  static; left:0; margin-left: 0;  height:auto; z-index: 0; min-height: auto;}
.polar_product_com{width: 1003px; margin: 0 auto; padding-top: 88px;}
.polar_product_com .con0{width: 100%; height: 512px; background: url(../images/polar_product_0.jpg) no-repeat; position: relative;}
.polar_product_com .con0 .img0{position: absolute; top: 61px;top: 71px;  left: 450px; opacity: 0;}
.polar_product_com .con0 .img0 p{font-size: 20px; color: #000000; text-align: center; padding-left: 26px; line-height: 30px; font-weight: bold;}
.polar_product_com .con0 .img1{position: absolute; top: 0;top: 50%; right: 123px; height: 0px; width: 6px; background: url(../images/polar_product_3.png) no-repeat center;}
.polar_product_com .con0 .img2{background: url(../images/polar_product_2.png) no-repeat;width: 184px; height: 184px; line-height: 184px; text-align: center; display: none;position: absolute; top: 139px; right: 32px; color: #2f7096; font-size: 20px; font-weight: bold;}
.polar_product_com .con0 .title0{ font-size: 32px; color: #FFFFFF;opacity: 0; position: absolute; top: 83px; left: 83px;left:0; font-weight: bold;}
.polar_product_com .con0 .txt{ text-align: center; position: absolute;opacity: 0;}
.polar_product_com .con0 .txt p{color: #363636; font-size: 16px; line-height: 20px;font-weight: bold;}
.polar_product_com .con0 .txt0{ top: 142px; left: 74px;}
.polar_product_com .con0 .txt1{ top: 142px; left: 204px;}
.polar_product_com .con0 .txt2{ top: 142px; left: 351px;}
.polar_product_com .con0 .line{ height: 1px; width: 276px; width:0; background: #FFFFFF;position: absolute; top: 158px; left: 108px;}
.polar_product_com .con0 .icon{position: absolute;opacity: 0; }
.polar_product_com .con0 .icon p{font-size: 14px; text-align: center; line-height: 20px; color: #363636;}
.polar_product_com .con0 .icon0{left: 24px; top: 220px;top: 230px;}
.polar_product_com .con0 .icon1{left: 172px; top: 220px; top: 230px;}
.polar_product_com .con0 .icon2{left: 312px; top: 220px; top: 230px;}
.polar_product_com a{font-weight: bold;width: 154px; font-size: 15px;opacity: 0;color: #FFFFFF;height: 44px;line-height: 44px;text-align: center;background: #a1c362;display: inline-block; padding:0;margin-top: 20px; position: absolute; bottom: 43px; left: 68px;left: 58px;}
.polar_product_com a .icona {float: left;} 
.polar_product_com a .icona2 {float: right;}


.polar_product_com .con1{width: 100%; height: 600px; background: url(../images/polar_product_8.jpg) no-repeat; position: relative;}
.polar_product_com .con1 .img0{position: absolute; top: 76px; right: 182px; top: 86px; opacity: 0;}
.polar_product_com .con1 .img1{position: absolute; top: 0;top: 50%; right: 123px; height: 0px; width: 6px; background: url(../images/polar_product_11.png) no-repeat center;}
.polar_product_com .con1 .img2{background: url(../images/polar_product_12.png) no-repeat; width: 225px; height: 225px; line-height: 225px; text-align: center;position: absolute; top: 289px; right: 14px; color: #fc9b4d; font-size: 24px;display: none;}
.polar_product_com .con1 .img3{position: absolute; top: 150px; background: url(../images/polar_product_10.png); width: 817px; height: 224px; width: 0;}
.polar_product_com .con1 .icon{position: absolute; }
.polar_product_com .con1 .icon p{font-size: 24px; font-weight: bold; text-align: center; line-height: 28px; color: #ffdbd1;}
.polar_product_com .con1 .icon0{left: 142px;left: 152px; top: 29px;opacity: 0;}
.polar_product_com .con1 .icon1{left: 52px;left: 32px; top: 259px;opacity: 0;}
.polar_product_com .con1 .icon2{left: 405px;left: 390px; top: 160px;opacity: 0;}
.polar_product_com .con1 .icon_cn0{left: 124px; top: 137px;opacity: 0;}
.polar_product_com .con1 .icon_cn1{left: 244px; top: 304px;opacity: 0;}
.polar_product_com .con1 .icon_cn2{left: 578px; top: 208px;opacity: 0;}

.polar_product_com .con1 a{position: absolute; bottom: 43px; left: 68px;left: 58px;background: #a1c362;}

.polar_product_com .con2{width: 100%; height: 600px; background: url(../images/polar_product_16.jpg) no-repeat; position: relative;}
.polar_product_com .con2 .img0{position: absolute; top: 0;top: 50%; right: 123px; height: 0px; width: 6px; background: url(../images/polar_product_17.png) no-repeat center;}
.polar_product_com .con2 .img1{background: url(../images/polar_product_18.png) no-repeat; display: none; width: 189px;line-height: 189px; text-align: center;position: absolute; top: 130px; right: 34px; color: #fff; font-size: 24px;}
.polar_product_com .con2 .img2{position: absolute; top: 133px; right: 183px; background: url(../images/polar_product_19.png) no-repeat top right; width: 165px; height: 140px; width: 0;}
.polar_product_com .con2 .img3{position: absolute;top:135px; left: 402px;left: 380px;opacity: 0;}
.polar_product_com .con2 .img3 p{position: absolute; top: 160px; left:236px; left:256px; font-size: 18px; width: 185px; line-height: 23px;color: #fff;}
.polar_product_com .con2 .img3 p span{ font-size:24px; font-weight: bold; line-height:30px; color: #0d91c8;}
.polar_product_com .con2 .img4{position: absolute;top:31px; right: 301px;right: 291px;opacity: 0;}
.polar_product_com .con2 .img4 p{position: absolute; top: 29px; left:119px; left:149px; font-size: 18px; width: 185px; line-height: 26px;color: #fff;}
.polar_product_com .con2 .img4 p span{ font-size:24px; font-weight: bold; color: #46942f;}
.polar_product_com .con2 .icon{position: absolute; }
.polar_product_com .con2 .icon_cn3{ left: 715px; top: 110px; opacity: 0; position: absolute; }
.polar_product_com .con2 .icon_cn4{left: 610px; top: 258px;opacity: 0; position: absolute; }
.polar_product_com .con2 a{position: absolute; bottom: 38px; left: auto; right: 152px; background: #a1c362;}

.polar_product_com .con3{width: 100%; height: 600px; background: url(../images/polar_product_22.jpg) no-repeat; position: relative;}
.polar_product_com .con3 .txt_0{font-size: 40px; font-weight: bold; color: #fdd000; text-align: center; top: 48px; top: 0;opacity: 0; left: 224px; position: absolute;}
.polar_product_com .con3 .img0{top: 82px;top: 92px;opacity: 0; left: 52px; position: absolute;}
.polar_product_com .con3 .img1{top: 215px; left: 59px;left: 39px; opacity: 0;position: absolute;}
.polar_product_com .con3 .img2{top: 301px; right: 59px;right: 39px; opacity: 0;position: absolute;}
.polar_product_com .con3 .txt_1{top: 227px; left: 199px;left: 197px;opacity: 0; position: absolute; font-size: 25px; color: #56ccea; font-weight:bold;}
.polar_product_com .con3 .txt_2{top: 265px; left: 199px;left: 197px;opacity: 0; position: absolute;font-size: 12px; color: #ebf5f6;}
.polar_product_com .con3 .txt_3{top: 297px; right: 232px;right: 212px;opacity: 0; position: absolute; font-size: 25px; color: #ff8109; font-weight:bold;}
.polar_product_com .con3 .txt_4{top: 338px; right: 257px;right: 277px; opacity: 0;position: absolute;font-size: 12px; color: #ebf5f6;}
.polar_product_com .con3 .btn_0{position: absolute; top: 284px; left: 177px;left: 197px; background: #1ba4d6; z-index: 3;}
.polar_product_com .con3 .btn_1{position: absolute; top: 354px; right: 304px;right: 314px; left: auto; background: #ff8109;z-index: 3;}


.polar_product_com a:hover{background: #000;}
.polar_product_com .btn_0:hover{background: #000;}
.polar_product_com .btn_1:hover{background: #000;}

.video{position: absolute;z-index: 19; background: #000000; width: 100%; height: 100%;}
#video{position: absolute;}
.video video{width: 100%;}
.video .close_video{background: url(../images/video.png); width: 139px; height: 40px; color: #000000; line-height: 40px; text-align: center; position: absolute; bottom: 10%; right: 10%;font-size: 24px; z-index: 10; cursor: pointer;}



<!--弹出获奖名单层 -->
.mask {position:absolute; display:none; top:0; left:0; z-index:9999;}
.pop_bg {position: absolute; background:#000; opacity:.54; filter:alpha(opacity=74)}
.pop_con {position:absolute;}
.closemask {background:url(images/close.jpg) no-repeat; width:34px; height:34px; position:absolute; left:600px; top:0; cursor:pointer}
.masktitle {margin:270px 0 0 10px; color:#f4ba1c; font-weight:bold; font-size:24px;}
.maskcontent {font-size:14px; color:#FFF; margin-left:10px;}
.winner_list{width:520px; height:60px; position:absolute; top:300px; left:30px; color:#d4a812;}
.winner_list li{width:170px; height:40px; font-size:30px; text-align:center; float:left; display:inline;}
.winner_list li span{font-size:12px;}