@charset "utf-8";
/* CSS Document */
html{font-size:10px; /*font-size:62.5%;*/}
body{margin:0px; padding:0px; font-size:1.2rem; font-family:Arial, "微软雅黑"; color:#333;}
a{color:#333; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#af6c45; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}


.clear{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.h10{height:1rem; overflow:hidden; clear:both;}
.h50{height:5rem; overflow:hidden; clear:both;}
input{background:transparent; padding:0px; font-size:1.2rem; font-family:Arial, "微软雅黑"; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
img{vertical-align:middle; max-width:100%;}
.red, a.red{color:#ff0037;}
.green{color:#88c22f;}
/*opacity:1; filter:alpha(opacity=1);*/


a, .transition, .headDiv,
.indexPart3 .slick img, .indexPart6 img, .indexPart7 .slick img, .indexPart2 .imgDiv img,
.about_02 .layer,
.joinStep_01 li, .joinStep_02 .name,
.joinCase .imgDiv img
{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;	
}
.radius3, .joinCase .more a{
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
input, li, a, span, i, em, b, div, img, textarea, p, dl, dt, dd, h1, h2{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;	
}
.aaaa,
.joinCase .name a
{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.footDiv .tel{
	width:392px;
}
.wal{width:1200px; margin:0px auto;}
.wal2{width:995px; margin:0px auto;}


.pageBg{min-height:200px; background:#f1f1f1;}
.pageTitle{text-align:center; padding:80px 0 40px 0;}
.pageTitle h2{font-weight:400; font-size:38px; color:#b56d46; padding-bottom:10px;}
.pageTitle span{text-transform:uppercase; color:#666; font-size:25px;}

.pageTitle2{text-align:center; padding:45px 0 30px 0;}
.pageTitle2 h2{color:#000; font-weight:400; font-size:25px; padding-bottom:15px;}
.pageTitle2 span{font-size:19px; color:#b36e45; font-weight:bold;}




.slide-T, .slide-B, .slide-L, .slide-R{
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.slide-S1{
transition:All 1s 0.3s ease;
-webkit-transition:All 1s 0.3s ease;
-moz-transition:All 1s 0.3s ease;
-o-transition:All 1s 0.3s ease;	
}
.slide-S2{
transition:All 1s 0.6s ease;
-webkit-transition:All 1s 0.6s ease;
-moz-transition:All 1s 0.6s ease;
-o-transition:All 1s 0.6s ease;	
}
.slide-S3{
transition:All 1s 0.9s ease;
-webkit-transition:All 1s 0.9s ease;
-moz-transition:All 1s 0.9s ease;
-o-transition:All 1s 0.9s ease;	
}
.slide-T{position:relative; top:-50px; opacity:0; filter:alpha(opacity=0);}
.slide-Ton{top:0px; opacity:1; filter: alpha(opacity=100);}
.slide-B{position:relative; bottom:-100px; opacity:0; filter:alpha(opacity=0);}
.slide-Bon{bottom:0px; opacity:1; filter: alpha(opacity=100);}
.slide-L{position:relative; left:-50px; opacity:0; filter:alpha(opacity=0);}
.slide-Lon{left:0px; opacity:1; filter: alpha(opacity=100);}
.slide-R{position:relative; right:-50px; opacity:0; filter:alpha(opacity=0);}
.slide-Ron{right:0px; opacity:1; filter: alpha(opacity=100);}

.pageBanner{height:550px; position:relative;}
.pageBanner .layer{position:absolute; left:50%; margin-left:-600px; bottom:80px; background:rgba(82,82,82,0.54); width:400px; height:173px; text-align:center; padding:0 55px; color:#FFF;}
.pageBanner .layer h2{font-weight:400; font-size:46px; padding:20px 0 10px 0;}
.pageBanner .layer p{font-size:18px; line-height:26px; text-align:justify;}
.pageBanner-2 .layer{background:rgba(210,109,63,0.54);}
.pageBanner-3 .layer{background:rgba(140,122,108,0.7); left:auto; margin-left:0px; right:50%; margin-right:-600px; width:438px; height:222px; padding:0 20px;}
.pageBanner-3 .layer h2{font-size:36px; padding:40px 0 20px 0;}

.newsNav{background:url("../images/newsNav.jpg") top repeat-x; height:48px; line-height:47px;}
.newsNav li{float:left;}
.newsNav a{display:block; padding:0 20px; height:47px; border-right:#e9e9e9 solid 1px; font-size:14px;}

.pageNow{height:66px; position:relative; border-bottom:#d26d3f solid 1px;}
.pageNow h2{color:#d26d3f; font-weight:400; line-height:65px; font-size:22px;}
.pageNow div{color:#666; position:absolute; top:12px; right:0px;}
.pageNow div a{color:#666;}
.pageNow div a:hover{color:#d26d3f;}

.pageNav{height:120px; padding-top:40px;}
.pageNav li{float:left; padding-right:18px;}
.pageNav a{display:block; width:156px; height:38px; line-height:38px; text-align:center; font-size:18px; background:#d1b7a4;}
.pageNav a:hover, .pageNav a.on{background:#b56d46; color:#FFF;}