@charset 'utf-8';
/*超出隐藏属性*/
/*
overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;
text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
.clearfix li{width: 20%;float: left;position: relative;border: 1px solid #f3f3f3;margin-left: -1px; margin-top: -1px;overflow: hidden;display: block; }
.clearfix li img{opacity: 0.5;width: 100%;display: block;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:grayscale(100%);filter: gray;}
.clearfix li:hover img{opacity: 1;-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}
*/
/*公用属性*/
*{font-family: 'Microsoft YaHei',serif;box-sizing: border-box;color: #444;}
a:focus {outline-style:none !important;-moz-outline-style: none !important;} 
body{width: 100%;overflow-x:hidden;}
.cl:after{content: " ";display: block;clear: both;height: 0;}
.fl{float: left;}
.fl2{float: right;}
.cl{zoom: 1;}
.fw{font-weight: bold;}
.maxwidth{width: 100%;max-width: 1200px;margin: 0 auto;min-width: 320px;}
.in_fl{display: inline-block;float: left;}
.in_fl2{display: inline-block;float: right;}
.max_block{width: 100%;max-width: 1920px;margin: 0 auto;}
.block{display: inline-block;width: 100%;height: 100%;}
.in_block{display: inline-block;width: 100%;float: left;}
.allimg1{display: inline-block;max-width: 100%;max-height: 100%;position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;margin:auto;}
.allimg2{display: inline-block;width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.over{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.over2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.y_y{-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);-o-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);}

.phone_nav,
.menu,
.dd{display: none;}

.bg{background: #fff;}
textarea,
input{outline: none;}
.all_top{height: 90px;}
.all_top .logo{width: 259px;position: relative;height: 100%;margin-left: 18px;}
.all_top form{width: 320px;position: relative;padding-right: 60px;height: 40px;border: 2px solid #2593f2;margin-top: 26px;margin-right: 90px;}
.all_top form input{height: 100%;border: none;font-size: 14px;}
.all_top form input[type="text"]{padding: 0 15px;color: #666;}
.all_top form input[type="submit"]{width: 60px;position: absolute;right: 0;top: 0;background: #2593f2;color: #fff;}
.all_top form input[type="text"]::-webkit-input-placeholder {color: #999;}
.all_top .tel{height: 40px;margin-top: 26px;margin-right: 45px;}
.all_top .ico{width: 35px;height: 100%;position: relative;}
.all_top .phone{margin-left: 12px;border-left: 1px solid #eee;height: 100%;padding-left: 12px;}
.all_top .phone h2{font-size: 14px;color: #666;}
.all_top .phone h3{font-size: 20px;color: #2593f2;}
.nav{line-height: 50px;}
.nav li{margin-left: 10px;}
.nav li.in_fl a{display: inline-block;padding: 0 31px;font-size: 14px;color: #666;height: 50px;}
.nav li.in_fl a:hover{border-bottom: 4px solid #2593f2;color: #2593f2;}
.nav li.in_fl:nth-child(1) a{padding: 0 15px;}
.nav li.in_fl2 span{color: #fff;font-size: 12px;height: 100%;}
.nav li.in_fl2{width: 100px;height: 30px;background: #0066be;margin-top: 10px;position: relative;padding: 0 24px 0 34px;line-height: 30px;cursor: pointer;}
.nav li.in_fl2 img.in_fl{position: absolute;left: 9px;top: 0;bottom: 0;margin: auto;}
.nav li.in_fl2 img.in_fl2{position: absolute;right: 12px;top: 0;bottom: 0;margin: auto;transition: .3s;}
.nav li.in_fl2 a{width: 100%;position: absolute;top: 100%;left: 0;padding: 0 24px 0 34px;line-height: 30px;background: #0066be;color: #fff;font-size: 12px;height: 0;transition: .3s;overflow: hidden;z-index: 10;}
 
.footer{background: #0c2137;}
.footer .box{width: 33.333%;margin-top: 40px;margin-bottom: 35px;border-right: 1px dashed #25384b;}
.footer .box:nth-child(3){border-right: none;}
.footer .box:nth-child(1){padding: 0 80px;}
.footer .box:nth-child(1) h2{font-size: 18px;color: #fff;}
.footer .box p{font-size: 14px;color: #b9bcc0;margin-top: 12px;}
.footer .box:nth-child(2){padding-left: 87px;}
.footer .box:nth-child(2) p{margin-top: 9px;}
.footer .box:nth-child(2) p:nth-child(1){margin-top: 0;}
.footer .box:nth-child(3){margin-top: 30px;text-align: center;}
.footer .box:nth-child(3) .rwm{display: inline-block;margin: 0 10px;text-align: center;width: 70px;}
.footer .box:nth-child(3) .rwm img{display: inline-block;height: 70px;}
.footer .box:nth-child(3) .rwm span{font-size: 12px;color: #fff;display: inline-block;margin-top: 5px;}
.bottom{border-top: 1px solid #25384b;text-align: center;}
.bottom a{font-size: 12px;color: #eee;padding: 15px 0;display: inline-block;}

/*浮动菜单*/
.left_menu{position: fixed;right: 0;top: 50%;bottom: 0;width: 60px;height: 258px;margin-top: -129px;z-index: 100;}
.left_menu li{margin-bottom: 6px;position: relative;}
.left_menu li:last-child{margin-bottom: 0;}
.left_menu li a{z-index: 100;}
.left_menu li .box{position: absolute;top: 0;right: -256px;padding-right: 16px;z-index: 1;}
.left_menu li .text{width: 240px;background: #fff;}
.left_menu li .text h2{padding: 0 22px;line-height: 44px;background: #0066be;font-size: 16px;color: #fff;}
.left_menu li .text h2 img{position: relative;top: 14.5px;cursor: pointer;}
.left_menu li .cont{padding: 20px;text-align: center;}
.left_menu li .cont img{max-width: 100% !important;}
.left_menu li .cont p{font-size: 14px;color: #666;margin-top: 10px;}
.left_menu li .cont a{line-height: 18px;font-size: 14px;color: #666;}
.left_menu li .cont a img{position: relative;top: -1px;}
.left_menu li .cont span{font-size: 14px;color: #666;}
.left_menu li .cont h4{text-align: left;margin-top: 10px;color: #0066be;font-size: 24px;}

/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 1199px) {
	.maxwidth{padding: 0 10px;}
	.all_top .tel{margin-right: 0;}
	.all_top .logo{margin-left: 0;}
	.footer .box{padding: 0 10px !important;text-align: center;}
	.nav li.in_fl a{padding: 0 18px;}
}
/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 991px) {
	.all_top form{margin-right: 0px;}
	.all_top .tel{display: none;}
	.nav li.in_fl a{padding: 0 9px;}
	.nav li{margin-left: 5px;}
}
/*在480和767像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 767px) {
	.nav,
	.left_menu,
	.banner .next,
	.banner .pre,
	.all_top form{display: none;}
	.dd{display: inline-block;height: 65px;}
	.menu,
	.phone_nav{display: inline-block;}
	.all_top{height: 65px;position: fixed;top: 0;left: 0;z-index: 999;background: #fff;padding: 0 10px;min-width: 320px;} 
	.all_top .logo{width: 220px;}
	.menu{width: 120px;height: 45px;margin-top: 10px;padding: 0 10px;background: #2593f2;cursor: pointer;}
	.menu h2{line-height: 45px;font-size: 16px;color: #fff;}
	.menu span{width: 38px;height: 2px;background: #fff;margin-top: 10px;}
	.menu .sp3{width: 30px;}
	.phone_nav{position: absolute;right: -160px;top: 100%;width: 160px;text-align: center;background: #2593f2;}
	.phone_nav a{line-height: 40px;border-bottom: 1px solid #eee;font-size: 14px;color: #fff;}
	.footer .box{width: 100%;border: none;margin-bottom: 0;margin-top: 20px;}
	.footer .box:nth-child(3){margin-top: 20px;margin-bottom: 20px;}
}	
/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {
	.dd,
	.all_top{height: 60px;}
	.menu{height: 40px;width: 100px;}
	.all_top .logo{width: 180px;}
	.menu h2{line-height: 40px;font-size: 14px;}
	.menu span{width: 28px;margin-top: 9px;}
	.menu .sp3{width: 22px;}
}