/*全局*/
* {box-sizing: border-box;}
html {overflow-x: hidden;}
body {color: #333;line-height: 2;font-size: 14px;overflow-x: hidden;min-width: 1050px;background-color: #F1F1F1;}
.layui-container {width: 1030px;}
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;} */

/* 欢迎栏 */
.header {background: url(../images/m_02.jpg) left top repeat-x;height: 120px;}
.logo {float: left;margin-top: 14px;}
.tel-box {float: right;font-size: 12px;line-height: normal;margin-top: 50px;}
.tel-box p {font-size: 20px;color: #037DC8;}
.sethome {position: absolute;right: 80px;background:url(../images/sethome-bg.png);width: 213px; height: 35px;text-align: center;color: #fff;}
.sethome a {color: #fff;}

.nav-box {background: url(../images/m_08.jpg) left top repeat-x;}
.nav-box >ul >li {float: left;width: 11.11111%;background: url(../images/m_09.jpg) left top no-repeat;position: relative;}
.nav-box >ul >li:nth-child(1) {background: none;}
.nav-box >ul >li > a {display: block;text-align: center;line-height: 45px;color: #fff;}
.nav-box >ul >li > a:hover {background: #0271B6;}
.submenu {position: absolute;left: 0;top: 45px;min-width: 100%;background: #0271B6;z-index: 222;display: none;}
.submenu ol li a {display: block;text-align: center;color: #fff;line-height: 34px;white-space: nowrap;}
.submenu ol li a:hover {background: #1A7EC1;}

.banner-box {height: 560px;background-position: center center;background-size: cover;}

.pic-menu {height: 119px;}
.pic-menu ul {background: url(../images/shadow-bg.png) center no-repeat; height: 219px;position: absolute;left: 0;top: -100px;z-index: 22;right: 0; padding: 28px 30px;}
.w1050 {width: 1050px; margin: 0px auto;position: relative;}
.pic-menu ul >li {float: left;width: 235px; height: 160px;margin-left: 10px;}
.pic-menu ul >li:nth-child(1) {background: url(../images/m_14.jpg);}
.pic-menu ul >li:nth-child(2) {background: url(../images/m_16.jpg);}
.pic-menu ul >li:nth-child(3) {background: url(../images/m_18.jpg);}
.pic-menu ul >li:nth-child(4) {background: url(../images/m_20.jpg);}
.pic-menu ul >li >div {line-height: 40px;}
.pic-menu ul >li >div >a {color: #fff;font-size: 18px;display: block;height: 160px;padding-top: 25px;}
.pic-menu ul >li >div >a >span {color: #08406F;margin:0px 8px;font-size: 20px;display: inline-block;vertical-align: middle;}

.index-pro-news-block {margin-top: 15px;;}
.index-pro-block {width: 706px;}
.index-news-block {width: 270px;}

.title {font-weight: bold;font-size: 16px;}
.title .link-more {float: right;}
.title span {color: #06c;text-transform: uppercase;margin-right: 6px;}

.index-pro-list {margin-top: 10px;}
.index-pro-list .img {height: 170px;background-color: #fff;display: flex;overflow: hidden;justify-content: center;align-items: center;}
.index-pro-list .img img {height: 100%;width:100%;}
.index-pro-list p {background: url(../images/m_31.jpg) right center no-repeat #0168AD;line-height: 30px;padding: 0px 35px 0 10px;color: #fff;margin-bottom: 10px;}

.index-news-list {margin-top: 10px;}
.index-news-list li {background: url(../images/news-li-iocon.png) left 7px no-repeat; padding-left: 10px;line-height: 1.4;margin-bottom: 7px;}
.index-news-list li p {color: #999;font-size: 12px;}

.index-about-lianxi-block {margin-top: 10px;}
.index-about-block {width: 706px;}
.index-lianxi-block {width: 270px;background-color: #0168AD;color: #fff; padding: 10px 20px;height: ;}
.about-box {margin-top: 10px;}
.about-img {margin: 0px 15px 10px 0;}
.about-more {text-align: right;}

.lianxi-title {line-height: normal;}
.lianxi-title .float-left span {text-transform: uppercase;font-size: 12px;}
.lianxi-title .float-right {margin: 10px 0 0 0;}
.lianxi-img {margin-top: 8px;}
.lianxi-con {line-height: 1.7;margin-top: 5px;}

.index-copy-block {background-color: #0069AB;margin-top: 30px;padding-top: 15px; padding-bottom: 15px;}
.footer-nav, .footer-nav a {color: #fff;}
.index-copy-block .copy {color: #74B7E0;}
.index-copy-block .copy a {color: #74B7E0;}
/* 内页样式 */
#main-box {margin-top: 20px;}
.left-title {background: #fff;}
.left-title h1 {text-align: center;font-size: 18px;background: #06c;color: #fff;line-height: 46px}
.left-nav-list {padding: 10px;}
.left-nav-list li a {display: block;text-align: center;line-height: 40px;border-bottom: 1px dotted #ddd;}
.left-lianxi ul {padding: 10px;}
.left-lianxi ul li span {display: inline-block;width: 18px;color: #999;text-align: center;}

#main-con {background: #fff;padding: 10px 15px;}
#nav-position {border-bottom: 1px solid #ddd;padding-bottom: 5px;margin-bottom: 10px;}
.page-con {min-height: 505px;}

@media only screen and (min-width: 320px) and (max-width: 640px)  {
	
	
	
}