@charset "utf-8";

#productBanner{margin-top:80px; background:#f8f5ef url(/Public/Website/assets/index/map_bg.png?v=2208311426) no-repeat center bottom; background-size:auto 720px; overflow:hidden;}
#productBanner .box{width:1040px; height:720px; margin:0 auto; overflow:hidden; position:relative;}
#productBanner .box .cont{width:320px; height:720px; text-align:left; padding:0 20px; float:left; overflow:hidden;}
#productBanner .box .cont .cn{height:35px; line-height:35px; color:#A68D6A; font-size:24px; padding-top:100px; overflow:hidden;}
#productBanner .box .cont .en{height:35px; line-height:35px; color:#A68D6A; font-size:24px; overflow:hidden;}
#productBanner .box .cont .slogan{line-height:24px; color:#8C8C8C; font-size:14px; padding-top:110px; overflow:hidden;}
#productBanner .box .cont .slogan b{line-height:50px; color:#EEDCC3; font-weight:bold; font-size:50px;}
#productBanner .box .cont .area{display:none; width:100%; overflow:hidden;}
#productBanner .box .cont .area .name{height:70px; line-height:70px; color:#313131; font-size:48px; padding-top:80px; border-bottom:1px solid #999; overflow:hidden;}
#productBanner .box .cont .area .list{width:100%; padding-top:10px; overflow:hidden;}
#productBanner .box .cont .area .list .city{width:70px; float:left; overflow:hidden;}
#productBanner .box .cont .area .list .city li{height:25px; line-height:25px; overflow:hidden;}
#productBanner .box .cont .area .list .city li a{color:#8C8C8C; font-size:13px; font-weight:bold;}
#productBanner .box .cont .area .list .city li a span{display:none; padding-left:5px;}
#productBanner .box .cont .area .list .city li a:hover{color:#D4A93E;}
#productBanner .box .cont .area .list .city li.on a{color:#D4A93E;}
#productBanner .box .cont .area .list .city li.on a span{display:inline-block;}
#productBanner .box .cont .area .list .show{width:250px; float:left; overflow:hidden;}
#productBanner .box .cont .area .list .show li{height:25px; line-height:25px; overflow:hidden;}
#productBanner .box .cont .area .list .show li a{color:#313131; font-size:13px;}
#productBanner .box .cont .area .list .show li a:hover{text-decoration:underline;}
#productBanner .box .cont.on{background:#fff;}
#productBanner .box .cont.on .slogan{display:none;}
#productBanner .box .cont.on .area{display:block;}
#productBanner .box .region{width:700px; height:610px; overflow:hidden; position:absolute; top:90px; right:20px;}
#productBanner .box .region a{display:block; color:#71470c; font-size:14px; opacity:0.6; background:#EEDCC3; overflow:hidden; position:absolute; z-index:0;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
}
#productBanner .box .region a.a{width:140px; height:140px; line-height:140px; left:485px; top:135px;}
#productBanner .box .region a.b{width:80px; height:60px; line-height:60px; left:505px; top:395px;
    transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);
    -moz-transform:rotate(-15deg);
    -webkit-transform:rotate(-15deg);
    -o-transform:rotate(-15deg);
}
#productBanner .box .region a.c{width:70px; height:130px; line-height:130px; left:455px; top:300px;
    transform:rotate(40deg);
    -ms-transform:rotate(40deg);
    -moz-transform:rotate(40deg);
    -webkit-transform:rotate(40deg);
    -o-transform:rotate(40deg);
}
#productBanner .box .region a.d{width:80px; height:60px; line-height:60px; left:423px; top:442px;}
#productBanner .box .region a.e{width:95px; height:60px; line-height:60px; left:400px; top:260px;}
#productBanner .box .region a.f{width:100px; height:60px; line-height:60px; left:540px; top:315px;}
#productBanner .box .region a.g{width:150px; height:80px; line-height:80px; left:292px; top:318px;}
#productBanner .box .region a.h{width:60px; height:60px; line-height:60px; left:520px; top:267px;}
#productBanner .box .region a:hover,
#productBanner .box .region a.on{color:#fff; background:#D4A93E; z-index:1;}

.region_new{width:700px; height:720px; overflow:hidden; position:absolute; top:0; right:0;}
.region_new a{display:block; color:#71470c; font-size:11px; overflow:hidden; position:absolute;}
.region_new a.on{color:#D4A93E;}

#product{background:#f7f6f6;}
#product .box{width:1000px; text-align:left; margin:0 auto; padding:35px 0 60px 0;}
#product .box .select{width:1020px; height:30px; text-align:left;}
#product .box .select .position{width:100px; height:29px; line-height:29px; color:#000; font-size:14px; padding-left:5px; border-bottom:1px solid #777; float:left; overflow:hidden;}
#product .box .select .menu{width:320px; height:29px; margin-right:20px; border-bottom:1px solid #777; float:left; position:relative; z-index:99999;}
#product .box .select .menu a.name{display:block; width:auto; height:29px; line-height:29px; color:#000; font-size:14px; padding-left:5px; background:url(/Public/Website/assets/select_icon.png) no-repeat right top; background-size:auto 100%; overflow:hidden;}
#product .box .select .menu a.name_on,
#product .box .select .menu a.name:hover{color:#a68d6a;}
#product .box .select .menu .show{display:none; width:300px; height:216px; padding:10px; background:#fff; overflow-x:hidden; overflow-y:auto; position:absolute; left:0; top:30px; z-index:99999;
    -webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 2px 10px rgba(0,0,0,0.3);
    -o-box-shadow:0px 2px 10px rgba(0,0,0,0.3);
    box-shadow:0px 2px 10px rgba(0,0,0,0.3);
}
#product .box .select .menu .show a{display:block; height:27px; line-height:27px; color:#313131; font-size:14px; padding:0 10px; background:#fff; overflow:hidden;}
#product .box .select .menu .show a:hover{color:#fff; text-decoration:none; background:#d4a93e;}
#product .box .select .menu .show a.on{color:#a68d6a; font-weight:bold; background:#fff;}
#product .box .select .menu.a{width:215px;}
#product .box .select .menu.a a.name{padding-left:0;}
#product .box .select .menu.a .show{left:-105px;}
#product .box .select .menu.b{width:660px; margin-right:0;}
#product .box .select .menu.b .show{width:640px;}
#product .box .select .menu.c .show{height:auto;}
#product .box .list{width:100%; overflow:hidden;}
#product .box .list ul{width:1020px; overflow:hidden;}
#product .box .list ul li{width:300px; height:430px; margin:20px 20px 0 0; padding:10px; background:#fff; float:left; overflow:hidden;}
#product .box .list ul li .photo{width:298px; height:223px; border:1px solid #A68D6A; overflow:hidden;}
#product .box .list ul li .photo img{width:100%; height:100%;}
#product .box .list ul li dl{width:280px; color:#313131; text-align:left; margin:0 auto; overflow:hidden;}
#product .box .list ul li dl dt{height:50px; line-height:50px; font-size:20px; padding-top:3px; overflow:hidden;}
#product .box .list ul li dl dd{height:35px; line-height:35px; padding-left:20px; border-bottom:1px solid #999; overflow:hidden;}
#product .box .list ul li dl dd.city{background:url(/Public/Website/assets/project_icon_01.png) no-repeat left top; background-size:auto 100%;}
#product .box .list ul li dl dd.property{background:url(/Public/Website/assets/project_icon_02.png) no-repeat left top; background-size:auto 100%;}
#product .box .list ul li dl dd.decoration{background:url(/Public/Website/assets/project_icon_03.png) no-repeat left top; background-size:auto 100%;}
#product .box .list ul li dl dd.phone{text-decoration:none; border-bottom:0; background:url(/Public/Website/assets/project_icon_04.png) no-repeat left top; background-size:auto 100%;}
#product .box .list ul li dl dd.phone a{color:#313131; text-decoration:none;}
#product .box .list ul li dl dd.mobile_phone{display:none; text-decoration:none; border-bottom:0; background:url(/Public/Website/assets/project_icon_04.png) no-repeat left top; background-size:auto 100%;}
#product .box .list ul li dl dd.mobile_phone a{color:#313131; text-decoration:none;}

#product .box .list .tips{display:none; height:200px; line-height:200px; color:#313131; font-size:13px; text-align:center; overflow:hidden;}
#product .box .list .tips a{color:#d4a93e;}
#product .box .list .button{height:40px; margin-top:20px; overflow:hidden;}
#product .box .list .button a{display:block; height:40px; line-height:40px; color:#fff; font-size:14px; text-align:center; background:#d4a93e; overflow:hidden;}
#product .box .list .button a:hover{background:#ddba65;}

#productOne{width:100%; height:840px; overflow:hidden; position:relative;}
#productOne .box{width:1920px; height:840px; margin-left:-960px; overflow:hidden; position:absolute; top:0; left:50%; z-index:0;}
#productOne .box img{width:100%; height:100%;}
#productOne .cont{width:1000px; height:840px; margin-left:-500px; overflow:hidden; position:absolute; top:0; left:50%; z-index:1;}
#productOne .cont .icon_01{width:564px; height:104px; margin:0 auto; padding-top:65px; overflow:hidden;}
#productOne .cont .icon_01 img{width:100%; height:100%;}
#productOne .cont .text{height:60px; line-height:60px; color:#A68D6A; font-size:32px; overflow:hidden;}
#productOne .cont .icon_02{width:447px; height:447px; margin:0 auto; padding-top:65px; overflow:hidden;}
#productOne .cont .icon_02 img{width:100%; height:100%;}
#productOne .cont .list{width:250px; height:55px; position:absolute;}
#productOne .cont .list .name{height:30px; line-height:30px; color:#D3D3D3; font-size:24px; overflow:hidden; position:relative; z-index:0; cursor:pointer;}
#productOne .cont .list .tips{height:25px; line-height:25px; color:#8C8C8C; font-size:13px; overflow:hidden; position:relative; z-index:0; cursor:pointer;}
#productOne .cont .list .show{display:none; width:280px; line-height:20px; color:#fff; font-size:13px; text-align:left; padding:20px; background:#A68D6A; position:absolute;}
#productOne .cont .list .show:before{content:""; width:0; height:0; position:absolute;}
#productOne .cont .list.a{margin-left:-125px; left:50%; top:235px;}
#productOne .cont .list.a .show{left:210px; top:-25px;}
#productOne .cont .list.a .show:before{
    left:-5px;
    top:37px;
    border-right:5px solid #A68D6A;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
}
#productOne .cont .list.b{text-align:right; left:40px; top:350px;}
#productOne .cont .list.b .show{left:270px; top:-15px;}
#productOne .cont .list.b .show:before{
    left:-5px;
    top:27px;
    border-right:5px solid #A68D6A;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
}
#productOne .cont .list.c{text-align:left; left:710px; top:350px;}
#productOne .cont .list.c .show{left:-339px; top:-25px; text-align:right;}
#productOne .cont .list.c .show:before{
    left:320px;
    top:37px;
    border-left:5px solid #A68D6A;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
}
#productOne .cont .list.d{text-align:right; left:0; top:535px;}
#productOne .cont .list.d .show{left:270px; top:-35px;}
#productOne .cont .list.d .show:before{
    left:-5px;
    top:47px;
    border-right:5px solid #A68D6A;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
}
#productOne .cont .list.e{text-align:left; left:750px; top:535px;}
#productOne .cont .list.e .show{left:-339px; top:-45px; text-align:right;}
#productOne .cont .list.e .show:before{
    left:320px;
    top:57px;
    border-left:5px solid #A68D6A;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
}
#productOne .cont .list.f{text-align:right; left:120px; top:735px;}
#productOne .cont .list.f .show{left:270px; top:-25px;}
#productOne .cont .list.f .show:before{
    left:-5px;
    top:37px;
    border-right:5px solid #A68D6A;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
}
#productOne .cont .list.g{text-align:left; left:630px; top:735px;}
#productOne .cont .list.g .show{left:-339px; top:-25px; text-align:right;}
#productOne .cont .list.g .show:before{
    left:320px;
    top:37px;
    border-left:5px solid #A68D6A;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
}

#productTwo{width:100%; height:840px; overflow:hidden; position:relative;}
#productTwo .box{width:1920px; height:840px; margin-left:-960px; overflow:hidden; position:absolute; top:0; left:50%; z-index:0;}
#productTwo .box img{width:100%; height:100%;}
#productTwo .cont{width:1000px; height:840px; margin-left:-500px; overflow:hidden; position:absolute; top:0; left:50%; z-index:1;}
#productTwo .cont .icon{width:90px; height:90px; margin:80px auto 0 auto; overflow:hidden;}
#productTwo .cont .icon img{width:100%; height:100%;}
#productTwo .cont .text_01{height:40px; line-height:40px; color:#D2A47E; font-size:32px; padding-top:40px; overflow:hidden;}
#productTwo .cont .list{width:320px; height:75px; position:absolute;}
#productTwo .cont .list .name{height:35px; line-height:35px; color:#D2A47E; font-size:24px; overflow:hidden; position:relative; z-index:0; cursor:pointer;}
#productTwo .cont .list .tips{line-height:20px; color:#F7F6F6; font-size:16px; overflow:hidden; position:relative; z-index:0; cursor:pointer;}
#productTwo .cont .list .show{display:none; width:280px; line-height:20px; color:#fff; font-size:13px; text-align:left; padding:20px; background:#A68D6A; position:absolute;}
#productTwo .cont .list .show:before{content:""; width:0; height:0; position:absolute;}
#productTwo .cont .list.a{left:0; top:550px;}
#productTwo .cont .list.a .show{left:0; top:-90px;}
#productTwo .cont .list.a .show:before{
    left:155px;
    top:80px;
    border-top:5px solid #A68D6A;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
}
#productTwo .cont .list.b{left:340px; top:550px;}
#productTwo .cont .list.b .show{left:0; top:-110px;}
#productTwo .cont .list.b .show:before{
    left:155px;
    top:100px;
    border-top:5px solid #A68D6A;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
}
#productTwo .cont .list.c{right:0; top:550px;}
#productTwo .cont .list.c .show{left:0; top:-110px;}
#productTwo .cont .list.c .show:before{
    left:155px;
    top:100px;
    border-top:5px solid #A68D6A;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
}
#productTwo .cont .list.d{left:170px; top:650px;}
#productTwo .cont .list.d .show{left:0; top:-130px;}
#productTwo .cont .list.d .show:before{
    left:155px;
    top:120px;
    border-top:5px solid #A68D6A;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
}
#productTwo .cont .list.e{right:170px; top:650px;}
#productTwo .cont .list.e .show{left:0; top:-130px;}
#productTwo .cont .list.e .show:before{
    left:155px;
    top:120px;
    border-top:5px solid #A68D6A;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
}

#productThree{width:100%; height:840px; overflow:hidden; position:relative;}
#productThree .box{width:1920px; height:840px; margin-left:-960px; overflow:hidden; position:absolute; top:0; left:50%; z-index:0;}
#productThree .box img{width:100%; height:100%;}
#productThree .cont{width:1000px; height:840px; margin-left:-500px; overflow:hidden; position:absolute; top:0; left:50%; z-index:1;}
#productThree .cont .icon{width:278px; height:86px; margin:100px auto 0 auto; overflow:hidden;}
#productThree .cont .icon img{width:100%; height:100%;}
#productThree .cont .text_02{height:60px; line-height:60px; color:#313131; font-size:24px; overflow:hidden;}
#productThree .cont .list{width:942px; margin-top:30px; overflow:hidden;}
#productThree .cont .list ul{width:960px; overflow:hidden;}
#productThree .cont .list ul li{width:222px; height:320px; margin-right:18px; background:url(/Public/Website/assets/product/yun_bg.png) no-repeat; float:left; overflow:hidden;}
#productThree .cont .list ul li .name{width:140px; height:96px; color:#fff; margin:0 auto; padding-top:44px; background:#A68D6A; overflow:hidden;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
}
#productThree .cont .list ul li .name .cn{line-height:37px; font-size:32px; overflow:hidden;}
#productThree .cont .list ul li .name .en{line-height:20px; font-size:14px; overflow:hidden;}
#productThree .cont .list ul li .show{width:100%; color:#A68D6A; text-align:center; padding-top:14px; overflow:hidden;}
#productThree .cont .list ul li .show .line{padding-top:6px;}
#productThree .cont .list ul li .show .line div{line-height:20px; font-size:16px; font-weight:bold; overflow:hidden;}
#productThree .cont .list ul li .show .line h4{line-height:25px; font-size:16px; overflow:hidden;}

#productView{width:100%; overflow:hidden;}
#productView .one{width:1000px; text-align:left; margin:0 auto; padding:90px 0; overflow:hidden;}
#productView .one .photo{width:490px; height:368px; margin-right:20px; float:left; overflow:hidden;}
#productView .one .photo img{width:100%; height:100%;}
#productView .one .cont{width:490px; height:368px; float:left; overflow:hidden; position:relative;}
#productView .one .cont .name{line-height:35px; color:#A68D6A; font-size:24px; overflow:hidden;}
#productView .one .cont .text{width:100%; padding-top:15px; overflow:hidden;}
#productView .one .cont .text li{line-height:40px; overflow:hidden;}
#productView .one .cont .text li .left{width:65px; height:40px; color:#8C8C8C; font-size:13px; float:left; overflow:hidden;}
#productView .one .cont .text li .right{width:425px; color:#313131; font-size:13px; float:left; overflow:hidden;}
#productView .one .cont .phone{height:25px; line-height:25px; overflow:hidden; position:absolute; left:0; bottom:0;}
#productView .one .cont .phone .left{width:65px; height:25px; color:#8C8C8C; font-size:13px; float:left; overflow:hidden;}
#productView .one .cont .phone .right{width:425px; height:25px; color:#A68D6A; font-size:24px; float:left; overflow:hidden;}
#productView .one .cont .code{width:120px; height:120px; overflow:hidden; position:absolute; right:0; bottom:0;}
#productView .one .cont .code img{width:100%; height:100%;}
#productView .two{width:100%; background:#564d46; overflow:hidden;}
#productView .two .box{width:1000px; text-align:left; margin:0 auto; padding:50px 0; overflow:hidden;}
#productView .two .box .title{line-height:50px; color:#A68D6A; font-size:24px; overflow:hidden;}
#productView .two .box .text{width:100%; overflow:hidden;}
#productView .two .box .text p{line-height:25px; color:#F7F6F6; font-size:13px; padding-top:10px;}
#productView .two .box .list{width:100%; padding-top:50px; overflow:hidden;}
#productView .two .box .list ul{width:1020px; overflow:hidden;}
#productView .two .box .list ul li{width:320px; margin:20px 20px 0 0; float:left; overflow:hidden;}
#productView .two .box .list ul li .photo{width:320px; height:240px; overflow:hidden;}
#productView .two .box .list ul li .photo img{width:100%; height:100%;}
#productView .two .box .list ul li .name{height:35px; line-height:35px; color:#fff; font-size:16px; margin-top:20px; border-top:1px solid #76726f; overflow:hidden;}
#productView .three{width:100%; background:#f7f5f6; overflow:hidden;}
#productView .three .box{width:1000px; margin:0 auto; padding:20px 0 60px 0; overflow:hidden;}
#productView .three .box .title{line-height:110px; color:#A68D6A; font-size:24px; overflow:hidden;}
#productView .three .box .list{width:100%; overflow:hidden;}
#productView .three .box .list ul{width:1020px; overflow:hidden;}
#productView .three .box .list ul li{width:320px; margin:20px 20px 0 0; float:left; overflow:hidden;}
#productView .three .box .list ul li .photo{width:320px; height:460px; overflow:hidden;}
#productView .three .box .list ul li .photo img{width:100%; height:100%;}
#productView .three .box .list ul li .name{height:60px; line-height:60px; color:#000; font-size:16px; overflow:hidden;}
#productView .four{width:1000px; margin:0 auto; padding:20px 0 60px 0; overflow:hidden;}
#productView .four .title{line-height:110px; color:#A68D6A; font-size:24px; overflow:hidden;}
#productView .four .map{height:350px; overflow:hidden;}
#productView .four .text{width:100%; text-align:left; padding-top:20px; overflow:hidden;}
#productView .four .text p{line-height:25px; color:#313131; font-size:13px; padding-top:10px;}
/*pad*/
@media only screen and (min-width:768px) and (max-width:1219px){
    #productBanner{margin-top:60px;}
}
/*mobile*/
@media only screen and (min-width:320px) and (max-width:767px){
    #productBanner{margin-top:46px; background:#f8f5ef url(/Public/Website/assets/index/map_bg_mobile.png?v=2204131512) no-repeat center bottom; background-size:auto 240px; overflow:hidden;}
    #productBanner .box{width:auto; height:240px;}
    #productBanner .box .cont{width:auto; height:240px; padding:0 15px; float:inherit;}
    #productBanner .box .cont .cn{height:20px; line-height:20px; font-size:14px; padding-top:20px;}
    #productBanner .box .cont .en{height:20px; line-height:20px; font-size:14px;}
    #productBanner .box .cont .slogan{line-height:16px; font-size:13px; padding-top:90px;}
    #productBanner .box .cont .slogan b{line-height:25px; font-size:28px;}
    #productBanner .box .cont .area{display:none;}
    #productBanner .box .region{display:none;}
    .region_new{display:none;}

    #product .box{width:auto; padding:15px 15px 40px 15px;}
    #product .box .select{width:100%; height:auto; position:relative;}
    #product .box .select .position{width:85px; height:27px; line-height:27px; font-size:12px; position:absolute; left:0; top:0;}
    #product .box .select .menu{display:none;width:100%; height:27px; margin-right:0; margin-top:10px; float:inherit;}
    #product .box .select .menu a.name{width:auto; height:27px; line-height:27px; font-size:12px;}
    #product .box .select .menu .show{display:none; width:100%; padding:10px 0; top:28px;}
    #product .box .select .menu.a{display:block; width:100%; z-index:9;}
    #product .box .select .menu.a a.name{padding-left:90px;}
    #product .box .select .menu.b{z-index:8;}
    #product .box .select .menu.a .show{left:0;}
    #product .box .select .menu.c{z-index:7;}
    #product .box .select .menu.c .show{height:auto;}
    #product .box .list{width:100%; padding-top:20px; overflow:hidden;}
    #product .box .list ul{width:103%; overflow:hidden;}
    #product .box .list ul li{width:41%; height:auto; margin:0 3% 3% 0; padding:3%;}
    #product .box .list ul li .photo{width:100%; height:auto;}
    #product .box .list ul li .photo img{width:100%; height:auto;}
    #product .box .list ul li dl{width:100%;}
    #product .box .list ul li dl dt{height:25px; line-height:25px; font-size:12px; padding-top:2px;}
    #product .box .list ul li dl dd{height:25px; line-height:25px; font-size:11px;}
    #product .box .list ul li dl dd.mobile_phone{display:block;}

    #product .box .list .button{margin-top:10px;}

    #productOne{height:420px;}
    #productOne .box{width:960px; height:420px; margin-left:-480px}
    #productOne .cont{width:100%; height:420px; margin-left:0; left:0;}
    #productOne .cont .icon_01{width:280px; height:54px; margin:0 auto; padding-top:25px;}
    #productOne .cont .text{height:40px; line-height:40px; font-size:16px;}
    #productOne .cont .icon_02{display:none;}
    #productOne .cont .list{width:100%; height:auto; position:relative;}
    #productOne .cont .list .name{height:auto; line-height:17px; font-size:12px;}
    #productOne .cont .list .tips{height:auto; line-height:15px; font-size:11px;}
    #productOne .cont .list.a{text-align:center; margin-left:0; left:0; top:0;}
    #productOne .cont .list.b{text-align:center; padding-top:5px; left:0; top:0;}
    #productOne .cont .list.c{text-align:center; padding-top:5px; left:0; top:0;}
    #productOne .cont .list.d{text-align:center; padding-top:5px; left:0; top:0;}
    #productOne .cont .list.e{text-align:center; padding-top:5px; left:0; top:0;}
    #productOne .cont .list.f{text-align:center; padding-top:5px; left:0; top:0;}
    #productOne .cont .list.g{text-align:center; padding-top:5px; left:0; top:0;}

    #productTwo{height:420px;}
    #productTwo .box{width:960px; height:420px; margin-left:-480px}
    #productTwo .cont{width:100%; height:420px; margin-left:0; left:0;}
    #productTwo .cont .icon{width:48px; height:48px; margin:40px auto 0 auto;}
    #productTwo .cont .text_01{height:35px; line-height:35px; font-size:16px; padding-top:10px;}
    #productTwo .cont .list{width:100%; height:60px; position:relative;}
    #productTwo .cont .list .name{height:17px; line-height:17px; font-size:12px;}
    #productTwo .cont .list .tips{line-height:17px; font-size:11px;}
    #productTwo .cont .list.a{left:0; top:0; padding-top:100px;}
    #productTwo .cont .list.b{width:50%; left:0; top:0; float:left;}
    #productTwo .cont .list.c{width:50%; right:0; top:0; float:left;}
    #productTwo .cont .list.d{width:50%; left:0; top:0; float:left;}
    #productTwo .cont .list.e{width:50%; right:0; top:0; float:left;}

    #productThree{height:420px;}
    #productThree .box{width:960px; height:420px; margin-left:-480px}
    #productThree .cont{width:100%; height:420px; margin-left:0; left:0;}
    #productThree .cont .icon{width:226px; height:70px; margin:43px auto 0 auto;}
    #productThree .cont .text_02{height:55px; line-height:55px; font-size:16px;}
    #productThree .cont .list{width:170px; margin:0 auto;}
    #productThree .cont .list ul{width:190px;}
    #productThree .cont .list ul li{width:75px; height:75px; margin:20px 20px 0 0; background:none;}
    #productThree .cont .list ul li .name{width:75px; height:53px; padding-top:22px;}
    #productThree .cont .list ul li .name .cn{line-height:25px; font-size:24px;}
    #productThree .cont .list ul li .name .en{line-height:13px; font-size:11px;}
    #productThree .cont .list ul li .show{display:none;}

    #productView{width:100%; overflow:hidden;}
    #productView .one{width:auto; padding:15px;}
    #productView .one .photo{width:100%; height:auto; margin-right:0; float:inherit;}
    #productView .one .photo img{width:100%; height:auto;}
    #productView .one .cont{width:100%; height:auto; padding-bottom:40px; float:inherit;}
    #productView .one .cont .name{line-height:40px; font-size:16px; padding-top:10px;}
    #productView .one .cont .text{padding-top:0;}
    #productView .one .cont .text li{height:auto; line-height:20px; position:relative;}
    #productView .one .cont .text li .left{width:55px; height:20px; font-size:11px; float:inherit; position:absolute; left:0; top:0;}
    #productView .one .cont .text li .right{width:auto; height:auto; font-size:11px; float:inherit; padding-left:55px;}
    #productView .one .cont .phone{height:20px; line-height:20px;}
    #productView .one .cont .phone .left{width:55px; height:20px; font-size:11px; float:inherit; position:absolute; left:0; top:0;}
    #productView .one .cont .phone .right{width:auto; height:20px; font-size:14px; float:inherit; padding-left:55px;}
    #productView .one .cont .code{width:80px; height:80px;}
    #productView .two{width:100%; background:#564d46; overflow:hidden;}
    #productView .two .box{width:auto; padding:20px 15px 40px 15px;}
    #productView .two .box .title{line-height:50px; font-size:16px;}
    #productView .two .box .text p{line-height:20px; font-size:11px;}
    #productView .two .box .list{padding-top:10px;}
    #productView .two .box .list ul{width:100%;}
    #productView .two .box .list ul li{width:100%; margin:20px 0 0 0; float:inherit;}
    #productView .two .box .list ul li .photo{width:100%; height:220px;}
    #productView .two .box .list ul li .photo img{width:100%; height:100%;}
    #productView .two .box .list ul li .name{font-size:12px;}
    #productView .three .box{width:auto; padding:20px 15px 30px 15px;}
    #productView .three .box .title{line-height:60px; font-size:16px;}
    #productView .three .box .list ul{width:100%;}
    #productView .three .box .list ul li{width:100%; margin:10px 0 0 0; float:inherit;}
    #productView .three .box .list ul li .photo{width:100%; height:auto;}
    #productView .three .box .list ul li .photo img{width:100%; height:auto;}
    #productView .three .box .list ul li .name{height:35px; line-height:35px; font-size:12px;}
    #productView .four{width:auto; padding:15px 15px 40px 15px;}
    #productView .four .title{line-height:60px; font-size:16px;}
    #productView .four .map{width:100%; height:350px;}
    #productView .four .map img{width:100%; height:100%;}
    #productView .four .text{width:100%; padding-top:10px;}
    #productView .four .text p{line-height:20px; font-size:11px; padding-top:10px;}
}