@charset "utf-8";

/*****************************************

* 2017-4-24 网站内页样式

*****************************************/

body{ background:#eaeaea;}

.abban{ width:100%; height:352px; background:url(../images/ban/a.jpg) center no-repeat;}

.ywban{ width:100%; height:363px; background:url(../images/ban/b.jpg) center no-repeat;}

.lxban{ width:100%; height:362px; background:url(../images/ban/c.jpg) center no-repeat;}

.nwban{ width:100%; height:351px; background:url(../images/ban/d.jpg) center no-repeat;}

.ppban{ width:100%; height:352px; background:url(../images/ban/e.jpg) center no-repeat;}

.caban{ width:100%; height:352px; background:url(../images/ban/f.jpg) center no-repeat;}



.info{ width:1200px; margin:-60px auto 70px; min-height:500px; position:relative; z-index:998;}

.infol{ width:240px; height:auto;}

.infol_tit{ width:240px;  line-height:100px; height:98px; text-align:center; color:#fff; font-size:28px; background:url(../images/inf1.jpg) center no-repeat; border-bottom:6px #ff8400 solid;}



.infol_class{ width:240px; background:#fff; padding:10px 0;}

.infol_class ul li{ width:240px; height:45px; overflow:hidden; text-align:center; border-bottom:1px #ddd solid;}

.infol_class ul li a{ display:block; line-height:45px; font-size:15px; }

.infol_class ul li a:hover{ background:url(../images/inf2.jpg) center no-repeat; color:#fff;}

.infol_class ul li a.lion{ background:url(../images/inf2.jpg) center no-repeat; color:#fff;}



.infol_lixi{ width:240px; margin-top:25px;}

.infol_lixi h3{ background:#00a9dd; display:block; width:100%; height:50px; line-height:50px; text-align:center; color:#fff; font-size:23px; font-weight:100; margin-top:8px;}

.infol_lixis{ background:#fff; width:220px; padding:10px; font-size:13px; line-height:27px; color:#666;}

.infol_lixis em{ font-weight:700; font-size:19px; line-height:45px; color:#333;}



.infor{ width:880px; background:#fff; margin-top:85px; padding:25px;}

.infor_tit{ width:880px; height:50px; border-bottom:1px #ddd solid; background:url(../images/quan.png) left center no-repeat;}

.infor_tit em{ font-size:20px; line-height:50px; color:#00a9dd; padding-left:20px; font-weight:700;}

.infor_tit span{ float:right; color:#888; font-size:12px; margin-top:10px;}

.infor_tit span a{ color:#888; font-size:12px;}



.infor_con{ width:880px; height:auto; padding:20px 0 20px; font-size:15px; line-height:30px; color:#666 !important;}

.infor_con img{ padding:10px 0; max-width:890px;}



.infor_da{ width:840px; height:auto; padding:15px 0; font-size:15px; line-height:20px; color:#666;}

.infor_da ul li{ width:458px; height:410px; margin:7px; border:1px #ddd solid; float:left; text-align:center; font-size:15px; padding:5px;}

.infor_da ul li img{ width:458px; height:350px;}



.infopg{ width:auto; max-width:1100px; height:40px; line-height:21px; text-align:center; margin:20px auto; font-size:14px;}

.infopg ul{ margin:0;}

.infopg ul li{float:left; border:1px #937438 solid; margin:0 5px; width:50px; height:28px; line-height:28px;}

.infopg ul li a{ display:block; color:#937438;}

.infopg ul li a:hover{ border:1px #937438 solid; background:#937438; color:#fff;}

.thisclass{ border:1px #937438 solid; background:#937438; color:#fff;}



.infor_pic{ width:880px; line-height:28px; font-size:14px; color:#555; padding:0 0 20px; margin:0 auto;}

.infor_pic ul li{ width:408px; padding:10px; height:auto; float:left; border:1px #ddd solid; margin:5px; text-align:center;}

.mm_img{ width:400px; height:270px; overflow:hidden; position:relative; margin:0 auto;}

.mm_img img{ width:400px; height:auto;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.mm_img:hover img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}





.view_list{ width:900px; line-height:28px; font-size:14px; color:#555; padding:20px 0; margin:0 auto;}

.view_list ul li{ width:418px; padding:10px; height:auto; float:left; border:1px #ddd solid; margin:5px; text-align:center;}

.view_list ul li img{ width:418px; margin:0; padding:0;}



.wenhua_list{ width:800px; margin:0 auto;}

.wenhua_list ul li{ width:800px; height:auto;}

.wenhua_list ul li img{ width:800px; padding:10px 0;}



.p_url{ width:1200px; border-bottom:1px #d0b37c solid; line-height:40px; height:40px; margin:5px auto; color:#555; font-size:13px;}

.p_url a{ font-size:13px; color:#555;}

.p_class{ width:1200px; height:auto; margin:20px auto 10px;}

.p_class ul li{ width:110px; height:42px; line-height:42px; text-align:center; margin-right:10px; float:left; background:#fff;}

.p_class ul li a{ display:block; font-size:16px;}

.p_class ul li a.lion{ background:#d0b37c; color:#fff; display:block;}

.p_inf_list{ width:1224px; margin:25px auto;}

.p_inf_list ul li{ width:384px; height:400px; margin:12px; background:#fff; float:left;}

.p_inf_list ul li p{ width:100%; height:51px; line-height:50px; background:url(../images/inf2.jpg) center no-repeat; text-align:center; font-size:20px;}







.ry_img{ width:321px; height:330px; overflow:hidden; position:relative; margin:0 auto;}

.ry_img img{ width:321px; height:auto;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.ry_img:hover img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}



.ls_img{ width:268px; height:320px; overflow:hidden; position:relative;}

.ls_img img{ width:268px; height:auto;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.ls_img:hover img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.infor_pic ul li p i{ font-size:25px; line-height:55px; margin-right:8px;}



.lli_imgm{ width:301px; height:200px; overflow:hidden;}

.lli_imgm img{ width:301px; height:auto;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.lli_imgm:hover img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.inf_case{ width:100%; height:50px; background:url(../images/case.jpg) center no-repeat; margin:45px 0 30px;}

.inf_cases{ width:1020px; line-height:50px; color:#fff;}

.inf_cases a{ color:#fff;}

.case_list{ width:1140px; padding-bottom:20px;}

.case_list ul li{ width:338px; height:280px; float:left; margin:10px; border:1px #ddd solid; background:#fff; padding:10px; text-align:center;}

.ca_img{ width:338px; height:240px; overflow:hidden;}

.ca_img img{ width:338px; height:auto;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.ca_img:hover img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.case_list ul li span{ line-height:40px;}

.case{ width:1140px; background:#fff; margin:0 auto; padding:30px; line-height:33px; font-size:15px; color:#666;}

.case h2{ display:block; text-align:center; color:#b08d5b; font-size:25px; line-height:50px;}

.case img{ max-width:1140px !important; height:auto !important;}

/*内容*/

.newnr{ width:870px; height:auto; color:#666;}

.ntit{ width:85%; height:70px; line-height:35px; text-align:center; font-weight:100; color:#333; font-size:23px; font-weight:700; margin:20px auto;}

.jhurl{ width:100%; height:39px; line-height:39px; font-size:12px; font-family:宋体; text-align:center; color:#777;}

.nwcon{ width:100%; height:auto; font-size:15px; line-height:30px; border-bottom:2px #ddd solid; padding:10px 0 50px;}

.nwcon img{ max-width:100% !important;}

.context{ width:100%; height:30px; line-height:30px; padding-top:10px;}

.context ul{ margin:0; padding:0;}

.context ul li{ width:450px; height:30px; line-height:30px; float:left;}

.context ul li a{ color:#666;}



.video_list{ width:870px; height:auto; line-height:28px; font-size:14px; color:#555; padding:20px 0; margin:0 auto;}

.video_list ul li{ width:268px; height:auto; float:left; margin:5px; line-height:40px; text-align:center; padding:5px; border:1px #ddd solid;}

.li_imgs{ width:268px; height:200px; overflow:hidden;}



.infor_new{ width:900px; height:auto; line-height:28px; font-size:14px; color:#555; padding-bottom:20px; margin:0 auto;}

.infor_new ul li{ width:900px; height:auto; padding:20px 0; border-bottom:1px #ddd dashed;}

.infor_new ul li img{ float:left; width:220px; margin-right:20px; padding:0 !important;}

.infor_new ul li em{ font-size:18px; color:#222;}

.infor_new ul li span{ color:#888; font-size:13px;}

.infor_new ul li p{ color:#999;}



.infor_contact{ width:100%; height:663px; background:url(../images/ctbg.jpg) center no-repeat; padding-top:145px;}

.infor_contacts{ width:440px; margin:0 auto; padding-left:60px; line-height:40px; font-size:15px;}



.lx_conys{ width:485px; height:340px; background:url(../images/lxs.jpg) left center no-repeat; padding-left:495px; border-bottom:1px #ddd solid; padding-top:110px;}

.lx_conys{ font-size:15px; line-height:35px;}



.view_lshi{ width:900px;}

.view_lshi_pic{ width:330px; border:1px #ddd solid; padding:10px;}

.view_lshi_pic img{ width:330px; height:auto;}

.view_lshi_con{ width:520px;}

.view_lshi_con h2{ display:block; font-weight:100; margin-bottom:15px; font-size:15px; border-bottom:1px #ddd solid;}

.view_lshi_con h2 i{ font-size:30px; line-height:60px; margin-right:10px; color:#1292d3; }

.view_lshi_con p{ line-height:33px; padding-bottom:20px;}

.view_lshi_con p span{ color:#1daa39;}



.brand_pic{ width:870px; margin:10px auto;}

.brand_pic ul li{ width:268px; height:127px; background:url(../images/pp/bg.png) no-repeat; float:left; margin:5px; padding:5px; overflow:hidden; border:1px #ddd solid; text-align:center;}

.brand_pic ul li a{ display:block;}

.brand_pic ul li img{ height:107px;}

.brand_pic ul li:hover img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}



.infor_ye{ width:838px; height:auto; padding:20px; font-size:15px; line-height:30px; color:#666 !important; border-bottom:1px #ddd solid; border-left:1px #ddd solid;  border-right:1px #ddd solid;}

.infor_ye ul li{ width:197px; height:35px; line-height:35px; float:left; margin:5px;}

.infor_ye ul li a{ display:block; padding-left:45px;}



.ffbg1{ background:url(../images/menu/01.png) #fff 15px center no-repeat; border:2px #d2d2d2 solid;}

.infor_ye ul li a.ffbg1:hover{ border:2px #ff9000 solid; background:url(../images/menu/011.png) #ff9000 15px center no-repeat; color:#fff;}



.ffbg2{ background:url(../images/menu/02.png) #fff 15px center no-repeat; border:2px #d2d2d2 solid;}

.infor_ye ul li a.ffbg2:hover{ border:2px #ff9000 solid; background:url(../images/menu/022.png) #ff9000 15px center no-repeat; color:#fff;}



.ffbg3{ background:url(../images/menu/03.png) #fff 15px center no-repeat; border:2px #d2d2d2 solid;}

.infor_ye ul li a.ffbg3:hover{ border:2px #ff9000 solid; background:url(../images/menu/033.png) #ff9000 15px center no-repeat; color:#fff;}



.ffbg4{ background:url(../images/menu/04.png) #fff 15px center no-repeat; border:2px #d2d2d2 solid;}

.infor_ye ul li a.ffbg4:hover{ border:2px #ff9000 solid; background:url(../images/menu/044.png) #ff9000 15px center no-repeat; color:#fff;}



.ffbg5{ background:url(../images/menu/05.png) #fff 15px center no-repeat; border:2px #d2d2d2 solid;}

.infor_ye ul li a.ffbg5:hover{ border:2px #ff9000 solid; background:url(../images/menu/055.png) #ff9000 15px center no-repeat; color:#fff;}



.ffbg6{ background:url(../images/menu/06.png) #fff 15px center no-repeat; border:2px #d2d2d2 solid;}

.infor_ye ul li a.ffbg6:hover{ border:2px #ff9000 solid; background:url(../images/menu/066.png) #ff9000 15px center no-repeat; color:#fff;}



.ffbg7{ background:url(../images/menu/07.png) #fff 15px center no-repeat; border:2px #d2d2d2 solid;}

.infor_ye ul li a.ffbg7:hover{ border:2px #ff9000 solid; background:url(../images/menu/077.png) #ff9000 15px center no-repeat; color:#fff;}



.ffbg8{ background:url(../images/menu/08.png) #fff 15px center no-repeat; border:2px #d2d2d2 solid;}

.infor_ye ul li a.ffbg8:hover{ border:2px #ff9000 solid; background:url(../images/menu/088.png) #ff9000 15px center no-repeat; color:#fff;}



.ffbg9{ background:url(../images/menu/09.png) #fff 15px center no-repeat; border:2px #d2d2d2 solid;}

.infor_ye ul li a.ffbg9:hover{ border:2px #ff9000 solid; background:url(../images/menu/099.png) #ff9000 15px center no-repeat; color:#fff;}



.ffbg10{ background:url(../images/menu/010.png) #fff 15px center no-repeat; border:2px #d2d2d2 solid;}

.infor_ye ul li a.ffbg10:hover{ border:2px #ff9000 solid; background:url(../images/menu/0100.png) #ff9000 15px center no-repeat; color:#fff;}



.ffbg11{ background:url(../images/menu/0101.png) #fff 15px center no-repeat; border:2px #d2d2d2 solid;}

.infor_ye ul li a.ffbg11:hover{ border:2px #ff9000 solid; background:url(../images/menu/01011.png) #ff9000 15px center no-repeat; color:#fff;}



.ffbg12{ background:url(../images/menu/01212.png) #fff 15px center no-repeat; border:2px #d2d2d2 solid;}

.infor_ye ul li a.ffbg12:hover{ border:2px #ff9000 solid; background:url(../images/menu/012120.png) #ff9000 15px center no-repeat; color:#fff;}



.lixi_con{ width:100%; height:650px; BACKGROUND: url(../images/lx.jpg) center top no-repeat;}

.lixi_cons{ width:860px; height:520px; padding:130px 0 0 340px; font-size:15px; color:#666; line-height:28px;}

.infor_tip{ width:100%; height:100px; line-height:100px; background:url(../images/inf3.jpg) left bottom repeat-x; padding-bottom:30px; text-align:center; font-size:25px;}



.infor_titp{ width:182px; height:42px; line-height:42px; text-align:center; background:url(../images/inf4.jpg) no-repeat; margin:30px auto 20px; color:#fff; font-size:16px;}

.infor_titcon{ width:840px; height:auto; background:#f2f2f2; padding:20px; font-size:14px; line-height:26px; color:#444;}

.infor_titcom{ width:838px; height:auto; padding:20px; font-size:14px; line-height:26px; color:#444; border:1px #ddd solid; text-align:center;}



.anli_left{ width:380px; height:320px; float:left; padding:10px; border:1px #ddd solid;}

.anli_left img{ width:100%; margin:0; padding:0;}

.anli_right{ width:410px; height:300px; float:right; border:1px #ddd solid; padding:20px;}

.anli_right em{ font-size:21px; line-height:45px; display:block;}

.anli_right p{ border-bottom:1px #ff8400 solid; font-size:12px; color:#777; padding:10px 0; margin-bottom:10px;}

.anli_right span{ display:block; background:url(../images/quan.png) left no-repeat; padding-left:25px;}