@import url('reset.css');
@import url('g_style.css');

.nav{
    padding-left: 0px;
}
.nav_r{
    float: right;
}
.nav_r2 {
    float: right;
    margin-right: 180px;
    padding-top: 3px;
}
.menu_in{top:61px;}
.body{font-family: Arial, Helvetica, sans-serif;width: 640px;}

.banner{position:absolute;z-index: 9; height: 323px; width: 640px;background-image: url(../img/index_banner.png);background-position: center;background-repeat: no-repeat;top:110px;}


.switch{width: 640px;height: 201px;}
.navFixed {
    z-index: 10;          
    position: fixed;      
    top: 0;
    left: 0;
    margin-top: 0;
    width: 640px;
    opacity: 0.94;
    transition: opacity .5s ease-out;   
  }


.bg1{position: relative; float: left;width: 100%; height: 9400px;background-image: url(../img/text.png);background-color: #CCFFFF;top:0;}
/* .bg2{position: relative; float: left; height: 500px;background-image: url(../img/text.png);background-color: #FFFFCC;} */

.tl1{width:640px; position: absolute; float: left; height: 5441px;background-image: url(../img/tl1.png);background-repeat: no-repeat;margin-top: 300px;}
.tl2{width: 640px; position: absolute;float: right; height: 3801px;background-image: url(../img/tl2.png);background-repeat: no-repeat;background-position: right;margin-top: 600px;}

.fl1{position: absolute; float: left; height: 4200px;background-image: url(../img/index_left.png);background-repeat: no-repeat;margin-top: 640px;}
.fl2{position: absolute;float: right; height: 4200px;background-image: url(../img/index_right.png);background-repeat: no-repeat;margin-top:640px;background-position: right;}



.header{position: absolute;width: 100%;}
.menu{position: absolute;}
#parallax-bg3 {
    z-index: 54px;
    /*position: fixed;*/
}

.bg{position: absolute;z-index: 3; top:0px;float: left; height: 4522px;top:104px;}

.center{width: 640px; margin: 0 auto;}
.btn_goshop{float: left;width: 165px;height: 59px;background-image: url(../img/btn_banner_goshop.png);background-size: contain;cursor: pointer;margin: 210px 0 0 170px;}

.btn_goshop02{float: left;width: 193px;height: 69px;background-image: url(../img/btn_goshop.png);background-size: contain;cursor: pointer;margin: 520px 0 0 330px;cursor: pointer;}

.btn_goshop:hover,.btn_goshop02:hover{transform: scale(1.1);}
.index01{float: left;width: 640px; height: 1352px;background-image: url(../img/index_01.png);background-repeat: no-repeat;background-position: center;margin: 350px 0 0 0px;}

.index02{float: left;width: 640px;height: 2627px;background-image: url(../img/index_02.png);background-repeat: no-repeat;background-position:center;margin-top: 10px;position: relative;z-index: 5;}
.index_newcon_ta{float: left;width:227px;height: 236px;background-image: url(../img/btn_ta.png);margin:  160px 0 0 200px;cursor: pointer;}
.index_newcon_ph{float: left;width:228px;height: 234px;background-image: url(../img/btn_ph.png);margin: 60px 0 0 200px ;cursor: pointer;}


.index_newcon_ph:hover,.index_newcon_ta:hover{transform: scale(1.1);}
.index03{float: left;width: 640px;height: 1640px;background-position: center;background-image: url(../img/index_03.png);background-repeat: no-repeat;background-position: center;margin-top: 60px;}}




.btn_deliver{float: left;width: 380px;height: 184px;background-image: url(../img/btn_deliver.png);background-repeat: no-repeat; background-size: contain;cursor: pointer;margin:0 0 0 428px;}
.btn_deliver:hover{transform: scale(1.1);}

.list_title{float: left; position: absolute; width: 100%; font-size: 35px;color: #604C3F;margin: 20px 0 0 0px;text-align: center;font-weight: bold;}
.list_title02{float: left; position: absolute; width: 100%; font-size: 35px;color: #604C3F;margin: 50px 0 0 0px;text-align: center;font-weight: bold;padding-left: 10px;}
.list_title03{float: left; position: absolute; width: 100%; font-size: 35px;color: #604C3F;margin: 30px 0 0 0px;text-align: center;font-weight: bold;}
.list_title04{float: left; position: absolute; width: 100%; font-size: 35px;color: #604C3F;margin: 840px 0 0 0px;text-align: center;font-weight: bold;}
.list_title05{float: left;font-size: 35px;color: #604C3F;margin: 100px 0 0 180px;font-weight: bold;}
.list_title06{float: left;font-size: 40px;color: #604C3F;margin: 0px 0 0 0px;line-height: 45px;font-weight: bold;}
.list0{float: left;}
.list{float: left;height:174px ;margin: 0px 0 0 370px;}
.list2{float: left;height:174px ;margin: 0px 0 0 300px;}

.con{position: absolute; float: left;width: 220px;height: 196px;background-image: url(../img/index_list_bg.png);font-size: 35px;color: #fff;line-height: 174px;text-align: center; background-position: center;background-repeat: no-repeat;font-weight: bold;}
.con2:hover,.con4:hover,.con43:hover,.con6:hover,.con63:hover,.con7:hover,.btn_more_s:hover,.btn_more:hover{transform: scale(1.2);}
.con2{position: absolute; float: left;width:152px;height: 162px;cursor: pointer;}
.cc0{margin: 120px 0 0 370px;}
.cc1{margin: 180px 0 0 180px;}
.cc2{margin: 330px 0 0 380px;}
.cc3{margin: 400px 0 0 80px;}
.cc4{margin: 580px 0 0 80px;}
.cc5{margin: 780px 0 0 100px;}
.cc6{margin: 680px 0 0 280px;}
.cc7{margin: 780px 0 0 430px;}
.cc8{margin: 950px 0 0 400px;}
.cc9{margin: 1250px 0 0 400px;}
.cc10{margin: 1100px 0 0 250px;}
.cc11{margin: 1050px 0 0 70px;}
.cc12{margin: 1300px 0 0 100px;}
.cc13{margin: 1400px 0 0 300px;}
.cc14{margin: 1550px 0 0 100px;}
.cc15{margin: 1550px 0 0 400px;}
.cc16{margin: 1750px 0 0 400px;}
.cc17{margin: 1950px 0 0 400px;}
.cc18{margin: 1850px 0 0 200px;}
.cc19{margin: 1950px 0 0 20px;}
.cc20{margin: 2150px 0 0 20px;}
.cc21{margin: 2100px 0 0 270px;}
.cc22{margin: 2300px 0 0 470px;}
.cc23{margin: 2400px 0 0 270px;}
.index04{float: left;width: 640px; height: 637px;background-image: url(../img/index_04.png);background-repeat: no-repeat;background-position: center;margin-top: 0px;}

.btn_more{position: absolute; float: left; width:128px;height: 73px;background-image: url(../img/btn_more.png);margin:2600px 0 0 260px;cursor: pointer;}
.index05{float: left;width: 640px; height: 1294px;background-image: url(../img/index_05.png);background-repeat: no-repeat;background-position: center;margin-top: 0px;}
.list3{float: left;width: 100%; height:174px ;margin: 110px 0 50px 0px;}
.list4{float: left;width: 100%; height:174px ;margin: 250px 0 50px 0px;}
.list5{float: left;height:174px ;margin: -20px 0 0 190px;}
.list6{float: left;height:174px ;margin: -20px 0 0 290px;}
.con3{float: left;width:100%;margin: 100px 0 30px 00px;font-size: 27px;color: #fff;line-height: 90px;text-align: center;font-weight: bold;}
.con9{float: left;width:100%;margin: 70px 0 -30px 00px;font-size: 27px;color: #fff;line-height: 90px;text-align: center;font-weight: bold;}
.con43{float: left;width:131px;height: 146px;background-image: url(../img/book_con.png); margin: -30px 0 0 100px;cursor: pointer;}
.con63{float: left;width:131px;height: 146px;background-image: url(../img/book_con2.png); margin: -30px 0 0 100px;cursor: pointer;}
.con4{float: left;width:131px;height: 146px;background-image: url(../img/book_con.png); margin: -30px 0 0 30px;cursor: pointer;}
.con6{float: left;width:131px;height: 146px;background-image: url(../img/book_con2.png); margin: -30px 0 0 30px;cursor: pointer;}
.con63 p,.con43 p,.con4 p,.con6 p{width:120px; font-size: 23px;color: #fff;margin-left: 12px;text-align: center}
.con5{float: left;width:116px;margin: 45px 30px ;font-size: 23px;color: #fff;line-height: 30px;text-align: center}
.btn_more_s{float: left; width:97px;height: 55px;background-image: url(../img/btn_more_s.png);margin:-215px 0 0 450px;cursor: pointer;}


.index06{float: left;width: 640px; height: 550px;background-image: url(../img/index_06.png);background-repeat: no-repeat;background-position: center;margin-top: -130px;}
.list7{float: left;height:174px ;margin: 120px 0 0 280px;}
.con7{float: left;width:197px;height: 150px;background-image: url(../img/cd_con.png); margin: 30px -60px 0 100px;cursor: pointer;}
.con7 p{width: 80px;line-height: 100px; font-size: 23px;color: #fff;margin-left: 12px;text-align: center}
.cd_more{margin:-255px 0 0 450px;}

.index07{float: left;width: 640px; height: 746px;background-image: url(../img/map_bg.png);background-repeat: no-repeat;background-position: center;margin-top: 0px;position: relative;z-index: 5;}

.index08{float: left;width: 640px;height: 750px;background-position: center;margin-top: -250px;background-color: #FFFFCC;background-image: url(../img/text.png);}
.index08_1{float: left;width: 640px;height: 750px;background-position: center;margin-top: 250px;background-image: url(../img/index08.png);}

.tl4{position: absolute;right:-15px; width:250px;height: 1216px;background-image: url(../img/tl4.png);background-repeat: no-repeat;bottom:0px;background-position: bottom;background-size: 100%;}
.tl5{position: absolute; float: right; width: 150px;right: 0; height: 250px;background-image: url(../img/tl5.png);background-repeat: no-repeat;margin-top: 8000px;background-position: right;z-index: 5;background-size: 100%}
.tl6{position: absolute;float: left; height: 415px;background-image: url(../img/tl6.png);background-repeat: no-repeat;margin-top:5500px;}
.tl7{position: absolute;float: right; height: 852px;background-image: url(../img/tl7.png);background-repeat: no-repeat;bottom:0;background-position: right;}
.btn_take{float: left;width: 327px;height: 98px;background-image: url(../img/btn_take.png);margin: 300px 0 0 250px;cursor: pointer;position: relative;z-index: 6;}
.btn_take2{float: left;width: 327px;height: 98px;background-image: url(../img/btn_take2.png);margin: 20px 0 0 250px;cursor: pointer;position: relative;z-index: 6;}
.btn_more,.btn_take:hover,.btn_take2:hover{transform: scale(1.1);}

.index09{float: left;width: 640px;height: 750px;}
.list8{float: left;height:auto ;margin: 20px 0 0 30px;}

.qa_bg{float: left;width: 429px;height: 76px;background-image: url(../img/qa_bg.png);line-height: 67px;font-size: 20px;color: #fff;padding-left: 25px;margin-left: 20px;cursor: pointer;font-weight: bold;}
.a_bg_out{float: left;width: 429px;height: auto;padding: 16px;background-color: #339999;margin-left: 80px;display: none;}
.a_bg{float: left;width: 429px;height: auto;background-image: url(../img/a_bg.png);}
.a_bg p{font-size: 18px;line-height: 25px;color: #fff;padding: 0 20px;}
.txt_o{color:#FFCC33;font-weight: bold;}
.txt_o a{text-decoration: underline;color:#FFCC33;font-weight: bold;}

.qa6_bg{float: left;width: 373px;height: 76px;background-image: url(../img/q6.png);line-height: 87px;font-size: 23px;color: #fff;margin-left: 20px;cursor: pointer;}
.qa7_bg{float: left;width: 450px;height: 75px;background-image: url(../img/q7.png);line-height: 87px;font-size: 23px;color: #fff;margin-left: 20px;cursor: pointer;}
.qa8_bg{float: left;width: 469px;height: 76px;background-image: url(../img/q8.png);line-height: 87px;font-size: 23px;color: #fff;margin-left: 20px;cursor: pointer;}

.btn_more2{float: left; width:128px;height: 73px;background-image: url(../img/btn_more.png);margin:0px 0 0 73px;cursor: pointer;}
.btn_email{float: left; width:175px;height: 71px;background-image: url(../img/btn_email.png);margin:0px 0 0 30px;cursor: pointer;}

.ct_my{position: absolute; float: left;width: 130px;height: 123px;background-image: url(../img/ct_my_o.png);margin: 300px 0 0 150px;}
.ct_ta{position: absolute;float: left;width: 130px;height: 123px;background-image: url(../img/ct_ta_o.png);margin: 300px 0 0 150px;}
.ct_s{position: absolute;float: left;width: 130px;height: 123px;background-image: url(../img/ct_s_o.png);margin: 300px 0 0 150px;}
.ct_ph{position: absolute;float: left;width: 130px;height: 123px;background-image: url(../img/ct_ph_o.png);margin: 300px 0 0 150px;}
.ct_hk{position: absolute;float: left;width: 236px;height: 208px;background-image: url(../img/ct_hk_o.png);margin: 300px 0 0 150px;}
.ct_us{position: absolute;float: left;width: 130px;height: 123px;background-image: url(../img/ct_us_o.png);margin: 300px 0 0 150px;}
.ct_ny{position: absolute;float: left;width: 189px;height: 181px;background-image: url(../img/ct_ny_o.png);margin: 300px 0 0 150px;}


.producte01{position: absolute;z-index: 9; width: 100px; margin: 130px 0 0 350px;}
.producte02{position: absolute;z-index: 9; width: 100px; margin: 130px 0 0 350px;}
.producte05{position: absolute;z-index: 9; width: 100px; margin: 130px 0 0 350px;}
.producte03{position: absolute;z-index: 9; width: 100px; margin: 130px 0 0 350px;}
.producte04{position: absolute;z-index: 9; width: 100px; margin: 130px 0 0 350px;}
.producte06{position: absolute;z-index: 9; width: 100px; margin: 130px 0 0 350px;}
.producte07{position: absolute;z-index: 9; width: 100px; margin: 130px 0 0 350px;}
.a2{margin:0 0 0 50px; }
.arr_list{float: left; width: 100%;height: 32px;margin-top: 680px;}
.arr_left{float: left;width: 21px;height: 32px;background-image: url(../img/arr_left.png);margin-left: 60px;cursor: pointer;}
.arr_right{float: right;width: 21px;height: 32px;background-image: url(../img/arr_right.png);margin-right: 60px;cursor: pointer;}
.ct_name{float: left;width: 74%;font-size: 37px;color: #fff;height: 32px;text-align: center;line-height: 32px;font-weight: bold;}

#send1,#send2{display: none;}
.send_bg{float: left;width: 590px;height: 4235px;background-image: url(../img/send_bg.png);}
.send_bg2{float: left;width: 590px;height: 3303px;background-image: url(../img/send_bg2.png);}
.btn_else{ float: left;width: 257px;height: 73px;background-image: url(../img/btn_else.png);cursor: pointer;margin:4150px 0 0 150px; }

.fancybox-close{background-image: url(../img/btn_close.png);width: 46px;height: 49px;}