@charset "utf-8";

/* CSS Document */



.product{margin:30px auto 0 auto;width:1180px; height:850px; overflow:hidden;}

.list{ float:left; width:220px; border:1px solid #eee; background:#fff; }

.list .list_t{height:100px;text-align:center; background:url(../img/left_t.jpg) no-repeat center; display:block;}

.list .list_t h2 a{ font-size:24px; color:#fff;display:block; line-height:80px; font-weight:bold;margin-left:36px;}

.list .list_con{width:220px; height:auto; }





#menu a {display: block;text-decoration: none;	}



#menu li .first{background:url(../img/list.jpg) no-repeat center; height:41px;width:189px;margin:26px  8px 10px 15px;}

#menu li a.first { height:41px;font-size:16px;color:#fff; line-height:41px; display:block; font-weight:bold;}

#menu li ul li{height:45px; line-height:45px; border-bottom:1px dashed #e6e6e6;margin:3px auto;}

#menu li ul li a {color: #333;font-size:14px; text-align:left;padding-left:20px; background:url(../img/buttom.jpg) no-repeat 40px center;padding-left:20px;}

#menu li ul li a:hover {color:#a10011;}

.tel{margin-top: 30px}

.tel .rx{ font-size:18px; color:#a10011;background:url(../img/tel1.jpg) no-repeat 20px center; padding-left:60px;}

.tel .buttom{width:156px; height:34px; line-height:34px; background:url(../img/zx.jpg) no-repeat center; margin:30px auto;}

.tel .buttom a{ display:block; text-align:center; line-height:34px; font-size:16px; color:#333;}



#tab{width:890px;position:relative;margin:0 auto 0 20px; float:right;}                            

#tab .tab_menu{width:100%;float:left;position:absolute;z-index:1;height:38px; border-bottom:1px solid #e5e5e5;}

#tab .tab_menu li{float:left;width:110px;height:38px;line-height:38px;cursor:pointer;text-align:center;font-size:16px;color:#333; background:#333;}

#tab .tab_box{width:890px;clear:both;top:50px;position:relative; float:right; }

#tab .tab_menu h3 a{font-size:16px; color:#fff; font-weight:bold; float:left;  height:38px; line-height:38px; display:block;width: 110px;}

#tab .tab_menu li.selected a{ background:#a10011; display:block;}

#tab .tab_box ul li.img1{width:430px; height:320px;float:left; position:relative;margin-right:15px;}

#tab .tab_box ul li.img1 img{width:430px; height:320px;}

#tab .tab_box ul li.img2{width:430px; height:320px;float:left; position:relative;}

#tab .tab_box ul li.img2 img{width:430px; height:320px;}

#tab .tab_box ul li.img1 p,#tab .tab_box ul li.img2 p{width:430px;height:40px; background:url(../img/ico1.png) repeat center; position:absolute; bottom:0;}

#tab .tab_box ul li.img1 p a,#tab .tab_box ul li.img2 p a{ font-size:14px; line-height:40px; display:block; color:#fff; text-align:center;}

#tab .tab_box ul li.img3,#tab .tab_box ul li.img4,#tab .tab_box ul li.img5,#tab .tab_box ul li.img6,#tab .tab_box ul li.img7,#tab .tab_box ul li.img8{ width:275px; float:left;margin:25px 21px 0px 0; position:relative;height:240px;}

#tab .tab_box ul li.img3 p,#tab .tab_box ul li.img4 p,#tab .tab_box ul li.img5 p,#tab .tab_box ul li.img6 p,#tab .tab_box ul li.img7 p,#tab .tab_box ul li.img8 p{ width:275px;height:40px; background:url(../img/ico1.png) repeat center; position:absolute; bottom:0;}

#tab .tab_box ul li.img3 p a,#tab .tab_box ul li.img4 p a,#tab .tab_box ul li.img5 p a,#tab .tab_box ul li.img6 p a,#tab .tab_box ul li.img7 p a,#tab .tab_box ul li.img8 p a{ font-size:14px; line-height:40px; display:block; color:#fff; text-align:center;}

#tab .tab_box ul li.last{ overflow:none;}

#tab .tab_box ul li img{  width:275px; height:240px;}

#tab .hide{display:none;}

#tab .tab_box div{padding:10px 0;} 



.he_bg{width:100%;margin:30px auto 0 auto; height:160px;background:url(../img/hz_bg.jpg) no-repeat center;}

.he_bg .hezuo{width:1180px;margin:0 auto; height:160px;}

.he_title{width:220px;margin:0 auto;  height:108px; float:left;background:url(../img/hz_t.png) no-repeat left center;margin: 25px 0 0 10px;}

.he_title h3 a{font-size:24px;color:#fff; text-align:left;font-weight:bold; display:block;margin: 20px 0 3px 0;padding-left: 38px;}

.he_title h3 p{font-size:12px;color:#fff; text-align:center;font-weight:normal; display:block; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}

.gd_01{ position:relative; height:160px; width:925px;margin: 0 auto; float:right; overflow:hidden;}

.gd_01 em{position: absolute;top: 50px;}

.gd_01 .t_l{ left:0px;}

.gd_01 .t_r{ right:0px;}

.gd_01 #simgs{ margin:0px 0px;}

.gd_01 li{ float:left; width:202px; text-align:center;margin:17px 10px 40px 10px; }

.gd_01 li.last{ padding-right:0;}

.gd_01 li img{ display:block; width:200px; height:100px; border:1px solid #e6e6e6; }

.gd_01 li a{ color:#333;}

.gd_01 .fl { float:left;}

.gd_01 .fr { float:right;}

.gd_01 .pa{ position:absolute;}

.gd_01 .pr{ position:relative}

.gd_01 #simgs a{color:#666;font-size:14px; line-height:40px; text-align:center; }



.case_wrap{width:1180px;margin:30px auto 0 auto;}

.case_t{width:1180px; margin:5px auto 0 auto; background:url(../img/case_t.png) no-repeat center;}

.case_t  h3 a{font-size:30px;color:#333; text-align:center;font-weight:bold; display:block; }

.case_t p{font-size:18px;color:#666; text-align:center;font-weight:normal; display:block; }

.case_con ul li:first-child{width:566px;height:428px;margin-left: 8px;}

.case_con ul li:first-child > a{ width:566px;height:428px;overflow:hidden;}

.case_con ul li:first-child a img{width:566px;height:428px;}

.case_con ul li:first-child .anl_rig{width:566px;height:40px; position:absolute; bottom:0;}

.case_con ul li:first-child .hover .bor_top_1,.case_con ul li:first-child .hover .bor_bottom_1{width:546px;}

.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{margin:0px auto;}



.case_con ul{overflow:hidden;width:1300px;margin-top:55px;}

.case_con ul li{float:left;position:relative;margin-right:21px;margin-bottom:14px;border:1px #eee solid;padding:2px;}

.case_con ul li > a{ width:270px;height:204px;overflow:hidden;display:block;}

.case_con ul li a img{ width:270px;height:204px; }

.case_con ul li .anl_rig{background:url(../img/an_hov_bg.png);width:270px;height:40px; text-align:center;position:absolute; bottom:0;}

.case_con ul li .anl_rig .an_more{color:#fff;}

.case_con ul li .anl_rig .an_more h5 a{font-size:14px; text-align:center;height:40px;line-height: 40px;overflow:hidden;font-weight:normal;color:#fff;}

.case_con ul li .anl_rig .an_more a{display:block;}

.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}



.banner1{margin:30px auto 0 auto;width:100%; height:280px; background:url(../img/banner_1.jpg)  no-repeat center;}

.banner1 .zx {width:1180px;margin:0 auto;}

.banner1 .zx .nr{font-size:30px; color:#fff; font-weight:bold; text-align:center; line-height:65px; width:860px; margin:0px auto; padding-top:40px; float:left;}

.banner1 .zx .zx1{ width:285px; float:right;margin:73px 14px 0 0px;}

.banner1 .zx .zx1 .rexian{color:#fff; font-size:18px; text-align:center; font-weight:bold;}

.banner1 .zx .zx1 p{color:#fff;font-size:24px; display:block; line-height:30px  }

.banner1 .zx .buttom{margin:45px auto 20px auto;width:156px; height:34px; text-align:center; line-height:34px;background:url(../img/zx1.png)  no-repeat center;}

.banner1 .zx .buttom a{font-size:16px; color:#fff;}



.advantage_bg{ width:100%; margin:0 auto; background:url(../img/ys_bg.jpg) no-repeat center; height:870px;}

.advantage_bg .advantage_title {width:1180px; margin:0 auto;padding-top:70px; text-align:center;}

.advantage_bg .advantage{ width:1180px; margin:0 auto;height:520px;}

.advantage_bg .advantage .ys_list{width:1180px; margin:0 auto;}

.advantage_bg .advantage .ys_list ul li{width:294px; margin:0 1px 0 0; background:#382b22; float:left; height:87px; font-size:18px; font-weight:bold; color:#fff;}

.advantage_bg .advantage .ys_list ul li.ys1 span{font-size:22px; font-weight:bold; color:#fff;display: block; line-height:87px;background:url(../img/ys1.png)  no-repeat 10px center; padding-left:80px;}

.advantage_bg .advantage .ys_list ul li.ys2 span{font-size:22px; font-weight:bold; color:#fff;display: block; line-height:87px;background:url(../img/ys2.png)  no-repeat 10px center;padding-left:80px;}

.advantage_bg .advantage .ys_list ul li.ys3 span{font-size:22px; font-weight:bold; color:#fff;display: block; line-height:87px;background:url(../img/ys3.png)  no-repeat 10px center;padding-left:80px;}

.advantage_bg .advantage .ys_list ul li.ys4 span{font-size:22px; font-weight:bold; color:#fff;display: block; line-height:87px;background:url(../img/ys4.png)  no-repeat 10px center;padding-left:80px;}

.advantage_bg .advantage .ys_list ul li:hover,.advantage_bg .advantage .ys_list ul li.casehover{ background:#a10011; }

.advantage_bg .advantage .ys_nr{width:1180px; height:500px; margin-top:50px;}

.advantage_bg .advantage .ys_nr .ys_xq{width:1180px; height:500px; position:relative;}

.advantage_bg .advantage .ys_nr .ys_img{width:1180px; height:500px;position:relative; }

.advantage_bg .advantage .ys_nr .nr{width:730px; height:145px; position:absolute; left:0; bottom:0;background:url(../img/ys_nr.png) repeat center;}

.advantage_bg .advantage .ys_nr .nr p{ font-size:18px; font-weight:normal; color:#fff; display:block;margin:20px 25px 0 25px; line-height:36px; margin-top:15px;}

	

.about{width:1180px;margin:50px auto 0 auto; height:470px; background:url(../img/ab_t.png) no-repeat left top; position:relative; }

.about .ab_img{float:right; height:151px;}

.about .ab_img img{height:151px;  }

.about  .box{width:790px; height:420px; float:right;margin-top:20px;}

.about  .box h3 a{font-size:18px;color:#545454; line-height:50px;font-weight:bold; display:block;}

.about  .box p{ font-size:14px;width:750px; text-indent:2em; line-height:30px; color:#666;margin:15px 0px 0 0px;height:300px; overflow:hidden;}

.about  .box .xq { margin:10px 0px 0 0px; width:205px;height:40px; line-height:40px;float:left; border:1px solid #bfbfbf; }

.about  .box .xq a{display:block; color:#333;font-size:14px; line-height:40px; text-align:center;}



.rongyu{ width:1180px; height:190px;  margin:30px auto 0 auto;}

.rongyu .ttt{ width:130px; margin:22px auto 0 auto; float:left; height:162px;}

.rongyu .ttt ul{height:49px;margin:0 auto; width:162px;}

.rongyu .ttt li{font-family: microsoft yahei;width:162px;  height:49px;  text-align:center; line-height:49px;cursor:pointer; color:#fff;background:#333; margin-bottom:20px; }

.rongyu .ttt li a{ color:#fff;font-size:16px; font-weight:bold;}

.rongyu .ttt li.hover a{ background:#a10011; display:block; color:#fff;}

.rongyu .tabcont{ width:920px; float:right; height:auto;    margin-right: 20px;}

.rongyu .tabcont .tabc{width:920px; float:left; height:195px; overflow:hidden;}

.rongyu .tabcont .tabc ul li{ width:218px; float:left;margin:0 15px; margin-top:5px;}

.rongyu .tabcont .tabc ul li:hover{}

.rongyu .tabcont .tabc ul li img{ width:210px; height:145px; border:1px solid #dbdbdb; padding:3px;}

.rongyu .tabcont .tabc ul li span{ width:218px; text-align:center; line-height:28px; float:left;font-size:14px; color:#333; }



.banner2{margin: 40px auto 0 auto;width:100%; height:260px; background:url(../img/banner_2.jpg)  no-repeat center;}

.banner2 .zx {width:1180px;margin:0 auto;}

.banner2 .zx .zx1{ width:285px; float:left;margin:55px 0px 0 23px;}

.banner2 .zx .zx1 .rexian{color:#fff; font-size:18px; text-align:center; font-weight:bold;}

.banner2 .zx .zx1 p{color:#fff;font-size:24px; display:block; line-height:30px  }

.banner2 .zx .buttom{margin:45px auto 20px auto;width:156px; height:34px; text-align:center; line-height:34px;background:url(../img/zx1.png)  no-repeat center;}

.banner2 .zx .buttom a{font-size:16px; color:#fff;}



.review_bg{width:100%; height:640px; margin:0 auto; background:url(../img/jz_bg.jpg) repeat center;}

.review_title{width:1180px;margin:0 auto;height:80px; background:url(../img/jz_t.jpg) no-repeat bottom center; padding-top:50px;}

.review_title h3 a {font-size:30px;color:#333; text-align:center; font-weight:bold; display:block; }

.review_title h3 span {color:#a10011; }

.review{width:1180px; margin:20px auto 0 auto;}



.review ul li{width:330px; float:left;margin:0 61px 0 0;}

.review ul li .jz_img{width:260px; height:260px; background:#fff; margin:30px auto 0 auto; border-radius:50%; }

.review ul li .jz_img img{width:250px;height:250px; border-radius:50%; padding:5px;}

.review ul li .neir{width:330px;position:relative;}

.review ul li .neir h5 a{font-size:16px;color:#333; font-weight:bold;text-align:center;height:45px; line-height:45px; background:url(../img/jz_xt.jpg) no-repeat bottom center; display:block;white-space:nowrap;

text-overflow:ellipsis;

-o-text-overflow:ellipsis;

overflow: hidden;}

.review ul li .neir p{font-size:14px;color:#545454;line-height:24px; overflow:hidden; height:100px; overflow:hidden; margin:10px;}



.trends{margin:30px auto 0 auto;width:1180px; height:410px; overflow:hidden; }

.trends .xwr{ width:790px; float:left;}

.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:left;}

.xwr .xwnr_t ul li h3 a{ font-size:16px; color:#555; display:block;line-height:50px; text-align:center; font-weight:bold;}

.xwr .xwnr_t ul li.casehover a{ color:#a10011; border-bottom:2px solid #a10011;}



.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:525px; margin-left:15px;}

.nr_right .nrr{ width:520px; height:84px; background:#fff;margin-bottom:10px; color:#333;}

.nrr .nrr_l{ float:left; width:90px; font-size:16px; text-align:center; background:#a10011;height: 74px;color:#fff;padding-top: 10px;}

.nrr .nrr_l span{ font-size:24px; font-weight:bold; color:#fff;}

.nrr .nrr_r{ width:400px; float:left;margin-left: 20px;}

.nrr_r span{ line-height:25px;}

.nrr_r span a{ font-size:14px; color:#777; font-weight:bold;display: block;

line-height: 45px;}

.nrr_r p{ color:#666; font-size:14px;line-height: 18px;text-overflow: ellipsis;

white-space: nowrap;overflow: hidden;}

.neirong1 ul li{ float:left; width:47%; line-height:44px; border-bottom:1px dashed #d2d2d2;padding-right: 20px;}

.neirong1 ul li a{ width:285px; height:42px; line-height:42px; overflow:hidden; color:#777;font-size:14px;display: block;float: left;

text-overflow: ellipsis;

white-space: nowrap;}

.neirong1 ul li span{ float:right;color:#777;font-size:14px;}



.trends .wenti{width:360px;float:right;height:410px;}

.trends .wenti .question_title{height:50px; margin:0 auto; }

.trends .wenti .question_title  h3 a{ float:left;font-size:18px; color:#555;margin:0 0px 0 5px; font-weight:normal; line-height:50px;}

.trends .wenti .question_title .more{ float:right;font-size:14px; color:#666;line-height:50px;display:block;}

.trends .wenti ul li{margin:20px auto;border-bottom:1px solid #e1e1e1;}

.trends .wenti .question{ line-height:200%; height:325px; margin:20px 8px 0 8px; overflow:hidden;}

.trends .wen a{color:#565656;font-size:14px; line-height:25px; background:url(../img/Q.png) no-repeat left center;padding-left:35px;font-weight:bold;display: block;text-overflow: ellipsis;

white-space: nowrap;overflow:hidden;}

.trends .right .question ul li{border-bottom:1px dotted #a0a0a0;margin:12px auto;}

.trends .da{margin:10px auto;}

.trends .da p{color:#777;font-size:14px; line-height:25px;background:url(../img/A.png) no-repeat left top;padding-left:35px;height: 120px;overflow: hidden;}



.catenate{width:1180px; height:48px; margin:30px auto 0px auto; border-bottom:1px solid #dcdcdc;}

.catenate .link{ float:left; font-size:18px;color:#545454; font-weight:bold; height:48px; line-height:48px; text-align:center;}

.catenate .yq a{ font-size:14px; color:#555; line-height:48px; margin-left:10px;}

