body{font-family: 'Microsoft JhengHei', sans-serif;font-size: 14px;color: #141414;line-height: 1.5;margin: 0;background: url(../img/news-bg.jpg) bottom no-repeat #f2ebdb}
.tempWrap{height: 100%!important;margin: 0 auto!important;}
.left{float: left}
.right{float: right}
.v_center{display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

a{text-decoration: none;color: #000;display: inline-block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.cls{clear: both;display: block}
.cls:after{content: '';clear: both;display: block}
li i,i{float: initial}
.fixed{position: fixed;left: 0;top: 0;z-index: 30}
::selection {background-color: #512816;color: #fff;text-shadow: none;}
/*banner*/
.slideBox{width: 100%;height:650px;position: relative}
.slideBox .hd{width:100%;position:absolute;left:0;bottom: 0;z-index:1;height: 110px;}
.slideBox .hd .mq{height: 100%;}
.slideBox .prev,.slideBox .next{display: inline-block;background:url(../img/left.png) no-repeat center #2f2f2f / 10px 16px;transition: all .5s ease-in-out;width: 27px;height: 71px;opacity: 1;position: absolute;left: 0;top: 0;z-index: 10}
.slideBox .prev{margin-right: 14px}
.slideBox .next{background:url(../img/right.png) no-repeat center #2f2f2f / 10px 16px;left: calc(27px + 14px);z-index: 9}
.slideBox .prev:hover,.slideBox .next:hover{width: 71px;background-color: #512816}
.slideBox .hd{text-align: right}
.slideBox .hd span{display: inline-block;width: 14px;height: 14px;border: 2px solid transparent;position: relative;margin: 0 3px;cursor: pointer}
.slideBox .hd span:after{content:'';display: inline-block;width: 6px;height: 6px;background-color:#faecb5;position: absolute;left: 2px;top: 2px;}
.slideBox .hd span.on{border-color: #512816}
.slideBox .hd span.on:after{background-color: #512816}
.slideBox .bd,.slideBox .bd ul,.slideBox .bd ul li{height: 100%;}

/*float-right*/
.drift{width:50px;height:auto;position:fixed;bottom:30%;right:-120px;z-index:999;padding-top: 10px;}
.drift:after{content: '';width:50px;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.35);border-radius: 10px 0 0 10px;display: inline-block;z-index: -1}
.drift ul{width: max-content}
.drift li{position: relative;transition: all ease-in-out 0.5s;width: max-content;padding-right: 16px;border-radius: 10px 0 0 10px;}
.drift li:hover{background-color: rgba(0, 0, 0, 0.35);transform: translateX(calc(-100% + 50px))}
.drift li a{display:inline-block;text-decoration:none;}
.drift li a i{display: inline-block;width: 50px;height: 50px;float: left;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;font-size: 20px;color: #fff;}
.drift li a span{color: #fff;font-size: 16px;display: inline-block;line-height: 50px;}

/*top*/
.top{background: url("../img/nav1.jpg") repeat-x left bottom #191718;height: 75px;overflow: visible;position: relative;z-index: 30}
.top .menu_top{width: 100%;}
.top .menu_top:after{content: '';display: block;clear: both}
.top .menu_top a{float: left;width: calc((100% - 197px - 80px) / 8);color: #b9a26c;text-align: center;font-size: 15px;margin-top: 24px;}
.top .menu_top a.logo{width: 197px;margin: 0 40px;}
.top .menu_top a:hover,.top .menu_top a.select{color: #fff}
/*footer*/
.footer{background:url("../img/footWarp.png") repeat-x left top;padding: 40px 0 0;color: #d5b77f}
.footer .left + .left{width: calc(100% - 260px - 120px - 80px);margin: 0 40px}
.footer .left + .left ul{width: 100%}
.footer .left + .left li{width: calc(100% / 4.5);float: left;text-align: center}
.footer .left + .left li h2{font-size: 16px}
.footer .left + .left li a{display: inline-block;width: 100%;color:#d5b77f }
.footer .left + .left li a:hover{color:#887563}
/*.footer .left + .left li:nth-of-type(1):after{content: '';clear: both;display: block}*/
/*.footer .left + .left li:nth-of-type(1) a{width: 50%;float: left}*/
.footer .right img{width: 120px}
.share{padding: 12px 0;background: #ffffff08;margin-top:32px}
.share .bdsharebuttonbox a{background-image: none!important;font-size: 16px;background: #0f0e0e;display: inline-block;width: 36px;height: 36px;text-align: center;padding: 0;line-height: 36px;color: #d5b77f;margin: 0 6px 0 0}
.share .bdsharebuttonbox a:hover{background-color:#d5b77f;color: #0f0e0e }

/************** index ************/
.index_title{text-align: center}
.index_title p{display: inline-block;height:76px;color: #33180b;line-height: initial;text-transform: uppercase;font-size: 26px;padding: 0 260px;background: url("../img/code-left.png") no-repeat left center,url("../img/code-right.png") no-repeat right center;}
.index_title p span{font-family: -webkit-pictograph;font-size: 24px;}
/*about_index*/
.about_index{padding: 30px 0;background: url("../img/inddz3.png") no-repeat center bottom #fbf5e6}
.about_index p{text-align:center;margin-top: 35px;color:#818181;margin-bottom: 47px;padding: 0 120px;font-size: 16px;line-height: 2;}
.about_index a{background:url(../img/ind_dzbtn.png) center;width:155px;height:61px;line-height:61px;text-align:center;display:block;margin: 0 auto 85px;font-size: 16px;color:#676767;}
.about_index a:hover{color:#d5b77f;}
/**/
.box_cul{padding: 100px 0;background: url("../img/3.jpg") no-repeat center fixed;position: relative;z-index: 2;text-align: center}
.box_cul:before{content: '';display: inline-block;width: 100%;height: 100%;background:rgba(37, 34, 25, 0.8);left: 0;position: absolute;top: 0;z-index: -1;}
.box_cul .mq p{color: #f9f9f9;line-height: 1;font-size: 24px;}
.box_cul .mq h2 {padding-bottom: 30px;margin-bottom: 0;font-size: 30px;line-height: 50px;color: #fff;text-transform: uppercase;}
.box_cul .bd p {color: #f9f9f9;font-size: 17px;line-height: 26px;margin-bottom: 26px;}
.box_cul .bd a{color: #fff;font-size: 16px;line-height: 26px;margin-bottom: 26px;}

.box_cul .hd{text-align: center}
.box_cul .hd span{display: inline-block;width: 14px;height: 14px;border: 2px solid transparent;position: relative;margin: 0 3px;cursor: pointer}
.box_cul .hd span:after{content:'';display: inline-block;width: 6px;height: 6px;background-color: #f9f9f9;position: absolute;left: 2px;top: 2px;}
.box_cul .hd span.on{border-color: #fff}
.box_cul .hd span.on:after{background-color: #fff}

/*menu2*/
.menu2 ul{padding: 46px 0;}
.menu2 ul li{float: left;width: 312px;height: 168px;margin-right: 10px;background: #fff}
.menu2 ul li a{display: inline-block;width: 100%;height: 100%}
.menu2 ul li a img{display: inline-block;width: 100%;height: 100%;object-fit: cover}
.menu2 ul li a img:hover{opacity: 0.8}
.menu2 ul li:nth-of-type(1){width: 232px}
.menu2 ul li:nth-last-of-type(1){margin-right: 0}
/*goods_index*/
.productTit a { display: inline-block; }
.productTit a b {color: #333; float: left; display: block; font-size: 25px; margin-top: 2px;width: 100% }
.productTit a span { color: #442402; float: left; display: block; font-size: 36px; padding-left: 0; text-transform: uppercase;width: 100%;font-family: -webkit-pictograph }

.slideGroup_g{ width:100%;}
.slideGroup_g .parHd{ position:relative; margin-bottom:40px; overflow:hidden;text-align: center}
.slideGroup_g .parHd span{cursor:pointer;color:#272727;line-height:24px;text-align: center; display:inline-block; font-size:14px;padding: 5px 14px;border:1px solid #c7a46a}
.slideGroup_g .parHd span.on,
.slideGroup_g .parHd span:hover{cursor:pointer;background-color: #b3814f;border: 1px solid #b3814f;color: #fff}
.slideGroup_g .slideBox_goods{ zoom:1; position:relative;   }

.slideGroup_g .parBd{ width:100%; position:relative;}
.slideGroup_g .parBd ul{ zoom:1; overflow:hidden;}
.slideGroup_g .parBd ul li{float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideBox_goods_rmd{ width: 577px;height:577px;float:left;}
.slideBox_goods_rmd li{width: 577px!important;height: 100%;position: relative}
.slideBox_goods_xp{ width:calc(100% - 600px);float:right}
.slideBox_goods_xp li{ float:left; width:280px;height: 280px; margin-right:25px;position: relative}
.slideBox_goods_xp li:nth-of-type(3),.slideBox_goods_xp li:nth-of-type(4){ margin-top:18px;}
.slideBox_goods_xp li:nth-of-type(2),.slideBox_goods_xp li:nth-of-type(4){ margin-right:0px;}
.slideGroup_g li{border: 5px solid #e4e2df;background: #fff;transition: all 0.3s ease-in-out}
.slideGroup_g li .pic{text-align:center;width: 100%;height: 100%}
.slideGroup_g li .pic img{ width:100%; }
.slideGroup_g li .title{ line-height:24px;background:rgba(51, 44, 43, 0.77); padding:10px 10px; color:#FFF;position: absolute;left: 0;bottom:0;width:100%}
.slideGroup_g li:hover{border-color: #B3814F}

/*news_index*/
.news_index{ background:url(../img/indnewsbg.jpg) center; height:890px; overflow:hidden}
.news_index h1{ text-align:center; margin:80px 0 50px; height:106px;}
.indnewsmain{overflow:hidden;}
.indnewsmain li{ width:295px; float:left; margin-right:6px; background:url(../img/indnews1.jpg); text-align:center; padding-bottom:55px; cursor:pointer;}
.indnewsmain li>a{display: inline-block;width: 100%;height:220px;overflow: hidden}
.indnewsmain .tiimg{width: 100%;height: 100%;object-fit: cover}
.indnewsmain .indnewsti{ width:160px; height:30px; line-height:30px; background:#231f20; text-align:center; color:#e6c47a; font-size:14PX; margin:-30px auto 0; position:relative; z-index:999}
.indnewsmain h6{ margin:20px auto 15px; font-weight:normal; width:250px; text-align:left }
.indnewsmain h6 a{ color:#492d1e; font-size:18px;width:265px;overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display:block;}
.indnewsmain h6 a:hover{ color:#927B4F}
.indnewsmain p{ color:#857771; font-size:14px; height:80px; line-height:22px; width:250px; margin:0 auto;text-align:left; margin-top:10px; }
.indnewsbot{ clear:both; width:250px; margin:0 auto; height:25px; line-height:25px;}
.indnewsbot span{color:#857771;  float:left; }
.indnewsbot a{ float:right; width:75px; border:1px dashed #908771; color:#524424}
.indnewsmain li:hover{ background:url(../img/indnews2.jpg);}
.indnewsbot a:hover{ background:#c0b8a6;}

.news_index .hd ul{width: 100%;text-align: center;padding: 30px 0}
.news_index .hd ul span{display: inline-block;width: 13px;height: 13px;background: #A68964;border-radius: 100%;margin: 0 5px;cursor: pointer}
.news_index .hd ul span.on{background: #f2ede7;}

/************** layout ***********/
.contact_title{width: 226px;margin: 0 auto 27px;background: url(../img/bg_07.png) top no-repeat;padding: 18px 0;}
.contact_title p{ font-size: 30px; text-align: center; color: #5d2a09;}

.layou_nva{background: #191718;}
.layou_nva ul{font-size: 0;text-align: center}
.layou_nva li{display: inline-block;font-size: 16px;}
.layou_nva li a{line-height: 30px;font-size:15px;color: #d4b77f;padding: 10px 40px;}
.layou_nva li a:hover{background: rgba(255,255,255,.08)}
.layou_nva li a:hover,.layou_nva li a.select{background: rgba(255,255,255,.08)}


.menu_layout{margin-top:40px;text-align: center;}
.menu_layout ul{width: 240px;background:#A68964; border:2px solid #42200B;position: relative;z-index: 3;padding:35px 25px}
.menu_layout ul:after{content:'';border:1px solid #42200B;position: absolute;left: 10px;top: 10px;width: calc(100% - 20px);z-index: -1;height:  calc(100% - 20px)}
.menu_layout ul li{width:100%; margin-top: 1px;font-size:16px;}
.menu_layout ul li a{display:inline-block;width:100%;font-size: 16px;color:#42200B;padding:10px 30px;line-height: 20px;border-bottom: transparent 1px solid}
.menu_layout ul li a:hover,.menu_layout ul li a.select{color:#E8D6B1;border-bottom: 1px solid #42200B}
.menu_layout + .right{width: calc(100% - 240px - 76px)}
.menu_layout + .right .actionName{padding-top: 40px;padding-left: 23px;font-size: 16px;}
.menu_layout + .right .layout_title{border-bottom: 7px solid #311001;padding-left:23px;margin-top:15px;width:100%;font-size: 14px;padding-bottom: 12px;}
.menu_layout + .right .layout_title h2{color:#311001;display: inline-block;width: 100% }
.menu_layout + .right .layout_title h2 span{font-size: 16px;color: #311001;display: inline-block;}





.page-title {position: absolute;left: 0;right: 0;bottom: 0;height: 100%;width: 100%;z-index: 2;text-align: center;}
.page-title h2 {color: #fff;text-transform: uppercase;font-size: 45px;font-weight: 700;line-height: 34px;position: relative;z-index: 3;padding-top: 31px;padding-bottom: 31px;margin-bottom: 0}
.page-title .breadcrumb {background-color: transparent;padding-top: 30px;padding-bottom: 0;margin-bottom: 0}
.page-title .breadcrumb li{display: inline-block}
.page-title .breadcrumb a {color: #fff;font-family: 'Montserrat', sans-serif;line-height: 24px;font-weight: 500;font-size: 12px;text-transform: uppercase;}
.page-title .breadcrumb a:hover {color: #512816}
.page-title .breadcrumb .active {color: #512816;font-family: 'Montserrat', sans-serif;line-height: 24px;font-weight: 500;font-size: 12px;text-transform: uppercase;}
.page-title .breadcrumb .active:before {padding: 0 5px;color: #ccc;content: "/\00a0";}
.page-title .title-bg:before {content: "";width: 70px;height: 96px;background-color: #512816;position: absolute;display: block;left: 50%;margin-left: -35px;text-align: center;}


/*???????*/

#about_body,#about_body p{font-size: 16px;text-align: justify;line-height: 2}
/*********************************/
/*?????งา?*/
#news_body ul.txtlist li{ padding-bottom: 39px; margin-bottom: 40px; border-bottom: 1px solid #D2D2D2;  }
#news_body ul.txtlist li .img{ width: 300px; height: 190px;border:1px solid #c0c0c0;padding: 10px;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; }
#news_body ul.txtlist li img{width: 100%;height: 100%; object-fit:cover}
#news_body ul.txtlist li:hover .img{ background: #FFF}
#news_body ul.txtlist li .text{ width: calc(100% - 360px); }
#news_body ul.txtlist .text strong{ display: block; font-size: 20px; padding: 8px 0 17px;  color: #231815; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;font-weight: bold}
#news_body ul.txtlist .text .time{ display: block; color: #727171;font-size: 14px; }
#news_body ul.txtlist .text p{ height: 75px; overflow: hidden; color: #727171; line-height: 1.8; margin: 15px 0 10px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;font-size: 16px; }
#news_body ul.txtlist .text b{ display: block; width: 105px; height: 31px; line-height: 31px; border: 1px solid #D2D2D2; -moz-border-radius: 6px; border-radius: 6px; color: #727171; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;text-align: center;font-size: 14px; }
#news_body ul.txtlist li:hover .text strong{ color: #512816; }
#news_body ul.txtlist li:hover .text b{ background-color: #512816; border-color: #512816; color: #fff; }

/*???????? - ????????*/
#newsDetail_body .ar{display: none}
#newsDetail_body .notice{display: inherit}
#newsDetail_body .cnt .text p,
#newsDetail_body .cnt .text div{font-size: 16px;text-align: justify;line-height: 32px;padding-bottom: 5px;text-indent: 2em;}
#newsDetail_body .cnt .text p strong,
#newsDetail_body .cnt .text div strong{font-size: 18px;line-height: 36px;padding: 5px 0}
#about_body p,#about_body  div{font-size: 16px;text-align: justify;line-height: 32px;padding-bottom: 5px;text-indent: 2em;}
#about_body p strong,#about_body  div strong{font-size: 18px;line-height: 36px;padding: 5px 0}
/*???????? - ???????*/
#newsDetail_body .left,
#dlistDetail_body .left{width: calc(100% - 348px)}
#newsDetail_body .right,
#dlistDetail_body .right{width: 318px;}
#newsDetail_body .left .content_box,
#dlistDetail_body .left .content_box {background: #ffffff61;padding: 38px 30px;border: #19171821 1px solid;}
.content_box .content {padding: 40px 0;}
#newsDetail_body .left .content_box p,
#dlistDetail_body .left .content_box p{font-size: 16px;line-height: 32px;}
.title_box {border-bottom: #19171824 1px solid;text-align: center;}
.title_box h3{font-size: 24px;}
.title_box p{padding: 10px 0;}
#newsDetail_body .list,
#dlistDetail_body .list {background: #ffffffb5;border: #e6e6e6 1px solid;margin-bottom: 20px;}
#newsDetail_body .list h3 ,
#dlistDetail_body .list h3 {height: 54px;line-height: 53px;padding: 0 20px ;margin: auto;border-bottom: #e7e7e7 1px solid;font-size: 17px;color: red;}
#newsDetail_body .list h3 i,
#dlistDetail_body .list h3 i{display: inline-block;width: 25px;font-size: 22px;vertical-align: middle;}


.list_1 .content em ,
.list_3 .content em {width: 15px;height: 15px;border-radius: 5px;font-style: normal;display: inline-block;vertical-align: middle;font-size: 12px;color: #fff;background: #ababab;text-align: center;line-height: 15px;margin-right: 12px;}
.list_1 .content li:nth-of-type(1) em,
.list_1 .content li:nth-of-type(2) em,
.list_1 .content li:nth-of-type(3) em {background: #512816 ;}

#newsDetail_body .list .content {padding: 20px;}
#newsDetail_body .list .content li {margin: 5px 0;}
#newsDetail_body .list .content li,
#newsDetail_body .list .content a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;line-height: 32px;}
#newsDetail_body .list .content a {display: inline-block;font-size: 15px;color: #666666;width: calc(100% - 27px);}
#newsDetail_body .dpages{padding: 20px 0;margin-bottom: 40px;border-top: #1917182e 1px solid;border-bottom: #1917182e 1px solid;}
#newsDetail_body .dpages a:nth-of-type(1){margin-right: 30px}
#dlistDetail_body .list .content {padding: 20px;}
#dlistDetail_body .list .content li {margin: 5px 0;}
#dlistDetail_body .list .content li,
#dlistDetail_body .list .content a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;line-height: 32px;}
#dlistDetail_body .list .content a {display: inline-block;font-size: 15px;color: #666666;width: calc(100% - 27px);}
#dlistDetail_body .dpages{ padding: 20px 0;margin-bottom: 40px;border-top: #e1e1e1 1px solid;border-bottom: #e1e1e1 1px solid;}
#dlistDetail_body .dpages a:nth-of-type(1){margin-right: 30px}
/*?????? - ???????????*/
.index2-ctl {width: 320px;background-color: #262525;display: table; }
.index2-ctl-title {background-color: #512816 ;padding: 18px 0 17px 42px;position: relative;}
.index2-ctl-title>h3 {font-size: 26px;color: #fff;font-weight: bold;background: url(../img/icon.png) no-repeat left center / 35px;padding-left: 45px;line-height: 35px;}
.pt-menu {width: 100%;display: table;}
.pt-menu ul li a {color: #fff;display: block;height: 65px;line-height: 65px;position: relative;background: url(../img/icon1.png) no-repeat 25px center;font-size: 20px;padding-left: 60px;overflow: hidden;}
.pt-menu ul li a:hover,.pt-menu ul li a.select{background-color: #000}
.border1{ border:1px solid #d3d3d3; border-top: none; padding-top: 10px; padding-bottom: 10px;}
.call-me{ background: #fff;}
.call-me h2{ text-indent:87px ; background: #512816  url(../img/icon.png) no-repeat 45px center / 35px; font-size: 24px; font-weight: bold; color: #fff; line-height: 66px;}
.phone-number{ font-size: 14px; color: #666666; padding:10px 40px;}
.phone-number p{ margin-bottom: 0; line-height: 1.5;}
.phone-number span{ font-size: 24px; color: #512816 ; font-weight: bold; font-family: arial;}
.call-me{ max-width: 320px; margin-top: 25px;background-color: #fff; padding-bottom: 0;}
.call-me ul{ padding:0px 40px  0;}
.call-me ul li{ border-bottom:1px solid #e1e1e1; font-size: 14px; padding: 10px 0;}
.call-me ul li:first-child{ padding-top: 0;}
.call-me ul li:last-child{ border-bottom: none;}
.call-me ul li p{ margin-bottom: 0; font-weight: bold; line-height: 1.5;}
.call-me ul li span{ line-height: 1.5; display: block;}
/*???????*/
#agent_body .lmain1{ width: 100%;height:617px;background: url(../img/join2_03.jpg) no-repeat center; padding-top: 324px;}
#agent_body .lmain1 ul{/* overflow: hidden; */}
#agent_body .lmain1 ul li{width: 196px;height:calc(187px + 46px);background: #fff;padding-top: 46px;float: left;margin-right: 4px;cursor: pointer;box-shadow: 0 3px 8px 0px #33333340;}
#agent_body .lmain1 .limg{ width: 60px; height: 60px; background: url(../img/join2_12.png) no-repeat; margin: 0 auto;}
#agent_body .lmain1 .ltest{ font-size: 14px; color: #666666; line-height: 28px; text-align: center; margin-top: 22px;}
#agent_body .lmain1 ul li:hover{ background: #e9e9e9;}
#agent_body .lmain1 ul li:hover .limg{ background: url(../img/join2_13.png) no-repeat;}
#agent_body .lmain1 ul li .limg2{ background: url(../img/join2_14.png) no-repeat;}
#agent_body .lmain1 ul li:hover .limg2{ background: url(../img/join2_15.png) no-repeat;}
#agent_body .lmain1 ul li .limg3{ background: url(../img/join2_16.png) no-repeat;}
#agent_body .lmain1 ul li:hover .limg3{ background: url(../img/join2_17.png) no-repeat;}
#agent_body .lmain1 ul li .limg4{ background: url(../img/join2_18.png) no-repeat;}
#agent_body .lmain1 ul li:hover .limg4{ background: url(../img/join2_19.png) no-repeat;}
#agent_body .lmain1 ul li .limg5{ background: url(../img/join2_20.png) no-repeat;}
#agent_body .lmain1 ul li:hover .limg5{ background: url(../img/join2_21.png) no-repeat;}
#agent_body .lmain1 ul li .limg6{ background: url(../img/join2_22.png) no-repeat;}
#agent_body .lmain1 ul li:hover .limg6{ background: url(../img/join2_23.png) no-repeat;}

#agent_body .lmain3{ width: 100%; height: 693px; background: url(../img/join2_48.jpg) no-repeat center;}
#agent_body .lmain3 .ltitle{ width: 603px; height: 210px; margin: 0 auto; background: url(../img/index2_72.png) no-repeat; margin-top: 37px; margin-bottom: 33px;}
#agent_body .lmain3 ul{ width: 1000%; overflow: hidden;}
#agent_body .lmain3 ul li{ width: 192px; float: left; margin-right: 60px;}
#agent_body .lmain3 ul li .limg{ width: 180px; height: 180px;  margin: 0 auto 40px; overflow: hidden;transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;}
#agent_body .lmain3 ul li .limg:hover{transform:rotateY(360deg); -moz-transform:rotateY(360deg); -ms-transform:rotateY(360deg); -o-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); }
#agent_body .lmain3 ul li .ltest{ width: 192px; font-size: 14px; line-height: 24px; color: #fff; text-align: center;}
#agent_body .lmain4{width: 100%;height: calc(365px + 50px);padding-top: 50px;}
#agent_body .lmain4 .ltitle{ text-align: center; font-size: 40px; color: #666666; font-weight: bold; line-height: 50px;}
#agent_body .lmain4 .ltitle span{ font-size: 16px; font-weight: normal; line-height: 40px;}
#agent_body .lmain4 ul{ overflow: hidden; margin-top: 45px;padding-left: 95px;}
#agent_body .lmain4 ul li{ width: 300px; height: 168px; border-bottom: 3px solid #512816; margin-right: 55px; float: left;}
#agent_body .lmain4 ul li div{ font-size: 24px; color: #fff; line-height: 48px; background: #512816; text-align: center;}
#agent_body .lmain4 ul li p{ font-size: 16px; line-height: 30px; color: #666666; text-align: center; margin-top: 30px;}
#agent_body .lmain4 ul li:hover{ border-bottom: 3px solid #666666;}
#agent_body .lmain4 ul li:hover div{ background: #666666;}
#agent_body .lmain5{width: 100%;height: 500px;background: url(../img/join2_50.jpg) no-repeat center;}
#agent_body .lmain5 .lleft{position: absolute;left: 0;top: 160px;}
#agent_body .lmain5 .lleft .lbox{ line-height: 22px; padding-left: 132px; background: url(../img/join2_51.png) no-repeat left center; font-size: 16px; color: #fff; margin-bottom: 24px;}
#agent_body .lmain5 .lright{ position: absolute; right: 0; top: 160px;}
#agent_body .lmain5 .lright .lbox{ line-height: 22px; padding-right: 132px; background: url(../img/join2_52.png) no-repeat right center; font-size: 16px; color: #fff; margin-bottom: 24px; text-align: right;}
#agent_body .lmain6{ width: 100%; height: 438px; background: url(../img/join2_53.jpg) no-repeat center; }
#agent_body .lmain6 .lbody{ padding-top: 114px;}
#agent_body .lmain6 .lbody div{ line-height: 52px; color: #fff; font-size: 24px; margin-bottom: 5px;}
#agent_body .lmain6 .lbody p{ line-height: 30px; color: #fff; font-size: 16px; color: #fff;}
#agent_body .lmain6 .lprocess{ padding-right: 30px; background: url(../img/join2_57.png) no-repeat top right; width: 70px; text-align: center; font-size: 24px; color: #666; line-height: 30px; height: 225px; position: absolute; left: 648px; top: 128px;}
#agent_body .lmain6 .llist{ width: 458px; overflow: hidden; position: absolute; right: 0; top: 51px;}
#agent_body .lmain6 .llist div{ width: 195px; height: 40px; line-height: 40px; margin-bottom: 36px;  float: left;}
#agent_body .lmain6 .llist div span{display: block;float: left;width: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 20px;border-radius: 100%;background: #512816;}
#agent_body .lmain6 .llist div em{font-size: 16px;color: #666666;line-height: 40px;margin-left: 15px;float: left;font-style:  normal;}
#agent_body .lmain7{ width: 100%; height: 830px; padding-top: 64px; background: url(../img/join2_58.jpg) ; }
#agent_body .lmain7 .ltitle{ text-align:center; font-size:40px; color:#666666; line-height:44px; font-weight:bold;    margin-bottom: 15px;}
#agent_body .lmain7 .ltitle span{ text-align:center; font-size:16px; color:#666666; font-weight:normal;}
#agent_body .lmain7 .lbody{ width: 1220px; height: 547px; background: url(../img/join_77.png); margin-left: -10px; padding-top: 85px;}
#agent_body .lmain7 .lbg{ width: 1035px; margin-left: 119px;}
#agent_body .lmain7 .lbox{ width: 310px; height: 54px; float: left; position: relative; margin:0 27px 34px 0}
#agent_body .lmain7 .lbox input{ width: 207px; height: 52px; border: 0; border: 1px solid #512816; font-size: 16px; color: #666666; font-family: "??????"; padding: 0 75px 0 26px;}
#agent_body .lmain7 .lbitian{ font-size: 16px; color: #cccccc; position: absolute; right: 0; top:0; width: 60px;height: 54px; line-height: 54px; padding-left: 10px;}
#agent_body .lmain7 .lbox textarea{ width: 880px; height: 191px; border: 0; border: 1px solid #512816; font-size: 16px; color: #666666; font-family: "??????"; padding: 10px 75px 10px 26px;}
#agent_body .lmain7 .lbtn{ width:983px; float: left;}
#agent_body .lmain7 .lbtn input{ width:211px; height:42px; margin: 0 auto; cursor: pointer; display: block; border: 0; background: #512816;  font-size: 16px; color: #fff; text-align: center; line-height: 16px; font-family: "??????"; }
#agent_body .lmain7 .lbtn input:hover{filter:alpha(opacity=80);  -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;  }

/*contact*/
#contact_body .lmain1{width: 100%;padding-bottom: 60px;}
#contact_body .lmain1 .lleft{width: calc(100% - 530px);float: left;padding-top: 32px;height: 406px}
#contact_body .lmain1 .lright{width: 510px;float: right;}
#contact_body .lmain1 .lright .ltitle{ width: 297px; height: 75px; line-height: 85px; font-size: 24px; color: #512816; font-weight: bold; border-bottom: 1px dashed #cccccc;}
#contact_body .lmain1 .lright .ldiv1{font-size: 14px; color: #512816; line-height: 24px; margin: 15px 0;}
#contact_body .lmain1 .lright .lline{width: 76px; height: 1px; background: #cccccc;}
#contact_body .lmain1 .lright .ldiv2{font-size: 18px;color: #512816;font-weight: bold;line-height: 24px;margin: 15px 0;}
#contact_body .lmain1 .lright .ldiv3{overflow: hidden; padding-top: 15px;}
#contact_body .lmain1 .lright .ldiv3 .lbox{height: 30px;line-height: 30px;font-size: 14px;color: #666666;width: 100%;float: left;margin-bottom: 5px;}
#contact_body .lmain1 .lright .ldiv3 .lbox span{ color: #512816;}

#map,#myMap{width: 100%;height: 100%}