@charset "gb2312";
/* CSS Document */
body{ margin:0; padding:0;}
div:after,ul:after { content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
div,ul { zoom:1;*zoom:1 }
li { list-style-type:none;}
.doc{overflow: hidden; text-align: left;  color:#333; font: 16px/1.5 Microsoft Yahei,tahoma,HELVETICA; }
.doc .inner,.nav-inner, .b_inner{width:1000px; clear: both; margin:0 auto; overflow: hidden;}

.title{ width:1000px; margin:50px auto 30px; display:block;}
.title1{ width:1000px; margin:50px auto 50px; display:block;}
.area3 ul li img:hover, .area4 ul li img:hover, .area6 ul li img:hover, .area7 ul li img:hover, .area8 ul li img:hover{ alpha(opacity=90); -moz-opacity:0.9;-khtml-opacity: 0.9; opacity: 0.9;}
.prev, .next, .sNext, .sPrev { background:url(../../img/52/arrow01.png) no-repeat center center; float:left;cursor:pointer; position:absolute; z-index:10;}

.area1{ height:500px; background:url(../../img/52/banner.jpg) no-repeat center top;}
.area2{ height:830px;}
.area2 p{ font-size:16px; line-height:26px; text-align:justify; text-justify:inter-ideograph;  text-indent:30px; margin-top:5px; }
.area2 .mgtop{ margin-top:23px;}
.area3 .title{ margin:50px auto 20px;}
.jm_z , .jm_y{ margin-top:260px; width:58px; height:59px; overflow:hidden; position: absolute; top: -136PX;}
.jm_z{ left: 90px;}
.jm_y{left: 850px;}
.jm_z a , .jm_y a{ display:inline-block;width:58px; height:59px; background:url(../../img/52/arrow01.png) no-repeat; }
.jm_z a { background-position: -160px 0;}
.jm_z a:hover{background-position: -334px 0;}
.jm_y a { background-position: -218px 0;}
.jm_y a:hover { background-position: -276px 0;}



.jm_c{ width:895px; margin:0 auto;  }

/*3d切换*/
.jm2{position:relative;margin:0 auto; width:1000px; clear: both; height:671px; }
.jm2 .arr1{ width:54px; height:54px; overflow:hidden; position:absolute; top:147px; left:-54px;}
.jm2 .arr2{width:54px; height:54px; overflow:hidden; position:absolute; top:147px; left:960px;}

.jm2 ul {width:480px;height:300px;margin:0px auto;}
.jm2 ul li { width:220px !important; height:220px !important; overflow:hidden;}
.jm2 ul li>img{width:218px; height:218px;  border-radius:110px; cursor:pointer; border:solid 2px #FFF }

.jm2 .roundabout-in-focus{width:248px !important; height:248px !important;  border-radius:124px;overflow:inherit;margin-left: -15px;margin-top: -20px; position: relative;}
.jm2 .roundabout-in-focus>img{width:248px !important; height:248px !important;  border-radius:124px;overflow:hidden; }

.jm2 .roundabout-in-focus>span{ position: absolute; left: 30px; top:270px; width: 200px; height: 60px; font-size: 18px; color: #1a1a1a; text-align:center;}
.jm2 .roundabout-in-focus p{ position: absolute; left: -590px;top: 300px; width: 730px; height: 140px; font-size: 16px; color: #1a1a1a; background:url(../../img/52/mes_bg.jpg) no-repeat center top;  color: #4c4c4c; padding: 50px 350px 50px 360px; text-align:justify; text-justify:inter-ideograph;}
.jm2 em{ padding-left:34px; font-style:normal;}

.area4{ height:535px;}
.area4 .title1{ margin:40px auto 50px;}
.area4 #marquee8{width:1000px;height:318px; overflow:hidden; margin:0 auto;}
.area4 #marquee8 ul li{float:left;height:318px;overflow:hidden; }
.area4 #marquee8 ul li img {margin:0 13px 0 13px; height:318px}
.area4 .prev, .area4 .next{ position:relative; width:40px; height:120px; top:-220px;  }
.area4 .prev{background-position:-40px 0px; left:0;   }
.area4 .next{background-position:-0px 0px; left:920px ; }
.area4 .prev:hover{background-position:-80px 0px; left:0;   }
.area4 .next:hover{background-position:-120px 0px; left:920px ; }
.area5 .inner{ height:885px; position:relative;}
.area5  ul li{ font-size:20px; color:#101010; width:1000px; height:70px; margin-bottom:30px; }
.area5  ul li img{ display:block; float:left;}
.area5  ul li span{ padding-left:25px; display:block; float:left; padding-top:30px; }
.area5 .peaple{ width:325px; height:380px; position:absolute; right:15px; top:220px;}

.area6 .inner{  height:652px; position:relative;}
.area6 .rybox{ width:1000px; height:455px; float:left;}
.area6 .jCarouselLite{ width:1000px; float:left;}
.area6 .jCarouselLite li { width:1000px;height:455px;float:left; overflow:hidden; text-align:center; margin:auto 14px auto 14px; background:#fff;}
.area6 .prev, .area6 .next{ width:40px; height:120px; top:365px;  }
.area6 .prev{background-position:-40px 0px; left:15px;   }
.area6 .next{background-position:-0px 0px; left:960px ; }
.area6 .prev:hover{background-position:-80px 0px; left:15px;   }
.area6 .next:hover{background-position:-120px 0px; left:960px ; }

.area7{ height:620px;}
.area7 #marquee9{width:1000px;height:440px; overflow:hidden; margin:0 auto;}
.area7 #marquee9 ul li{float:left;height:440px;overflow:hidden; }
.area7 #marquee9 ul li img {margin:0 13px 0 13px; height:392px}
.area7 .prev, .area7 .next{ position:relative; width:40px; height:120px; top:-284px;  }
.area7 .prev{background-position:-40px 0px; left:0;   }
.area7 .next{background-position:-0px 0px; left:920px ; }
.area7 .prev:hover{background-position:-80px 0px; left:0;   }
.area7 .next:hover{background-position:-120px 0px; left:920px ; }
.area7 p{ font-size:16px; color:#1e1e1e; text-align:center; line-height:20px; padding-top:12px;}
.area8  ul{ background:url(../../img/52/tb.jpg) no-repeat left top; height:1271px;}
.area8  ul li{ font-size:20px; color:#101010; width:820px; margin-bottom:48px; margin-left:175px; height:140px;   }

.area8  ul li h2{  font-size:28px; color:#e60012;  font-weight:bolder; padding:8px 0 5px 0;  }
.area8  ul li p{  display:block; float:left; text-align:justify; text-justify:inter-ideograph; font-size:16px; color:#333; line-height:24px;}
.area9{ height:660px;}
.area10 p{ font-size:20px; color:#231815; float:left; margin-top:10px; margin-bottom:50px;}
.area10{ height:1095px;}
.area10 .p1{ width:213px; padding-left:5px;}
.area10 .p2{ width:155px; padding-left:75px;}
.area10 .p3{ width:173px; padding-left:98px;}
.area10 .p4{ width:215px; padding-left:66px}
.area10 .p5{ width:154px; padding-left:35px}
.area10 .p6{ width:155px; padding-left:105px}
.area10 .p7{ width:212px; padding-left:76px}
.area10 .p8{ width:195px; padding-left:56px}
.area10 .p9{ width:252px; }
.area10 .p10{ width:225px; padding-left:25px}
.area10 .p11{ width:125px; padding-left:66px}
.area10 .p12{ width:150px; padding-left:123px; font-size:36px; color:#e60012; font-weight:bolder;}

.area12{ height:165px; background:#bebebe;}
.area12 .inner{ height:165px; background:url(../../img/52/bottom.jpg) no-repeat center top;}
.area12 ul{ width:480px; margin-left:475px; margin-top:50px; font-size:16px; color:#1a1a1a; }
.area12 ul li span{ font-size:20px; color:#000; }

.area13 p{ font-size:20px; color:#1e1e1e; line-height:30px; padding:20px 30px 0 30px;}

.area1 .dj{ width:143px; height:38px; margin:435px auto 0; display:block;}


.message h3{ text-align: center; height: 30px; line-height: 30px; margin-bottom: 30px;}
.m-form {
    width: 610px;
    color: #330005;
    line-height: 29px;
    position: relative;
    float: left;

}
.m-form legend {
    font-size: 14px;
    font-weight: bold;
}
.m-form .formitm {
    line-height: 30px;
    padding-top: 13px;
    width:305px;
    float: left;
}
.m-form .formitm-1 {
    padding-left: 100px;
}
.m-form .lab {
    float: left;
	font-size:14px;
    margin-right: -90px;
    text-align: right;
    width: 50px;
	color:#666;
}
.m-form .lab .ckey{ color:#ff0000;}
.m-form .ipt {
    margin-left: 61px;
}
.m-form .ipt * {
    vertical-align: middle;
}
.m-form .ipt a, .m-form .ipt a:hover {
    color: #3891eb;
    text-decoration: none;
}
.m-form .ipt img {
    height: 32px;
    margin: 0 15px 0 5px;
}
.m-form .ipt .domain {
    color: #777;
    font-weight: bold;
    margin: 0 0 0 5px;
}
.m-form .ipt p {
    color: #999;
    height: 22px;
    line-height: 22px;
}
.m-form .tip {
    padding-top: 10px;
}
.m-form .tip input {
    margin: 0 5px 3px 0;
}
.m-form .m-textarea {
    height: 80px;
}
.u-btn{background: #d4000f;height:52px; text-align: center;width:177px; border:none;color:#fff; cursor: pointer; font-size:20px; font-weight:bolder; margin-top:10px; font-family:"΢���ź�"; margin-left:-38px; margin-bottom:10px;}
.u-ipt, .m-textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fff;
    border-color: #ddd #ddd #ddd;
    border-image: none;
    border-right: 1px solid #ddd;
    border-style: solid;
    border-width: 1px;
    color: #777;
    font-size: 14px;
    height: 25px;
    line-height: 17px;
    padding: 5px;
    width: 230px;
}
.m-textarea {
    width: 535px;
}.remind {
     border: 3px solid #d9d9d9;
     padding:22px 45px;
     width: 270px;
     float: right;
	 margin-top:12px;
	 background:#fff;
 }
.remind strong{font-size: 16px; padding:6px 0 10px; margin-left:15px; color:#333;}
.remind p {
    color: #666;
    font-size: 12px;
    margin-left:15px;
    line-height: 28px;
}


/*backToTop*/
.backToTop { display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#f56908; color:#fff; font-size:12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto"; cursor:pointer; opacity:1; filter:Alpha(opacity=100); }