/*公共样式*/
body {background: #fff;line-height: 2;overflow-x: hidden;color: #333;min-width: 1200px;}
.font-yahei {font-family: "微软雅黑";}
.container {min-width: 1200px;}
canvas {margin: 0px;padding: 0px;display: block;}
.text-white,.text-white a {color: #fff;}
.text-center {text-align: center;}
.text-right {text-align: right;}

.text-small {font-size: 12px;}
.text-large {font-size: 24px;}
.text-big {font-size: 16px;}
.text-default {font-size: 14px;}
.text-blue,.text-blue a {color: #06c;}
.text-green,.text-green a {color: #2c7;}
.text-justify {text-align: justify;}

a {color: #333;}
.margin-top15 {margin-top: 15px;}

/*首页样式*/
#welcome {background: #2b85dd;padding: 5px 0px;}

#logo-nav-box {background: #fff;box-shadow: 0px 5px 15px rgba(0,0,0,.1);position: relative;z-index: 3;}
.logo {height: 120px;padding-top: 25px;}
.logo img {/*height:60px;*/}
.nav-list {float: right;}
.nav-list >li {float: left;width: 116px;background: url(../images/m_06.jpg) right center no-repeat;position: relative;}
.nav-list >li >a {display: block;height: 120px;font-size: 18px;text-align: center;line-height: 120px;}
.nav-list >li >a:hover {background: url(../images/m_03.jpg) center top repeat-x;color: #fff;}
.nav-list >li.active >a {background: url(../images/m_03.jpg) center top repeat-x;color: #fff;}

.submenu {position: absolute;z-index: 4;left: 0px;top: 120px;width: 100%;background: #3995DB;display: none;}
.submenu >ul >li >a {display: block;border-bottom: 1px solid #3391E4;text-align: center;color: #fff;line-height: 35px;}
.submenu >ul >li >a:hover {background: #359FFD;}


/*banner*/
.banner-box {position: relative;height: 800px;}
.banner-box >.bd li {height: 800px;}


/*首页浮动新闻/案例板块*/
.fudong-box {position: relative;}
#fufong-block {position: absolute;left: 50%;margin-left: -590px;bottom: 20px;background:#fff;background: rgba(255,255,255,0.9);box-shadow: 0px 10px 20px rgba(0,0,0,.2);width: 1180px;}
#news-box {width: 370px;}
.title {background: #397BD8;padding: 3px 8px;color: #fff;}
.title b {font-weight: bold;font-size: 16px;margin-right: 5px;}
.title a {float: right;font-size: 12px;color: #fff;margin-top: 4px;}
.padding12 {padding: 10px;}

#news-box .media-body b {font-size: 16px;line-height: normal;}
#news-box .media-body b a {color:#245FC1;}
#news-box .media-body p {font-size: 12px;font-family: "宋体";margin-top: 0px;}
.news-list {font-size: 12px;font-family: "宋体";}
.news-list li {margin-top: 5px;background: url(../images/li-bg.jpg) left center no-repeat;padding-left: 12px;}

#case-box {width: 500px;}
#case-box .title {background: #2E71D1!important;}
.case-box {margin-top: 10px;width: 500px;overflow: hidden;position: relative;}
.scroll-case {position: relative;}
.scroll-case >.bd {margin-left: 40px;}
.scroll-case >.bd li {float: left;height: auto!important;margin-right: 6px;}
.scroll-case >.bd li img {width: 207px; height: 147px;}
.scroll-case >.bd li p {text-align: center;font-size: 12px;}
.scroll-case .prev {position: absolute;left: 0px;top: 0px;display: block;width: 30px; height: 147px;background: url(../images/prev2.jpg);}
.scroll-case .next {position: absolute;right: 0px;top: 0px;display: block;width: 30px; height: 147px;background: url(../images/next2.jpg);}

#honor-box {width: 310px;}
.honor-box {background: url(../images/honor.png) left top no-repeat;padding-left: 90px;}
.honor-box >ul >li {background: url(../images/li-bg.jpg) left 8px no-repeat;padding-left: 12px;line-height: normal;padding-bottom: 8px;margin-bottom: 1px;}
.honor-box >ul >li >a {font-size: 12px;font-family: "宋体";}

/*首页底部版权信息*/
#footer-box {background: #397BD8;color: #fff;padding: 15px 0px;}
#footer-box .container {line-height: 42px;}
#tools-list {display: block;height: 42px;}
#tools-list >ul >li {display: inline-block;margin-left: 10px;position: relative;}
#tools-list >ul >li >a {display: block;width: 40px; height: 40px;border: 1px solid #fff;border-radius: 50%;text-align: center;color: #fff;overflow: hidden;font-size: 22px;line-height: normal;padding-top: 5px;}
#tools-list >ul >li >a:hover {border:1px solid #359FFD;color: #359FFD;}

#qrcode {position: absolute;right: 0px;bottom: 40px; display: none;background: #fff;border: 1px solid #ddd;box-shadow: 0px 5px 15px rgba(0,0,0,0.2);z-index: 6;}
#qrcode img {width: 150px;}


/*内页样式*/
.banner-box2 {height: 300px;}
.left-submenu-title {position: relative; height: 300px;}
.left-submenu-title >h1 {background: #397BD8;color: #fff;width: 250px;line-height: normal;padding: 20px 20px;position: absolute;bottom: 0px;left: 10px;font-size: 26px;font-weight: bold;}
.left-submenu-title >h1 >p {font-weight: lighter;font-size: 18px;margin-top: 20px;}
.left-submenu-title >h1 >span {float: right;font-size: 36px;line-height: normal;}

#left-box {width: 250px;}
.left-sub-list {background: url(../images/submenu-box-bg.jpg) left bottom no-repeat #F3F3F3;padding-bottom: 80px;}
.left-sub-list li {border-bottom: 1px solid #ddd;}
.left-sub-list li a {display: block;padding: 0px 20px;line-height: 50px;font-size: 16px;}
.left-sub-list li a span {float:right}
.left-sub-list li a:hover {background: #3873C5;color: #fff;}
.left-sub-list li.active a {background: #3873C5;color: #fff;}

.left-lianxi {background: url(../images/left-lianxi.jpg) center top no-repeat #F3F3F3;padding: 10px;padding-top: 106px;margin-top: 20px;}
.left-lianxi li span {display: inline-block;text-align: center;width: 20px;color: #666;}

#right-box {width: 890px;padding-top: 10px;}
.nav-position {border-bottom: 1px solid #ddd;padding: 10px 0px;}
.nav-position .icon-list-alt {font-size: 16px;}

#main-con {margin-top: 15px;}
/*#main-con img {max-width: 100%;}*/
/*#main-con img {height:200px;height:auto;}*/

#bot-box {background: #397BD8;color: #fff;padding: 15px 0px;margin-top: 30px;}
.copy-box {background: #4586DB;line-height: 40px;}

.bot-menu-list ul {float: left;width: 135px;border-left: 1px solid #528CDB;}
.bot-menu-list ul li {padding-left: 15px;line-height: normal;margin-bottom: 10px;}
.bot-menu-list ul li.first {font-size: 16px;}
.bot-menu-list ul li.first a {color: #fff;}
.bot-menu-list ul li a {color: #C1DFF7;}


.picnews-list {padding: 10px;}
.picnews-list .date {float: left;text-align: center;width: 70px;margin-right: 10px;line-height: 50px;}
.picnews-list .date h1 {font-size: 30px;text-align: center;border-bottom: 1px solid #ccc;}
.bg {background: #F0F0F0;}
.picnews-list .media {margin-top: 0px;}
.picnews-list .media-x  img {width: 150px; height: 100px;}
/*.picnews-list .media-body {line-height: normal;}*/
.picnews-list .media-body b {font-size: 16px;}
.picnews-list .media-body p {line-height: 1.7;color: #666;}


.case-page-list li {float: left;width: 280px; height: 200px;overflow: hidden;text-align: center;margin: 0px 8px 20px 8px;position: relative;}
/*.case-page-list li img {height: 200px;width: 280px;}*/
.case-page-list li img {height: 200px!important;width: auto;}
.case-page-list li a {display: block;left: 0px; top: 0px; height: 200px;background: url(../images/icon-search.png) 90% 90% no-repeat rgba(41,93,171,0.7);width: 100%;position: absolute;padding: 15px;color: #fff;padding-top: 50px;display: none;}
.case-page-list li a p {font-size: 24px;}

#page_box{padding: 20px 0px;}


.pic_box{width:296px;padding:0px;overflow:hidden;float:left !important;display:inline;}
.pic_box_picimg{width:280px;height:200px;overflow:hidden;background:#fff;margin:0px auto;text-align:center;padding:4px;border:1px solid #ddd;transition: all 0.5s;}
.pic_box_picimg:hover {box-shadow:0px 3px 15px rgba(0,0,0,0.2);}
.pic_box_picimg a{display:block;width: 100%; height:100%; overflow:hidden}
.pic_box_picname {width:280px;margin:5px auto;text-align:center;font-size:12px;}
.pic_box_picname a{color: #444;text-decoration: none;}

.pic_box img {max-height: 190px!important;max-width:100%!important;}

@media screen and (min-width:1000px) {
	.lianxi-con {float:left;width:470px;}
}

#main-con .layui-field-box .media-body {font-size: 12px;}
#main-con .leyui-elem-field legend {font-size: 16px;}

font.icon-image {color: #f00;}

#licheng .year-box {float:left;width: 130px;font-size: 16px;color: #06c;text-align: center;line-height: normal;}
#licheng .li-item {margin-bottom: 10px;border-bottom: 1px dashed #ddd;padding-bottom:10px;}
#licheng .li-item p {margin-left:140px;border-left: 3px solid #ddd;padding-left: 10px;}
#licheng .li-item:after {content:'';display: block;clear:both;}