﻿


.width {width: 1190px;margin: 0 auto;}






.home_nav {text-align: center; padding: 25px 0;}
.home_nav ul li {display: inline-block;font-size: 14px;margin: 0 2px;}
.home_nav ul li a {display: block;color: #333;border-radius: 2px;padding: 10px 30px;border: 1px solid #E7E7E7;}
.home_nav ul li a:hover {color: #2384D5;border: 1px solid #2384D5;}
.home_nav ul .hover a {color: #2384D5;border: 1px solid #2384D5;border-radius: 0;}

/*.home_nav ul li dl {display: none;background: #2384D5;padding: 2px 0;margin: 16px 0 0 0;}*/
/*.home_nav ul .hover dl {display: none;text-align: left;position: absolute;top: 16px;left: 2px;}*/
/*.home_nav ul .hover dl dt a {display: block;font-weight: normal;color: #fff;background: #2384D5;min-width: 200px;border: 0;}*/
/*.home_nav ul .hover dl dt a:hover {background: #fff;color: #333;border: 0;}*/

.home_pro {margin: 40px 0;}
.home_pro ul li {width: 24%;margin: 0 1% 1% 0;float: left;text-align: center;font-size: 14px;color: #333;}
.home_pro ul li a {border: 1px solid #ededed;padding: 4px;display: block;background: #fff;}
.home_pro ul li a div {overflow: hidden;width: 275px;height:230px;text-align:center;display:table-cell}
.home_pro ul li a div img{/*height:100%;width:100%;*/vertical-align:middle;}
.home_pro ul li:hover {box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);color: #f30;}
.home_pro ul li a:hover div img {transform: scale(1.3);-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-o-transform: scale(1.3);border: 0;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}



a.more-h {background: #1C63B1;border: 1px solid #f8f8f8;color: #f8f8f8;display: block;font-size: 14px;line-height: 50px;transition: all 0.3s ease-out 0s;width: 300px;margin:20px auto;text-align: center;}
a.more-h:hover {border: 1px solid #236ffb;color: #0072d4;}


.home_about .left {float: left;width: 410px;margin-right: 30px;background: #000;height:210px;}
.home_about .right {float: right;width: 750px;line-height: 30px;font-size: 14px;}
.home_about .right p {font-size: 14px;line-height: 30px;margin: 0 0 10px 0;}
.home_pro1{display:none}
@media screen and (max-width:640px) {
	.no_mobile{ display: none}
	.width{ width: 100%}
	.header .logo{float: none; margin: auto;width: 100%;}
	.nav ul li{ width: 33.3%;}
	.nav ul li a {font-size: 12px;line-height:30px;}

	.tit {font-size:16px;line-height:20px; padding: 10px 0}
	.tit .desc {font-size: 12px;}

	.home_nav {padding:15px 0;}
	.home_nav ul li {font-size: 12px;margin: 0 2px;}
	.home_nav ul li a {border-radius: 2px;padding:3px 10px;}

	.home_pro {margin:10px 0;}
	.home_pro ul li {width:49%;font-size: 12px;}

	a.more-h {font-size: 12px;line-height:30px;width:200px;margin:10px auto;}

	.home_about .right{ width:96%; float: none; margin: auto;}
.home_pro{display:none}
.home_pro1 {margin: 40px 0;display:block;}
.home_pro1 ul li {width: 48%;margin: 0 1% 1% 1%;float: left;text-align: center;font-size: 14px;color: #333;}
.home_pro1 ul li a {border: 1px solid #ededed;padding: 4px;display: block;background: #fff;overflow:hidden;}
.home_pro1 ul li a div {overflow: hidden;width: 183px;height:153px;text-align:center;display:table-cell}
.home_pro1 ul li a div img{/*height:100%;width:100%;*/vertical-align:middle;}
.home_pro1 ul li:hover {box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);color: #f30;}
.home_pro1 ul li a:hover div img {transform: scale(1.3);-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-o-transform: scale(1.3);border: 0;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}

.nav ul li:hover .subnav{display:none;}
}

