@charset "gb2312";
/* CSS Document */
.jinstban{ background: url(images_2015jstban.jpg) no-repeat center top;}
.wapjstban{background-color:#d2d2d2;}
.wqzsban{ background: url(images_2015wqzsban.jpg) no-repeat center top;}
.wapwsban{background-color:#123458;}
.yhban{ background: url(images_2015yhban.jpg) no-repeat center top;}
.wapyhban{background-color:#4885d9;}
.njbban{ background: url(images_2015njbban.jpg) no-repeat center top;}
.wapnjbban{background-color:#47b95e;}
.wpban{ background: url(images_2015wpban.jpg) no-repeat center top;}
.wapwpban{background-color:#2a89e0;}
.wfban{ background: url(images_2015wfban.jpg) no-repeat center top;}
.wapwfban{background-color:#0085c8;}
.etban{background: url(images_2015etban.jpg) no-repeat center top;}
.wapetban{background-color:#3582c2;}
.probanft{ max-width:1400px; margin:0 auto;}
.introduce{ width:500px;  padding:120px 5% 0 0;}
.introduce h1{ font-size:45px; font-weight:bold; color:#4c4d4d;font-family:"Î¢ÈíÑÅºÚ"; margin-bottom:5px;}
.wqzsban .introduce{}
.wqzsban h1{ color:#fff;}
.introduce ul li{ font-size:20px; color:#fff; line-height:32px;list-style:url(images_2015wzdot.png) inside;}
.introduce p{ font-size:18px; color:#585858;font-family:"Î¢ÈíÑÅºÚ"; line-height:32px;}
.yhintroduce,.et_introduce{ width:600px; padding:70px 0 0 70px;}
.yhintroduce h1{ font-size:45px; font-weight:bold; color:#fff;font-family:"Î¢ÈíÑÅºÚ"; margin-bottom:5px;}
.yhintroduce ul{ width:40%; display:inline-block; vertical-align:middle;margin-top:5px;}
.yhintroduce ul li{ font-size:20px; color:#fff; line-height:32px;list-style:url(images_2015wzdot.png) inside;}
.yhintroduce p{ font-size:20px; color:#fff; line-height:32px;}
.et_introduce h1{font-size:40px; font-weight:bold; color:#fff;font-family:"Î¢ÈíÑÅºÚ"; margin-bottom:5px;}
.et_introduce ul{ display:inline-block; vertical-align:middle;margin-top:5px;}
.et_introduce ul li{font-size:20px; color:#fff; line-height:32px;}
.etban p{color: #fff; position: absolute;bottom: 20px;left: 70px;font-size: 14px;}
.jstbtn{ margin-top:20px;}
.jstbtn a{ display:inline-block; vertical-align:middle; width:154px; height:49px; text-align:center; color:#ffffff; font-size:15px;line-height:49px; background:url(images_2015prod_btn1.png) no-repeat; text-decoration:none; margin-right:10px;}
.jstbtn a.cur{ background:url(images_2015prod_btn1.png) no-repeat; color:#fff;}
.jstbtn a.cur1{ background:url(images_2015btnbg3.png) no-repeat; color:#fff; font-size:20px; line-height:43px;}
.jstbtn a.cur2{ background:url(images_2015btnbg4.png) no-repeat; color:#fff; font-size:20px; line-height:43px;}
.versonb{ padding-bottom:40px; border-bottom:1px solid #d6d6d6;}
.verson{ text-align:center; width:1170px; margin:0 auto;}
.verson .vcon{ width:320px; height:170px;  background-color:#f4f4f4; padding:20px;font-family:"Î¢ÈíÑÅºÚ"; display:inline-block; vertical-align:middle; *float:left;}
.verson .vline{height:210px; width:1px; background-color:#d3d3d3; margin:0 18px; display:inline-block; vertical-align:middle; *float:left;}
.verson .vcon a{ display:inline-block; width:100%; font-size:24px; color:#fff; text-decoration:none; text-align:center; height:48px; line-height:48px; border-radius:8px;cursor: context-menu;}
.verson .vcon a.bg1{ background-color:#75a2af;}
.verson .vcon a.bg2{ background-color:#649dd0;}
.verson .vcon a.bg3{ background-color:#67c388;}
.verson .vcon p{ font-size:16px; text-align:center; color:#979797; line-height:32px;}
.verson .vcon p.cor1{color:#75a2af;}
.verson .vcon p.cor2{color:#649dd0;}
.verson .vcon p.cor3{color:#67c388;}
.verson .vcon ul{ margin:5px 0 0 20px; text-align:left;}
.verson .vcon li{ font-size:14px; color:#5b5b5b; line-height:24px; list-style:url(images_2015dot.jpg) inside;}
.vshow{ width:100%;}
.vshow.bg1,.vshowp.bg1{ background-color:#f6f6f6;}
.vshow.bg2{ background-color:#758d94;}
.vshow.bg3{ background-color:#589ad4;}
.vshow.bg4{ background-color:#2ec285;}
.vshow dl{ width:1170px; margin:0 auto; padding:20px 0; position:relative;}
.vshow .nopadding{padding: 0px;}
.vshow dl dt{ width:45%; margin-top:10%;display: none;}
.vshow dl dd{ width:50%; text-align:center;}
.vshow dl dt h1{ font-size:36px; color:#fff; margin-bottom:15px;font-family:"Î¢ÈíÑÅºÚ";}
.vshow dl dt p{ font-size:17px; color:#fff; line-height:32px;font-family:"Î¢ÈíÑÅºÚ";}
.vshow.gary{}
.vshow.gary dl dt h1{ color:#5b5b5b;}
.vshow.gary dl dt p{ color:#6a6a6a;}
.hyuse{ width:1170px; margin:40px auto 0;}
.vshow.wp dl dt{ width:30%;}
.vshow.wp dl dd{ width:70%;}
.vshow.wp dl dt h1{ color:#029fd3;}
.vshow.wp dl dt p{color:#6a6a6a;}
.vshow.wp dl.spe dd{ width:90%; overflow:hidden;}
.vshow.wp dl.spe dt{position:absolute; left:20px;  top:10%;}
.hyusecon{ margin-bottom:50px;}
.hyusecon dl{ width:31%; float:left; margin-right:2%; margin-bottom:50px;}
.hyusecon dl dt{background-color:#eee; float:left; width:118px; height:100px; text-align:center;}
.hyusecon dl dt img{ display:inline-block; margin-top: 12px; }
.hyusecon dl dd{ margin-left:133px; padding-top:15px;}
.hyusecon dl dd h1{ font-weight:normal; font-size:18px; color:#3a3a3a; margin-bottom:10px;}
.hyusecon dl dd p{ font-size:14px; color:#5b5b5b; line-height:22px;}
.xglink{width:1170px; margin:0 auto; border-top:1px solid #d6d6d6; padding:30px 0;}
.xglink li{ width:25%; float:left; text-align:left; line-height:24px;list-style:url(images_2015dot.jpg) inside;}
.xglink ul{ margin-left:23px;}
.xglink li a{ font-size:16px; color:#3a3a3a; text-decoration:none;}
.borl {border-left: 8px solid #67c388 !important;}


@media only screen and (max-width:1200px){
   .verson,.hyuse,.xglink{ width:auto;}
   .verson .vline{ margin:0 20px;min-height:310px;}
   .verson .vcon{ width:26%; height:270px;}
   .verson .vcon ul{ margin-left:20px !important;}
   .vshow dl{ width:95%;}
   .vshow dl dd{ text-align:center;}
   .vshow dl dd img{ width:100%;}
   .hyusecon{ width:95%; margin:0 auto;}
   .hyusecon dl{display:inline-block; float:none; vertical-align:middle;}
   .hyusecon dl dd{ padding-top:5px;}
}
@media only screen and (max-width:1100px){
	.jinstban{background-size:auto 100%;}
	.wqzsban .introduce{ width:390px;}
	.introduce{ padding:100px 0 0 0;}
    .introduce h1,.yhintroduce h1{ font-size:40px;} 
    .et_introduce h1{font-size: 30px;}
    .introduce p{ font-size:18px;}
	.verson .vline{ margin:0 10px;}
	
}

@media only screen and (max-width:980px){
	.introduce{ padding:80px 0 0 0;}
	.wqzsban .introduce{ width:340px;}
    .introduce h1,.yhintroduce h1{ font-size:35px;} 
    .introduce p{ font-size:18px;}
	.vshow dl dt h1{ font-size:30px;}
	.vshow dl dt p{ font-size:16px;}
}


@media only screen and (max-width:900px){
	.introduce{ padding:60px 0 0 0;}
    .introduce h1,.yhintroduce h1{ font-size:28px;} 
    .introduce p{ font-size:16px;}
	.verson .vcon li{ height:auto; line-height:20px;}
	.xglink li{ width:30%;}
}

@media only screen and (max-width:830px){
	.verson .vcon{ width:85%; height:auto; margin-bottom:20px;}
	.verson .vline{ display:none;}
	.verson .vcon li{ line-height:24px;}
	.vshow dl dt h1{ font-size:30px;}
	.vshow dl dt p{ font-size:16px;}
	.hyusecon dl{ width:48%; margin-right:0;}
	.hyusecon dl:nth-child(odd){ margin-right:3%;}
	
}
@media only screen and (max-width:800px){
	.introduce{ padding:80px 0 0 0;}
    .introduce h1,.yhintroduce h1{ font-size:26px;} 
    .introduce p{ font-size:16px;}
 	.vshow dl dt h1{ font-size:22px;}
	.vshow dl dt p{ font-size:15px;}
}

@media only screen and (max-width:720px){
	.introduce,.yhintroduce,.et_introduce {padding:20px; float:none; width:auto;}
    .introduce h1,.yhintroduce h1,.et_introduce h1{ font-size:24px;}
	.wapwsban .introduce h1{ color:#fff;}
    .introduce p,.introduce ul li,.yhintroduce ul li,.yhintroduce p,.et_introduce ul li{ font-size:16px;}
	.vshow dl dt h1{ font-size:20px;}
	.vshow dl dt p{ font-size:14px;}
	.wapetban p{color: #fff;font-size: 14px;margin: 15px 0 0 20px;}
}

@media only screen and (max-width:600px){
	.introduce h1,.yhintroduce h1,.et_introduce h1{ font-size:22px;} 
    .introduce p,.introduce ul li,.yhintroduce ul li,.yhintroduce p,.et_introduce ul li{ font-size:16px;}
	.vshow dl dt,.vshow dl dd,.vshow.wp dl dt,.vshow.wp dl dd,.vshow.wp dl.spe dd{ width:100%; text-align:center; float:none; display:block;}
	.vshow.wp dl.spe dt{ position:inherit; top:0; left:0;}
	.vshow dl dd img{ width:90%;}
	.hyusecon dl{ width:90%;}
	.xglink li{ width:50%;}
	.vshow .nopadding{padding-top: 20px;}
}

@media only screen and (max-width:530px){
	.introduce,.yhintroduce{width:auto;height:auto;}
    .introduce h1,.yhintroduce h1,.et_introduce h1{ font-size:18px; line-height:24px;} 
	.yhintroduce ul{ display:block; width:auto;}
    .introduce p,.introduce ul li,.yhintroduce ul li,.yhintroduce p,.et_introduce ul li{ font-size:14px;}
	.introduce ul li,.yhintroduce ul li,.yhintroduce p,.et_introduce ul li{ line-height:24px;}
	.jstbtn a{ margin-bottom:10px; width:120px; background-size:100%; line-height:36px; font-size:14px;}
	.jstbtn a.cur,.jstbtn a.cur1,.jstbtn a.cur2{background-size:100%;line-height:36px; font-size:14px;}
	.verson .vcon a{ font-size:18px; height:42px; line-height:42px;}
	.verson .vcon{ width:84%; margin-bottom:20px;}
	.verson .vline{ display:none;}
	.hyusecon dl dt{ width:90px;}
	.hyusecon dl{ width:auto;}
	.hyusecon dl dd{ margin-left:105px;}wqzstuc
	.hyusecon dl:nth-child(odd){ margin-right:0;}
	.jinstuc dl:nth-child(1) dt img,.wqzstuc dl:nth-child(1) dt img,.yhtuc dl:nth-child(1) dt img{ width:60px; margin-top:20px;}
	.jinstuc dl:nth-child(2) dt img{ width:72px; margin-top:30px;}
	.jinstuc dl:nth-child(3) dt img{ width:60px; margin-top:15px;}
	.jinstuc dl:nth-child(4) dt img,.wqzstuc dl:nth-child(3) dt img,.yhtuc dl:nth-child(3) dt img{ width:65px; margin-top:22px;}
	.jinstuc dl:nth-child(5) dt img{ width:55px; margin-top:15px;}
	.jinstuc dl:nth-child(6) dt img{ width:65px; margin-top:25px;}
	.wqzstuc dl:nth-child(4) dt img{ width:65px; margin-top:20px;}
	.wqzstuc dl:nth-child(5) dt img{ width:65px; margin-top:30px;}
	.wqzstuc dl:nth-child(6) dt img{ width:70px; margin-top:22px;}
	.yhtuc dl:nth-child(4) dt img{ width:70px; margin-top:20px;}
	.yhtuc dl:nth-child(5) dt img{ width:65px; margin-top:15px;}
	.yhtuc dl:nth-child(6) dt img{ width:70px; margin-top:15px;}
	.wfzstuc dl:nth-child(1) dt img{ width:68px; margin-top:20px;}
	.wfzstuc dl:nth-child(2) dt img{ width:68px; margin-top:20px;}
	.wfzstuc dl:nth-child(3) dt img{ width:68px; margin-top:22px;}
	.wfzstuc dl:nth-child(6) dt img{ width:65px; margin-top:20px;}
	.wfzstuc dl:nth-child(4) dt img{ width:70px; margin-top:10px;}
	.wfzstuc dl:nth-child(5) dt img{ width:65px; margin-top:6px;}
	

}
@media only screen and (max-width:460px){
	.xglink li{ width:100%;}
}