#banner{ width:100%; height:450px;background:url(../images/banner_about.jpg) no-repeat center top;}
#banner .content{ width:1200px; margin:0 auto;}
#banner .content .title{ text-align:center;}
#banner .content .title img{ margin-top:160px;}

#trls_sj_l{ width:100%; height:100px;background:#f6f6f6;}
#trls_sj_l .content{ width:1200px; margin:0 auto;}
#trls_sj_l .content .advantage{ position:relative;}
#trls_sj_l .content .advantage img{ width:100%;}
#trls_sj_l .content .advantage ul{ position:absolute; top:13px; left:84px;}
#trls_sj_l .content .advantage ul li{ float:left; font-size:18px; color:#772704; font-family:'微软雅黑'; width:120px;}
#trls_sj_l .content .advantage ul .li1{ margin-left:196px;}
#trls_sj_l .content .advantage ul .li2{ margin-left:218px;}
#trls_sj_l .content .advantage ul .li3{ margin-left:214px;}
#trls_sj_l .content .advantage ul li span{font-size:36px; font-weight:800;}

#introduction{width:100%;}
#introduction .content{ width:1200px; margin:0 auto;}
#introduction .content h5{font-size:36px; color:#772704; font-family:'微软雅黑'; text-align:center; margin-top:50px;}
#introduction .content h5 span{ font-size:18px;font-weight:500; line-height:36px;}
#introduction .content .in_content{ margin-top:30px;}
#introduction .content .in_content .left{ width:600px; float:left; height:457px; position:relative;}
#introduction .content .in_content .left .list ul li{ display:none;}
#introduction .content .in_content .left .list ul .li1{ display:block;}
#introduction .content .in_content .left .list ul li img{  width:600px;  height:457px;}
#introduction .content .in_content .left .but{ position:absolute; bottom:30px; right:20px;}
#introduction .content .in_content .left .but ul li{width:12px; height:12px; border-radius:50%; background:#666; float:left; margin-right:12px;cursor: pointer;}
#introduction .content .in_content .left .but ul .li1{background:#772704;}
#introduction .content .in_content .right{ width:600px; float:left; height:457px;background:url(../images/introduction_bj.jpg) no-repeat;}
#introduction .content .in_content .right p{ margin:0 auto; width:480px; margin-top:66px;font-size:14px; color:#000; font-family:'微软雅黑'; line-height:34px;}

#service{ width:100%; height:640px;background:url(../images/about_fw_bj.jpg) no-repeat center top; margin-top:64px;}
#service .content{ width:1200px; margin:0 auto; padding-bottom:46px;}
#service .content h5{font-size:36px; color:#fff; font-family:'微软雅黑'; text-align:center; padding-top:50px;}
#service .content h5 span{ font-size:18px;font-weight:500; line-height:36px;}
#service .content .list{ margin-top:48px;}
#service .content .list ul li{ width:274px; float:left; margin-left:34.6px; position:relative; background:#fff;}
#service .content .list ul .li1{ margin-left:0;}
#service .content .list ul li .legal_top{ width:274px;}
#service .content .list ul li .legal_top img{ width:100%;}
#service .content .list ul li .legal_bottom{ width:274px; height:112px;}
#service .content .list ul li .legal_bottom h6{font-size:24px; color:#772704; font-family:'微软雅黑'; text-align:center; margin-top:22px;}
#service .content .list ul li .legal_bottom p{font-size:14px; color:#333; font-family:'微软雅黑'; line-height:25px; padding-top:10px; width:232px; margin:0 auto;}

#event{ width:100%; height:824px;background:url(../images/event_bj.jpg) no-repeat center top;}
#event .content{ width:1200px; margin:0 auto; padding-bottom:46px;}
#event .content h5{font-size:36px; color:#772704; font-family:'微软雅黑'; text-align:center; padding-top:50px;}
#event .content h5 span{ font-size:18px;font-weight:500; line-height:36px;}
#event .content .event_but{ height:120px; position:relative; margin-top:38px;}
#event .content .event_but .left{ position:absolute;left:34px; top:44px;cursor: pointer; }
#event .content .event_but .list{ height:120px;  width:1046px; margin:0 auto;background:url(../images/event_bc_bj.png) no-repeat;}
#event .content .event_but .list ul{ position:relative; width:1200px;}
#event .content .event_but .list ul li{ width:81px; height:72px; float:left; margin-right:36px;background:url(../images/event_y_1.png) no-repeat; position:relative; top:9px;cursor: pointer;}
#event .content .event_but .list ul li:hover{background:url(../images/event_y_3.png) no-repeat;}
#event .content .event_but .list ul li:hover p{color:#fff;}
#event .content .event_but .list ul li p{font-size:16px; color:#772704; font-family:'微软雅黑'; text-align:center; margin-top:5px;}
#event .content .event_but .list ul .li2{background:url(../images/event_y_3.png) no-repeat;}
#event .content .event_but .list ul .li2 p{color:#fff;}
#event .content .event_but .list ul .li1{background:url(../images/event_y_2.png) no-repeat; top:45px;}
#event .content .event_but .list ul .li1 p{ margin-top:45px;}
#event .content .event_but .list ul .li1:hover{background:url(../images/event_y_4.png) no-repeat;}
#event .content .event_but .list ul .li1:hover p{color:#fff;margin-top:40px;}
#event .content .event_but .list ul .li3{background:url(../images/event_y_4.png) no-repeat;}
#event .content .event_but .list ul .li3 p{color:#fff;margin-top:40px;}
#event .content .event_but .right{ position:absolute;right:34px; top:44px;cursor: pointer;}
#event .content .img_list{ width:1120px; margin:0 auto; height:345px; overflow:hidden; padding-top:100px;}
#event .content .img_list ul{ width:5000px; position:relative;}
#event .content .img_list ul li{ width:345px; height:258px; float:left; margin-right:40px; position:relative;}
#event .content .img_list ul li img{width:339px; height:252px; border:3px solid #fff; box-shadow:0px 0px 10px #333;}
#event .content .img_list ul .li1 img{width:485px; height:363px;border:6px solid #fff;position:absolute; left:-74px; top:-56px; z-index:10;}
#event .content .list_p{ margin-top:16px;}
#event .content .list_p ul li{ display:none;}
#event .content .list_p ul .li1{ display:block;}
#event .content .list_p ul li p{ width:940px; margin:0 auto;font-size:16px; color:#333; font-family:'微软雅黑';}

#culture{ width:100%; height:570px;}
#culture .content{ width:1200px; margin:0 auto; padding-bottom:46px;}
#culture .content h5{font-size:36px; color:#772704; font-family:'微软雅黑'; text-align:center; padding-top:50px;}
#culture .content h5 span{ font-size:18px;font-weight:500; line-height:36px;}
#culture .content .list{ margin-top:48px;}
#culture .content .list ul li{ width:248px; float:left; margin-left:69.3px; position:relative; background:#f0f0f0;}
#culture .content .list ul .li1{ margin-left:0;}
#culture .content .list ul li .legal_top{ width:248px;}
#culture .content .list ul li .legal_top img{ width:100%;}
#culture .content .list ul li .legal_bottom{ width:248px; height:56px;}
#culture .content .list ul li .legal_bottom p{font-size:15px; color:#22223d; font-family:'微软雅黑'; line-height:25px; width:220px; margin:0 auto; margin-top:10px; text-align:center;}

#surroundings{ width:100%; height:766px;background:url(../images/surroundings_bj.jpg) no-repeat center top;}
#surroundings .content{ width:1200px; margin:0 auto; padding-bottom:46px;}
#surroundings .content h5{font-size:36px; color:#772704; font-family:'微软雅黑'; text-align:center; padding-top:50px;}
#surroundings .content h5 span{ font-size:18px;font-weight:500; line-height:36px;}
#surroundings .content .but_list{width:1020px; margin:0 auto; padding-top:30px;}
#surroundings .content .but_list ul li{ width:130px; border:3px solid #772704; margin:0 17px; height:30px; text-align:center; float:left; border-radius:50px;cursor: pointer;}
#surroundings .content .but_list ul li p{font-size:16px; color:#772704; font-family:'微软雅黑'; line-height:30px;}
#surroundings .content .but_list ul .li1{ background:#772704;}
#surroundings .content .but_list ul .li1 p{ color:#fff;}
#surroundings .content .cd_list{ width:1130px; height:467px; margin:0 auto; padding-top:40px; overflow:hidden;}
#surroundings .content .cd_list ul{ width:100%; position:relative;}
#surroundings .content .cd_list ul li{ position:absolute;}
#surroundings .content .cd_list ul li img{ width:100%;}
#surroundings .content .cd_list ul li .title{ position:absolute; width:100%; height:34px; bottom:0; text-align:center;background-color:rgba(0,0,0,0.5);}
#surroundings .content .cd_list ul li .title{font-size:14px; color:#fff; font-family:'微软雅黑'; line-height:34px;}
#surroundings .content .cd_list ul .img1_i{left: 0px; top: 0px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .cd_list ul .img2_i{left: 195px; top: 0px; width: 553px; height: 467px; z-index: 1;}
#surroundings .content .cd_list ul .img3_i{left: 778px; top: 0px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .cd_list ul .img4_i{left: 973px; top: 0px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .cd_list ul .img5_i{left: 0px; top: 162px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .cd_list ul .img6_i{left: 778px; top: 162px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .cd_list ul .img7_i{left: 973px; top: 162px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .cd_list ul .img8_i{left: 0px; top: 330px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .cd_list ul .img9_i{left: 778px; top: 330px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .cd_list ul .img10_i{left: 973px; top: 330px; width: 165px; height: 138px; z-index: 1;}

#surroundings .content .cq_list{ width:1130px; height:467px; margin:0 auto; padding-top:40px; overflow:hidden;display:none;}
#surroundings .content .cq_list ul{ width:100%; position:relative;}
#surroundings .content .cq_list ul li{ position:absolute;}
#surroundings .content .cq_list ul li img{ width:100%;}
#surroundings .content .cq_list ul li .title{ position:absolute; width:100%; height:34px; bottom:0; text-align:center;background-color:rgba(0,0,0,0.5);}
#surroundings .content .cq_list ul li .title{font-size:14px; color:#fff; font-family:'微软雅黑'; line-height:34px;}
#surroundings .content .cq_list ul .img1_i{left: 0px; top: 0px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .cq_list ul .img2_i{left: 195px; top: 0px; width: 553px; height: 467px; z-index: 1;}
#surroundings .content .cq_list ul .img3_i{left: 778px; top: 0px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .cq_list ul .img4_i{left: 973px; top: 0px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .cq_list ul .img5_i{left: 0px; top: 162px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .cq_list ul .img6_i{left: 778px; top: 162px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .cq_list ul .img7_i{left: 973px; top: 162px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .cq_list ul .img8_i{left: 0px; top: 330px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .cq_list ul .img9_i{left: 778px; top: 330px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .cq_list ul .img10_i{left: 973px; top: 330px; width: 165px; height: 138px; z-index: 1;}

#surroundings .content .xa_list{ width:1130px; height:467px; margin:0 auto; padding-top:40px; overflow:hidden; display:none;}
#surroundings .content .xa_list ul{ width:100%; position:relative;}
#surroundings .content .xa_list ul li{ position:absolute;}
#surroundings .content .xa_list ul li img{ width:100%;}
#surroundings .content .xa_list ul li .title{ position:absolute; width:100%; height:34px; bottom:0; text-align:center;background-color:rgba(0,0,0,0.5);}
#surroundings .content .xa_list ul li .title{font-size:14px; color:#fff; font-family:'微软雅黑'; line-height:34px;}
#surroundings .content .xa_list ul .img1_i{left: 0px; top: 0px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .xa_list ul .img2_i{left: 195px; top: 0px; width: 553px; height: 467px; z-index: 1;}
#surroundings .content .xa_list ul .img3_i{left: 778px; top: 0px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .xa_list ul .img4_i{left: 973px; top: 0px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .xa_list ul .img5_i{left: 0px; top: 162px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .xa_list ul .img6_i{left: 778px; top: 162px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .xa_list ul .img7_i{left: 973px; top: 162px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .xa_list ul .img8_i{left: 0px; top: 330px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .xa_list ul .img9_i{left: 778px; top: 330px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .xa_list ul .img10_i{left: 973px; top: 330px; width: 165px; height: 138px; z-index: 1;}

#surroundings .content .hz_list{ width:1130px; height:467px; margin:0 auto; padding-top:40px; overflow:hidden; display:none;}
#surroundings .content .hz_list ul{ width:100%; position:relative;}
#surroundings .content .hz_list ul li{ position:absolute;}
#surroundings .content .hz_list ul li img{ width:100%;}
#surroundings .content .hz_list ul li .title{ position:absolute; width:100%; height:34px; bottom:0; text-align:center;background-color:rgba(0,0,0,0.5);}
#surroundings .content .hz_list ul li .title{font-size:14px; color:#fff; font-family:'微软雅黑'; line-height:34px;}
#surroundings .content .hz_list ul .img1_i{left: 0px; top: 0px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .hz_list ul .img2_i{left: 195px; top: 0px; width: 553px; height: 467px; z-index: 1;}
#surroundings .content .hz_list ul .img3_i{left: 778px; top: 0px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .hz_list ul .img4_i{left: 973px; top: 0px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .hz_list ul .img5_i{left: 0px; top: 162px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .hz_list ul .img6_i{left: 778px; top: 162px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .hz_list ul .img7_i{left: 973px; top: 162px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .hz_list ul .img8_i{left: 0px; top: 330px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .hz_list ul .img9_i{left: 778px; top: 330px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .hz_list ul .img10_i{left: 973px; top: 330px; width: 165px; height: 138px; z-index: 1;}

#surroundings .content .sh_list{ width:1130px; height:467px; margin:0 auto; padding-top:40px; overflow:hidden; display:none;}
#surroundings .content .sh_list ul{ width:100%; position:relative;}
#surroundings .content .sh_list ul li{ position:absolute;}
#surroundings .content .sh_list ul li img{ width:100%;}
#surroundings .content .sh_list ul li .title{ position:absolute; width:100%; height:34px; bottom:0; text-align:center;background-color:rgba(0,0,0,0.5);}
#surroundings .content .sh_list ul li .title{font-size:14px; color:#fff; font-family:'微软雅黑'; line-height:34px;}
#surroundings .content .sh_list ul .img1_i{left: 0px; top: 0px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .sh_list ul .img2_i{left: 195px; top: 0px; width: 553px; height: 467px; z-index: 1;}
#surroundings .content .sh_list ul .img3_i{left: 778px; top: 0px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .sh_list ul .img4_i{left: 973px; top: 0px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .sh_list ul .img5_i{left: 0px; top: 162px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .sh_list ul .img6_i{left: 778px; top: 162px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .sh_list ul .img7_i{left: 973px; top: 162px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .sh_list ul .img8_i{left: 0px; top: 330px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .sh_list ul .img9_i{left: 778px; top: 330px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .sh_list ul .img10_i{left: 973px; top: 330px; width: 165px; height: 138px; z-index: 1;}

#surroundings .content .nj_list{ width:1130px; height:467px; margin:0 auto; padding-top:40px; overflow:hidden; display:none;}
#surroundings .content .nj_list ul{ width:100%; position:relative;}
#surroundings .content .nj_list ul li{ position:absolute;}
#surroundings .content .nj_list ul li img{ width:100%;}
#surroundings .content .nj_list ul li .title{ position:absolute; width:100%; height:34px; bottom:0; text-align:center;background-color:rgba(0,0,0,0.5);}
#surroundings .content .nj_list ul li .title{font-size:14px; color:#fff; font-family:'微软雅黑'; line-height:34px;}
#surroundings .content .nj_list ul .img1_i{left: 0px; top: 0px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .nj_list ul .img2_i{left: 195px; top: 0px; width: 553px; height: 467px; z-index: 1;}
#surroundings .content .nj_list ul .img3_i{left: 778px; top: 0px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .nj_list ul .img4_i{left: 973px; top: 0px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .nj_list ul .img5_i{left: 0px; top: 162px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .nj_list ul .img6_i{left: 778px; top: 162px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .nj_list ul .img7_i{left: 973px; top: 162px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .nj_list ul .img8_i{left: 0px; top: 330px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .nj_list ul .img9_i{left: 778px; top: 330px; width: 165px; height: 138px; z-index: 1;}
#surroundings .content .nj_list ul .img10_i{left: 973px; top: 330px; width: 165px; height: 138px; z-index: 1;}

#honor{ width:100%; height:640px;}
#honor .content{}
#honor .content h5{font-size:36px; color:#772704; font-family:'微软雅黑'; text-align:center; padding-top:50px;}
#honor .content h5 span{ font-size:18px;font-weight:500; line-height:36px;}
/*project_layout*/
#project_layout{ width:100%;  overflow:hidden; clear:both; margin-top:30px;}
#project_layout .project_con{ width:100%; height:430px; overflow:hidden; clear:both;}
#project_layout .project_con #ho{position:relative !important;}
#project_layout .project_con #ho li{float:left;width:383px; height:388px; position:relative; margin-left:1px; margin-right:1px; position:relative;}
#project_layout .project_con #ho li img{width:100%;height: 100%}
.mCSB_draggerContainer{ background:#dddce9 !important;}
.mCSB_dragger_bar{background:#772704 !important;}