/*全局*/
* {box-sizing: border-box;}
body {color: #333;line-height: 2;font-size: 14px;min-width: 1200px;}
.layui-container {width: 1170px;}
a:hover {text-decoration: none;color: #AF4184;}
.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;}
.relative {position: relative;}
.text-white,.text-white a {color: #fff;}
/*图片父级容器正方形显示*/
.auto-img {position: relative;overflow: hidden; padding-bottom: 100%;border: px solid #06c;background: #fff;display: block;}
.auto-img img {position: absolute;height: 100%;}

/*头部、导航菜单、banner*/


/* 内页样式 */
#header {padding-top: 20px; padding-bottom: 20px;}
.tel-box {font-size: 18px;color: #06c;}
.tel-box span {font-size: 20px;margin-left: 20px;}

.nav-box {background: #0090FF;}
.nav-box >ul >li {float: left;width: 14.28571%;}
.nav-box >ul >li >a {display: block;line-height: 70px;font-size: 18px;color: #fff;text-align: center;}
.nav-box >ul >li >a:hover {background: #0068B7;}

.banner .swiper-slide {height: 550px;}
.banner .swiper-pagination-bullet {background: #fff;width: 20px;height: 20px;opacity: 0.7;}
.banner .swiper-pagination-bullet-active {opacity: 1;}

#sou-box {padding-bottom: 10px; padding-top: 10px;}
#sou-box .float-left {line-height: 40px;}
#form-search {width: 300px;}
#form-search div.input-box {float: left;width: 239px;background: #fff;border: 1px solid #ddd;border-right: none;height: 40px; padding: 0px 5px;}
#form-search #btn-search {width: 60px;background: #167BE3; height: 40px;border: none;color: #fff;}
#form-search input {width: 100%; height: 38px;background: #fff;border: none;}

.title {line-height: 1.5;text-align: center;position: relative;}
.title h1 {font-size: 36px;}
.title p {font-size: 22px;font-weight: 100;}

#index-pro .title h1 {color:#0091FE;}
#index-pro .title p {color:#666;}

.more {display: inline-block;padding: 0px 15px;background: #0091FE;line-height: 30px;border-radius: 15px;color: #fff;}
#index-pro .title .more {position: absolute;right: 0;top: 20px;}

.index-pro-list {margin-top: 20px;}
.index-pro-list p {text-align: center;margin-bottom: 15px;}
.index-pro-list .auto-img {border: 1px solid #0090FF;}

#index-xiaoguo {background: #0090FF;height: 115px;}
#index-xiaoguo img {position: absolute;left: 15px;top: 15px;}
#index-xiaoguo .txt {position: absolute;left: 130px;color:#fff;font-size: 30px;top: 20px;}

.index-xiaoguo .auto-img {margin-top: 40px;}
.index-xiaoguo .auto-img p {position: absolute;bottom: 0;left:0; right: 0;background: #0090FF;color: #fff;text-align: center;font-size: 16px;line-height: 36px;}

.tubiao {padding: 30px 0;}

#index-about {background: #0090FF; padding-top: 30px; padding-bottom: 40px;}
#index-about .title {color: #fff;}
#index-about .media-x .float-left {margin-right: 30px;}
#index-about .media-body {color: #fff;}
#index-about .more {background: #fff;color: #0090FF;}

#index-liyou {margin-top: 40px;}
#index-liyou h1 {color:#0090FF;font-size: 36px;margin-bottom: 20px;}
.liyou-item {display: block;margin:0 auto; text-align: center;}
.liyou-item h2 {color: #0090FF;}
.liyou-item p {width: 70%;text-align: center;margin: 0 auto;}

#index-news {margin-top: 40px;}
.index-news {background: #0090FF; padding: 40px 20px;}
.toutiao h1 {line-height: 1.5;border-bottom: 2px solid #78C3FC;padding-bottom: 10px;margin-bottom: 10px;}
.toutiao a,.toutiao {color: #fff;}
.toutiao p {line-height: 1.7;}
.toutiao .more {background: #fff;color: #0090FF;margin-top: 15px;}

.index-news li {line-height: 43px;border-bottom: 1px solid #78C3FC;color: #fff;}
.index-news li span {float: right;}
.index-news li a {color: #fff;}
.index-news li a:before {content: '';display: inline-block;background: #fff;width: 6px;height: 6px;border-radius: 50%;margin-right: 5px;}
.news-more .more {background: #fff;color: #0090FF;margin-top: 15px;}

#footer {background: #0090FF;padding-top: 45px; padding-bottom: 45px;margin-top: 50px;}
.footer-con {color: #fff;line-height: 1.6;font-size: 16px;}
.footer-logo {padding-top: 20px;}

/* 内页 */
.left-pro-box {background: #0090FF;padding: 10px;}
.left-pro-box h1 {color: #fff;padding: 10px;}
.left-pro-box h1 span {font-size: 16px;text-transform: uppercase;line-height: normal;vertical-align: baseline;margin-left: 12px;}
.left-pro-box ul {background: #fff;padding:25px;}
.left-pro-box ul li a {display: block;text-align: center;background: #0090FF;color: #fff;line-height: 50px;border-radius: 25px;font-size: 16px;}
.left-pro-box ul li {margin: 10px 0;}

.left-lianxi h1 {background: #0090FF;color:#fff;font-size: 20px;padding: 10px 20px;}
.left-lianxi img {max-width: 100%;}
.lianxi-con {border: 1px solid #ddd;padding: 15px;border-top: none;color:#666;}
.lianxi-con p {font-size: 16px;}

.nav-position {border: 1px solid #ddd;padding: 10px 20px;}
.nav-position * {font-size: 16px!important;}
.nav-position b {color: #0090FF;font-size: 18px!important;}

.xiaoguo-img {margin-top: 40px; height: 360px; overflow: hidden;position: relative;background: #f7f7f7;}
.xiaoguo-img img {width: 100%}
.xiaoguo-img p {position: absolute;bottom: 0;left:0; right: 0;background: #0090FF;color: #fff;text-align: center;font-size: 16px;line-height: 36px;}

.page-con {padding:10px;}

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