@charset "UTF-8";
@import url("common.css");

	.ibar {font-size: 30px;color: #333;text-align: center; width:100%; position:relative; padding:60px 0}
	.ibar span {font-size:16px; color:#666; font-size:14px; padding-top:15px; display:block;}
	.ibar font {margin-top:40px; display:inline-block;}
	.ibar font a {font-size:14px; margin:0 15px; padding:5px 10px; border:3px solid #fff;}
	.ibar font a.on {border-color:#248b3a;}
	.imore {height:50px; line-height:50px;}	
	.imore a {font-size:14px; color:#666b7f; display:inline-block;}	
	.imore a::before {font-size:18px; float:left; margin-right:5px;}
		
	#iproduct {text-align:center; width:1200px; margin:-5px auto 30px auto; text-align:left; position:relative;}
	#iproduct .iprosort {width:100%; text-align:center; padding:40px 0;}
	#iproduct .iprosort a {background-color:#0184c5; position:relative; color:#fff; display:inline-block; height:36px; line-height:36px; margin:0 10px; border-radius:8px; padding:0 40px; font-size:16px;}
	#iproduct .iprosort a.active,#iproduct .iprosort a:hover {background-color:#0d68b4;}
	#iproduct .iprosort a.active:before,#iproduct .iprosort a:hover:before {height:3px; background-color:#F63; width:60%; content:''; bottom:-8px; position:absolute; left:20%;}
	#iproduct .iprolist {width:100%;}
	#iproduct .iprolist li {width:250px; position:relative; margin-bottom:20px; height:345px; border:1px solid #CCC; float: left; padding:15px; margin-right:20px;}
	#iproduct .iprolist li:hover:before {height:3px; background-color:#F63; width:100%; content:''; bottom:-1px; position:absolute; left:0;}
	#iproduct .iprolist li:nth-child(4n) {margin-right:0;}
	#iproduct .iprolist li img {width:233px; height:233px; margin:10px 0; display:block;}
	#iproduct .iprolist li a.tit {display:block; margin:0 0 15px 0; font-size:16px; font-weight:bold;}
	#iproduct .iprolist li font {display:inline-block; margin:0; font-size:13px; height:20px; overflow:hidden;}
	#iproduct .iprolist li a.vmore {float:left; height:30px; width:102px; background:url(../images/bg_iprobtn1.jpg); line-height:30px; text-align:center; font-size:16px;}
	#iproduct .iprolist li a.vbook {float:right; height:30px; width:102px; background:url(../images/bg_iprobtn1.jpg); line-height:30px; text-align:center; font-size:16px;}
	#iproduct .iprolist li:hover {box-shadow:0 0 10px #333;}
	
	#iabout {background-color:#0077c4; padding-top:50px; height:420px; overflow:hidden;}
	#iabout dl {width:1120px; margin:0 auto; height:402px;}
	#iabout dl dt {width:480px; float:left; text-align:left; color:#888; line-height:30px; font-size:14px; border:1px solid #fff;}
	#iabout dl dt img {width:480px; height:360px;}
	#iabout dl dd {width:580px; float:right; text-align:left;}
	#iabout dl dd font {display:block; color:#fff; margin-top:20px; line-height:200%; margin-bottom:30px;}
	#iabout dl dd span {direction:inherit; line-height:32px; font-size:24px; color:#fff;}
	#iabout dl dd span a {float:right; color:#fff; font-size:12px; padding:0 15px; height:20px; line-height:20px; margin-top:5px; border:1px solid #fff;}
	#iabout dl dd>a {border:1px solid #fff; border-radius:5px; font-size:16px; padding:12px 40px; color:#fff; margin-right:20px;}
	#iabout dl dd a:hover {color:#666; background-color:#fff;}
	
	.scrollwrap {width:1126px; margin:20px auto 0 auto; height:190px; border: 3px solid #fff;position: relative;overflow: hidden;}
	.scrollwrap ul{overflow: hidden;position:absolute;width: 1060px;left: 27px;top: 0;_height:1px;}
	.scrollwrap ul li{float: left; width: 200px; margin:0 10px ; line-height:30px;}
	.scrollwrap ul li img {width:200px; height:160px;}
	
	.msgtel {width:100%;height:180px; margin-top:30px; background:url(../images/hf_bg.jpg) no-repeat center center; position:relative;padding-top:20px;}
	.msgtel  .box {width:1200px; margin:0 auto;}
	.msgtel .hf_l{width:310px; float:left; position:relative;}
	.msgtel .hf_l img {position:absolute; left:0; top:-60px;}
	.msgtel .hf_r{width:1100px;height:200px; text-align:left;}
	.msgtel .hf_r h1{height:60px;line-height:60px;font-size:32px;color:#fff;}
	.msgtel .hf_r h2{font-size:20px;color:#fff;font-weight:normal;}
	.msgtel .hf_r h3{font-size:40px;width:960px;margin-top:30px;}
	.msgtel .hf_r h3 font {color:#fff; display:inline-block;}
	.msgtel .hf_r h3 font img {float:left; margin-right:10px;}
	.msgtel .hf_r h3 span{ float:right;width:194px;height:45px; text-align:center; font-size:22px;}
	.msgtel .hf_r h3 span a{width:192px;height:45px; line-height:45px;display:block;background:#f77b07;border:1px solid #fff;color:#fff;}
	
	.advantage {width:100%;height:1448px; padding-top:15px; background:url(../images/ys_bg.jpg) no-repeat center center; position:relative;}
	.advantage h1{font-size:57px;color:#333; position:absolute; top:0; height:57px; width:1200px; text-align:center; padding-top:38px;}
	.advantage .box {width:1200px; margin:0 auto; text-align:left;}
	.advantage .ys_1{width:610px;height:200px;margin-top:90px;}
	.advantage .ys_1 dl dt{font-size:22px;color:#fff;height:49px;line-height:49px;margin-bottom:10px;}
	.advantage .ys_1 dl dd{font-size:15px;color:#555;padding-bottom:10px;line-height:32px;background:url(../images/con2.png) no-repeat left 10px;padding-left:20px;}
	.advantage .ys_2{width:630px;height:200px;margin-top:145px;}
	.advantage .ys_2 dl dt{font-size:22px;color:#fff;height:49px;line-height:49px;margin-bottom:10px;}
	.advantage .ys_2 dl dd{font-size:15px;color:#555;padding-bottom:10px;line-height:32px;background:url(../images/con2.png) no-repeat left 10px;padding-left:20px;}
	.advantage .ys_3{width:610px;height:200px;margin-top:110px;}
	.advantage .ys_3 dl dt{font-size:22px;color:#fff;height:49px;line-height:49px;margin-bottom:10px;}
	.advantage .ys_3 dl dd{font-size:15px;color:#555;padding-bottom:10px;line-height:32px;background:url(../images/con2.png) no-repeat left 10px;padding-left:20px;}
	.advantage .ys_4{width:630px;height:200px;margin-top:125px;}
	.advantage .ys_4 dl dt{font-size:22px;color:#fff;height:49px;line-height:49px;margin-bottom:10px;}
	.advantage .ys_4 dl dd{font-size:15px;color:#555;padding-bottom:10px;line-height:32px;background:url(../images/con2.png) no-repeat left 10px;padding-left:20px;}

	.case{width:100%;height:400px;background-color: #f5f6f8;padding-top:40px;}
	.case h1{width:100%;height:80px;line-height:45px;font-size:32px;color:#0077c4;text-align:center; }
	
	
	.case ul{ overflow:hidden; zoom:1; width:1140px; margin:0 auto;}
	.case ul li{ margin:0 9px; float:left; _display:inline; overflow:hidden; text-align:center; line-height:40px; background-color:#0559b1; border:1px solid #fff; width:265px;height:200px;position:relative;}
	.case ul li:hover {border-color:#0559b1;}
	.case ul li a{ color:#fff;font-size:16px;font-weight:normal;display:block;}
	.case ul li img {width:265px; height:159px;}
	
	.case h2{margin:50px auto 0 auto;width:120px;height:30px;line-height:30px;background:#065EA5; text-align:center;font-size:17px;font-weight:normal;}
	.case h2 a{ transition: all 0.3s;display:block;width:120px;height:30px;background:#0077c4;color:#fff; }
	.case h2 a:hover{background:#f77b07;}
	
	.news{width:1120px; margin:40px auto 0 auto; height:320px; position:relative; text-align:left;}
	.news_l{width:500px;height:300px;}
	.news_l h1{width:500px;height:60px;line-height:60px;background:url(../images/con3.png) no-repeat center bottom;font-size:20px;color:#0077c4;}
	.news_l h1 span{float:right;width:80px;height:26px;line-height:26px;  text-align:center;font-size:16px;color:#999; font-weight:normal; position:relative;top:20px;}
	.news_l h1 span a{width:78px;height:24px; line-height:24px;display:block;color:#999;border:1px solid #ccc;border-radius:20px;}
	.news_l h1 span a:hover{ color:#C00; border:1px solid #C00;}
	
	.news_l ul{padding-top:20px;}
	.news_l ul li{font-size:14px;line-height:40px;height:40px; overflow:hidden; text-indent:16px;}
	.news_l ul li span{float:right;font-size:14px;color:#999;}
	.news_l ul li a{color:#666;}
	.news_l ul li a:hover{color:#f77b07; text-decoration:underline;}
	
	
	.news_r{width:570px;height:320px;}
	.news_r h1{width:570px;height:60px;line-height:60px;background:url(../images/con3.png) no-repeat center bottom;font-size:20px;color:#0077c4;}
	.news_r h1 span{float:right;width:80px;height:26px;line-height:26px;  text-align:center;font-size:16px;color:#999; font-weight:normal; position:relative;top:20px;}
	.news_r h1 span a{width:78px;height:24px; line-height:24px;display:block;color:#999;border:1px solid #ccc;border-radius:20px;}
	.news_r h1 span a:hover{ color:#C00; border:1px solid #C00;}
	
	.news_r ul{padding-top:20px;}
	.news_r ul li{font-size:14px;line-height:40px;height:40px;overflow:hidden; text-indent:16px;}
	.news_r ul li span{float:right;font-size:14px;color:#999;}
	.news_r ul li a{color:#666;}
	.news_r ul li a:hover{color:#f77b07; text-decoration:underline;}