html,
body 
{ line-height:180%; font-size:14px; font-family: "Microsoft Yahei"; background:white;}
li {list-style:none;}


a {transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color:#333;text-decoration:none;}
a:hover {text-decoration:none;}

/* 划过图片放大 */
.img-auto { display:block; overflow:hidden; }
.img-auto img { width:auto; height:auto; margin:0px auto; transition: 600ms; }
.img-auto img:hover { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }


/* 导航 */
.navbar-default {
padding:15px 0px;
background:white;
opacity: 0.9;
-moz-box-shadow:0px 0px 15px #888;
-webkit-box-shadow:0px 0px 15px #888;
box-shadow:0px 0px 15px #888;
transition: 600ms; 
}
@media (max-width: 768px) {
.navbar-default {padding:5px 0px;}

}

.navbar-default .navbar-nav>li> a {color:#000;}

/* logo */
a.navbar-brand { width:210px;max-height:48px; margin:0px; padding:0px; overflow:hidden;}
a.navbar-brand img {max-width:210px;max-height:48px; margin: 0px auto;}
@media (max-width: 768px) {
a.navbar-brand {margin-left:10px; max-width:180px;}
a.navbar-brand img {max-width:180px;max-height:35px;}
}

/* 导航右侧 */
@media (min-width: 768px) {
#navbar {
float:right;
}
}

/*导航用户注册*/
.user-panel { margin:10px 20px 0 0px;  }
.user-panel a,
.user-panel a:visited,
.user-panel a:link{
	color: #198DDD;
	font-size: 14px;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	border:1px solid #198DDD;
}
.user-panel a:hover{ color:#198DDD;}
.user-panel a.top-login {color:white; background:#198DDD;}
.user-panel a:hover {background:#26c79d; color:white;border:1px solid #26c79d;}
}



@media (min-width: 768px) {
ul.navbar-nav li.oen { height:70px; padding:10px 0px;}
}

.top-nav-right {
  position: absolute;
  top:20px;
  right:0px;
  width:110px;
  margin:0px;
  padding:0px;
  transition: 600ms; 
}


@media all and (min-width:1024px) and (max-width:1024px){
.top-nav-right {top:5px;}
.user-panel { margin:30px 0px 0px 0px;  }
}

@media all and (min-width:1156px) and (max-width:1280px){
.user-panel { margin:10px 60px 0 0px;  }
}


.top-nav-right ul {margin:0px;padding:0px;}

.top-nav-right ul li { 
float:left; 
width:30px;
line-height:30px;
margin:2px; 
}
.top-nav-right ul li.nav-shopping a { 
position: absolute;
top:0px;
right:0px;display:block; width:30px; height:30px;
}
.shopping-box {margin:0px auto; padding:20px;}
.shopping-box li {margin:10px;}

@media (max-width: 768px) {
.user-panel { margin:10px 0px 0px 0px;  }
.top-nav-right {margin-top:10px;}
.top-nav-right ul li.nav-shopping,
.top-nav-right ul li.glyphicon-search {
display:none;
}
.navbar-toggle {z-index:999;}
.top-nav-right {width:30px;position:relative;
top:0px;
left:5px; z-index:99; font-size:26px; }
}

#fat-menu {margin-top:3px;}


.navbar.active {padding:0px;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.navbar.active .top-nav-right {top:5px;}

/* 幻灯文字 */

.carousel-caption {
bottom:10%;
}


.modal {top:20%;}

.bs-example-modal-lg-search .row { padding:20px; }



/* 通用 */

.blank5,.blank10,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.blank60 {height:60px;}



.title,.title-2 { padding:0px; text-align:center; text-transform:uppercase;}
.title h1,.title h3 a { color:#165aa5;line-height:1.2;font-size:40px; font-weight: normal;text-decoration: none; }
.title h3 small {display:block; clear:both; margin:20px 0px 10px 0px; color:#a1a1a1; font-size:10px; }
.title p,.title-index-1 p { margin:10px auto 30px auto;line-height:20px;color:#333;font-size:16px; }
.title span {}
@media (min-width: 768px) {
.title p,.title-index-1 p {width:600px;}
}
.title-2 a {font-size:30px;}
.title-2 h3 a small {display:block; clear:both; margin:10px 0px 10px 0px; color:#a1a1a1; font-size:8px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
.title h1,.title h3 a {font-size: 36px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.title h1,.title h3 a {font-size: 32px;}
}
@media screen and (min-width: 480px) and (max-width: 767px){
.title h1,.title h3 a {font-size: 28px;}
}
@media screen and (min-width: 320px) and (max-width: 479px){
.title h1,.title h3 a {font-size: 26px;}
}



/* 页底 */


 
/* 友情链接 */
.home-links { padding:50px 0px 0px 0px;  background:#333; color: #666; }
.home-links .hr  {padding:15px 0px 0px 0px; border-top:1px dotted #555;}
.home-links-left {padding:0px;}
.home-links .links-logo img {
float:left; margin:10px;
opacity: 0.2;
}
.home-links .links-logo img:hover {opacity: 1; transition: 400ms;}
.home-links .links-a { clear:both; margin: 0 auto; font-size: 14px; }
.home-links .links-a a { color: #666; padding: 10px; line-height: 300%; }




.sub_menu {
margin-top:30px;}



@media (max-width: 768px) {
.sub_menu {
height:0px;overflow:hidden;
}
}


/* 面包屑导航 */
.breadcrumb {margin-bottom:50px;}
.breadcrumb span {padding-right:15px; color:#ccc;}

/* 内页文字大小按钮 */
.content_tools {
float:right;
margin:30px 0px; 
padding:5px 15px;
background:#eee;
text-align:right;
font-size:14px;
}





/************* 分页 */

.pages {
  clear:both;
  margin:0px 10px;
  font-size:0.8em;
  color:#888;
}

.pages strong,.pages span {
  color:#FFFFFF;
  display:block;
  float:left;
  height: 26px;
  line-height: 26px;
  float:left;
  padding:0px 8px;
  background:#337ab7;
  margin: 0px 3px 0px 0px;
  font-size:0.8em;
  border-radius: 3px 3px 3px 3px;
}
.pages a,.pages a {
  display:block;
  float:left;
  height:24px;
  line-height:24px;
  float:left;
  padding:0px 8px;
  border:1px solid #337ab7;
  border-radius: 3px 3px 3px 3px;
  text-decoration:none;
  margin: 0px 3px 0px 0px;
  color:#337ab7;
  font-size:0.8em;
}

.pages strong {color:white;}

.pages span {
  float:right;
}

#page {
font-size:0.8em;
}

#page strong {
padding:5px 8px;
background:#337ab7;
border-radius:5px;
color:white;
margin-right:15px;
font-size:0.8em;
}

.pagination {margin:50px 0px;}




/* 分页 */

.page-number {
 position:relative;
 right:0px;
 top:5px;
  color:#FFFFFF;
  height: 26px;
  line-height: 26px;
  padding:9px 20px;
  background:#337ab7;
  margin: 0px 3px 0px 0px;
  font-size:0.8em;
  border-radius: 3px 3px 3px 3px;
}

/* 正文 */
#content_text {line-height:180%;font-size:1.2em;}





/* 首页 */


.index-1,.index-3 {  padding:50px 0px; background: #f8f8f8; }
.index-1 ul { overflow: hidden; }
.index-1 li { height: 350px;  overflow: hidden; text-align: center; float: left; border: 1px solid transparent; position: relative; transition: 400ms; }
.index-1 li:hover {background:white;border:1px solid #ccc;}
.index-1 .t1 { width: 100%; height: 140px; padding: 70px 0 0 0; font-size: 14px; color: #9b9797; transition: 400ms; }
.index-1 .t1 .img-auto {height:176px; margin:0px 0px 10px 0px; overflow:hidden; }
.index-1 .t1 a { margin: 0 0 5px 0; font-size: 18px; color: #3a3a3a; transition: 400ms; }
.index-1 .t2 { width: 100%; padding: 20px 10px 0px 10px; height: 80px; line-height: 24px; font-size: 14px; color: #fff; background: #7bc91e; position: absolute; left: 0; bottom: -80px; transition: 400ms; }
.index-1 li:hover .t1 { margin-top:-50px; }
.index-1 li:hover .t2 { bottom:0px; }

@media (max-width: 768px) {
.index-1 li {
margin-bottom:30px;
background:white;border:1px solid #ccc;
}
.index-1 li .t1 { margin-top:-50px; }
.index-1 li .t2 { bottom:0px; }
}


.index-2 {padding:50px 0px;}
.index-2 div div { padding:20px 30px; border:1px solid #eee;  -moz-box-shadow:0px 0px 10px #eee;
-webkit-box-shadow:0px 0px 10px #eee;
box-shadow:0px 0px 10px #eee; border-radius:3px;}
@media (max-width: 768px) {
.index-2 div div {margin-bottom:20px;}
}

.index-2 div div.img-auto a {display:block; height:100px;margin:20px 0px;overflow:hidden;}
.index-2 div div.img-auto h4 a { height:16px; font-size:14px;}
.index-2 div div:hover {background:#eee;}
.index-2 div div p {font-size:12px;color:#555;}
.index-2 div div p.date {color:#999;}



.index-3 .btn {padding:10px 40px;border-radius:50px;}
.index-3-left { height:240px; overflow:auto; }
.index-3-left p {text-indent:2em; }
@media (max-width: 768px) {
.index-3-left {margin-bottom:30px;}
}

.index-6 {padding:50px 0px;}
.index-6 ul li { height:124px; padding:0px; border:1px solid #eee; overflow:hidden;}
.index-6 ul li .img-auto {
width:89px;
height:68px;
margin:28px 50px;
overflow:hidden;
}











/**/
/*列表页 -文字列表*/
/**/
.list-container a {color:#333;}
.list-container p {color:#888;}
.list-container h4 {color:#000; }
.list-container .row{margin-bottom:15px;}
.list-container .news-list{margin-bottom:0;}

.list-border{ min-height:108px; padding:15px; clear:both; border:1px dotted transparent; border-bottom-color:#BBBBBB;}
.list-border-w{border:1px dotted #BBBBBB; margin:15px 0px;}
.list-border:hover{background:#F5F5F5; border-color: #ccc; border-radius: 5px 5px 5px 5px;}


.list-date {width: 4em; float: left; margin-right: 20px;text-align: center;}
.list-date span{display:block;width:1em;line-height:1em;padding-top: .1em;white-space:nowrap;font-size: 4em;color:#555;overflow:hidden;font-family: 'Times New Roman', Times, serif;}
.list-date p {clear:both; display:block; width:5em;overflow:hidden;margin-bottom:0;}

.news-list p,
.news-list-text-pic p,
.list-down p{line-height:1.6;}
.list-down .img-auto {height:170px;overflow:hidden;}



#projectlist.masonry {
margin: 0 auto;
}

#projectlist { }
.wrapper { margin: 0px auto; }
.projectitem {margin:0px 0px 30px 0px;width: 380px; float: none; -webkit-backface-visibility: hidden;/*谷歌图片闪烁*/ -webkit-transform-style: preserve-3d;}
.projectitem a
{position:relative;display:block; }

.projectitem a:hover
{text-decoration:none;overflow:hidden;}

.projectitem a h4
{display:none;cursor:hand;text-align:center;}

.projectitem a:hover h4
{width:100%; line-height:30px; margin:0; padding:15px 0px;background:#333;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=56);-moz-opacity:0.8;opacity:0.8;}


.projectitem img,
.index-1 img,
.index-2 img,
.index-3 img,
{
 -moz-box-shadow:0px 0px 10px #888;
-webkit-box-shadow:0px 0px 10px #888;
}

.projectitem p {line-height:200%;font-size:1.2em;}

/*列表页 - 右侧*/

.content-right-list h3 {font-size:16px;}
.content-right-list ol {margin-bottom:60px;}
.content-right-list ol li {list-style-type:decimal ;font-size:14px;line-height:1.8}
@media (max-width: 768px) {
.content-right-list {
margin-top:60px;
}
}



/* 联系我们地图页 */

.contact-us {background:#242625; }

.contact-us h3 {font-size: 60px;line-height:120%;color:#CCCCCC;text-align:center;padding:50px 0 ;}
.contact-us h3 span{font-weight:bold;color:#C22C45;}
.contact-us h4 {clear:both;  margin:50px auto 0;padding:0 0 50px}

.contact-us dl {height: 130px;}
.contact-us dl dt {line-height:40px;color:#CACACA;font-size: 26px;margin-bottom:10px;}
.contact-us dl dd{color:#AEAEAE;font-size: 1.0em;}
.content-ditu {height:50.8em;overflow:hidden;}

.contact-us .glyphicon{font-size: 50px;color: #CACACA;}


/* 产品页面右侧文字信息 */
.product_info{  overflow:hidden}
.product_info table{ color:#535353; width:100%; }
.product_info table th{ text-align:right; padding:7px 5px; width:120px; font-weight:normal; color:#888;}
.product_info table td{ padding:5px; color:#535353; font-size:0.9em;}
.product_info table tr{}
.product_info strong{ color:#E53F40; font-size:30px;}
#dialog_link {margin-left:20px;background:#236298;}
@media (max-width: 768px) {
#dialog_link {margin:20px 0px 0px 0px;}
}


 


.content-bottom-list-more {padding:8px 15px; background:#eee; color:#888;}

@media (min-width: 768px) {
.servers-wap {
display:none;
}
.dropdown-menu>li>a {padding:10px 20px;}

.navbar .nav > li.oen ul.two {
	margin: 0;
}
.navbar .nav > li.oen:hover ul.two {
	display: block;
}

}

@media (max-width: 768px) {
/* 手机菜单圆形按钮颜色 */
.plug-menu {
background: #ccc;
}

/* 手机菜单弹出按钮颜色 */
.top_menu>li {
background: #ccc;
}

/* 手机菜单平铺背景颜色 */
.foot_mp {
background: #ccc;
}


.servers,
.foot-share,
.content_tools_box
{display:none;}

ul.nav-pills li.active {clear:both; display:block; }
#carousel-example-generic {margin-bottom:30px;}
.content-bottom-list-more {display:block; width:110px; margin-bottom:30px;}

}

.navbar-right {padding:0px;}
.top-nav-right .dropdown-menu li {clear:both;width:98%;}
.lead {font-size:1.0em; line-height: 1.8;}
.index-1 ul,.index-6 ul {margin:0px;padding:0px;}





.lead img {max-width:100%;}

.child{
display:none;
}


.left-menu {line-height:42px;  border:1px solid #ccc; border-radius: 5px;}
.left-menu ul {margin:0px;padding:0px;}
.left-menu ul li a {display:block; padding:0px 0px 0px 40px;}
.left-menu ul li.two {padding-left:10px;}
.left-menu ul li.three {padding-left:10px;}
.left-menu ul li.four {padding-left:10px;}
.left-menu ul li.five {padding-left:10px;}

.top-login {padding-left:5px;}

#projectlist.masonry {
margin: 0 auto;
}

#projectlist { }
.wrapper { margin: 0px auto; }
.post-masonry {margin:0px 0px 30px 0px; -webkit-backface-visibility: hidden;/*谷歌图片闪烁*/ -webkit-transform-style: preserve-3d;}
.post-masonry a
{position:relative;display:block; }

.post-masonry a:hover
{text-decoration:none;overflow:hidden;}

.post-masonry a h4
{display:none;cursor:hand;text-align:center;}

.post-masonry a:hover h4
{width:100%; line-height:30px; margin:0; padding:15px 0px;background:#333;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=56);-moz-opacity:0.8;opacity:0.8;}




.post-masonry p {line-height:200%;font-size:1.2em;}

#print img {max-width:100%;}




@media (max-width: 1280px) {
.slide-text h1 {font-size:2.0em;}
.slide-text p {line-height:180%;font-size:1.0em;}
}
@media (max-width: 768px) {

.slide-text h1,
.slide-text p,
.slide-text > a.btn-default, .slide-text > a.btn-primary {display:none;}
}







.btn-primary {
    background-color: #055BC3;
    border-color: #055BC3;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #055BC3;
    border-color: #055BC3;
}
.pagination>li>a, .pagination>li>span {
    color: #055BC3;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #055BC3;
}
#page strong {
    background: #055BC3;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #055BC3;
}
#dialog_link {
    background: #055BC3;
}
.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
    color: #055BC3;
    background-color: #fff;
}
.comm input.btn {
    background: #055BC3;
    color: #fff;
}
.pages strong, .pages span {
    color: #FFFFFF;
    background: #055BC3;
}
.btn-primary .badge {
    color: #055BC3;
    background-color: #fff;
}





*/









body{font-family: Microsoft Yahei;overflow-x:hidden;}
ul,ol,li{list-style: none;}



 
.top1{line-height: 32px;background: #EEEEEE;}
.top1 ul{padding: 0;margin: 0;float: right;}
.top1 ul li{display: inline-block;margin: 0 5px;color: #333;cursor: pointer;}
.top1 ul li a{color: #333;}
.top1 span{padding-left: 20px;background: url(../images/top1-ico1.png) left 4px no-repeat;color: #666;}

#fat-menu li{display: block;}

.top1 ul li.nav-shopping a {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 30px;
    height: 30px;
}


.top2{padding:20px 0}
.top2-r{float:right;letter-spacing:1px;line-height:60px;color:#666;font-size:16px}
.top2-r span{font-weight:700;color:#ff7f00;font-size:20px}
.logo-box{width:250px;max-width:100%}
.logo-box img{max-width:100%;height:auto}

 
@media screen and (min-width: 0) and (max-width: 767px){
.top2-r{display: none;}
.logo-box{width:220px;}
}




.menu{height: 48px;}

.menu-title{float: left;width: 240px;height: 48px;position: relative;}
.menu-title1{cursor: pointer;height: 48px;line-height: 48px;padding: 0 22px;font-size: 16px;color: #fff;background: #055BC3;	}
.menu-title1 i{float: right;line-height: 48px;font-size: 22px;}
.menu-title2{display: none;position: absolute;z-index: 999;width: 240px;height: 440px;background: rgba(64, 151, 214, 1);}
.menu-title2-1{height:84px;width:240px;padding:15px 20px;text-align:left;font-size:16px;color:#2a333c;color:#fff;border-bottom:1px solid;border-color:#10a4fc;z-index:9999;cursor:pointer}
.menu-title2-1 h4{margin:0;text-align:left;font-size:16px;line-height:30px;height:30px;vertical-align:middle;color:#fff}
.menu-title2-1 h4 a{color:#fff; transition: all 0ms ease-in-out 0s;}
.menu-title2-1 p a{display:block;float:left; max-width:42%; height:20px; overflow:hidden; font-size:12px;margin:0;font-weight:400;margin-right:12px;color:#fff;line-height:19px;transition: all 0ms ease-in-out 0s;text-overflow:ellipsis;}
.fa-1{font-size: 28px;vertical-align:middle;margin-right: 5px;}
.fa-2{float: right;line-height: 30px;font-size: 20px;}


/*.menu-title-index .menu-title2{display: block;}*/
/*.menu-title:hover .menu-title2{display: block;}*/

@media screen and (max-width: 991px){
.menu-title-index .menu-title2{display: none;}
}



.menu-title2-1:hover{background: #fff;}
.menu-title2-1:hover h4{color: #10a4fc;}
.menu-title2-1:hover h4 a{color: #10a4fc;}
.menu-title2-1:hover h4 i{color: #10a4fc;}
.menu-title2-1:hover p{color: #10a4fc;}
.menu-title2-1:hover p a{color: #10a4fc;}

.menu-title2-1-content{display:none;background:#fff;height:420px;width:930px;position:absolute;left:100%;top:0;border:1px solid #eee;border-left:none}
.menu-title2-1:hover .menu-title2-1-content{display:block}
.menu-title2-1-content-l{overflow:hidden;height: 100%;background: url(../images/menu-title2-1-content.jpg) right bottom no-repeat;}
.menu-title2-1-content-l dl{margin:15px 0 0;padding:0 20px;}
.menu-title2-1-content-l dl:after{content:"";display: table;clear:both;}
.menu-title2-1-content-l dl dt{float:left;width:120px;font-size:16px;line-height:60px;margin-right:22px}
.menu-title2-1-content-l dl dt a{color:#333}
.menu-title2-1-content-l dl dt i{float:right;font-size:18px;color:#333;line-height:60px}
.menu-title2-1-content-l dl dd{overflow:hidden;border-bottom:1px dashed #eee;line-height:30px;padding-top:15px;padding-bottom:5px}
.menu-title2-1-content-l dl dd a{margin:5px 25px 5px 0;line-height:22px;font-size:14px}
.menu-title2-1-content-r{width:252px;height:100%;float:right;border-left:1px solid #eee}
.menu-title2-1-content-r a{display:block;padding:14px 12px 17px;position:relative;border-bottom:1px solid;border-color:#eee;height:50%}
.menu-title2-1-content-r a img{width:100%;height:100%;-o-object-fit:scale-down;object-fit:scale-down;display:block}


@media screen and (min-width: 992px) and (max-width: 1199px){
.menu-title2-1-content{width: 700px;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
.menu-title2-1-content{width: 480px;}
.menu-title2-1-content-l{height: 260px;overflow: hidden;background: none	}
.menu-title2-1-content-l dl { margin: 0;}
.menu-title2-1-content-r{float: none;height: 160px;width: 100%;border:none;}
.menu-title2-1-content-r a{width: 50%;height: 100%;float: left;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.menu-title{display: none;}
}


.menu1{}
.menu1 ul{padding: 0;margin: 0;}
.menu1 >ul >li{float: left;line-height: 48px;}
.menu1 >ul >li >a{font-size: 18px;color: #2a333c;font-size: 16px;padding: 0 15px}
.menu1 >ul >li >a i{margin-left: 5px;}
.menu1 >ul >li >a:hover,
.menu1 >ul >li >a.on{color: #55acee;}

.menu2{display: none;position: absolute;z-index: 9999;width: 160px;padding: 7px 0;border:1px solid #eee;background: #fff;}
.menu2 a{display: block;padding: 0 15px;line-height: 35px;}
.menu2 a:hover{color: #55acee;background: #F5F5F5;}
.menu-btn{display:none;height:40px;width:40px;position:absolute;right:15px;top:60px;z-index:99;text-align:center;line-height:38px;color:#666;font-size:20px;border:1px solid #eee;border-radius:2px}
.menu-btn.open{background: #f5f5f5;color: #333;}

@media screen and (min-width: 768px){
.menu1 >ul >li:hover .menu2{display: block;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.menu-title{margin-right: 8px;}
.menu1 >ul >li >a{padding: 0 5px}
}
@media screen and (min-width: 0) and (max-width: 767px){
.menu{display: none;position: absolute;left: 0;right: 0;height: auto;z-index:999;}
.menu1{display: block;margin: 0 -15px;border-top:1px solid #eee;}
.menu1 >ul >li{float: none;width: 100%;background: #fff;}
.menu1 >ul >li a{display: block;}
.menu2{position: relative;width: 100%;border:none;background: #f5f5f5;}
.menu-btn{display: block;}
 }






.section1{padding: 60px 0;background: #F5F5F5;}

.title10{text-align: center;}
.title10 h4{font-size: 28px;margin-bottom: 18px;color: #2a333c;}
.title10 h4 a{color: #2a333c;	}
.title10 p{font-size: 15px;color: #666;}




@media screen and (min-width: 768px) and (max-width: 991px){
.title10 h4{font-size: 24px;}
.title10 p{font-size: 16px;}
}

@media screen and (min-width: 0) and (max-width: 767px){
.title10 h4{font-size: 20px;}
.title10 p{font-size: 14px;}
}
 


.s1{}
.s1-title{margin: 30px 0;}
.s1-title ul{text-align: center;padding: 0;margin: 0;border-bottom:1px solid #D4D4D4;}
.s1-title ul li{display: inline-block;}
.s1-title ul li a{padding: 0 15px;height: 75px;line-height: 75px;display: inline-block; transition: all 0ms ease-in-out 0s;font-size: 16px;}
.s1-title ul li.on a{border-bottom:2px solid #55ACEE}


@media screen and (min-width: 992px) {
.s1-title ul li{margin: 0 20px;}
}
@media screen and (min-width: 480px) and (max-width: 767px){
.s1-title ul li a{padding: 0 5px;}
}
@media screen and (min-width: 320px) and (max-width: 479px){
.s1-title ul li{width: 18%;margin: 0;padding: 0;}
.s1-title ul li a{padding: 0 5px;line-height: 1.2;height: 2.5em;overflow: hidden;}
}


.s1-content-title{float: left;height: 380px;width: 240px;}
.s1-content1 .s1-content-title{background: url(../images/s1-li1.jpg);background-size:cover ;}
.s1-content2 .s1-content-title{background: url(../images/s1-li2.jpg);background-size:cover ;}
.s1-content3 .s1-content-title{background: url(../images/s1-li3.jpg);background-size:cover ;}
.s1-content4 .s1-content-title{background: url(../images/s1-li4.jpg);background-size:cover ;}
.s1-content5 .s1-content-title{background: url(../images/s1-li5.jpg);background-size:cover ;}

.s1-content-title h4{color:#fff;font-size:18px;height:72px;border-bottom:1px solid;margin:0;border-color:#fff;width:100%;line-height:72px;padding-left:29px}
.s1-content-title h4 a{color: #fff;}
.s1-content-title ul{margin:0;padding:92px 32px 0;color:#fff;font-size:12px}
.s1-content-title ul li{line-height:30px}


.s1-content-c{float: left;width: calc(100% - 240px);}
.s1-content-c:after{content:"";display: table;clear:both;}
.s1-item{float:left;width:33.33333%;border:1px solid #eee;height:380px;background:#fff;position:relative;transition:all .3s ease-in-out 0s;top:0;padding-top:40px}
.s1-item:hover{top:-5px;box-shadow:0 2px 5px rgba(0,0,0,.15)}
.s1-img{display:block;width:180px;height:120px;margin:0 auto 30px;padding:0;background:0 0}
.s1-img img{width:100%;height:auto;min-height:100%;/*filter: grayscale(100%);*/}
.s1-item:hover .s1-img img{filter:none;}
.s1-text{text-align:center;padding:0 15px}
.s1-text h4{color:#2a333c;font-size:20px;font-weight:700;margin-bottom:15px}
.s1-text h4 a{color:#2a333c;}
.s1-item:hover .s1-text h4{color: #55ACEE;}
.s1-item:hover .s1-text h4 a{color: #55ACEE;}
.s1-text p{padding:0 10px;max-width:180px;margin:0 auto;font-size:12px;color:#666;text-align:center;line-height:30px;font-weight:400;height:60px;overflow:hidden}
.s1-text span{display:block;display:block;text-align:center;font-size:20px;color:#f96868;font-weight:400;margin-top:20px;margin-bottom:25px}
.s1-text > a{display:inline-block;margin:0 7px 0;font-size:12px;color:#fff;line-height:32px;padding:0 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-color:#62a8ea;background-color:#62a8ea}
.s1-text a+a{border-color:#f96868;background-color:#f96868}
.s1-text >a i{margin-right:5px;width:14px}
@media screen and (min-width: 0) and (max-width: 991px){
.s1-content-title{width: 100%;height: 230px;}
.s1-content-title ul{padding:20px 32px;}
.s1-content-c{width: 100%;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.s1-item{float: none;width: 100%;}
}






.section2{padding: 60px 0;}
.s2{padding-top: 40px;}
#owl-demo2{position:relative;padding:0 60px;margin:0px}
#owl-demo2 .owl-stage-outer{overflow:hidden;position:relative;z-index:10;}
#owl-demo2 *{box-sizing:border-box;}
/* 导航层 */
#owl-demo2 .owl-item{float:left;}
#owl-demo2 .owl-controls{margin-top:0px;text-align:center;}
/* 左右按钮 */
#owl-demo2 .owl-controls .owl-nav{}
#owl-demo2 .owl-controls .owl-nav [class*=owl-]{
font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; 
display: block;height: 50px;width: 50px;
position: absolute;top: 50%;margin-top: -25px;cursor: pointer;overflow: hidden;z-index: 11;display: inline-block;
line-height: 50px;text-align: center;
border-radius: 50%;background: #eeeeee;font-size: 18px;color: #333;
}
#owl-demo2 .owl-controls .owl-nav .owl-prev{left: 0;}
#owl-demo2 .owl-controls .owl-nav .owl-next{right: 0;}
#owl-demo2 .owl-controls .owl-nav .owl-prev:before{content: "\f104";}
#owl-demo2 .owl-controls .owl-nav .owl-next:before{content: "\f105";}
#owl-demo2 .owl-controls .owl-nav .owl-prev:hover{background: #55ACEE;color: #fff;}
#owl-demo2 .owl-controls .owl-nav .owl-next:hover{background:  #55ACEE;color: #fff;}
/* 远点按钮 */
#owl-demo2 .owl-dots{}
#owl-demo2 .owl-dots .owl-dot{display:inline-block;zoom:1}
#owl-demo2 .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-ms-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
#owl-demo2 .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}


.s2-item{}
.s2-img{width:163px;height:163px;margin:0 auto;overflow:hidden}
.s2-img img{width:100%;height:100%}
.s2-text{text-align:center;padding-top:5px}
.s2-text h4{text-align:center;font-size:16px;color:#2a333c}
.s2-text p{text-align:left;font-size:12px;line-height:20px;color:#666;margin:0;overflow: hidden;}
.s2-text span{display:block;font-size:14px;color:#666;padding:10px 0 14px}
.s2-text span strong{font-size:20px;color:#ff7f00}



.section3{padding:60px 0;background:#1585C9}
.section3 .title10 h4{color:#fff}
.section3 .title10 h4 a{color:#fff}
.section3 .title10 p{color:#fff}
.s3-item{margin:20px 0}
.s3-img{width:120px;height:120px;border:1px solid #fff;border-radius:50%;position:relative;margin:0 auto 20px;text-align:center}
.s3-img i{color:#fff;font-size:50px;line-height:118px}
.s3-img p{position:absolute;height:35px;width:35px;background:#fff;color:#1585C9;font-size:18px;line-height:36px;text-align:center;border-radius:50%}
.s3-item:hover .s3-img{background:#fff}
.s3-item:hover .s3-img i{color:#1585C9}
.s3-item:hover .s3-img p{background:#1585C9;color:#fff}
.s3-text{text-align:center}
.s3-text h4{font-size:20px;color:#fff}
.s3-text p{width:90%;margin:0 auto;color:#fff}











.section4{padding: 60px 0;background: #F3F3F3;}
.s4{padding-top: 10px;}	
#owl-demo4{position:relative;padding:0;margin:0px}
#owl-demo4 .owl-stage-outer{overflow:hidden;position:relative;z-index:10;}
#owl-demo4 *{box-sizing:border-box;}
/* 导航层 */
#owl-demo4 .owl-item{float:left;}
#owl-demo4 .owl-controls{margin-top:0px;text-align:center;}
 /* 远点按钮 */
#owl-demo4 .owl-dots{}
#owl-demo4 .owl-dots .owl-dot{display:inline-block;zoom:1}
#owl-demo4 .owl-dots .owl-dot span{cursor: pointer;width:12px;height:12px;margin:5px;background:#666666;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-ms-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px; transition: all 300ms ease-in-out 0s;}
#owl-demo4 .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{width: 20px;background:#55ACEE}

.s4-item{}
.s4-item1{margin:20px 0}
.s4-item1 a{display:block;position:relative;text-decoration:none;overflow:hidden}
.s4-date{float:left;margin-right:20px;height:85px;width:85px;border:1px solid #666;border-radius:50%;text-align:center}
.s4-date h4{font-size:30px;line-height:30px;color:#333;margin-top:17px;margin-bottom:0}
.s4-date p{color:#333;font-size:12px;margin:0}
.s4-item1:hover .s4-date{background:#55ACEE;border-color:#55ACEE}
.s4-item1:hover .s4-date h4{color:#fff}
.s4-item1:hover .s4-date p{color:#fff}
.s4-text{overflow:hidden}
.s4-text h4{color:#2a333c;font-size:16px;line-height:20px;max-height:40px;overflow:hidden}
.s4-text p{font-size:14px;max-height:48px;line-height:24px;overflow:hidden;color:#666}





.section5{overflow:hidden;position:relative;padding:100px 0;background:#f5f5f5}
.section5 .title10{position:relative;z-index:2}
.s5-bg{background:url(../images/s5-bg.jpg) left top;top:0;left:0;right:0;bottom:0;position:absolute;z-index:1;animation:myfirst 1500s linear 0s infinite normal}@keyframes myfirst{0%   {top: 0%;}100%   {top: -10000%;}}
.s5{margin-top:40px;padding: 10px 30px;background:#fff;position:relative;z-index:2;-webkit-box-shadow:rgba(0,0,0,.1) 0 0 5px;box-shadow:rgba(0,0,0,.1) 0 0 5px}
.s5-item{margin: 20px 0;}
.s5-item:after{content:"";display: table;clear:both;}
.s5-img{width: 75px;height: 75px;float: left;margin-right: 15px;}
.s5-text{overflow: hidden;}
.s5-text h4{font-size: 18px;color: #2a333c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s5-text p{margin-bottom: 0;font-size: 12px;color: #666666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}





.section6{background: #4A4E53;padding: 60px 0 0;}
.section6 .title10 h4{color:#cccccc}
.section6 .title10 h4 a{color:#cccccc}
.section6 .title10 p{color:#cccccc}
.s6{padding: 20px 0;border-bottom: 1px solid;border-top: 1px solid;border-color: #63686e;}
.s6-links{padding: 10px 0;line-height: 20px;color: #cccccc;}
.s6-links a{margin: 0 5px;color: #cccccc;}
.form-control1{background: #575B60;border-color:#575B60;}
.btn-squared{background: #575B60;color: #ccc;}
.btn-squared:hover{background: #55ACEE;color: #fff;}
#verify{width: calc(100% - 70px);display: inline-block;}



@media screen and (min-width: 768px) {
.s6-r{text-align: center;}
}
.s6-logo{max-width:250px;display: inline-block;}
@media screen and (min-width: 480px) and (max-width: 767px){
.s6-logo{margin-top: 20px;}
}
.s6-logo img{  max-width:100%	;height: auto;	  filter: grayscale(100%);}
.s6-1{font-size:12px;margin:15px 0 10px;display:block;text-align:right;color:#ccc}
.s6-2{font-size:44px;color:#ccc;font-weight:700;height:35px;display:block;line-height:35px}
.s6-3{font-size:12px;color:#ccc;line-height:32px}
.s6-4{font-size:14px;color:#ccc;font-weight:700;line-height:20px;text-align:right;margin:10px 3px}
@media screen and (min-width: 0) and (max-width: 767px){
.s6-1{text-align: left;}
.s6-2{font-size: 35px;}
.s6-3{text-align: left;}
.s6-4{text-align: left;}
}

.foot{padding: 30px 0;text-align: center;}
.foot ul{padding: 0;margin: 0;}
.foot ul li{line-height: 25px;color: #aaa;	}
.foot ul li a{color: #aaa;}



#banner2{width:100%;height:150px;position:relative;overflow: hidden;	}
#banner2 div{background-color:#39383E;background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;height:100%;animation:mymove 20s}




.box2{padding: 40px 0;}


.title20{background: #EEEEEE;padding: 10px 0;text-align: center;}
.title20 a{display: inline-block;
    padding: 5px 10px;
    font-size: 16px;}


.title20 a:hover,.title20 a.on{color: #55acee;}


.title30{font-weight: bold;color: #0070C0;font-size: 20px;border-bottom:1px solid #eee;padding-bottom: 15px;margin-bottom: 25px;}





.box2-left{    border: 1px solid;background: #fff;
    border-color: #f0f2f5;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.box2-right{    border: 1px solid;background: #fff;
    border-color: #f0f2f5;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}




.box2-left-title{height: 45px;background: #EEEEEE;}

.box2-left-title a{display: inline-block;padding: 0 25px;color: #333;font-size: 14px;line-height: 45px;height: 45px;overflow: hidden;}
@media screen and (min-width: 320px) and (max-width: 479px){
.box2-left-title a{padding: 0 15px;}
}
.box2-left-title a.on{background: #fff;color: #55acee;
border-top:2px solid #55acee;
}

.s11{padding: 20px;}

.s11-item{padding: 30px 0;border-bottom:1px solid #eee;}

.s11-img{width: 160px;float: left;margin-right: 20px;}
.s11-img img{width: 100%;height: auto;}
.s11-text{overflow: hidden;}


.s11-text h4{color: #2a333c;font-size: 22px;margin-bottom: 20px;margin-top: 0;}
.s11-text h4 a{color: #2a333c;}

.s11-text p{color: #666;font-size: 16px;margin-bottom: 20px;}

.s11-text a.more{display: inline-block;padding: 0 20px;line-height: 35px;    background: #55acee;
    background: ;
    color: #fff;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.s11-text span{margin-left: 13px;line-height: 35px;font-size: 16px;color: #f96868;}
.s11-text i{font-size: 18px;margin-right: 3px;}




@media screen and (min-width: 0) and (max-width: 767px){
.s11-img{width: 100%;text-align: center;float: none;margin-bottom: 20px;}
.s11-img img{width: auto;max-width:100%;}
}






.box2-right-title{height: 45px;background: #EEEEEE;}
.box2-right-title ul{padding: 0;margin: 0;}
.box2-right-title ul li{float: left;width: 50%;text-align: center;line-height: 45px;color: #333;cursor: pointer;}
.box2-right-title ul li.on{background: #fff;}

.box2-right-content{padding: 20px;}

.box2-right-content ul{padding: 0;margin: 0;}
.box2-right-content ul li{line-height: 26px;}
.box2-right-content ul li span{display: block;height: 20px;width: 20px;float: left;background: #E4EAEC;color: #333;
border-radius: 50%;
line-height: 20px;text-align: center;font-size: 14px;margin-top: 5px;margin-right: 10px;	
}


.box2-right-content ul li:nth-child(1) span,
.box2-right-content ul li:nth-child(2) span,
.box2-right-content ul li:nth-child(3) span{background: #F2A654;color: #fff;}

.box2-right-content ul li div{overflow: hidden;}

.box2-right-content ul li a{display: block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color: #76838f;}

.box2-right-content ul li p{color: #76838f;}

.box2-right-content ul li a:hover{color: #69B6F0;}




.s20{padding: 30px;}


.title40{border-bottom:1px solid #eee;margin-bottom: 30px;}

.title40 h4{    font-size: 30px;
    line-height: 1.5;
    color: #2a333c;}
.title40 p{    font-size: 16px;
    color: #a3afb7;}

.title40 p i{margin-left: 20px;margin-right: 5px;}





.bg-f2{background: #f2f2f2;	}
.s12{background: #f5f5f5;}
.s12-item{margin: 15px 0;}
.s12-item a{display: block;position: relative;text-decoration: none;overflow: hidden;}
.s12-img{}
.s12-img img{width: 100%;height: auto;}
.s12-text{background: #fff;text-align: center;padding: 10px;}
.s12-text h4{margin: 0;line-height: 30px;font-size: 16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s12-text p{text-align: left;font-size: 13px}

#frmGuestbookSubmit .form-control {color:#fff;}