@charset "utf-8";

/* CSS Document */



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

.product_box { padding-top: 40px; height: 960px; width:1180px; margin:0 auto;}

.product .pro_title {  text-align: center; margin-bottom: 40px;}

.product .pro_title h2 a { font-size: 28px; color: #1a1a1a; padding: 25px 0 10px; display:block; text-align:center;background:url(../images/icon3.png) no-repeat top center;}

.product .pro_title p { font-size: 18px; color: #1a1a1a; letter-spacing: 30px; padding-left: 30px; margin-bottom:10px;background:url(../images/cp_t.png) no-repeat center;}

.product .pro_title span { color: #808080; font-size: 14px; text-transform: uppercase; }

.product .product_left { width:318px; float:left;}

.product .product_left .pro_li { margin-bottom: 20px;}

.product .product_left .pro_li .lf_tit h6 { color: #4c4c4c; font-size: 52px; font-family: Arial; line-height: 50px; margin-right: 10px; float:left;}

.word.lf {float: left;}

.product .product_left .pro_li .lf_tit .word h3 a { color: #4c4c4c; font-size:18px; font-weight: bold;}

.product .product_left .pro_li .lf_tit .word h5 { color: #808080; font-size:14px; text-transform: uppercase;}

.product .product_left .pro_li span { display: block; width: 20px; height: 1px; background-color: #808080; margin-top: 33px;}

.product .product_left .pro_li:hover .lf_tit h6 { color:#ff7f04;}

.product .product_left .pro_li:hover .lf_tit .word h3 a { color:#ff7f04;}

.product .product_right { width:847px; position: relative; float:right;}

.product .product_right .bd1 li{ width:269px; height: 167px;  position: relative; overflow: hidden; }

.product .product_right .bd1 li.pic1{ width: 562px; height: 349px; position: absolute; top:0; left: 0; }

.product .product_right .bd1 li.pic2{ position: absolute; top:0; right: 0; }

.product .product_right .bd1 li.pic3{ position: absolute; top:182px; right: 0; }

.product .product_right .bd1 li.pic4{ position: absolute; top:365px; left: 0; }

.product .product_right .bd1 li.pic5{ position: absolute; top:547px; left: 0; }

.product .product_right .bd1 li.pic6{ width: 562px; height: 349px; position: absolute; top:365px; right: 0;}

.product .product_right .bd1 li img { width:100%; height:100%; display: block; transition: all 1s}

.product .product_right .bd1 li .tit { text-align: center; position: absolute; bottom:0; left: 0; width: 100%;background:url(../images/buttom.png) repeat center; height: 40px; transition: all 1.2s;

  transform: scale(0,0); opacity: 0; }

.product .product_right .bd1 li .tit p  a{ color: #fff; line-height:40px; width: 150px; margin: 25% auto 0;}

.product .product_right .bd1 li.pic1 .tit p a,.product .product_right .bd1 li.pic6 .tit p a { margin-top: 29%; font-size: 16px; width: 210px; line-height: 36px;}

.product .product_right .bd1 li:hover img { transform: scale(1.1);}

.product .product_right .bd1 li:hover .tit { transform: scale(1,1); opacity: 1; transition: all 1.5s cubic-bezier(0.23, 1, 0.38, 1);}



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

.character .character_box { position: relative; width:1180px; margin:0 auto; }

.character .character_box .title {  text-align: center; margin-bottom: 40px; padding-top:30px;}

.character .character_box .title h3 a { font-size: 28px; color: #1a1a1a; padding: 25px 0 10px; display:block; text-align:center;background:url(../images/icon3.png) no-repeat top center;}

.character .character_box .title p { font-size: 18px; color: #1a1a1a; letter-spacing:25px; padding-left: 30px; margin-bottom:10px;background:url(../images/te_t.png) no-repeat center;}

.character .character_box .title span { color: #808080; font-size: 14px; text-transform: uppercase; }

.character .character_box .character_content .list { background:url(../images/icon10.png) no-repeat center; width: 555px; height: 90px; transition: all .6s;}

.character .character_box .character_content .list:hover { transform: translate(-5px, -5px); box-shadow: 2px 5px 5px #ccc; }

.character .character_box .character_content .list h4{ color: #ff7f04; font-size:34px; position: absolute; top:-25px;padding-left: 30px; font-family:"Impact";}

.character .character_box .character_content p{ color: #333; font-size:14px; line-height: 30px; padding:20px 0 0 50px; }

.character .character_box .character_content .li1 { position: absolute; top:223px; right: 0;}

.character .character_box .character_content .li2 { position: absolute; top:362px; right: 0; }

.character .character_box .character_content .li3 { position: absolute; top:502px; right: 0;}

.character .character_box .character_content .li4 { position: absolute; top:642px; right: 0;}

.character .character_box .character_content .ad1 .word { position: absolute;  top:784px; left:0; }

.character .character_box .character_content .ad1 .word h4 { font-size:23px; color: #fff; background: url(../images/icon11.png) no-repeat left center; width: 644px; height: 41px;

  font-family: "宋体"; padding: 5px 0 0 160px; }

.character .character_box .character_content .ad1 .word h5 { font-size:24px; color: #4d4d4d; font-weight: bold;}

.character .character_box .character_content .ad1 .tel { position: absolute; top:784px; right:0;}

.character .character_box .character_content .ad1 .tel .num { text-align: right; padding: 13px 10px 0 0; float:left; }

.character .character_box .character_content .ad1 .tel .num  span { font-size: 14px; color: #4d4d4d;}

.character .character_box .character_content .ad1 .tel .num  h6 { font-size: 26px; color: #4d4d4d; font-weight: bold; }

.character .character_box .character_content .ad1 .tel .ask { width: 78px; height: 78px; background-color: #4d4d4d;  font-size: 16px; color: #fff; letter-spacing: 4px;

  padding:17px 17px 17px 20px; box-sizing: border-box; display:block; float: right;}

.character .character_box .character_content .ad1 .tel .ask:hover { background-color: #ff7f04;}



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

.case{width:1180px;margin:0 auto;}

.case .case_title {  text-align: center; margin-bottom: 40px; padding-top:80px;}

.case .case_title h3 a { font-size: 28px; color: #1a1a1a; padding: 25px 0 10px; display:block; text-align:center;background:url(../images/icon3.png) no-repeat top center;}

.case .case_title p { font-size: 18px; color: #1a1a1a; letter-spacing:25px; padding-left: 30px; margin-bottom:10px;background:url(../images/te_t.png) no-repeat center;}

.case .case_title span { color: #808080; font-size: 14px; text-transform: uppercase; }

.case_con ul li:first-child{width:330px;height:540px;}

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

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

.case_con ul li:first-child .anl_rig{width:330px;height:40px;}

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

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

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





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

.case_con ul li{float:left;position:relative;margin-right:20px;margin-bottom:20px;}

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

.case_con ul li a img{ width:380px;height:260px;}

.case_con ul li .anl_rig{background:url(../images/an_hov_bg.png);width:380px;height:40px; text-align:center;position:absolute;bottom:0px;}

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

.case_con ul li .anl_rig .an_more h5 a{font-size:14px; text-align:center; line-height:40px;overflow:hidden;font-weight:normal;color:#fff;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; display:block;}

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

.case_con ul li .anl_rig .an_more span{font-size:16px; text-align:left;overflow:hidden;font-weight:normal;color:#fff; display:block; margin-top:20px;}

.case_con ul li .an_more p{font-size:14px; text-align:left;height:75px;overflow:hidden;color:#fff; line-height:24px; margin-top:10px;}

.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}



.ys1{

  height: 632px;

  background: url(../images/ys1.jpg) no-repeat center;

  margin-top: -1px;

  width:100%;

  margin:0 auto;

}

.ys1 .container{

  position: relative;

  width:1180px;

  margin:0 auto;

}

.ys1 .ys1_title{

  position: absolute;

  top: 37px;

  left: 115px;

}

.ys1 .ys1_title h3 a{

  font-size: 35px;

  color: #ff7f04;

  font-weight: bold;

  margin-left: 430px;

}

.ys1 .ys1_title p{

  letter-spacing: 14px;

  margin-top: 5px;

  display: block;

  margin-left: 430px;

}

.ys1 .ys1_l{

  font-size: 20px;

  position: absolute;

  top: 396px;

  left: 820px;

}

.ys1 .ys1_ul li h3{

  font-size: 20px;

  margin: 0px 0 40px 80px;

  

}

.ys1 .ys1_ul li p{

  color: #fff;

  line-height: 30px;

  display: block;

  margin:5px 0 0 7px;

}

.ys1 .ys1_ul .ys1_ul_1{

  position: absolute;

  top: 183px;

  left: 457px;

  width: 445px;

}

.ys1 .ys1_ul .ys1_ul_2{

  position: absolute;

  top: 427px;

  left: 457px;

  width: 737px;

}





.ys2{

  height:548px;

  background: url(../images/ys2.jpg) no-repeat center;

    width:100%;

  margin:0 auto;

}

.ys2 .container{

  position: relative;

    width:1180px;

  margin:0 auto;

}

.ys2 li{

  width: 455px;

}

.ys2 li h3{

  font-size: 18px;

  margin: 0 0 40px 85px;

}

.ys2 p{

  line-height: 30px;

  color: #fff;

  margin:5px 0 0 7px;

}

.ys2 .ys2_ul_1{

  position: absolute;

  top: 67px;

  left: 28px;

}

.ys2 .ys2_ul_2{

  position: absolute;

  top: 277px;

  left: 28px;

}



	

.fc_bg{width:100%; margin:0 auto; height:500px;background:#fff7ef;}

.fc_title {  text-align: center; margin: 0 auto 40px auto; padding-top:50px; width:1180px; }

.fc_title h3 a { font-size: 28px; color: #1a1a1a; padding: 25px 0 10px; display:block; text-align:center;background:url(../images/icon3.png) no-repeat top center;}

.fc_title p { font-size: 18px; color: #1a1a1a; letter-spacing:25px; padding-left: 30px; margin-bottom:10px;background:url(../images/te_t.png) no-repeat center;}

.fc_title span { color: #808080; font-size: 14px; text-transform: uppercase; }

.gd_02{ position:relative;  width:1180px;margin:0 auto;background:url(../images/fc_bg.png) no-repeat center; height:auto; overflow:hidden;}

.gd_02 em{position: absolute;top: 135px;}

.gd_02 .t_l{ left:0px;}

.gd_02 .t_r{ right:0px;}

.gd_02 #simgs02{ margin:0px 0px;}

.gd_02 li{ float:left; width:280px; text-align:center;margin:5px 10px 40px 10px;}

.gd_02 li.last{ padding-right:0;}

.gd_02 li{width:280px; height:200px;}

.gd_02 li img{ display:block;width:280px; height:200px;}

.gd_02 li a{ color:#333;}

.gd_02 .fl { float:left;}

.gd_02 .fr { float:right;}

.gd_02 .pa{ position:absolute;}

.gd_02 .pr{ position:relative}

.gd_02 #simgs02 a{color:#333;font-size:14px; line-height:40px; text-align:center; }



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

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

.banner1 .zx .nr{font-size:22px; color:#fff;text-align:left;width:600px; margin:35px 0 0 117px; float:left;}

.banner1 .zx .nr p{font-size:16px; color:#fff; font-weight:normal;margin-top: 15px;}

.banner1 .zx .zx1{ width:335px; float:right;margin:50px 0px 0 0px;background:url(../images/phone.png)  no-repeat left center; padding-left:80px; height:120px;}

.banner1 .zx .zx1 .rexian{color:#fff; font-size:16px; text-align:left;}

.banner1 .zx .zx1 .rexian p{color:#fff; font-size:30px; text-align:left;line-height:35px; }

.banner1 .zx .buttom{width:254px; height:43px; text-align:center; line-height:43px; border:1px solid #fff;margin:15px 0 0 0;}

.banner1 .zx .buttom a{font-size:18px; color:#fff;}



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

.jz_bg .jz{margin:0 auto; width:1180px;}

.jz_bg .jz .review{width:895px; float:left;} 

.jz_bg .jz .review .jz_title{text-align: center; margin: 0 auto 40px auto; padding-top:50px; width:895px; }

.jz_title h3 a { font-size: 28px; color: #1a1a1a; padding: 25px 0 10px; display:block; text-align:center;background:url(../images/icon3.png) no-repeat top center;}

.jz_title p { font-size: 18px; color: #1a1a1a; letter-spacing:25px; padding-left: 30px; margin-bottom:10px;background:url(../images/te_t.png) no-repeat center;}

.jz_title span { color: #808080; font-size: 14px; text-transform: uppercase; }

.jz .review_nr{width:895px; margin:20px auto 0 auto;}

.jz .review_nr ul li{ width:270px; height:360px; float:left; margin-right:25px; border-radius:5%; border:1px solid #999;}

.jz .review_nr ul li .jz_img{ width:100px; height:100px; border-radius:50px; margin:20px auto;}

.jz .review_nr ul li .jz_img img{width:100px; height:100px;border-radius:50px;}

.jz .review_nr ul li .neir{ width:250px; padding:10px;}

.jz .review_nr ul li .neir h5 a{ text-align:center; font-size:18px; font-weight:normal; color:#1a1a1a; display:block;}

.jz .review_nr ul li .neir p{ font-size:14px; color:#666; line-height:24px; height:75px; overflow:hidden; margin-top:20px;}

.jz .review_nr ul li .neir .xq{width:120px; height:40px; background:url(../images/xq1.png) no-repeat center;  margin:15px auto 0 auto;}

.jz .review_nr ul li .neir .xq a{ font-size:14px; color:#fff; text-align:center; line-height:40px; display:block;}

.jz .review_nr ul li:hover{ border:1px solid #ff7f04;}

.jz .review_nr ul li .xq:hover{background:url(../images/xq.png) no-repeat center;}



.jz_bg .jz .ry{width:240px;  height:637px; float:right; margin:0 20px;}

.jz_bg .jz .ry .ry_t{width:220px;margin:50px 10px 0 10px; border-bottom:1px solid #fff;}

.jz .ry .ry_t h3 a{ font-size:20px; color:#fff; text-align:center; display:block; font-weight:normal;padding-top:30px;line-height:45px;}

.ry .ry_bg{width:240px;  height:490px; margin:0 auto;}

.ry_bg .ry_con{width:240px; height:490px; overflow:hidden; margin-top:10px}

.ry_bg .ry_con ul li{width:151px; margin:15px auto;height: 230px;}

.ry_bg .ry_con ul li img{ width:151px; height:197px;}

.ry_bg .ry_con ul li span{width:151px; text-align:center; float:left; line-height:30px; color:#fff; font-size:14px;}

				

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

.ab_bg .about{margin:0 auto; width:1180px; margin:0 auto; padding-top:65px;}	

.ab_bg .about .ab_left{ width:260px; float:left; } 

.ab_bg .about .ab_left .ab_t h3 a{ font-size:30px; color:#333; text-align:left; }

.ab_bg .about .ab_left .ab_t h3 span{font-size:16px; color:#ff7f04; font-weight:bold; display:block;}

.ab_bg .about .ab_left .ab_nr{ margin-top:20px;}	

.ab_bg .about .ab_left .ab_nr p{ font-size:14px; color:#333; line-height:32px; height:350px; overflow:hidden; width:250px;}	

.ab_bg .about .ab_left .ab_nr .xq{ width:170px; height:35px; border:1px solid #ff7f04;margin:20px 0 0 10px; }	

.ab_bg .about .ab_left .ab_nr .xq a{ text-align:center; line-height:35px; display:block; font-size:14px; color:#ff7f04;}	

.ab_bg .about .ab_r{ width:880px; float:right;}

.ab_bg .about .ab_r .ab_img img{width:880px; height:265px;}

.ab_bg .about .huan{width:880px; margin-top:10px;}

.ab_bg .about .huan .huan_t{ height:30px;}

.ab_bg .about .huan .huan_t h3 a{ float:left; font-size:20px; color:#333;background:url(../images/huan_t.jpg)  no-repeat left center; padding-left:15px; line-height:25px; display:block;} 

.ab_bg .about .huan .huan_t .more{ float:right; line-height:25px; color:#666; font-size:14px;}

.box2 {width:880px;margin:10px auto;position:relative;}

.box2 .contant {width:880px;  height: 175px; margin:10px auto; overflow: hidden;  font-size: 0;  position: relative;}

.box2 ul{width: 1920px;height:600px;margin:0}

.box2 li {float: left; width: 205px;margin-right: 20px;margin-bottom: 20px;position:relative;}

.box2 li img {width: 205px;height:  140px;}

.box2 li span {display: block;width:205px;background:url(../images/ico1.png);color:#fff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px; line-height: 30px;position:absolute;bottom:0;left:0;}

								

													

.links{

  height: 150px;

  background: #ff7f04;

  width:100%;

  margin:0 auto;

}

.links .container{width:1180px; margin:0 auto;}

.links h3{

  text-align: center;

  color: #fff;

  font-size: 30px;

  padding-top: 30px;

  padding-bottom: 15px;

  border-bottom: 1px solid #ff9e40;

}

.links .links_li{

  width: 1000px;

  float: right;

  height: 50px;

  line-height: 50px;

}

.links li{

  margin-left: 25px;

  float: left;

}

.links li a{

  color: #fff;

}

.links h4{

  color: #fff;

  text-transform: uppercase;

  font-size: 20px;

  line-height: 50px

}



.trends{width:100%;margin:0px auto; background:#fff7ef; height:615px;}

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

.tab_menu .ttt{ width:1180px; height:30px; margin:0 auto;}

.tab_menu .ttt ul{width:600px; text-align:center; margin:0 auto;}

.tab_menu .ttt li{float:left; margin:0 60px;}

.tab_menu .ttt li  h3 a{font-size:20px;color:#333; font-weight:normal;  display:block; }

.tab_menu .ttt li.hover h3 a{color:#ff7f04; border-bottom:1px solid #ff7f04; }

.tab_menu .tabcont{ width:1178px; height:445px;clear:both; margin-top:30px; border:1px solid #dedede;}

.tab_menu .tabcont .tabc{width:1180px;  height:auto;clear:both;}



.tabcont .news_nr{width:400px;margin:3px 15px 0 3px; float:left; height:440px; background:#ff7f04;}

.tabcont .news_nr li{width:400px;float:left; }

.tabcont .news_nr li img{width:360px; height:280px; margin:20px;}

.tabcont .news_nr li h5 a{font-size:16px; font-weight:normal; color:#fff;margin:8px 0 15px 20px; line-height:30px;    display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.tabcont .news_nr li p{font-size:14px; color:#ffdebe; width:360px; height:50px; overflow:hidden; line-height:24px; margin:0 20px;}

.tabcont .news_nr .xq a{ float:right; margin-right:20px; font-size:14px; color:#ffdebe;}

.tabcont .news_r{ width:675px; float:right;margin:5px 50px 0 auto; }

.tabcont .news_r ul li{width:675px; float:left; height:100px; margin:20px 0; border-bottom:1px solid #dadada;}

.tabcont .news_r .news_list{width:82px; height:83px; float:left; background:#fff;}

.tabcont .news_r .news_list .time{color:#999;font-size:24px; text-align:center; margin: 12px 0 5px 0;}

.tabcont .news_r .news_list p{color:#999;font-size:14px; text-align:center;}

.tabcont .news_r .neirong{width:575px; float:right;}

.tabcont .news_r .neirong h3 a{width:575px; float:right; color:#333; font-size:16px; font-weight:normal; margin:0px 0 8px 0;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}

.tabcont .news_r .neirong p{width:575px; float:right;color:#666; font-size:14px;overflow: hidden; height:54px; line-height:24px; }



.tabcont .news_r .news_list:hover{background:#ff7f04;}

.tabcont .news_r .news_list:hover .time{color:#fff;}

.tabcont .news_r .news_list:hover p{color:#fff;}