@charset "utf-8";

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

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

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

body{ background:#f5f5f5 !important;}

.clear { clear:both; margin:0px; top:0px} 

.h_txt{ width:99%; height:27px; border:1px #ddd solid;}

.h_txts{ width:99%; height:67px; border:1px #ddd solid;}

.ly_txty{ width:90px; height:27px; border:1px #ddd solid;}

.h_sub{ width:105px; height:38px; border:1px #ddd solid; background:#ff9000; color:#fff; font-size:17px;}



.h_proy_class{ width:224px; background:#fff; }

.h_proy_class_tit{ width:224px; height:135px; background:url(../images/hg3.jpg); text-align:center;}

.h_proy_class_tit span{ color:#fff; font-size:30px; line-height:115px;}

.h_proy_class_con{ width:186px; margin:0 auto;}

.h_proy_class_con ul li{ width:186px; line-height:40px; border-bottom:1px #d9d9d9 solid; background:url(../images/1.gif) left no-repeat;}

.h_proy_class_con ul li a{ display:block; padding-left:20px; font-size:16px;}

.h_proy_class_con ul li a:hover{ color:#0101ff;}

.h_proy_class_con ul p{ padding:5px 0 8px;}

.h_proy_class_con ul p a{ display:block; width:93px; float:left; line-height:27px; color:#888; font-size:13px; transition:0.5s;}

.h_proy_class_con ul p a:hover{ background:#888; color:#fff; padding-left:13px; width:80px;}

.h_proy_class_con ul span{ display:block; width:186px; float:left; padding:5px 0 8px;}

.h_proy_class_con ul span a{ display:block;line-height:27px; color:#888; font-size:13px; transition:0.5s;}

.h_proy_class_con ul span a:hover{ background:#888; color:#fff; padding-left:23px;}



.h_proy_class_bot{ background:#999; height:92px; width:224px; text-align:center; padding:20px 0; color:#fff; border-bottom-left-radius:4px; border-bottom-right-radius:4px;}

.h_proy_class_bot em{ font-size:20px; line-height:35px;}

.h_proy_class_bot span{ font-size:12px; line-height:25px;}

.h_proy_class_bot p { font-size:21px; line-height:50px; font-weight:700;}



.inf_url{ width:100%; border-bottom:1px #e6e6e6 solid; background:#fff;}

.inf_urls{ width:1200px; line-height:50px; height:50px; color:#666; font-size:14px;}

.inf_urls img{ float:left; padding:11px 10px 12px; border-left:1px #e6e6e6 solid; border-right:1px #e6e6e6 solid; margin-right:10px;}

.inf_urls a{ color:#666;}



.inf_jianjie{ width:1200px; padding:30px 0 50px;}

.inf_jianjie_l{ width:740px; line-height:34px; font-size:15px; color:#666;}

.inf_jianjie_l img{ padding-bottom:15px;}

.inf_jianjie_r{ width:426px;}

.infoban1{ width:100%; height:480px; background:url(../images/ff.jpg) center bottom no-repeat;}

#info{ width:100%; padding-bottom:30px; background:url(../images/inf3.jpg) center bottom no-repeat;}

#infos{ width:100%; padding-bottom:30px; background:url(../images/inf3.jpg) center bottom no-repeat;}

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

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

.infol_tit{ width:224px; height:100px; line-height:99px; background:url(../images/hg3.jpg) no-repeat; text-align:center; color:#fff; font-size:22px;}



.infol_class{ width:224px; padding:0; background:#fff; border-top:2px #fff solid; padding-top:0px; padding-bottom:25px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}

.infol_class ul{ padding:20px 10px 0;}

.infol_class ul li{ width:204px; height:53px; overflow:hidden; text-align:left; border-bottom:1px #ddd solid;}

.infol_class ul a{ border-bottom:1px #ddd solid; font-size:12px; color:#888; padding:0 10px; display:block;}

.infol_class ul li a{ display:block; line-height:53px; font-size:15px; text-align:center;}

.infol_class ul li a:hover{ background:#ddd; color:#222;}

.infol_class ul li a.lion{ background:#ddd; color:#222;}



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

.infol_lixi h3{ background:#2b4278; 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:17px; line-height:35px; color:#333;}

.infol_lixis i{ font-size:25px; line-height:45px; color:#2b4278; font-style:normal; font-family:Arial;}



.infor{ width:870px; background:#fff; padding:15px 30px;}

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

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

.infor_tit span{ float:right; color:#999; font-size:12px; padding-top:20px; background:url(../images/hh.jpg) left 22px no-repeat; padding-left:20px;}

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

.infor_tit span a:hover{ text-decoration:underline; color:#555;}



.infor_con{ width:860px; height:auto; padding:20px 5px 20px; font-size:16px; line-height:30px; color:#666 !important;}

.infor_con img{ padding:10px 0; max-width:860px; height:auto !important; display:inline-block;}
.infor_con strong{ font-weight:bold!important; font-size:14px;}


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

.lixi_con{ color:#555 !important; line-height:28px !important; font-size:15px; padding-top:10px;}

.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 #777 solid; color:#777; margin:0 5px; width:50px; height:28px; line-height:28px;}

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

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

.thisclass{ border:1px #777 solid; background:#777; color:#fff !important;}



.infor_pic{ width:870px; line-height:22px; font-size:13px; color:#555; padding:0 0 20px; margin:0 auto;}

.infor_pic ul li{ width:248px; height:220px; padding:0 10px; float:left; border:1px #ddd solid; margin:10px; text-align:center; overflow:hidden;}

.infor_pic ul li:hover{box-shadow:0px 0px 8px #888888; border:1px #fff solid;}

.infor_pic ul li p{ line-height:45px; font-size:16px;}

.mm_img{ width:248px; height:180px; overflow:hidden; margin:0 auto; text-align:center !important;}

.mm_img img{width:248px; max-height:180px;}



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

.info_case h4{ display:block; font-size:21px; line-height:60px;  background:url(../images/1.gif) left no-repeat; margin:0 10px; padding-left:25px;}

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

.info_case ul li a{ color:#666}

.info_case ul li img{ height:190px; max-width:258px !important;}



.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; text-align:center; margin:0 auto; display:block;}

.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:860px; height:auto; line-height:28px; font-size:14px; color:#555; padding-bottom:20px; margin:0 auto;}

.infor_new ul li{ width:860px; 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;}

.inf_cont{ width:1200px; height:517px; background:url(../images/ctbg.jpg) left center no-repeat; margin:35px auto;}

.inf_cont_map{ width:600px; height:517px; float:left;}

.inf_cont_con{width:490px; height:427px; float:right; padding:90px 0 0 110px; line-height:55px; font-size:16px; color:#333;}