/*全局*/
* {box-sizing: border-box;}
html {overflow-x: hidden;}
body {color: #333;line-height: 2;font-size: 14px;overflow-x: hidden;}
a:hover {text-decoration: none;color: #f00;}
.margin-top10 {margin-top: 10px;}
.margin-top15 {margin-top: 15px;}
.margin-top20 {margin-top: 20px;}
.margin-top30 {margin-top: 30px;}
.margin-top40 {margin-top: 40px;}
.margin-top50 {margin-top: 50px;}
.margin-bottom40 {margin-bottom: 40px;}
.relative {position: relative;}
.text-white,.text-white a {color: #fff;}
/*图片父级容器正方形显示*/
.auto-box {position: relative;overflow: hidden; padding-bottom: 100%;border: 0px solid #ddd;background: #f8f8f8;}
.auto-box .auto-flex {position: absolute;width:100%; height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.auto-box .auto-flex a {display: block;height: 100%;}
.auto-box .auto-flex img {height:100%;max-width: auto!important;}
.index-pro-list p {text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;}

/*头部、导航菜单、banner*/
.welcome-block {background-color: #F6F6F6;color: #666;line-height: 40px;}
.welcome-block .layui-breadcrumb * {color: #666!important;}
#header {padding-top: 20px; padding-bottom: 20px;}
.logo {float: left;}
.tel-box {float: right;line-height: normal;font-size: 18px;color: #999999;}
.tel-box .media-body {height: 60px;}
.tel-box p {font-family: impact;font-size: 28px;color: #333;}

/* 导航菜单 */
.nav-box {background-color: #1355AB;}
.nav-box >ul >li {float: left;width: 11.11111%;position: relative;}
.nav-box >ul >li >a {display: block;text-align: center;color: #fff;line-height: 60px;font-size: 16px;}
.nav-box >ul >li >a:hover {background-color: #D9291C;}
.nav-box >ul >li.active >a {background-color: #D9291C;}
.nav-box .submenu {position: absolute;left: 0;min-width: 100%;top: 60px;background-color: #D91C00; padding-bottom: 10px;display: none; z-index: 2;}
.nav-box .submenu >ol >li >a {display: block;text-align: center;padding: 5px;color: #fff;line-height: normal;border-bottom: 1px solid #E3240A;}

/* banner-box */
.banner-box {height: 590px;}
.banner-box .swiper-slide {background-size: cover;background-position: center;}

/* .hotkey_search */
.hotkey_search {border-bottom: 1px solid #eee; padding-top: 13px; padding-bottom: 13px;}
.hotkey {float: left;}
.search-box {float: right;}
.search-box .sousu {border: 0px solid #ddd;padding: 3px 10px;height: 30px;background-color: #f7f7f7;}
.search-box .btn-search {background-color: #06c;border: none;color: #fff;height: 30px; width: 30px;}

.index-pro-block {margin-top: 40px;}
.index-pro-cate h1 {background-color: #151515;color: #fff; text-align: center;font-size: 24px;line-height: 60px;}
.index-pro-cate-list {background-color: #1355AB;}
.index-pro-cate-list li a {display: block;text-align: center;color: #fff;line-height: 53px;}
.index-pro-cate-list li a:hover {background-color: #1F64BF;}

.index-pro-box {background-color: #F2F2F2; padding: 10px 15px;}
.index-pro-box-title b {font-size: 18px;margin-right: 15px;}
.index-pro-box-title span {color: #999;}

.index-pro {height: 263px;overflow: hidden;background-color: #fff;margin-top: 10px;display: flex;justify-content: center;align-items: center;}
.index-pro img {width: 100%;}
.index-pro-box2 p {text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.index-about-block {background-color: #F1F1F1;margin-top: 40px; padding-top: 30px; padding-bottom: 30px;}
.title {text-align: center;}
.title h1 {text-align: center;}
.title span {display: inline-block; vertical-align: middle;}
.title span.en {padding: 0 10px;font-size: 16px;}

.index-about-box {background-color: #fff; padding: 20px;}
.about-img {float: left;margin-right: 20px;}
.about-submenu {margin-top: 10px;}
.about-submenu a {display: inline-block;background-color: #3375CB;color: #fff;padding: 0px 15px;line-height: 30px;}
.about-submenu a:hover {opacity: 0.9;}

.scroll-honor {margin-top: 20px;height: 260px; box-sizing:border-box; }
.scroll-honor  .swiper-slide { overflow: hidden;text-align: center;background-color: #fff; display: flex; justify-content: center;align-items: center; }
.scroll-honor  .swiper-slide img { width:auto; max-width:100% !important; max-height:260px;}

.index-youshi-title {margin-top: 30px;}
.index-youshi-block {margin-top: 30px;}
.youshi-block1 {margin-top: 30px;}
.youshi-block1 .layui-col-lg6 >img {max-width: 100%;height: 356px;}
.youshi-block1 .youshi-con {background-color: #F5F5F5; padding: 30px;height: 356px;}

.youshi-block2 p {margin-bottom: 20px;}
.youshi-block2 .layui-col-lg6 >img {max-width: 100%;height: 356px;}
.youshi-block2 .youshi-con {background-color: #F5F5F5; padding: 30px; height: 356px;}
.youshi-con h2 {color: #06c;}
.youshi-block2 {margin-top: 30px;}
.index-youshi-block {background: url(../images/gray-right.jpg) center top repeat-y;}
.youshi-block2 {background: url(../images/gray-left.jpg) center top repeat-y;}

.index-anli-block {margin-top: 30px;}
.scroll-anli {margin-top: 20px;}
.scroll-anli .swiper-slide p {height: 200px;overflow: hidden;text-align: center; border: 1px solid #efeeee; display: flex; align-items: center;justify-content: center;}
.scroll-anli .swiper-slide img {height: 100%;}
.scroll-anli .swiper-slide h4 {text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.index-news-block {background-color: #F5F5F5; margin-top: 40px; padding-top: 40px; padding-bottom: 30px;}
.video-box {position: relative; display: flex; justify-content: center;align-items: center;}
.video-box #btn-play {position: absolute;background:url(../images/btn-play.png);width: 55px; height: 55px;}

.index-news-tab {margin-top: 0px;}
.index-news-tab .layui-tab-title li {font-size: 18px;}
.index-news-tab .layui-tab-title li.layui-this {color: #06c;font-weight: bold;}
.index-news-tab .layui-tab-title li.layui-this:after {border-color: #06c;}
.index-news-list >li >span {float: right;color: #999;}
.index-news-list >li {line-height: 36px;}

.index-link-block {background-color: #1355AB;color: #fff; padding-top: 15px; padding-bottom: 15px;}
.index-link-block .layui-breadcrumb * {color: #fff!important;}
.city-list {text-align: center;padding: 15px 0;}
.copy-con {padding-bottom: 15px;}

.anli-submenu ul {text-align: center;}
.anli-submenu li {display: inline-block;margin:0px 5px;}
.anli-submenu li a {display: block;padding: 0px 25px;line-height: 36px;background: #06c;color: #fff}
/* 内页样式 */


@media only screen and (min-width: 320px) and (max-width: 640px)  {
	#header {height: 1.65rem;background-color: #fff;position: fixed;left: 0;top: 0; right: 0;box-shadow: 0px 3px 5px rgba(0,0,0,.1);z-index: 444;}
	body:before {content: '';display: block;height: 1.65rem;}
	body:after {content: '';display: block;height: 1.3rem;}
	.logo {width: 80%;}
	.logo img {max-width: 100%;}
	.mobile-btn-bar a {display: inline-block;border: 1px solid #ccc;border-radius: 5px;width: 30px;text-align: center;color: #06c;}
	.nav-box >ul >li {width: 100%;float: none;}
	.nav-box >ul >li >a {line-height: 30px;font-size: 14px;}
	.nav-box {position: fixed;left: 0;top: 1.65rem;width: 100%;z-index: 333; display: none;}
	.banner-box {height: 2.5rem;}
	.index-pro-block {margin-top: 15px;}
	.index-pro {height: 2.2rem;}
	.about-img {float: none;margin-right: 0;}
	.about-img img {max-width: 100%;}
	.about-con {line-height: 1.6;}
	.about-submenu a {padding: 0 12px;}
	
	.scroll-honor {height: 2.4rem;}
	.title h1 {line-height: normal;}
	.title span.en {font-size: 14px;}
	.youshi-block1 .layui-col-lg6 >img {height: auto;}
	.youshi-block1 .youshi-con {height: auto;padding: 15px;}
	.youshi-block2 .youshi-con {height: auto; padding: 15px;}
	.youshi-block2 .layui-col-lg6 >img {height: auto;}
	.scroll-anli .swiper-slide p {height: 2.3rem;}
	.video-box {width: 100%;}
	#index-video {width: 100%;}
	.index-news-tab {margin-top: 15px;}
	.index-news-tab .layui-tab-title li {font-size: 16; padding: 0px 10px;}
	.index-news-tab .layui-tab-bar {display: none;}
	.index-news-tab .layui-tab-content {padding: 10px 0;}
	.index-news-list li {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	
	.copy-con {padding-top: 15px;}
	
	.footer {position: fixed;left: 0; bottom: 0; right: 0; height: 1.3rem;background-color: #06c; z-index: 444;}
	.footer li {float: left;width: 25%;}
	.footer li a {display: block;text-align: center;color: #fff;line-height: normal;height: 1.3rem; padding-top: 0.18rem;}
	.footer li a p {font-size: 18px;}
	
	
}