@charset "utf-8";

/* CSS Document */



.product{width:100%;  margin:0 auto; height:700px;background:url(../images/cp_bg.jpg) repeat center; }

.list_bg{width:1180px; height:auto; margin:0 auto; padding-top: 50px;}

.list{width:1180px; height:auto;margin:0 auto;}

.list .list_t{1180px; height:auto;background:url(../images/cp_t.png) no-repeat center;margin:0 auto; }

.list .list_t h2 a{ font-size:30px; font-weight:bold; color:#545454; display:block; text-align:center;line-height:30px;}

.list .list_t h2 p{ font-size:18px; font-weight:normal; color:#666; text-align:center; font-family:Arial, Helvetica, sans-serif;}

.list .list_con{ width:1180px;margin: 30px auto;height: 35px;}

.list_con ul{ width:1180px;margin:0 auto;}

.list_con ul li{ float: left; height:34px; width: 156px;background:url(../images/cp_list.png) no-repeat center;margin-right: 12px;}

.list_con ul li a{ font-size:16px; color:#545454; font-weight:normal; line-height:34px;text-align: center;display: block;}

.list_con ul li a:hover{color:#dc4333;}



.product .tab_box{ width:1180px; height:auto; margin:20px auto 0 auto;}

.product .tab_box ul li{ float:left; width:225px; margin:0 10px 23px 10px;}

.product .tab_box ul li img{ width:213px; height:170px; padding:5px; border:1px solid #dddbdb;  background:#dcdcdc;}

.product .tab_box ul li span{ width:225px; text-align:center; height:30px; float:left; font-size:14px; background:#dcdcdc; line-height:30px;}

.product .tab_box ul li img:hover{ background:#c69b56;}

.product .tab_box ul li:hover img{-webkit-animation:rotateIn 1s .2s ease both;

-moz-animation:rotateIn 1s .2s ease both;}

.product .tab_box ul li span:hover{ color:#FFF;background:#c69b56;}

.product .tab_box ul li.img1{ float:left; width:430px; height:455px; float:left; margin:0 10px 15px 0px; position:relative;}

.product .tab_box ul li.img1 img{ width:422px; height:447px; padding:3px; border:1px solid #dcdcdc;}

.product .tab_box ul li.img1 span{ width:422px; text-align:center; height:30px;  font-size:14px;line-height:30px; position:relative; bottom:36px;left: 4px;}

.product .tab_box ul li.img1 span:hover{ color:#FFF;background:#c69b56;}



.base_bg{width:100%;margin: 0 auto;background:url(../images/case_bg.jpg) no-repeat center; height:560px;}

.base{width:1180px;margin: 0 auto; padding-top:70px;}

.base_title{width:1180px;margin:0 auto; height:70px;}

.base_title  h3 a{font-size:32px;color:#545454; text-align:center;font-weight:bold; margin:0px auto; display:block;}

.base_title  p{font-size:18px;color:#666;  text-align:center; margin-top:15px;}

#focus_Box{position:relative; width:1180px; height:335px ;margin:60px auto 0 auto; overflow:hidden;}

#focus_Box ul{position:relative; width:910px; height:335px; margin:auto;}

#focus_Box li{z-index:0; position:absolute; width:0px; height:0px; top:146px; cursor:pointer; left:377px; border-radius:4px; box-shadow:1px 1px 12px rgba(200, 200, 200, 1);}

#focus_Box li img{width:100%; height:100%;}

#focus_Box li p{position:absolute; right:0; bottom:0px; width:200px; height:40px; line-height:40px; background:#1c1c1c; text-align:center;}

#focus_Box li p a{ color:#fff; font-size:14px;}

#focus_Box .prev,#focus_Box .next{display:block; z-index:100; overflow:hidden; cursor:pointer; position:absolute; width:44px; height:160px; top:72px;}

#focus_Box .prev{background:url(../images/left.jpg) left bottom no-repeat;left:0px}

#focus_Box .next{background:url(../images/right.jpg) right bottom no-repeat;right:0px} 



.banner1{margin:0 auto;width:100%; height:250px; background:url(../images/banner_1.jpg)  no-repeat center;}

.banner1 .zx {width:1180px;margin:0 auto;}

.banner1 .zx .zx1{ width:540px; float:right;margin:125px 113px 0 0px;}

.banner1 .zx .zx1 .rx{float:left;color:#c69b56; font-size:16px;margin-top:68px;font-weight:bold;}

.banner1 .zx .zx1 .rx span{color:#c69b56;font-size:24px; font-weight:bold; }

.banner1 .zx img{margin:57px 0 20px 60px;}



.ysbg{ width:100%;  height:780px;margin:0px auto 0 auto; position:relative;background:url(../images/ys_bg.jpg) no-repeat center; }

.ysbg .advantage{ width:1180px; height:555px; margin:0 auto; position:relative;}

.ysbg .advantage_title{ width:1180px; height:148px; margin:0 auto; padding-top:55px; text-align:center;}

.advantage .ys1{ position:absolute; top:80px;width:365px; height:200px;left:0;}

.advantage .ys1 .yst{ color:#545454; font-size:22px;position:absolute;  left:85px; }

.advantage .ys1 .yscon{ color:#545454;  font-size:14px;position:absolute; top:70px; left:20px; }

.advantage .ys1 .yscon p{line-height:24px; margin-bottom:10px;}



.advantage .ys2{ position:absolute; top:80px; right:0; width:365px; height:200px;}

.advantage .ys2 .yst{color:#545454; font-size:22px;position:absolute; left:70px;}

.advantage .ys2 .yscon{color:#545454;  font-size:14px;position:absolute; top:70px; left:10px; }

.advantage .ys2 .yscon p{line-height:24px;margin-bottom:10px;}





.advantage .ys3{ position:absolute; top:360px;width:365px; height:200px;left:0;}

.advantage .ys3 .yst{ color:#545454; font-size:22px;position:absolute; left:85px;}

.advantage .ys3 .yscon{ color:#545454; font-size:14px;position:absolute; top:70px; left:20px; }   

.advantage .ys3 .yscon p{ line-height:24px;margin-bottom:10px;}



.advantage .ys4{ position:absolute; top:360px;width:365px; height:200px;right:0;}

.advantage .ys4 .yst{ color:#545454; font-size:22px;position:absolute; left:70px;}

.advantage .ys4 .yscon{ color:#545454; font-size:14px;position:absolute; top:70px; left:10px;  }   

.advantage .ys4 .yscon p{ line-height:24px;margin-bottom:10px;}



.advantage .tu1{ position:absolute; top:60px; left:375px; width:424px; height:426px;}

.advantage .tu1 .img{position:absolute;  left:0px; }





.case_wrap{width:100%;margin:0 auto; background:url(../images/cp_bg.jpg) repeat center;}

.con_width{width:1180px; margin:0 auto; padding-top:50px;}

.case_t{width:1180px; margin:0 auto; height:90px;background:url(../images/cp_t.png) no-repeat center;}

.case_t h3 a{font-size:32px;color:#c69b56; text-align:center;font-weight:bold; display:block; line-height:50px;padding-right: 30px;}

.case_t p{color:#666; font-size:15px; text-align:center;padding-right: 35px;}

.case_con ul li:first-child{width:554px;height:436px;}

.case_con ul li:first-child > a{ width:554px;height:436px;overflow:hidden;}

.case_con ul li:first-child a img{width:554px;height:436px;}

.case_con ul li:first-child .anl_rig{width:554px;height:436px;}

.case_con ul li:first-child .hover .bor_top_1,.case_con ul li:first-child .hover .bor_bottom_1{width:554px;height:436px;}

.case_con ul li:first-child .hover .bor_right_1,.case_con ul li:first-child .hover .bor_left_1{height:416px;}

.case_con ul li:first-child .anl_rig .an_more{width:400px;margin:120px auto 0;}

.case_con ul li:first-child .anl_rig .an_more p{height:66px;overflow:hidden;}



.case_con ul{overflow:hidden;width:1300px;margin-top:25px;}

.case_con ul li{float:left;position:relative;margin-right:21px;margin-bottom:14px;border:1px #e8e3d9 solid;padding:2px;}

.case_con ul li > a{ width:280px;height:208px;overflow:hidden;display:block;}

.case_con ul li a img{ width:280px;height:208px;}

.case_con ul li .anl_rig{background:url(../images/an_hov_bg.png);width:280px;height:208px;text-align:center;position:absolute;top:2px;}

.case_con ul li .anl_rig .an_more{color:#fff;width:200px;margin:30px auto 0;}

.case_con ul li .anl_rig .an_more h5 a{font-size:18px; text-align:center;height:25px;overflow:hidden;font-weight:bold;color:#fff;text-overflow: ellipsis;

white-space: nowrap;

display: block;}

.case_con ul li .anl_rig .an_more a{display:block;}

.case_con ul li .an_more .more{height:36px; width:36px; margin:0 auto;}

.case_con ul li .anl_rig .an_more p{font-size:12px;line-height:22px;height:44px;overflow:hidden;margin:12px 0;}

.case_con ul li .anl_rig .bor{ background:#fff;position:absolute;}

.case_con .hover .bor_top_1,.hover .bor_bottom_1{width:266px;}

.case_con .hover .bor_right_1,.hover .bor_left_1{height:191px;}

.bor_top_1{width:0;height:1px;top:7px;left:7px; -webkit-transition:all 0.5s ease-out;

	-o-transition:all 0.5s ease-out;

	transition:all 0.5s ease-out}



.review_bg{ width:100%; background:url(../images/jz_bg.jpg) repeat center; height:665px; margin:0 auto;}

.review{width:1180px;margin:0 auto; padding-top:50px; }

.review_title{width:1180px; margin: 0 auto;background:url(../images/cp_t.png) no-repeat bottom center;padding-top: 50px;}

.review_title h3 a{font-size:32px;color:#c69b56; text-align:center;font-weight:bold; display:block; padding-right:25px;} 

.review_title p{color:#666; font-size:18px; font-weight:normal; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif;padding-right:25px;}

.review ul li{ float:left;width:520px; margin:50px 30px;height:150px; border:1px solid #d2d2d2; }

.review ul li .jz_img{ float:left; width:160px; height:160px;margin: -75px 10px;  border-radius:50%;}

.review ul li .jz_img img{ width:150px; height:150px; border-radius:50%; padding:5px;background:#f8f1de;-webkit-transition:1s ease;-moz-transition:1s ease;}

.review ul li .neir{width:340px; float:right; height:150px;}

.review ul li .neir h5 a{font-size:14px; color:#c69b56; padding:30px 0 0px 0px; font-weight:bold; display:block;}

.review ul li .neir p{ margin:15px 0 0 0px; line-height:24px; width:330px;height:70px; text-align:left; overflow:hidden; color:#666; font-size:12px;}

.review ul li:hover img{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}





.about_bg{width:100%;margin:0 auto; height:790px;background:url(../images/ab_bg.jpg) no-repeat center; }	

.ab_bg{width:1180px;margin:0 auto; height:330px; padding-top:90px; }

.ab_bg .ab_t{width:205px;margin: 0 auto; height:215px; float:left; }

.ab_bg .ab_t li {width:64px;margin:0px 2px 0 auto; height:215px; display:block; background:#b2b2b2; text-align:center; float:left; }

.ab_bg .ab_t h3 a{width:30px; height:215px; display:block; text-align:center; font-size:16px; color:#fff; font-weight:bold; margin:60px 20px 0 20px;line-height: 25px; }

.ab_bg .ab_t li:hover{ background:#c69b56;}

.about{width:970px;margin: 0 auto; height:330px; float:right; }

.about .ab_img{ float:left; width:480px; height:314px; }

.about .ab_img img{width:480px; height:314px;  margin:0 20px 0 0;}

.about  .box{width:470px; height:330px; float:right;margin-top:20px;}

.about  .box h3 a{font-size:18px;color:#c69b56; line-height:50px;font-weight:bold;}

.about  .box p{ font-size:12px;width:450px; text-indent:2em; line-height:24px; color:#545454;margin:15px 20px 0 0px;height:150px; overflow:hidden;}

.about  .box .xq { margin:10px 0px 0 0px; width:115px;height:37px; line-height:37px;float:left; background:#c69b56;}

.about  .box .xq a{display:block; color:#fff;font-size:14px; text-align:center;}



.rongyu{ width:1180px; height:290px;  margin:10px auto 0 auto;}

.rongyu .ttt{ width:1180px; height:50px; margin:0 auto; border-bottom:1px solid #c9c9c9;}

.rongyu .ttt ul{height:63px;margin:0 auto; width:580px; float:left;}

.rongyu .ttt li{font-family: microsoft yahei; float:left; width:100px;  height:63px;  text-align:center; line-height:63px;cursor:pointer; color:#333; }

.rongyu .ttt li a{ font-size:18px; color:#333; font-weight:bold;}

.rongyu .ttt li.hover a{color:#c69b56;}

.rongyu .tabcont{ width:1180px; float:left; height:auto;clear:both;}

.rongyu .tabcont .tabc{width:1180px; float:left; height:210px; overflow:hidden;clear:both;}

.rongyu .tabcont .tabc ul li{ width:279px; float:left;margin:0 15px; margin-top:5px;}

.rongyu .tabcont .tabc ul li:hover{}

.rongyu .tabcont .tabc ul li img{ width:275px; height:170px; border:1px solid #e2e2e2;}

.rongyu .tabcont .tabc ul li span{ width:275px; text-align:center; line-height:28px; float:left;font-size:14px; color:#333; }

	

.banner2{margin:0 auto;width:100%; height:230px; background:url(../images/banner_2.jpg)  no-repeat center;}

.banner2 .zx {width:1180px;margin:0 auto;}

.banner2 .zx .zx1{ width:540px; float:left;margin:100px 0px 0 122px;}

.banner2 .zx .zx1 .rx{float:left;color:#fff; font-size:16px;margin-top:68px;font-weight:bold;}

.banner2 .zx .zx1 .rx span{color:#fff;font-size:24px; font-weight:bold; }

.banner2 .zx img{margin:57px 0 20px 60px;}



.trends_bg{margin:0 auto;width:100%; height:605px; background:url(../images/jz_bg.jpg) repeat center; }

.trends{margin:0 auto;width:1180px; padding-top:30px; }

.trends .xwr{ width:744px; float:right; overflow:hidden;}

.xwr .xwnr_t{ border-bottom:1px solid #c9c9c9; height:50px; line-height:50px;}

.xwr .xwnr_t ul{ float:left; }

.xwr .xwnr_t ul li{ float:left; width:120px; text-align:center; height:50px;}

.xwr .xwnr_t ul li a{ font-size:18px; color:#333; font-weight:bold;}

.xwr .xwnr_t ul li a:hover{ color:#c69b56; }

.xwr .xwnr_t ul li.casehover{ color:#c69b56;border-bottom:2px solid #c69b56;}



.xwr .xwnr_con{ float:left;}

.xwnr_con .neirong1{float:left; margin-top:20px;}

.neirong1 .nr_left{ width:250px; height:184px;float:left;}

.neirong1 .nr_left img{ width:250px; height:184px;}

.neirong1 .nr_right{ float:right; width:470px; margin-left:15px;}

.nr_right .nrr{ padding-top:10px; width:468px; height:74px; background:#eee;margin-bottom:10px; color:#333;}

.nrr .nrr_l{ float:left; width:97px; font-size:16px; text-align:center;margin: 10px 0; }

.nrr .nrr_l span{ font-size:24px; font-weight:bold;}

.nrr .nrr_r{ width:355px; float:left;}

.nrr_r span{ line-height:25px;}

.nrr_r span a{ font-size:14px; color:#333; font-weight:bold;}

.nrr_r p{ color:#333; font-size:12px; height:36px; overflow:hidden;line-height: 20px;}

.neirong1 ul li{ float:left; width:47%; line-height:50px; border-bottom:1px dashed #d2d2d2;padding-right: 22px;}

.neirong1 ul li a{ width:260px; height:42px; line-height:42px; overflow:hidden; color:#333; overflow:hidden; font-size:12px; float:left;text-overflow: ellipsis;

white-space: nowrap;}

.neirong1 ul li span{ float:right;color:#333; font-size:12px;}



.trends .wenti{width:397px;float:left;height:475px; overflow:hidden;}

.trends .wenti .question_title{height:40px; margin:10px 0; background:url(../images/wen_t.png) no-repeat bottom center;}

.trends .wenti .question_title  h3 a{ float:left;font-size:18px; color:#333;margin:0 0px 0 5px; font-weight:bold;}

.trends .wenti .question_title .more{ float:right;font-size:14px; color:#333;line-height:40px;display:block; line-height:40px;}

.trends .wenti ul li{margin:20px auto;border-bottom:1px dashed #e1e1e1;}

.trends .wenti .question{ line-height:200%; height:380px; margin:20px 8px 0 8px; overflow:hidden;}

.trends .wen a{color:#333;font-size:12px; line-height:20px; background:url(../images/Q.jpg) no-repeat left center;padding-left:25px;font-weight:bold;}

.trends .right .question ul li{border-bottom:1px solid #a0a0a0;margin:12px auto;}

.trends .da{margin:10px auto;}

.trends .da p{color:#545454;font-size:12px; line-height:24px;background:url(../images/A.jpg) no-repeat left top;padding-left:25px;height: 100px;

overflow: hidden;}



.catenate{width:1180px; margin:20px auto 0px auto; height:50px; border-bottom:1px solid #dcdcdc; }

.catenate .link span{ float:left; font-size:18px; font-weight:bold; color:#c69b56;margin:0px 50px 0 0px; display:block; line-height:50px;}

.catenate .yq a{ font-size:14px; color:#545454; line-height:50px; margin-left:10px; float: left;}