@charset "utf-8";
/*case   rgba(255,255,255,0.3);filter: alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;*/
.page_ban { min-width: 1200px; height: 257px;}
.bname{width:271px;height: 36px;line-height: 36px;margin: 0 auto;padding: 85px 0 52px;background: url(../images/pages/z12.png) center 87px no-repeat;text-align: center;color:#e31e6e;font-size: 20px;font-weight: bold;}
.ben{margin: 0 auto; text-align: center;}
.ben span{border-top: 1px solid rgba(255,255,255,0.6);border-bottom: 1px solid rgba(255,255,255,0.6);font-family: arial;font-size: 39px;line-height: 47px;text-align: center;padding: 0 40px;display:inline-block;margin: 0 auto; color:rgba(255,255,255,0.8); }
.case_tit {width: 100%; overflow: hidden; margin-bottom: 40px;}
.casel { width: 29%; float: left; background: url(../images/pages/case1.jpg) right center no-repeat; background-size: cover; height: 150px;}
.caser { width: 71%; float: right; background: #f7f7f7; height: 150px; padding-left: 46px; color: #6b6b6b; line-height: 30px; padding-bottom: 10px; overflow: hidden;}
.caser p {padding-top: 27px;}
.casel_r { width:190px ; float: right; color: #fff;}
.casel_r strong { font-family: arial; font-size: 22px; line-height: 33px; padding-top: 27px; display: block; font-weight: bold;}
.casel_r h2 { font-size: 18px; font-weight: bold;}
.page_main { width: 1200px; margin: 0 auto;}

.case_list { font-size: 0;}
.case_list li { display: inline-block; height: 240px; vertical-align: top;  padding: 0 36px; margin-right: 10px; margin-bottom: 10px; 
border: 2px solid #eee;}
.case_list li:hover {border: 2px solid #9fc43d;}
.list_tit strong {font-size: 18px; color: #9fc43d; font-family: arial;padding: 10px 0 13px; display: block;}
.list_tit h3 { color: #212121; font-size: 14px;  padding-top: 44px;}
.list_tit i {width: 80px; height: 1px; background: #f4c22d; display: block; margin-bottom: 15px;}
.list_con { font-size: 12px; line-height: 23px;}
.list_con a {color: #787878;}
.case_list li:nth-child(2n) .list_tit,.case_list li:nth-child(2n) .list_con{  width: 100%;height: 50%;padding:0 5%; display: none;overflow:hidden; background:rgba(250,220,230,0.8); }
.case_list li:nth-child(2n):hover .list_tit{display: block;position: absolute;top: 0px;left:0 }
.case_list li:nth-child(2n):hover .list_con{display: block;position: absolute;top: 120px;left:0 }
.case_list li span { width: 340px; height: 240px; display: none; background-position: center; background-repeat: no-repeat; background-size: 100%; transition:all .2s; -moz-transition:all .2s; /* Firefox 4 */ -webkit-transition:all .2s; /* Safari and Chrome */ -o-transition:all .2s; /* Opera */}
.case_list li:hover .list_tit strong {text-shadow: 2px 2px 3px #9fc43d;}
.case_list li:hover .list_tit h3 {text-shadow: 2px 2px 3px #ccc;}
.case_list li:hover span {background-size: 110%;}


.case_list li span a { width: inherit; height:inherit; display:block;}

/*页码 s*/
.pages { width: 800px; margin: 0 auto; text-align: center; margin-top: 60px; margin-bottom: 64px;}
.pages a { width: 26px; height: 26px; display: inline-block; background: #f6f7f9; color: #666; font-size: 12px; line-height: 26px; margin: 0 2px;}
.pages a:hover,.pages a.currentpage { background: #f4c22d; color: #fff;}
/*页码 e*/

.cooperation { font-size: 0; padding: 0 43px;}
.cooperation li { display: inline-block; margin: 0 30px 40px 0;}
.cooperation li a {width: 256px; height: 126px; display: block; border: 1px solid #ccc; border-radius: 5px;background-size: 100%; transition:all .2s;
-moz-transition:all .2s; /* Firefox 4 */
-webkit-transition:all .2s; /* Safari and Chrome */
-o-transition:all .2s; /* Opera */ }
.cooperation li:hover a { background-size: 120%;}

.ab_con { font-size: 0;}
.ab_con .img { width: 240px; display: inline-block; height: 334px; background: #f8f8f8; text-align: center;}
.ab_con .img span { width: 180px; display: inline-block; height: 85px; margin-top: 118px;}

.ab_r { float: right; vertical-align: top; width: 928px;}

.ab_r strong {padding-top: 65px; font-size: 22px; font-weight: bold;}
.ab_r h3 { font-size: 18px; font-weight: bold;}
.ab_r .list_tit h3 {padding: 5px 0 21px; color: #5b5b5b;}
.ab_r .list_con {line-height: 25px;}

.ab_foot {background: #f8f8f8;}
.ab_foot_cen { width: 1200px; margin: 0 auto; background: #f8f8f8;height:150px;}
.ab_foot {margin-bottom: 40px;}
.ab_fl {width: 240px; background: #9fc43d; float: left; height: 150px; color: #fff; padding-left: 67px;}
.ab_fl span { font-size: 22px; font-family: arial; font-weight: bold; display: block; width: 140px; line-height: 30px; padding-top: 29px;}
.ab_fl strong {font-weight: 500;}
.ab_fl em { font-size:18px ; font-weight: bold; display: block; padding-top: 5px;}
.ab_fr { width:960px ; float: left; height: 150px; padding-top: 29px;}
.ab_fr li { padding: 0 32px; color: #373737; font-size: 36px; font-family: arial; text-align: center; float: left; background: url(../images/pages/aboutlin.png) right center no-repeat; height: 94px; line-height: 60px;}
.ab_fr li em { font-size: 12px; color: #606060; display: block; max-width: 173px; margin-top: -15px;}

.map {height: 1140px; background: #fff;}

.case9 .casel_r {width: 185px;}
.case9 .casel_r strong { width: 160px;}


.case9 .case_list { padding-left:0px;}




.news .case_tit {margin-bottom: 53px;}
.news .casel_r strong {width: 140px;}
.news li {float: left; width: 276px; margin: 0 32px 30px 0; padding-bottom: 25px; border-bottom: 1px solid #ededed;    overflow: hidden;}
.news li:nth-child(4n) {margin-right: 0;}
.news li span { height: 164px; display: block;overflow: hidden;background-size:cover; transition: transform 0.3s linear;
-moz-transition:transform 0.3s linear; /* Firefox 4 */
-webkit-transition:transform 0.3s linear; /* Safari and Chrome */
-o-transition:transform 0.3s linear; /* Opera */}
.news li span a { width: inherit; height: inherit; display:block;overflow: hidden;}
.news li h3 { font-size: 14px; padding: 20px 0;}
.news li h3 a {color: #333438;}
.news li p { line-height: 26px; margin-bottom: 20px; height: 50px;}
.news li p a {color: #818183;}
.news li .news_a { color: #7c7c7e; text-align: center; height: 27px; line-height: 27px; width: 94px; border: 1px solid #cacacb; display: block; }
.news li .news_a:hover {background: #9fc43e; color: #fff;}
.news .pages {margin-top: 30px;}

.news li span:hover { transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transition: all 1s ease 0s;   -ms-transition: all 1s ease 1s;   -moz-transition: all 1s ease 1s; -webkit-transform: all 1s ease 1s;   }

.person_ul { overflow: hidden;}
.person_ul li { overflow: hidden; float: left; width: 240px; position: relative; height: 150px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; padding-left: 27px;}
.person_ul li h3 a { font-size: 16px; padding-top: 22px; padding-bottom: 9px; display:block; color: #696969;}
.person_ul li h3 a:hover { text-shadow: 3px 3px 3px #999;}
.person_ul li strong { font-size: 12px; font-family: arial; display: block; color: #828282;}
.person_ul li span { width: 37px; height: 37px; overflow: hidden; display: block; background: url(../images/pages/person.png) no-repeat 0 0; position: absolute; bottom: 18px; left: 13%; transition: all .7s; -moz-transition: all .7s; -webkit-transition:all .7s; -o-transition: all .7s; cursor:pointer; }
.person_ul li:hover { background:#9fc43e;}

.person_con {}
.person_con h2 { font-size: 24px; color: #f4c22d; font-family: arial; height: 90px; line-height: 100px; font-weight: bold;}
.person_con h2 em { color: #494949; padding-left: 15px; font-weight: bold;}
.person_con h2 i { background: url(../images/index/indexbg.png) 13px -13px no-repeat; width: 34px; height: 24px; display: inline-block; }
.person_con h2 strong { font-size: 22px; color: #434343; font-family: "微软雅黑"; font-weight: bold;}

.perlist {   position: relative;}
.perlist li { width: 100%;  min-height:184px;  border: 1px solid #d9d9d9; line-height: 34px; margin-bottom: 19px;overflow:hidden; margin-right: 20px; padding: 50px 0;}
.perlist li i { float: left; background: url(../images/pages/person.png) no-repeat 1px 1px; height: 68px; width: 90px; margin: 0 62px 0 40px;}
.perlist li .sp1 { background-position: 0 -37px;}
.perlist li .sp2 { background-position: 0 -105px;}
.perlist li .sp3 { background-position: 0 -173px;}
.perlist li .sp4 { background-position: 0 -248px;}
.perlist li .sp5 { background-position: 0 -333px;}
.perlist li .ww {width: 950px; float: right; padding-right: 54px;}
.perlist ul { position: absolute; top:0 ; left: 0; display: none;width: 100%;}
.jiagao { height: 50px;}

.resources {}
.resources ul { overflow: hidden;}
.resources li { float: left; text-align: center; height: 292px; width: 436px; margin: 0 20px 20px 0;}
.res_div { width: 340px; height: 204px; background: url(../images/pages/pink.png) repeat;  margin-top: 45px; padding: 0 22px; display: none;}
.res_div h3 a { font-size: 14px; font-weight: bold; color: #fff;}
.res_div h3 { margin: 32px 0 23px;}
.res_div p { text-align: left; line-height: 20px; height: 128px; background: url(../images/pages/jiahao.png) center 70px no-repeat;}
.resources li:hover .res_div {display: inline-block;}
.res_div p a {color: #e9b8c1; display:block;height: 128px;}
.resources .pages { margin-top: 50px;}

.contact_con { margin-bottom: 60px;}
.contact_map { width: 100%; margin-bottom: 52px; height:500px;}

.con_l em { display: block; font-size: 14px; color: #555; margin-bottom: 25px;}
.con_l,.con_r { width: 600px; float:left;overflow:hidden;}
.con_r { width: auto; float:left;overflow:hidden;}
.con_l input {width: 286px; height: 30px; border: 1px solid #d3d3d3; padding-left: 13px; margin-right: 28px; float: left; margin-bottom: 20px;  color: #808080;line-height: 30px; font-family:"微软雅黑";}
.con_l textarea { width: 600px; height: 180px; line-height: 180%; border: 1px solid #d3d3d3; margin-bottom: 30px; padding:12px 13px 0; color:#cbcbcb;}
.con_l [type="submit"] { background: #9fc43e; font-size: 14px; color: #fff; cursor: pointer;}
.con_add {float:left;}
.con_add strong { height: 33px; line-height: 24px; padding-left: 12px; font-size: 14px; background: url(../images/pages/addbg.png) 0 0 no-repeat; display: block; color: #fff; margin-left: 78px;}
.con_add p { background: url(../images/pages/add.png) no-repeat 0 10px; height: 166px; margin:0 80px; padding-left: 42px; color: #1a1a1a; font-size: 14px; line-height: 37px;}
.con_add:hover p { text-shadow: 2px 2px 2px #ccc;}

.info { color: #757678;}
.info_tit h3 { color: #333438; font-size: 18px; font-weight: bold;}
.info_tit span,.info_tit a { display: inline-block; vertical-align: middle;}
.info_tit a { text-decoration: underline; padding: 21px 0 25px; margin-left: 15px; color: #757678;}
.info_tit a:hover { color: #9fc43e;}
.info_con { line-height: 25px; margin-bottom: 74px;}
.info_img {margin-bottom: 32px;}



 div.pinch-zoom,.map8{
            width: 1200px;
            -webkit-user-drag: none;
        }

.map8 { background: url(../images/pages/mapchina.png) center no-repeat; height: 1000px; margin: 15px 0 85px; position: relative; background-size: cover;width:1200px;}

.mapinfo { width: 380px; height: 220px; position: relative; color: #fff;}
.addinfo img { float: left; width: 156px; height: 156px; margin: 10px 23px 0 10px;}
.addinfo .p1 { float: right; width: 190px; height: 173px; background: url(../images/pages/mapinfo.png) no-repeat 1px center; line-height: 38px; padding-left: 30px; padding-top: 7px;}
.addinfo .p2 { display:none;}
.addinfo { background: url(../images/pages/redbig.png) center no-repeat; height: 182px; position: absolute; top: 2px; left: 0; z-index: 99; display: none; }
.add_em { width: 56px; height: 68px; text-align: center; line-height: 20px; position: absolute; bottom: -1px; left: 158px; background: url(../images/pages/redsm.png) center no-repeat; display: block; cursor: pointer; z-index: 80;}

.fo1 { position: absolute; top: 23%; left: 53%;}
.fo2 { position: absolute; top: 10%; left: 71%;}
.fo3 { position: absolute; top: 16%; left: 69.5%;}
.fo4 { position: absolute; top: 17%; left: 58.5%;}
.fo5 { position: absolute; top: 18%; left: 61.7%;}
.fo6 { position: absolute; top: 23%; left: 69%;}
.fo7 { position: absolute; top: 26%; left: 57%;}
.fo8 { position: absolute; top: 28%; left: 62%;}
.fo9 { position: absolute; top: 35%; left: 46%;}
.fo10 { position: absolute; top: 40%; left: 71.5%;}
.fo11 { position: absolute; top: 47.5%; left: 42%;}
.fo12 { position: absolute; top: 51%; left: 55%;}
.fo13 { position: absolute; top: 59%; left: 36%;}
.fo14 { position: absolute; top: 63%; left: 58.5%;}










@media screen and (max-width:800px ) {
	
	.page_ban { min-width: 320px; width: 100%; height: 156px;}
	.bname{width: 172px;height: 35px;line-height: 35px;padding: 44px 0 38px;background: url(../images/pages/z12.png) center 52px no-repeat;background-size: contain;font-size: 15px;font-weight: bold;}
	.ben{margin: 0 auto; text-align: center;}
	.ben span{font-size: 24px;line-height: 30px;padding: 0 40px;}

	.case_tit { margin-bottom: 30px;}
	.casel,.casel,.page_main,.case_list li { width: 100%;}
	.caser { display: none;}
	.casel { height: 90px; padding: 0 6%;}
	.casel_r { float:left; width: 154px;}
	.casel_r strong { font-size: 16px; line-height: 20px; padding-top: 15px;}
.casel_r h2 { font-size: 14px; }
	.page_main {} 
	.pages { width: 300px; margin: 0 auto;}
	.case_list { background: #f7f7f7; display: none;}
	.case_list:first-child { display: block; margin-top: -17px;}
	.case_list li { margin: 0 0 10px 0; padding: 0 5% 9%; height: auto; border: 3px solid #eee;}
	.case_list li:hover { border: 3px solid #9fc43e;}
	.case_list li:nth-child(2n) { height: 70vw; padding: 0;  border:none;}
	.case_list li:last-child { margin: 0;}
	.case_list li span { width: 100%; height: 100%; }
	.list_con {margin-bottom:0px;}
	.pages { margin-top: 42px; margin-bottom: 34px;}
	.pages a:first-child,.pages a:nth-child(2),.pages a:last-child {width:52px;}
	
	.coo .pages { margin: 15px auto;}
	.cooperation { height: auto; overflow: hidden; padding: 0;}
.cooperation li { margin: 0 4.6% 20px 0; width:43%;}
.cooperation li:nth-child(2n) { margin-right: 0;}
.cooperation li a {width: 100%; height: 70px;}
.cooperation li:nth-child(odd) { margin-left:4.5%;}

	.about { background: #f7f7f7; overflow: hidden;}
	.ab_foot {padding-bottom: 40px; margin-bottom: 0; overflow: hidden;}
	.ab_con .img {width: 100%; text-align: left; height: auto;}
	.ab_con .img span { width: 240px; height: 150px; background-color: #fff; background-size: 70%;}
	.ab_r,.ab_fr,.ab_foot_cen { width: 100%;}
	.ab_r,.ab_fr { padding: 0 3.5%;}
	.ab_con .img span {margin-top: 30px; margin-left: 3.5%;}
	.ab_fr { height: auto; margin-top: 19px; background: #fff;}
	.ab_r strong { padding-top: 30px; font-size: 16px;}
	.ab_r h3 { font-size: 14px;}
	.ab_fl { margin-top: 34px; margin-left: 3.5%;}
	.ab_fr li {width: 50%; height: 114px; border-bottom: 1px solid #ddd; padding: 0; line-height: 80px;}
	.ab_fr li:nth-child(2n) { background: none;}
	.ab_fr li:nth-child(5) { border: none; width: 100%; background: none;}
	.ab_fr li em {max-width: 100%; margin-top: -44px;}


.case9 .casel_r strong { width: 110px;}

.news .case_tit {margin-bottom: 20px;}
.news li {width: 100%; margin: 0 32px 20px 0; padding:0 6% 25px; border-bottom: 1px solid #ededed;}
.news li span { height: 50vw; }
.news li h3 { font-size: 14px; padding: 20px 0;}
.news li p {line-height: 26px; margin-bottom: 20px;}
.news li news_a { text-align: center; height: 27px; line-height: 27px; width: 94px; border: 1px solid #cacacb; }
.news .pages {margin-top: 30px;}
.news .casel_r strong {width: 65%; }


.person_ul {width: 92.6%; margin: 0 3.7%;}
.person_con h2 { height: 60px; line-height: 60px;}
.person_ul li { width: 50%;}

.person_ul li:nth-child(2n+1) { border-left: none;}
.person_ul li:first-child { border-left: 1px solid #e5e5e5;}
.person_con h2 { font-size: 18px; text-align: center;}
.person_con h2 strong { font-size: 16px;}
.perlist li { width: 92.6%; padding-top: 30px; margin: 0 3.7% 10px;}
.perlist li .ww { width: 57%; padding-right: 6.8%; margin-top: -120px;}
.perlist li span  {margin: 0 8% 0 3.7%; margin-top: 40px; display:block;}

.jiagao { height: 35px;}


.resources li {height: 68vw; width: 100%; margin: 0 0 10px 0;}
.res_div { width: 100%; height: inherit;  margin-top: 0; padding: 0 3.5%; }

.res_div h3 { margin: 32px 0 25px;}
.res_div p {background-position: center 105px; height: 140px; background: url(../images/pages/jiahao.png) center 90% no-repeat;}

.resources .pages { margin-top: 20px; margin-bottom: 40px;}

.con_l, .con_r {width: 100%; float: none; padding: 0 3.5%;}
.con_l textarea,.con_l input { width: 100%;}
.con_l form { overflow: hidden; margin-bottom: 23px;}

.con_add p,.con_add strong { margin-left: 0;}
.contact1 { margin-bottom: 20px;}
.contact_map { margin-bottom: 35px;}
.con_l em { margin-bottom: 20px;}
.con_add p { height: 196px; width:317px; background: url(../images/pages/addphone.png) no-repeat 0 10px;}
.contact_con {margin-bottom: 40px;}


.info_tit h3 { padding: 0 3.5%;}
.info_tit span {padding-left:3.5%; }
.info_tit a {padding: 16px 0 20px; }
.info_con { margin-bottom: 38px;padding:0 3.5%;}
.info_con img{ width: 100%;}
.info_img { margin-bottom: 28px; width: 100%;}

.contact_map { margin-bottom: 32px; height:200px;}



 div.pinch-zoom,.map8{width: 530px;}
.map8{ background-size: 100%; height: 93vw;}

.mapinfo { width: 293px; height: 380px}
.addinfo { background: url(../images/pages/redbig.png) center bottom no-repeat; height: 342px;}
.addinfo img {width: 293px; height: 205px; margin: 0;}
.add_em { left: 115px;}
.addinfo .p1 { display:none;}
.addinfo .p2 {display:block; height: 126px; float:left; width: 100%; background:url(../images/pages/mapphone.png) no-repeat 6px 22px; line-height: 37px; padding:11px 0 0 27px;}


.fo1 { position: absolute; top: 23%; left: 53%;}
.fo2 { position: absolute; top: 10%; left: 71%;}
.fo3 { position: absolute; top: 16%; left: 69.5%;}
.fo4 { position: absolute; top: 17%; left: 58.5%;}
.fo5 { position: absolute; top: -66%; left: 38%;}
.fo6 { position: absolute; top: 23%; left: 69%;}
.fo7 { position: absolute; top: 26%; left: 57%;}
.fo8 { position: absolute; top: 28%; left: 62%;}
.fo9 { position: absolute; top: 35%; left: 46%;}
.fo10 { position: absolute; top: 40%; left: 71.5%;}
.fo11 { position: absolute; top: 47.5%; left: 42%;}
.fo12 { position: absolute; top: 51%; left: 55%;}
.fo13 { position: absolute; top: 59%; left: 36%;}
.fo14 { position: absolute; top: 63%; left: 58.5%;}







}





@media screen and (max-width:520px ) {
	.suo { margin-bottom: 0;}
	
	
	 div.pinch-zoom,.map8{width: 320px; }
	 div.pinch-zoom { height: 610px;}
	.map8{margin-top: 274px; height: 320px;}
.fo1 { position: absolute; top: -72%; left: 24%;}
.fo2 { position: absolute; top: -83%; left: 43%;}
.fo3 { position: absolute; top: -79%; left: 42.5%;}
.fo4 { position: absolute; top: -77.5%; left: 30.5%;}
.fo5 { position: absolute; top: -76%; left: 32.5%;}
.fo6 { position: absolute; top: -72%; left: 39%;}
.fo7 { position: absolute; top: -71%; left: 29%;}
.fo8 { position: absolute; top: -68%; left: 34%;}
.fo9 { position: absolute; top: -61%; left: 17%;}
.fo10 { position: absolute; top: -58%; left: 42.5%;}
.fo11 { position: absolute; top: -52.5%; left: 15%;}
.fo12 { position: absolute; top: -48%; left: 25%;}
.fo13 { position: absolute; top: -42%; left: 6%;}
.fo14 { position: absolute; top: -39%; left: 30.5%;}


}