@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
ul,ol,ul li,ol li{ list-style:none;}
img{ border:0px; font-size:0px;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
a{ text-decoration:none;}
h1,h2,h3,h4,h5{ font-weight:normal;}

.uu{ font-family:"微软雅黑"; font-size:14px; color:#333333; letter-spacing:1px; line-height:25px; background-color:#ffffff;}
.cc{ width:1200px; height:auto; margin:0 auto;}

.uu .abutton{ display:block; width:175px; height:50px; line-height:50px; text-align:center; font-size:24px; color:#ffffff; background-color:#937343; text-decoration:none;}
.uu .abutton:hover{ background-color:#553e2c;}


.uu .bbutton{ display:block; width:175px; height:40px; line-height:40px; text-align:center; font-size:24px; color:#ffffff; background-color:#937343; text-decoration:none;}
.uu .bbutton:hover{ background-color:#553e2c;}


.uu .title{ width:100%; height:auto; position:relative; padding-top:55px; padding-bottom:55px;}
.uu .title .m1{ height:55px; border-bottom:1px solid #553e2c;}
.uu .title .m2{ display:block; width:132px; height:106px; padding-top:26px; position:absolute; top:34px; right:0px; background-color:#937343; text-align:center; line-height:40px; letter-spacing:5px; color:#ffffff; font-size:32px; -moz-border-radius: 66px; -webkit-border-radius: 66px; border-radius:66px; text-decoration:none;}
.uu .title .m2:hover{ background-color:#553e2c;}
.uu .title .m3{ font-family:"宋体"; font-size:24px; padding-top:10px;}

.cl0{ position:relative; margin-bottom:85px;}
.cl0 img{ display:block; width:100%; height:auto;}
.cl0 .content{ width:900px; height:auto; position:absolute; left:20%; top:85%;-moz-animation:myfirst 2s; /* Firefox */
-webkit-animation:myfirst 2s; /* Safari and Chrome */
-o-animation:myfirst 2s; /* Opera */}
.cl0 .content a{ float:left; margin-right:25px;}

@keyframes myfirst
{
0%   {left:10%; top:85%; transform: rotateY(180deg);}
55%  {transform: rotateY(180deg);}
100% {left:20%; top:85%;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {left:10%; top:85%; -moz-transform: rotateY(180deg);}
55%  {-moz-transform: rotateY(180deg);}
100% {left:20%; top:85%;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {left:0px; top:85%; -webkit-transform: rotateY(180deg);}
55%  {-webkit-transform: rotateY(180deg);}
100% {left:20%; top:85%;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {left:10%; top:85%; transform: rotateY(180deg);}
55%  {transform: rotateY(180deg);}
100% {left:20%; top:85%;}
}



.cl1 .content{ width:1400px; height:470px; overflow:hidden; margin:0 auto; position:relative;}
.cl1 .m1{ width:572px; float:left;}
.cl1 .m2{ width:563px; float:right;}
.cl1 .m3{ width:520px; height:520px; position:absolute; left:425px; top:40px; border:8px solid #e7e2d9; -moz-border-radius: 260px; -webkit-border-radius: 260px; border-radius: 260px; }
.cl1 .m3 .text1{ width:450px; height:auto; margin:0 auto;}
.cl1 .m3 .text1 img{ display:block; margin:65px auto 30px auto;}
.cl1 .m3 .text1 p{ text-indent:2em; line-height:30px;}

.cl2{ background-color:#efefef;padding-bottom:40px;}
.cl2 .content{ width:1065px; height:auto; margin:0 auto; background:url(../images/cl2_08.png) no-repeat right 290px;}
.cl2 .content .cl2_ul{ display:block; width:920px; height:385px; margin:0 auto; background:url(../images/cl2_07.png) no-repeat left center;}
.cl2 .content .cl2_ul li{ width:179px; height:260px; float:left; position:relative;}
.cl2 .content .cl2_ul li:hover{ cursor:pointer;}
.cl2 .content .cl2_ul li.style{ padding-top:165px;}
.cl2 .content .cl2_ul li .text{ display:table; width:165px; height:179px; position:absolute; top:0px; left:7px;}
.cl2 .content .cl2_ul li.style .text{ top:203px;}
.cl2 .content .cl2_ul li .text .middle{ display:table-cell; vertical-align:middle;}
.cl2 .content .cl2_ol{ display:inline-block; width:1100px; height:auto; margin:0 auto;}
.cl2 .content .cl2_ol li{ width:505px;}
.cl2 .content .cl2_ol li .text1,.cl2 .content .cl2_ol li .text2{ width:505px; height:305px;}
.cl2 .content .cl2_ol li .text1{ background:#d6d5d2 url(../images/cl2_09.png) no-repeat center 40px ;}
.cl2 .content .cl2_ol li .text2{ background:#d6d5d2 url(../images/cl2_10.png) no-repeat center 40px ;}
.cl2 .content .cl2_ol li .p1{ width:462px; margin:0 auto; color:#000000; font-size:40px; text-align:center; padding-top:55px; margin-bottom:45px;}
.cl2 .content .cl2_ol li .p2{ width:462px; margin:0 auto; color:#343434; letter-spacing:0px;}
.cl2 .content .cl2_ol li .text3{ width:197px; border-bottom:65px solid #efefef; border-right:55px solid #d6d5d2; float:left;}
.cl2 .content .cl2_ol li .text4{ width:197px; border-bottom:65px solid #efefef; border-left:55px solid #d6d5d2; float:left;}

.cl2 .content .cl2_ol li .text5{padding-top:20px;}

.cl3{ padding-bottom:40px;}
.cl3 .p1{ color:#343434; border-top:1px dashed #d8d8d8; border-bottom:1px dashed #d8d8d8; text-indent:2em; padding:25px 0px; margin-bottom:45px;}
.cl3 ul{ display:block; width:1135px; margin:0 auto;}
.cl3 ul li{ width:278px; float:left; margin:0px 50px;}
.cl3 ul li p{ color:#000000; height:120px; text-align:center;}
.cl3 ul li a{ margin:0 auto;}

.cl4{ padding-bottom:40px; background-color:#efefef;}
.cl4 .cl4_ul{ display:block; width:100%; height:547px; padding-top:20px;}
.cl4 .cl4_ul li{ width:300px; height:547px; float:left; position:relative; overflow:hidden;}
.cl4 .cl4_ul li .bg{ width:300px; height:547px; position:absolute; left:0px; top:0px; background-image:url(../images/cl4_bg.png);}
.cl4 .cl4_ul li .text{ width:252px; height:92px; background-image:url(../images/cl4_bg2.png); padding:30px 25px; margin:372px auto 0px auto;}
.cl4 .cl4_ul li .mark{ width:132px; height:35px; line-height:35px; text-align:center; background-color:#937343; color:#fefefe; font-size:19px;}
.cl4 .cl4_ul li p{ color:#000000; font-size:16px; padding-top:10px;}

.cl5{ text-align:center; padding:45px 0px 40px 0px;}

.cl6{ padding-bottom:40px; background-color:#efefef; height:1145px;}
.cl6 .content{ width:1060px; height:auto; margin:0 auto; padding-bottom:45px;}
.cl6 .content .text1 img,.cl6 .content .text2 img{ display:block;}
.cl6 .content .text1{ height:245px; border-bottom:1px dashed #c6c6c6;}
.cl6 .content .text1 p{ width:340px; border-left:1px solid #937343; float:right; padding-left:20px; color:#343434; margin-top:65px;}
.cl6 .content .text1 p span{ color:#000000; font-size:30px; line-height:45px;}
.cl6 .content .text2{ height:255px; padding-top:10px;}

.cl6 .content .text2 p{ width:375px; float:right; text-align:right; border-right:1px solid #937343; color:#343434; margin:75px 5px 0px 0px; padding-right:20px;}
.cl6 .content .text2 p span{ color:#000000; font-size:30px; line-height:45px;}
.cl6 .banner{ width:100%; height:406px; overflow:hidden;}
.cl6 .imgscroll{ width:900px; height:406px; margin:0px auto; position:relative; overflow:visible;}
.cl6 .imgscroll .leftArrow{ width:49px; height:49px; position:absolute; left:-25px; top:178px; background:url(../images/cl6_10.png) no-repeat center; cursor:pointer; z-index:999;}
.cl6 .imgscroll .rightArrow{ width:49px; height:49px; position:absolute; right:-25px; top:178px; background:url(../images/cl6_11.png) no-repeat center; cursor:pointer; z-index:999;}
.cl6 .imgscroll .imgFocus{ display:block;height:406px; overflow:hidden; position:absolute; left:0px; top:0px;}
.cl6 .imgscroll .imgFocus li{ width:900px; text-align:center; float:left;}

.cl7{}
.cl7 .content{ width:1135px; height:auto; margin:0 auto;}
.cl7 .content img{ display:block;}
.cl7 .content .text1{ clear:both; height:345px;}
.cl7 .content .text2{ clear:both; height:335px;}
.cl7 .content p{ width:538px; color:#000000; padding:85px 0px; margin-right:15px;}
.cl7 .content p span{ font-size:30px; line-height:45px;}

.cl8{ background-color:#f6f6f6; padding-bottom:40px;}
.cl8 .content{ width:1080px; height:auto; margin:0 auto; text-align:center;}
.cl8 .content .mark{ padding:45px 0px 30px 0px;}
.cl8 .content table{ width:100%; text-align:center; background-color:#b7b7b7;}
.cl8 .content table th{ height:75px; color:#000000; font-size:20px; vertical-align:middle; border-top:1px solid #937343;}
.cl8 .content table td{ height:55px; color:#000000; vertical-align:middle;}
.cl8 .content table .style{ background-color:#ececec;}
.cl8 .content table .col1{ width:235px; background-color:#ececec;}
.cl8 .content table .col2{ width:235px; background-color:#ffffff;}
.cl8 .content table .col3{ width:120px; background-color:#ffffff;}

.cl9{ padding-bottom:40px;}
.cl9 .content{ width:1110px; margin:0 auto;}
.cl9 .content ul{ display:inline-block; width:100%; height:auto;}
.cl9 .content ul li{ width:159px; height:186px; padding:3px; background-color:#ececec; float:left; margin:0px 10px 50px 10px; cursor:pointer;}
.cl9 .content ul li.active{ background-color:#937343; }
.cl9 .content ul li .text{ width:509px; padding-left:20px; display:none;}
.cl9 .content ul li .p1{ color:#937343; font-size:34px; padding-bottom:15px; padding-top:10px;}
.cl9 .content ul li .p2{ color:#000000; font-size:30px; padding:25px 0px;}
.cl9 .content ul li .p3{ color:#000000; letter-spacing:0px;}
.cl9 .last{ width:1200px; height:551px; margin:0 auto; background:#f6f6f6 url(../images/cl9_09.png) no-repeat right bottom;}
.cl9 .last img{ display:block; float:left;}
.cl9 .last .text{ width:509px; float:left; padding-left:25px; padding-top:60px;}
.cl9 .last .p1{ color:#937343; font-size:50px; line-height:50px;}
.cl9 .last .p2{ width:63px; background-color:#937343; color:#ffffff; font-size:20px; padding:5px 10px; margin-top:45px;}
.cl9 .last .p3{ color:#000000; padding-top:10px; letter-spacing:0px;}
.cl9 .last .p4{ width:118px; background-color:#937343; color:#ffffff; font-size:20px; padding:5px 10px; margin-top:45px;}

.cl10{ height:622px; background-color:#000000;}
.cl10 .banner{ width:100%; height:622px; overflow:hidden;}
.cl10 .imgscroll{ width:1200px; height:622px; margin:0px auto; position:relative; overflow:hidden;}
.cl10 .imgscroll .leftArrow{ width:48px; height:48px; position:absolute; left:25px; top:287px; background:url(../images/cl10_01.png) no-repeat center; cursor:pointer; z-index:999;}
.cl10 .imgscroll .rightArrow{ width:48px; height:48px; position:absolute; right:25px; top:287px; background:url(../images/cl10_02.png) no-repeat center; cursor:pointer; z-index:999;}
.cl10 .imgscroll .imgFocus{ display:block;height:622px; overflow:hidden; position:absolute; left:0px; top:0px;}
.cl10 .imgscroll .imgFocus li{ width:1200px; height:622px; text-align:center; float:left;}
.cl10 .imgscroll .imgFocus li .text{ width:1075px; text-align:left; padding-left:125px;}
.cl10 .imgscroll .imgFocus li .p1{ color:#ffffff; font-size:56px; line-height:60px; margin-top:70px; padding-bottom:15px;}
.cl10 .imgscroll .imgFocus li .p2{ color:#ffffff; font-size:16px; padding-bottom:35px;}
.cl10 .imgscroll .imgFocus li .p3{ width:555px; color:#ffffff; padding-bottom:75px;}
.cl10 .imgscroll .imgFocus li .p3 span{ color:#937343;}

.cl11{ background-color:#f6f6f6; padding-bottom:10px;}
.cl11 ul{ display:inline-block; width:100%; height:auto;}
.cl11 ul li{ width:572px;}
.cl11 ul li .text1{ width:409px; height:44px; background:url(../images/cl11_02.png) no-repeat left top; padding-left:67px; color:#000000; line-height:44px; margin-bottom:20px;}
.cl11 ul li .text2{ width:429px; height:106px; background:url(../images/cl11_03.png) no-repeat right top; color:#343434; font-size:12px; float:right; padding:25px 75px 0px 25px; letter-spacing:0px;}
.cl11 ul .style{ height:225px; clear:both; border-bottom:1px dashed #c6c6c6; margin-bottom:30px;}