﻿/*========================================== 全局样式  ================================================*/


*{margin: 0;padding: 0;font-family: 'Microsoft JhengHei',"微软雅黑";box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
body{font-size: 12px;}
dt + dd {margin-top: 0;}
input,textarea, button{color: #666;vertical-align: middle;outline:none;resize: none;}
.fl{float: left;}
.fr{float: right;}
ul,li,dl ,dt , dd{list-style: none;margin:0;padding: 0;}
ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul{margin: 0;}
a,a:hover{text-decoration: none;}
a{color: #666;}
a:hover{color: #98865d;}
img{vertical-align:top;border:none}
p{margin:0;padding: 0;}
.row{width: 1200px;margin:0 auto;}
h1,h2,h3,h4,h5,h6{margin:0;padding: 0;font-weight: normal;}
[class^="bk"]{line-height: 0px;display: block;font-size: 0;clear: both;}
input,textarea{color: #666;vertical-align: middle;outline:none;resize: none;}
.bk0{height: 0;}.bk10{height: 10px;}.bk15{height: 15px;}.bk20{height: 20px;}.bk30{height: 30px;}.bk35{height: 35px;}.bk40{height: 40px;}.bk50{height: 50px;}.bk55{height: 55px;}.bk60{height: 60px;}.bk70{height: 70px;}.bk75{height: 75px;}.bk80{height: 80px;}



/*========================================== 表单提交提示弹窗  ================================================*/
.tips-bg{width: 100%;height: 100%;position: fixed;z-index: 99955599;background-color:#000;opacity:0.6;top: 0;left: 0;}
#tips{background-color:#fff;position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin:auto;z-index:999555998;overflow: hidden;}
#tips div{overflow: hidden;position: relative;color: #666;font-size: 14px;height: 100%;}
#tips div .btn{display: block;position: absolute;bottom: 20px;right: 20px;width: 60px;height: 30px;background-color: #98865d;color: #fff;line-height: 30px;text-align: center;cursor: pointer;}
#tips h1{font-size: 18px;margin-bottom: 10px;color: #333;font-weight: normal;}

 

/*========================================== 头部样式  ================================================*/
#header{height: 74px;width: 100%;background-color: rgba(0,0,0,.7);position: fixed;top: 0;left: 0;z-index: 999999;}
#header .row{}
#header .logo{height: 74px;float: left;}
#header .logo a{display: block;height: 100%;}
#header .logo a::after{content: '';display: inline-block;vertical-align: middle;height: 100%;}
#header .logo img{vertical-align: middle;}

#header .right{float: right;width: 920px;padding-top: 20px;}

#header .side-nav{float: right;margin-bottom: 6px;}
#header .side-nav li{display: inline-block;height: 100%;position: relative;padding: 0 20px ;line-height: 28px;}
#header .side-nav li::after{content: '';position: absolute;top: 0;bottom: 0;margin:auto;right: 0;background-color: #dcdbdb;display: inline-block;width: 1px;height: 10px;}
#header .side-nav li a{color: #999;font-size: 14px;display: block;}
#header .side-nav li a:hover{color: #98865d;}
#header .side-nav li .WeChat{display: inline-block;width: 19px;height: 16px;background: url(../images/icon.png) no-repeat 0 -32px;vertical-align: middle;margin-right: 5px;}
#header .side-nav li .Coll{display: inline-block;width: 19px;height: 16px;background: url(../images/icon.png) no-repeat 0 -72px;vertical-align: middle;margin-right: 5px;}
#header .side-nav li.search::after{display: none;}
input.sear::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #d1c99e;
}
input.sear:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #d1c99e;
}
input.sear::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #d1c99e;
}
input.sear:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #d1c99e;
}
#header .side-nav li.search input[type="text"]{border:none;border-bottom: solid 1px #e6e6e6;padding: 5px;width: 225px;}
#header .side-nav li.search input[type="submit"]{background: url(../images/icon.png) no-repeat 0 0;border:none;text-indent: -9999px;width: 15px;height: 15px;margin-left: 12px;cursor: pointer;}

#header .navgation{float: right;}
#header .navgation li{float: left;color: #888888;line-height: 74px;z-index: 9999;position: relative;}
#header .navgation li i{margin-right: 8px;color: #bebebe}
#header .navgation li a{color: #d1c99e;text-transform:capitalize;  font-size: 14px;display: block;padding: 0 23px;display: block;}
#header .navgation li a:hover{color: #fff;}
#header .navgation li.on a{color: #fff;}
#header .navgation li.cur a{color: #fff;}
#header .navgation li b{color: #fff}
#header .navgation li.search {padding: 0 40px;position: relative;height: 74px;}
#header .navgation li.search input[type="text"]{border:none;background-color: #333;position: absolute;height: 30px;width: 250px;right: 0;top: 0;bottom: 0;margin:auto;line-height: 30px;text-indent: 10px;display: none;color: #fff;border-radius: 3px;}
#header .navgation li.search input[type="submit"]{display: inline-block;background: url(../images/icon.png) no-repeat 0 -150px;width: 18px;height: 14px;vertical-align: middle;cursor: pointer;border:none;position: absolute;top: 0;bottom: 0;margin:auto;text-indent: -99px;right: 10px;}
#header .navgation li.search:hover input[type="text"]{display: block;}






#header .navgation li .sub{position: absolute;top: 74px;left: 0;z-index: 9999;background-color: rgba(0,0,0,.7);display: none;}
#header .navgation li .sub li{line-height: 40px;text-align: left;white-space:nowrap;border-top: dashed 1px rgba(255,255,255,.1);width: 100%;}
#header .navgation li.on .sub li a{color: #d1c99e;}
#header .navgation li.on .sub li a:hover{color: #fff;}
#header .navgation li.cur .sub li a{color: #d1c99e;}
#header .navgation li.cur .sub li a:hover{color: #fff;}

#header .navgation li .sub.col3{width: 530px;}
#header .navgation li .sub.col3 li{width: 33.333%;display: inline-block;vertical-align: top;}


#header .navgation li .sub .sub-left{width: 47%;float: left;border-right: solid 1px #eee;}
#header .navgation li .sub .sub-right{width: 47%;float: right;}
#header .navgation li .sub h1{font-size: 18px;color: #333;line-height: 100%;margin-bottom: 15px;}
#header .navgation li .sub .sub-left li{line-height: 36px;white-space:nowrap;width: 33.333%;text-align: left;text-indent: 15px; }
#header .navgation li .sub .sub-left li a{padding: 0;background: url(../images/icon_dr_l.png) no-repeat left 14px;}
#header .navgation li .sub .sub-left li a:hover{}
#header .navgation li .sub .sub-right li{width: 50%;}
#header .navgation li .sub .sub-right li img{width: 100%;}
#header .navgation li .sub .sub-right li p{line-height: 26px;padding: 10px 0;}

#header .navgation li .sub .img-list{margin-left: -23px;margin-right: -23px;padding-top: 10px;}
#header .navgation li .sub .img-list li{width: 20%;line-height: 22px;color: #999;}
#header .navgation li .sub .img-list li a{color: #999;}
#header .navgation li .sub .img-list li img{width: 100%;}
#header .navgation li .sub .img-list li a p{line-height: 100%;padding: 10px 0 6px;color: #333;}
#header .navgation li .sub .img-list li a:hover p{color: #98865d;}
#header .navgation li .sub .img-list li a:hover{color: #999;}

#header .head-right {font-size: 0;border-left: solid 1px #eee;}
#header .head-right .search{display: inline-block;background: url(../images/search-ico1.png) no-repeat center;width: 14px;height: 100%;position: relative;}
#header .head-right .search form{display: none;}
#header .head-right{height: 20px;position: absolute;top: 0;bottom: 0;right: 0;margin:auto;z-index: 99999;}
#header .head-right .language{border-radius: 50%;display: inline-block;height: 100%;width: 20px;line-height: 20px;text-align: center;background: url(../images/language.png) no-repeat;margin-left: 25px;}




#header .mobile-toggle {position: absolute;right: 0;cursor: pointer;top: 0;bottom: 0;margin:auto;display: none;height: 14px;z-index: 99999999;background: none;border:none;}
.bar-1, .bar-2, .bar-3 {width: 30px;height: 3px;background: #999;transition: all .2s ease;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;}
.bar-2 {margin-top: 8px;}

#header .mobile-toggle .bar-1 {margin-top: 0px;	}
#header .mobile-toggle .bar-2 {margin-bottom: 0px;}
#header .cross .bar-1 {
	-webkit-transform: translateY(6px) rotate(-45deg);
			-ms-transform: translateY(6px) rotate(-45deg);
			transform: translateY(6px) rotate(-45deg);
	}
#header .cross .bar-2 {
			-webkit-transform: translateY(-5px) rotate(45deg);
			-ms-transform: translateY(-5px) rotate(45deg);
			transform: translateY(-5px) rotate(45deg);
}



/*========================================== 底部样式  ================================================*/
#footer{padding: 50px 0;overflow: hidden;min-width: 1200px;}

#footer dl{padding-right: 55px;float: left;border-right: solid 1px #f1f1f1;margin-right: 55px;}

#footer dl dt{font-size: 14px;margin-bottom: 30px;position: relative;line-height: 100%;text-transform: capitalize;font-weight: bold;color: #fff;}
#footer dl dt a{color: #333;}
#footer dl dt a:hover{color: #98865d;}
#footer dl dd{font-size: 12px;line-height: 100%;color: #bbbbbb;}
#footer dl dd p{color: #999;white-space: nowrap;  
 text-overflow:ellipsis; 
 overflow:hidden;margin-bottom: 20px;}
#footer dl dd a{color: #777;}
#footer dl dd a:hover{color: #98865d;}


#footer dl.con{width: 255px;padding: 0;border-right: none;margin: 0;}
#footer dl.con div{line-height: 23px;color: #777;margin-bottom: 10px;padding-left: 26px;position: relative;}
#footer dl.con div i{background: url(../images/icon.png) no-repeat;display: inline-block;vertical-align: middle;position: absolute;left: 0;}
#footer dl.con div.add i{background-position: 3px -730px;width: 16px;height: 15px;top: 4px;}
#footer dl.con div.tel i{background-position: 0 -782px;width: 16px;height: 16px;top: 4px;}
#footer dl.con div.email i{background-position: 0 -815px;width: 15px;height: 10px;top: 7px;}

#footer dl.WeChat{float: right;padding: 0;border-right: none;margin: 0;}
#footer dl.WeChat dd img{border:solid 1px #dbdbdb;}
#footer dl.WeChat dd .text{padding: 10px 0;line-height: 24px;text-align: center;color: #333;}
#footer dl.WeChat dd .text span{color: #333;}




.copy{height: 67px;font-size: 12px;color: #666;clear: both;border-top: solid 1px #e4e4e4;line-height: 67px;min-width: 1200px;}
.copy span{}
.copy a{color: #666;}
.copy a:hover{color: #98865d;}
.copy span font{color: #dedede;padding: 0 15px;}
.copy .share{display: inline-block;}
.copy .share i{display: inline-block;background: url(../images/icon.png) no-repeat;margin-right: 10px;vertical-align: middle;}
.copy .share i a{display: block;width: 100%;height: 100%;}
.copy .share i.qq{background-position: 0 -839px;width: 14px;height: 16px;}
.copy .share i.sina{background-position: -34px -839px;width: 20px;height: 15px;}
.copy .share i.wx{background-position: -69px -839px;width: 20px;height: 16px;}
.copy .share i.bd{background-position: -108px -839px;width: 16px;height: 17px;}

.copy .share i.qq:hover{background-position: 0 -859px;width: 14px;height: 16px;}
.copy .share i.sina:hover{background-position: -34px -859px;width: 20px;height: 15px;}
.copy .share i.wx:hover{background-position: -69px -859px;width: 20px;height: 16px;}
.copy .share i.bd:hover{background-position: -108px -859px;width: 16px;height: 17px;}

.copy .cnzz{display: inline-block;}
.copy .cnzz img{vertical-align: middle;top: -2px;position: relative;}


.Fast-nav{position: fixed;bottom: 0;left: 0;width: 100%;background-color: rgba(38,148,209,.96);z-index: 9999999;padding: 10px 0;display: block;font-size: 12px;display: none;}
.Fast-nav li{width: 25%;float: left;text-align: center;position: relative;}
.Fast-nav li:after{content: '';position: absolute;right: 0;top: 0;width: 1px;height: 100%;background-color: #1c8bc9;}
.Fast-nav li:nth-child(4):after{display: none;}
.Fast-nav li a{color: #fff;}




/*========================================== 在线客服样式  ================================================*/
#kefu{position:fixed;top:50%;margin-top:-200px;right:10px;z-index:40;text-align:center;width:140px;height:365px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;background:#98865d;z-index: 999999;}
#kefu>h2{margin:15px 0;font-size:22px;color:#fff;line-height: 22px;}
#kefu>h2>span{font-size:12px}
#kefu>ul li{line-height:30px;width:80%;cursor:pointer;margin:10px auto;background:#fff;height:25px;font-size:14px;color:#000;border-radius:5px;vertical-align:middle}
#kefu>ul li img{vertical-align:middle;position:relative;top:-4px}
#kefu>ul li span{position:relative;margin-left:5px;top:-2px}
#kefu .qr_code{width:110px;height:108px;margin:10px auto;border-radius:5px;overflow:hidden}
#kefu .qr_code>img{width:100%;height:100%;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
#kefu .small_tel {line-height: 22px;}
#kefu .small_tel .p1{padding-left:20px;font-size:14px;color:#fff;display:inline-block;margin:0 auto}
#kefu .small_tel .p2{font-size:16px;color:#fff;margin:5px 0;display:inline-block;width:120px}
#kefu .close{width:50px;height:50px;text-align:center;position:absolute;top:-28px;left:45px;cursor:pointer}
#kefu .close>img{max-width:100%}


/*=============================================================================================================*/
/* ---------------------------------------------   首页样式   ------------------------------------------------ */
/*=============================================================================================================*/




/*========================================== banner样式  ================================================*/
#banner{position: relative;overflow: hidden;width: 100%;height: 815px;min-width: 1200px;}
#banner .bd ul{}
#banner .bd ul li{width: 100%;height: 815px;position: relative;}
#banner .bd ul li .img{width: 100%;height: 100%;}
#banner .bd ul li img{width: 100%;}
#banner .bd ul li .poa{position: absolute;}
#banner .bd ul li.item1 a.child{display: block;width: 1200px;height: 100%;position: absolute;left: 0;top: 0;right: 0;margin:auto;}
#banner .bd ul li.item1 .bg{background: url(../images/banner-bg.png) no-repeat;width: 599px;height: 260px;top: 230px;display: none;left: 30%;}
#banner .bd ul li.item1 .d0{display: none;font-size: 36px;line-height: 100%;width: 550px;color: #fffcc7;line-height: 45px;}

#banner .bd ul li.item1 .d1{width: 63px;height: 3px;background-color: #eedea7;display: none;}
#banner .bd ul li.item1 .d2{display: none;font-size: 16px;line-height: 36px;color: rgba(255,252,199,.7);width: 500px;}
#banner .bd ul li.item1 .d3{display: none;font-size: 14px;line-height: 50px;color: #333;width: 139px;height: 53px;border:solid 1px #fffcc7;text-align: center;color: #eedea7;}



#banner .hd{position: absolute;width: 100%;text-align: center;bottom: 20px;left: 0;z-index: 99;}
#banner .hd li{display: inline-block;width: 40px;height: 4px;background-color: rgba(255,255,255,.5);margin-left: 5px;cursor: pointer;}
#banner .hd li.on{background-color: #fff;}


#banner .prev, #banner .next {position: absolute;top: 0;bottom: 0;margin:auto;display: block;width: 31px;height: 55px;background: url(../images/icon.png) 0 0 no-repeat;filter: alpha(opacity=50);opacity: 0.5;}
#banner .prev{left: 3%;}
#banner .next{right: 3%;background-position: 0 -72px;}


#banner .bd ul li.on .img {  visibility: visible !important; -webkit-animation: scaleUpDown 7.5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 7.5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}

@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}



/*========================================== 服务范围  ================================================*/

#service{height: 166px;font-size: 0;min-width: 1200px;position: relative;}
#service .col{position: absolute;width: 1200px;left: 0;right: 0;top: 0;bottom: 0;margin:auto;}
#service dl{display: inline-block;width: 25%;height: 166px;text-align: center; vertical-align: top;}
#service dl a{display: block;width: 100%;height: 100%;}
#service dl a::after{content: "";display: inline-block;height: 100%;vertical-align: middle;}
#service dl dt{display: inline-block;vertical-align: middle;margin-right: 20px;}
#service dl.n0{background: url(../images/service-bg1.gif) repeat;width: 50%;}
#service dl.n1{background: url(../images/service-bg2.gif) repeat;}
#service dl.n2{background: url(../images/service-bg1.gif) repeat;}
#service dl.n3{background: url(../images/service-bg2.gif) repeat;}
#service dl.n4{background: url(../images/service-bg1.gif) repeat;}
#service dl.n5{background: url(../images/service-bg2.gif) repeat;width: 50%;}
#service dl.n1 dt{background: url(../images/icon.png) no-repeat 0 -197px;width: 46px;height: 53px;}
#service dl.n2 dt{background: url(../images/icon.png) no-repeat 0 -269px;width: 57px;height: 49px;}
#service dl.n3 dt{background: url(../images/icon.png) no-repeat 0 -336px;width: 47px;height: 51px;}
#service dl.n4 dt{background: url(../images/icon.png) no-repeat 0 -404px;width: 41px;height: 54px;}
#service dl dd{font-size: 14px;color: #bdb29c;display: inline-block;vertical-align: middle;text-align: left;}
#service dl dd h1{font-size: 17px;color: #fff;}


/*========================================== 关于我们  ================================================*/
#about{padding: 65px 0 70px;overflow: hidden;background: url(../images/about-bg.jpg) repeat-x 0 bottom ; animation: myfirst 110s infinite linear;
-moz-animation: myfirst 110s infinite linear;	/* Firefox */
-webkit-animation: myfirst 110s infinite linear;	/* Safari 和 Chrome */
-o-animation: myfirst 110s infinite linear;	/* Opera */min-width: 1200px;}
#about h1{text-align: center;text-transform: uppercase;font-size: 21px;}
#about font{color: #999;}
#about .line{width: 40px;height: 2px;background-color: #333;margin:23px auto;}
#about h2{text-align: center;font-size: 21px;color: #666;margin-bottom: 50px;}
#about .text{text-align: center;line-height: 36px;color: #777;font-size: 14px;width: 998px;margin:0 auto 80px;}

#about .data{font-size: 0;margin-bottom: 70px;}
#about .data dl{display: inline-block;width: 25%;text-align: center;vertical-align: top;}
#about .data dl dt{width: 200px;display: inline-block;text-align: left;border-bottom: solid 1px #c6c6c6;margin-bottom: 20px;}
#about .data dl dt h3{display: inline-block;position: relative;line-height: 60px;}
#about .data dl dt h3 span{font-size: 60px;font-family: "宋体";color: #98865d;}
#about .data dl dt font{font-size: 14px;position: absolute;top: 12px;right: -20px;height: 12px;display: inline-block;line-height: 12px;color: #333;}
#about .data dl dd{font-size: 14px;width: 200px;display: inline-block;text-align: left;color: #666;line-height: 24px;}
#about .more{width: 154px;height: 49px;display: block;margin:0 auto;text-align: center;line-height: 47px;border:solid 1px #3b3b3b;color: #333;font-size: 14px;}
#about .more:hover{border:solid 1px #98865d;color: #98865d;}
#about .more i{background: url(../images/icon.png) no-repeat -31px -561px;display: inline-block;width: 21px;height: 11px;margin-left: 5px;transition: all .3s;}
#about .more:hover i{background-position: 0 -561px;}

@keyframes myfirst
{
from {background-position: 0 bottom;}
to {background-position: -3806px bottom;}
}

@-moz-keyframes myfirst /* Firefox */
{
from {background-position: 0 bottom;}
to {background-position: -3806px bottom;}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
from {background-position: 0 bottom;}
to {background-position: -3806px bottom;}
}

@-o-keyframes myfirst /* Opera */
{
from {background-position: 0 bottom;}
to {background-position: -3806px bottom;}
}


/*========================================== 新闻资讯  ================================================*/


#news{padding: 60px 0;overflow: hidden;min-width: 1200px;}
#news h1 {color: #333333;margin-bottom: 30px;font-size: 24px;line-height: 30px;}
#news h1 i.icon1{background: url(../images/icon.png) no-repeat 0 -477px;display: inline-block;width: 20px;height: 21px;margin-right: 14px;position: relative;top: 2px;}
#news h1 i.icon2{background: url(../images/icon.png) no-repeat 0 -513px;display: inline-block;width: 22px;height: 20px;margin-left: 22px;position: relative;top: 2px;}
#news .tt{margin-bottom: 25px;}
#news .tt ul{font-size: 0;}
#news .tt ul li{display: inline-block;font-size: 14px;}
#news .tt ul li a{width: 98px;height: 25px;line-height: 25px;display: block;color: #888;text-align: center;border-radius: 3px;}
#news .tt ul li a:hover{background-color: #98865d;color: #fff;}

#news .list .img{float: left;width: 615px;height: 326px;}
#news .list .box{width: 550px;float: right;height: 326px;overflow: hidden;}
#news .list .box{overflow: hidden;}
#news .list .box h3{font-size: 18px;line-height: 100%;margin-bottom: 20px;}
#news .list .box span{font-size: 12px;color: #999;}
#news .list .box h3 a{color: #333;}
#news .list .box h3 a:hover {color: #826f44;}
#news .list .box .text{line-height: 26px;color: #666;margin-bottom: 20px;font-size: 13px;display:none;}
/*#news .list .box{border-bottom: solid 1px #e7e7e7;}*/
#news .list .box h3.on{border-top: solid 1px #e7e7e7;padding-top: 31px;}
#news .list .box .text{border-bottom: solid 1px #e7e7e7;padding-bottom: 31px;}
#news .list .box .text div{display: inline-block;color: #999;}
#news .list .box .text div.date{margin-right: 20px;margin-top: 30px;}
#news .list .box .text div.date i{background: url(../images/icon.png) no-repeat 0 -584px;display: inline-block;width: 13px;height: 13px;position: relative;top: 1px;margin-right: 5px;}
#news .list .box .text div.view i{background: url(../images/icon.png) no-repeat 0 -613px;display: inline-block;width: 16px;height: 11px;position: relative;margin-right: 5px;}

/*========================================== 团队  ================================================*/
#team{overflow: hidden;min-width: 1200px;}
#team h1 {color: #333333;margin-bottom: 30px;font-size: 24px;line-height: 30px;}
#team h1 i.icon1{background: url(../images/icon.png) no-repeat 0 -477px;display: inline-block;width: 20px;height: 21px;margin-right: 14px;position: relative;top: 1px;}
#team h1 i.icon2{background: url(../images/icon.png) no-repeat 0 -513px;display: inline-block;width: 22px;height: 20px;margin-left: 22px;position: relative;top: 2px;}
#team .tt{margin-bottom: 25px;}
#team .tt ul{font-size: 0;}
#team .tt ul li{display: inline-block;font-size: 14px;}
#team .tt ul li a{width: 98px;height: 25px;line-height: 25px;display: block;color: #888;text-align: center;border-radius: 3px;}
#team .tt ul li a:hover{background-color: #98865d;color: #fff;}

#team .list{overflow: hidden;}
#team .list ul{font-size: 0}
#team .list ul li{float: left;width: 11.12%;padding-bottom: 14.08%;position: relative;}
#team .list ul li .img{overflow: hidden;width: 100%;height: 100%;position: absolute;}
#team .list ul li .img img{width: 100%;height: 100%;transition: all 1s;}
#team .list ul li a:hover .img img{transform: scale(1.1);}
#team .list ul li.n1{width: 22.13%;padding-bottom: 28.166%;}
#team .list ul li .more{position: absolute;width: 100%;height: 100%;background-color: #98865d;text-align: center;transition: all .7s}
#team .list ul li .more i{width: 55px;height: 55px;background: url(../images/icon.png) no-repeat 0 -653px ;display: block;margin: 30% auto 15%;transition: all .35s;}
#team .list ul li a:hover .more i{ transform: rotate(90deg); -webkit-transform: rotate(90deg); }
#team .list ul li .more p{font-size: 14px;color: #fff;margin-bottom: 10px;}
#team .list ul li a:hover .more{background-color: #333;}

#team .list ul li a{color: #fff;}

#team .list ul li .text{position: absolute;background-color: rgba(152,134,93,.9);height: 100%;z-index: 9;display: none;}
#team .list ul li .text .t { width: 80%; margin: 0px auto; padding: 8% 0px 5%; }
#team .list ul li .text .zh { font-size: 28px; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; }
#team .list ul li .text .en { font-size: 16px; }
#team .list ul li .text .zw { float: right; display: block; font-size: 14px;}
#team .list ul li .text .c { width: 80%; overflow: hidden; margin: 0px auto;font-size: 14px;line-height: 26px;}
#team .list ul li.n1 .text { font-size: 14px;}
#team .list ul li.n1 .text .t { padding: 12% 0px 20%; }
#team .list ul li.n1 .text .zh { font-size: 40px; }
#team .list ul li.n1 .text .en { font-size: 20px; }
#team .list ul li.n1 .text .c { line-height: 30px; }




#container .case{width: 423px;float: left;}
#container .case h1{color: #333333;margin-bottom: 30px;position: relative;}
#container .case h1 a{color: #333333;}
#container .case h1 font{color: #999;font-size: 14px;padding-left: 9px;text-transform: uppercase;}
#container .case h1 .hd{position: absolute;right: 0;top: 0;bottom: 0;margin:auto;}
#container .case h1 .hd li{width: 11px;height: 11px;background-color: #e8e8e8;margin-left: 5px;display: inline-block;cursor: pointer;}
#container .case h1 .hd li.on{background-color: #98865d;}
#container .case .list{height: 333px;overflow: hidden;}
#container .case .list dl dd{line-height: 24px;color: #666;}
#container .case .list dl dd h2{line-height: 52px;color: #333;}
#container .case .list dl a:hover dd h2{color: #98865d;text-decoration: underline;}


#container .fast{float: right;width: 364px;}

#container .fast ul li{overflow: hidden;}
#container .fast ul li a{position: relative;display: block;}
#container .fast ul li a::after{content: '';display: inline-block;position: absolute;top: 15px;bottom: 15px;left: 15px;right: 15px;margin:auto;border:solid 3px rgba(255,255,255,.4);}
#container .fast ul li a .text{position: absolute;top: 60px;bottom: 60px;margin:auto;text-align: center;color: #fff;width: 100%;font-size: 18px;text-transform: uppercase;}
#container .fast ul li a .text h3{font-size: 24px;text-align: center;}
#container .fast ul li a .text h3::after{content: '';display: block;width: 35px;height: 1px;background-color: rgba(255,255,255,.7);margin:12px auto;}

#container .fast ul li a img{transition: all 1s;}
#container .fast ul li a:hover img{transform: scale(1.1);}



.cont-main{background-color: #fafafa;border-top: solid 1px #f3f3f3;border-bottom: solid 1px #f3f3f3;height: 180px;padding: 40px 0;min-width: 1200px;}
.cont-main .left{width: 750px;font-size: 0;float: left;border-right: solid 1px #e6e6e6;}
.cont-main dl{display: inline-block;vertical-align: top;padding-right: 70px;}
.cont-main dl dt{height: 32px;margin-bottom: 22px;text-align: center;}
.cont-main dl dt::after{content:'';display: inline-block;height: 100%;vertical-align: middle;}
.cont-main dl dt i{background: url(../images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}
.cont-main dl dt i.tel{background-position: 0 -337px;width: 30px;height: 30px;}
.cont-main dl dt i.email{background-position: 0 -405px;width: 31px;height: 21px;}
.cont-main dl dt i.add{background-position: 0 -452px;width: 22px;height: 32px;}
.cont-main dl dd{text-align: center;color: #666;line-height: 24px;font-size: 12px;}


.cont-main .right{width: 365px;float: right;line-height: 36px;color: #666;}
.cont-main .right a{color: #666;}
.cont-main .right a:hover{color: #98865d;}








/* ---------------------------------------------   内页样式   ------------------------------------------------ */

#page-slide{height: 450px;overflow: hidden;width: 100%;}






/* ---------------------------------------------   内页子菜单   ------------------------------------------------ */
.nav-box{line-height: 70px;height: 70px;background-color: #fff;}
.nav-box .row{border-bottom: solid 1px #eee;overflow: hidden;height: 100%;}
.nav-box h1{float: left;color: #98865d;position: relative;text-indent: 15px;text-transform: uppercase;}
.nav-box h1:before{content: '';position: absolute;left: 0;width: 4px;height: 15px;background-color: #98865d;top: 0;bottom: 0;margin:auto;text-indent: 20px;}
.nav-box ul{float: right;}
.nav-box ul li{float: left;font-weight: normal;}
.nav-box ul li.current{border-bottom: solid 3px #98865d;height: 70px;}
.nav-box ul li a{padding: 0 18px;font-size: 14px;color: #666;display: block;}
.nav-box ul li.current a{color: #98865d;}
.nav-box ul li a:hover{color: #98865d;}


table{background-color: #eee;}
td, th{background-color: #fff;padding: 10px;}



.container{padding: 40px 0;overflow: hidden;}
.container .about{overflow: hidden;font-size: 14px;color: #666;line-height: 35px;}
.container .about #about-pic{float: right;margin-left: 30px;margin-top: 10px;}



.list-faq{width: 900px;float: right;}
.list-faq ul{margin-bottom: 40px;}
.list-faq ul li{margin-bottom: 30px;color: #999;border-bottom: dashed 1px #ddd;padding-bottom: 30px;}
.list-faq ul li a{color: #666;font-size: 14px;line-height: 28px;}
.list-faq ul li h2{font-size: 16px;color: #333;line-height: 100%;margin-bottom:10px;}
.list-faq ul li a:hover h2{color: #0154a4;text-decoration: underline;}





.jobShow{font-size: 14px;line-height: 30px;color: #666;}
.jobShow .job-t{text-align: left;margin-bottom: 30px;color: #333;}
.jobShow .job-t a{font-size: 14px;background-color: #98865d;color: #fff;display: inline-block;padding: 6px 15px}
.jobShow .jcontent{padding: 20px 0;overflow: hidden;}


/* ---------------------------------------------   内页关于我们   ------------------------------------------------ */
.page1{padding: 2% 0;font-size: 14px;line-height: 30px;color: #666;}
.page1 .area1{border-bottom: dashed 1px #ccc;overflow: hidden;padding-bottom: 70px;margin-bottom: 70px;}
.page1 .about-left{width: 20%;float: left;position: relative;}
.page1 .about-left .box{position: absolute;left: 0;width: 100%;}
.page1 .about-left h1{font-size: 20px;margin-bottom: 30px;color: #111;}

.page1 .about-left li {display: block;color: #878786;border-bottom: 1px solid #ccc;padding: 24px 0;}
.page1 .about-left li a{display: block;font-size: 16px;}
.page1 .about-left li a:hover{background:url(../images/sprite-arrows.png) right -120px no-repeat;}

.page1 .about-right{width: 76%;float: right;font-size: 16px;line-height: 36px;}

.page1 .area2{border-bottom: dashed 1px #ccc;padding-bottom: 90px;}
.page1 .area2 h1{font-size: 20px;margin-bottom: 30px;color: #111;}
.page1 .area2 ul{font-size: 0;margin-right: -30px;}
.page1 .area2 li{width: 25%;display: inline-block;vertical-align: top;font-size: 14px;}
.page1 .area2 li a{padding-right: 30px;display: block;color: #777;position: relative;padding-bottom: 80px;overflow: hidden;height: 290px;}
.page1 .area2 li h2{font-size: 16px;margin-bottom: 20px;color: #333;}
.page1 .area2 li a:hover h2{color: #98865d;}
.page1 .area2 li p{font-style: italic;color: #999;margin-top: 15px;}
.page1 .area2 li span{display: block;width: 120px;height: 40px;line-height: 38px;text-align: center;border:solid 1px #98865d;position: absolute;bottom: 0;left: 0;color: #98865d;}
.page1 .area2 li span i{display: inline-block;background:url(../images/sprite-arrows.png) 0 0 no-repeat;width: 8px;height: 16px;position: relative;top: 3px;color: #98865d;}





.caseSearch{border-bottom: dashed 1px #ddd;padding-bottom: 30px;margin-bottom: 30px;}
.caseSearch select{border:solid 1px #ddd; padding: 5px;}
.caseSearch input[type="text"]{padding: 5px;border:solid 1px #ddd;height: 31px;width: 200px;}
.caseSearch input[type="submit"]{padding: 5px 15px;background-color: #98865d;color: #fff;border:none;cursor: pointer;height: 31px;}


.total{margin-bottom: 30px;font-size: 14px;color: #666;margin-top: 20px;}


/* ---------------------------------------------   新闻资讯   ------------------------------------------------ */
.container .news{font-size: 0;border-bottom: solid 1px #eee;padding-bottom: 80px;}
.container .news dl{overflow: hidden;width: 25%;display: inline-block;vertical-align: top;margin-bottom: 30px;}
.container .news dl dt{width: 100%;}
.container .news dl dt img{width: 100%;}
.container .news dl dd{font-size: 12px;line-height: 22px;}
.container .news dl a {color: #999;font-size: 14px;display: block;padding: 0 15px;}
.container .news dl a dd h2{font-size: 15px;font-weight: normal;color: #333;padding: 10px 0;}
.container .news dl a:hover dd h2{color: #98865d;}
.container .news dl a dd .date{margin-top: 10px;}
.container .news dl a dd .date i{margin-right: 10px;}

.container .news ul{}
.container .news ul li {font-size: 14px;margin-bottom: 20px;border-bottom: dashed 1px #ddd;padding-bottom: 20px;}
.container .news ul li a{color: #888;}
.container .news ul li h2{font-size: 16px;margin-bottom: 15px;color: #333;}
.container .news ul li a:hover h2{text-decoration: underline;}
.container .news ul li p{margin-bottom: 15px;font-size: 12px;color: #999;}

.tags{}
.tags dl{overflow: hidden;margin-bottom: 45px;}
.tags dl dt{width: 28%;float: left;}
.tags dl dt img{width: 100%;border:solid 1px #ddd;}
.tags dl dd{width: 70%;float: right;}
.tags dl a {color: #999;font-size: 14px;}
.tags dl a dd h2{font-size: 18px;font-weight: normal;color: #333;margin-bottom: 15px;}
.tags dl a:hover dd h2{color: #98865d;}
.tags dl a dd .date{margin-top: 40px;}
.tags dl a dd .date i{margin-right: 10px;}




.newsDetail{}
.newsDetail h1.t{text-align: center;font-size: 20px;font-weight: normal;}
.newsDetail .time{text-align: center;color: #999;margin-bottom: 20px;margin-top: 10px;border-bottom: solid 1px #eee;padding-bottom: 30px;}
.newsDetail .content{line-height: 28px;color: #666;font-size: 14px;}
.newsDetail .content img{max-width: 100%;}





#business{overflow: hidden;width: 100%;}
#business .row{border-bottom: solid 1px #eee;padding: 2% 0;}
#business .desc{padding-bottom: 30px;font-size: 15px;line-height: 30px;color: #333;}


#business .ul {font-size: 0;margin-right: -20px;}
#business .ul li{font-size: 15px;width: 20%;display: inline-block;margin-bottom: 20px;}
#business .ul li a{display: block;background-color: #98865d;margin-right: 20px;color: #fff;line-height: 34px;text-indent: 10px;border-radius: 5px;position: relative;}
#business .ul li a:hover{background-color: #333}

#business .ul li a i{position: absolute;right: 0;top: 0;bottom: 0;margin:auto;width: 15px;height: 14px;transition: all .5s;opacity: 0;}
#business .ul li a:hover i{right: 10px;opacity: 1;}


#business-list{width: 100%;}
#business-list .row{border-bottom: solid 1px #eee;padding: 2% 0;overflow: hidden;position: relative;}
#business-list .desc{padding-bottom: 30px;font-size: 15px;line-height: 30px;color: #333;height: 240px;overflow: hidden;}
#business-list .desc div{overflow: hidden;}
#business-list .desca{padding-bottom: 30px;font-size: 15px;line-height: 30px;color: #333;}



#business-list .area1{border-bottom: dashed 1px #ccc;overflow: hidden;padding-bottom: 70px;margin-bottom: 70px;}
#business-list .about-left{width: 68%;float: left;border-right: dashed 1px #ccc;padding-right: 40px;}
#business-list .about-left h1{font-size: 20px;margin-bottom: 30px;color: #111;}
#business-list .about-left .ul {font-size: 0;margin-right: -20px;}
#business-list .about-left .ul li{display: inline-block;width: 33.333%;font-size: 14px;vertical-align: top;margin-bottom: 20px;}
#business-list .about-left .ul li a{display: block;margin-right: 20px;}
#business-list .about-left .ul li img{width: 100%;}
#business-list .about-left .ul li a h2{font-size: 18px;margin-bottom: 10px;margin-top: 10px;}
#business-list .about-left .ul li a h2 span{font-size: 14px;color: #888;}


#business-list .about-right{width: 28%;float: right;font-size: 16px;line-height: 36px;position: relative;}
#business-list .col{overflow: hidden;}
#business-list .about-right .box{width: 100%;}
#business-list .fixed{position: absolute;right: 0;}
#business-list .about-right h1{font-size: 20px;margin-bottom: 30px;color: #111;}
#business-list .about-right .ul {font-size: 0;}
#business-list .about-right .ul li {color: #878786;display: block;}
#business-list .about-right .ul li a{display: block;font-size: 16px;margin-right: 20px;position: relative;padding: 16px 0;border-bottom: solid 1px #eee;}
#business-list .about-right .ul li a:hover{}
#business-list .about-right .ul li a i{position: absolute;right: 0;top: 0;bottom: 0;margin:auto;width: 15px;height: 14px;transition: all .5s;opacity: 0;}
#business-list .about-right .ul li a:hover i{right: 10px;opacity: 1;}

#business-list .about-right .img img{width: 100%;}
#business-list .about-right .text{font-size: 14px;color: #777;}
#business-list .about-right .text h2{font-size: 18px;margin-bottom: 10px;margin-top: 10px;color: #333;}
#business-list .about-right .text h2 span{font-size: 14px;color: #888;}


.show-more-trigger{margin-bottom: 120px;color: #98865d;font-size: 16px;cursor: pointer;margin-top: 40px;}




#team .row{border-bottom: solid 1px #eee;padding: 2% 0;overflow: hidden;}
#team .about-left{width: 28%;float: left;border-right: dashed 1px #ccc;padding-right: 40px;}
#team .about-left h1{font-size: 20px;margin-bottom: 30px;color: #111;}


#team .about-left .img img{width: 100%;}
#team .about-left .text{font-size: 14px;color: #777;}
#team .about-left .text h2{font-size: 18px;margin-bottom: 10px;margin-top: 10px;color: #333;}
#team .about-left .text h2 span{font-size: 14px;color: #888;}
#team .about-left .text a:hover{text-decoration: underline;}


#team .about-right{width: 68%;float: right;font-size: 16px;line-height: 36px;}



#team .area2{margin-top: 60px;}
#team .area2 h1{font-size: 20px;margin-bottom: 30px;color: #111;}
#team .area2 ul{font-size: 0;margin-right: -30px;}
#team .area2 li{width: 25%;display: inline-block;vertical-align: top;font-size: 14px;}
#team .area2 li a{padding-right: 30px;display: block;color: #777;position: relative;padding-bottom: 80px;overflow: hidden;height: 290px;}
#team .area2 li h2{font-size: 16px;margin-bottom: 20px;color: #333;}
#team .area2 li a:hover h2{color: #98865d;}
#team .area2 li p{font-style: italic;color: #999;margin-top: 15px;}
#team .area2 li span{display: block;width: 120px;height: 40px;line-height: 38px;text-align: center;border:solid 1px #98865d;position: absolute;bottom: 0;left: 0;color: #98865d;}
#team .area2 li span i{display: inline-block;background:url(../images/sprite-arrows.png) 0 0 no-repeat;width: 8px;height: 16px;position: relative;top: 3px;color: #98865d;}


#team .Related{margin-top: 80px;}
#team .Related h1{font-size: 20px;margin-bottom: 30px;color: #111;}
#team .Related ul{font-size: 0;margin-right: -30px;}
#team .Related li{width: 25%;display: inline-block;vertical-align: top;font-size: 14px;}
#team .Related li img{width: 100%;}
#team .Related li a{padding-right: 30px;display: block;color: #777;position: relative;overflow: hidden;}
#team .Related li h2{font-size: 16px;margin-bottom: 20px;color: #333;margin-top: 20px;}
#team .Related li a:hover h2{color: #98865d;}
#team .Related li h2 span{font-size: 12px;color: #999;}
#team .Related li p{font-style: italic;color: #999;margin-top: 15px;}
/*#team .Related li span{display: block;width: 120px;height: 40px;line-height: 38px;text-align: center;border:solid 1px #98865d;position: absolute;bottom: 0;left: 0;color: #98865d;}
#team .Related li span i{display: inline-block;background:url(../images/sprite-arrows.png) 0 0 no-repeat;width: 8px;height: 16px;position: relative;top: 3px;color: #98865d;}

*/


#business-list .area2{margin-top: 80px;}
#business-list .area2 h1{font-size: 20px;margin-bottom: 30px;color: #111;}
#business-list .area2 ul{font-size: 0;margin-right: -30px;}
#business-list .area2 li{width: 25%;display: inline-block;vertical-align: top;font-size: 14px;}
#business-list .area2 li a{padding-right: 30px;display: block;color: #777;position: relative;padding-bottom: 80px;overflow: hidden;height: 290px;}
#business-list .area2 li h2{font-size: 16px;margin-bottom: 20px;color: #333;}
#business-list .area2 li a:hover h2{color: #98865d;}
#business-list .area2 li p{font-style: italic;color: #999;margin-top: 15px;}
#business-list .area2 li span{display: block;width: 120px;height: 40px;line-height: 38px;text-align: center;border:solid 1px #98865d;position: absolute;bottom: 0;left: 0;color: #98865d;}
#business-list .area2 li span i{display: inline-block;background:url(../images/sprite-arrows.png) 0 0 no-repeat;width: 8px;height: 16px;position: relative;top: 3px;color: #98865d;}




.list-lawyer{}
.list-lawyer .row{border-bottom: solid 1px #eee;padding: 2% 0;overflow: hidden;}
.list-lawyer .large-title {margin-bottom: 50px;}
.list-lawyer .large-title h2 {font-size: 24px;color: #333;line-height: 24px;margin-bottom: 26px;}
.list-lawyer .large-title h2 span{color: #999;font-size: 16px;padding-left: 15px;}

.list-lawyer .people-search{}
.list-lawyer .people-search ul{font-size: 0;margin-right: -30px;}
.list-lawyer .people-search li{width: 25%;display: inline-block;vertical-align: top;font-size: 14px;margin-bottom: 30px;}
.list-lawyer .people-search li img{width: 100%;}
.list-lawyer .people-search li a{padding-right: 30px;display: block;color: #777;position: relative;overflow: hidden;}
.list-lawyer .people-search li h2{font-size: 16px;margin-bottom: 20px;color: #333;margin-top: 20px;}
.list-lawyer .people-search li a:hover h2{color: #98865d;}
.list-lawyer .people-search li h2 span{font-size: 12px;color: #999;}
.list-lawyer .people-search li p{font-style: italic;color: #999;margin-top: 15px;}


.people-search-tag {border-top: dashed 1px #ddd;padding-top: 30px;overflow: hidden;font-size: 15px;color: #666;}
.people-search-tag ul{font-size: 0;display: inline-block;border-right:solid 1px #eee;}
.people-search-tag li{display: inline-block;}
.people-search-tag li a{display: block;border:solid 1px #eee;font-size: 15px;border-right: none;width: 50px;line-height: 40px;text-align: center;}
.people-search-tag li.cur a{background-color: #98865d;color: #fff;}

.people-search-form{border-bottom: dashed 1px #ddd;padding-bottom: 30px;color: #666;margin-bottom: 50px;font-size: 14px;}
.people-search-form select{border:solid 1px #ddd; padding: 8px;height: 40px;}
.people-search-form input[type="text"]{padding: 8px;border:solid 1px #ddd;height: 40px;width: 200px;}
.people-search-form input[type="submit"]{padding: 0 15px;background-color: #98865d;color: #fff;border:none;cursor: pointer;height: 40px;}



.list-job table{font-size: 14px;line-height: 26px;}
 
.job-search-form{border-bottom: dashed 1px #ddd;padding-bottom: 30px;color: #666;margin-bottom: 50px;font-size: 14px;}
.job-search-form select{border:solid 1px #ddd; padding: 8px;height: 40px;}
.job-search-form input[type="text"]{padding: 8px;border:solid 1px #ddd;height: 40px;width: 200px;}
.job-search-form input[type="submit"]{padding: 0 15px;background-color: #98865d;color: #fff;border:none;cursor: pointer;height: 40px;}


 
.products-tips{}

.products-img{width: 100%;position: relative;margin-bottom: 20px;}
.products-img .img{}
.products-img .img .mask{width: 20px;height: 20px;position: absolute;left: 0;top: 0;text-align: center;color: #fff;margin-left: -10px;margin-top: -10px;}
.products-img .img .mask span{display: inline-block;width: 100%;height: 100%;background-color: red;font-size: 18px;font-weight: bold;cursor: pointer;border-radius: 50%;animation:diandian 1s infinite linear 1s;line-height: 16px;border:solid 2px rgba(255,255,255,.9);}
.products-img .img .desc{padding:5% 5%;position: absolute;font-size: 12px;width: 900px;text-align: left;left: -110px;font-weight: normal;line-height: 24px;z-index: 999;display: none;color: #bcbcbc;border-radius: 4px;background-color: rgba(0,0,0,.9);margin:auto;top: 25%;right: 5%;bottom: 25%;left: 5%;}


.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}


.products-img .img .mask .tooltip-arrow {

    left: 50%;
    margin-left: -10px;

   /* border:8px solid transparent;    border-top-color:rgba(0,0,0,.8);*/
}

.products-img .img .mask .tooltip-arrow.up{border-width: 10px 10px 0;
    border-top-color: rgba(0,0,0,.8);display: block;bottom: 20px;}

.products-img .img .mask .tooltip-arrow.down{border-width: 0 10px 10px 10px;
    border-bottom-color: rgba(0,0,0,.8);display: block;top: 20px;}



.products-img .img .desc h2{font-size: 15px;margin-bottom: 15px;line-height: 100%;color: #fff;}
.products-img .img img{width: 100%;}
.products-img .img .desc img{margin-bottom: 10px;width: 50%;margin-right: 2%;display: inline-block;vertical-align: top;}
.products-img .img .desc .text{display: inline-block;vertical-align: top;width: 47%;}


@keyframes diandian
{
from {opacity: 0;}
to {opacity: 1;}
}


.products-info{width: 100%;float: left;background-color: #fff;padding: 3%;margin-bottom: 20px;}
.products-info .tit{font-size: 24px;margin-bottom: 20px;line-height: 100%;}
.products-info .tips{line-height: 26px;color: #666;font-size: 14px;line-height: 30px;}

.products-info .tips h3 {font-weight: bold;font-size: 18px;color: #333;

    padding: 10px 0;

}
.products-info .tips p {

    padding-top: 15px;
    margin-top: 15px;
}

.products-info .tips p b {
    font-size: 22px;
    color: #98865d;
}



.diog-box{border-bottom:solid 1px #eee;padding-bottom: 4%;color: #666;font-size: 14px;padding-top: 4%;

}
.diog-box .row{}
.diog-box .close{display: block;width: 40px;height: 40px;position: absolute;right: 10%;top: 50px;font-size: 20px;border:solid 1px #ddd;border-radius: 90%;text-align: center;line-height: 38px;}

.diog-box h5{font-size: 20px;color: #333;border-bottom: solid 1px #ddd;padding-bottom: 30px;margin-bottom: 30px;}

.diog-box.show{transform: scale(1);opacity: 1;font-size: 14px;color: #666;}
.diog-box th{text-align: left}
.diog-box th, .diog-box td{padding: 10px;}
.diog-box .ib{margin-right: 20px;}
.diog-box input[type="text"]{padding: 10px;border:solid 1px #ddd;}
.diog-box textarea{width: 100%;padding: 10px;border:solid 1px #ddd;}


.diog-box input[type="submit"]{padding: 10px 20px;cursor: pointer;background-color: #98865d;color: #fff;border:none;}
.diog-box input[type="reset"]{padding: 10px 20px;cursor: pointer;background-color: #333;color: #fff;border:none;}







.diog-bg{background: #000;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999999;display: none;}
.diogBox{position: fixed;width: 100%;height: 100%;z-index: 99999999;left: 0;top: 0;display: none;}
.diogBox .swiper-slide{position: relative;}
.diogBox img{max-width: 30%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin:auto;}
.diogBox .swiper-pagination-bullet{background-color: #fff;}








.relation{overflow: hidden;border-bottom: solid 1px #eee;padding-bottom: 40px;}
.relation h1{font-weight: normal;color: #333;margin-bottom: 20px;font-size: 22px;}

.relation ul{margin-left: -10px;margin-right: -10px;}
.relation ul li{width: 25%;float: left;line-height: 36px;font-size: 15px;}
.relation ul li a{display: block;padding: 0 10px;color: #999;line-height: 24px;font-size: 12px;}
.relation ul li a img{width: 100%;}
.relation ul li a h2{font-size: 15px;color: #333;line-height: 100%;padding: 13px 0 10px;}



.contact .conleft{width: 58%;float: left;}

.contact .text{width: 42%;float: left;padding: 3% 4% 0;background-color: #fafafa;height: 650px;}
.contact .text h2{color: #333;font-weight: normal;}
.contact .text h3{color: #999;font-size: 12px;font-weight: normal;line-height: 30px;padding: 10px 0;}
.contact .text ul{}
.contact .text ul li{float: left;width: 50%;line-height: 36px;font-size: 14px;color: #666;}
.contact .text ul li.add{width: 100%;}
.contact .form{margin-top: 30px;}
.contact .form h1{padding-right: 20px;}
.contact .form h1 font{font-size: 12px;padding-left: 10px;color: #999;}
.contact .form .line{width: 50%;float: left;padding-right: 20px;}
.contact .form .line label{display: block;color: #666;font-size: 14px;line-height: 100%;}
.contact .form .line input[type="text"]{border:none;border-radius: 3px;padding: 10px 10px 10px 0;width: 100%;margin: 10px 0;border-bottom: solid 1px #bbb;background: none}
.contact .form .lineTextArea{width: 100%;}
.contact .form .lineTextArea textarea{border:none;border-bottom: solid 1px #bbb;background: none;border-radius: 3px;padding: 10px 10px 10px 0;width: 100%;margin-top: 10px;}
.contact .form .subBox{}
.contact .form .subBox input[type="submit"]{margin-top: 30px;width: 87px;line-height: 32px;background-color: #98865d;color: #fff;border:none;}

.allmap{height: 650px;overflow: hidden;}
#allmap{height: 710px;width: 100%;}


#pages{text-align: center;overflow: hidden;font-size: 0;margin-top: 30px;}
#pages span,#pages a{border:solid 1px #eee;padding: 15px 20px;color: #666;font-size: 12px;margin-right: 5px;vertical-align: top;display: inline-block;line-height: 100%;}
#pages span.cur{background-color: #98865d;color: #fff;border:solid 1px #98865d;}


.pagelinks{padding: 15px 0;border-top: solid 1px #ddd;border-bottom: solid 1px #ddd;margin:15px 0;}


.des{line-height: 30px;}


.sitemap{}
.sitemap h2{font-weight: normal;font-size: 18px;padding: 15px 0;}
.sitemap h2 a{color: #333;}
.sitemap h2 a:hover{color: #ce0f2d;text-decoration: underline;}
.sitemap ul{overflow: hidden;border:solid 1px #eee;padding: 15px;display: block;}
.sitemap ul li{float: left;width:33%;line-height: 25px;}
.sitemap ul li a{color: #333;}
.sitemap ul li a:hover{color: #ce0f2d;text-decoration: underline;}