body {font-size: 13px;}
	.w-site-width{width:}	
#site-name-handler, #top{height:120px; }#sn-position{height:118px; }
#sn-position h1{left:2px;top:10px;color:#343434;font-size:36px;}
#sn-position h1 a {color:#343434;}
#sn-position h2 {left:140px;top:44px;color:#343434;font-size:14px;}

ul.columns-2 {    width: 360px !important; }
ul.columns-3 {    width: 500px !important; }
ul.columns-4 {    width: 660px !important; }
ul.columns-5 {    width: 860px !important; }

	.camera_caption { top: 20%; }
.camera_caption div.container div { width: 48%; }
	
 

body{background:#f7f7f7;color:#343434;}
#top-a-line{background-color:#343434;}


#log-panel a, #log-panel a:hover {
	color: #a1a1a1;
}

#menu,.camera_prev > span,.camera_next > span,.camera_commands > .camera_play,.camera_commands > .camera_stop,.camera_prevThumbs div,.camera_nextThumbs div,#social-links li a,#menu .menu-nav li ul, #menu .menu-nav li ul li ul, #nav ol, #nav ul, #nav ol ol, #nav ul ul,.custom_style2 h3 > img,.custom_style1 a {
	background-color: #3886c9 !important;
}

.camera_prev > span:hover,.camera_next > span:hover,.camera_commands > .camera_play:hover,.camera_commands > .camera_stop:hover,.camera_prevThumbs div:hover,.camera_nextThumbs div:hover,#social-links li a:hover {
	background-color: #343434 !important;
}

a,a:hover, .moduletable_menu_light ul.menu li ul li a:hover, .moduletable_menu ul.menu li ul li a:hover {
	color: #3886c9;
}

.camera_thumbs_cont ul li > img {
	border: 1px solid #3886c9 !important;
}

.button, button, a.button {
	color: #ffffff !important;
	background-color: #3886c9 !important;
}

.button:hover, button:hover, a.button:hover {
	color: #ffffff !important;
	background-color: #343434 !important;
}

#menu .menu-nav li a, #menu .menu-nav ul a, #menu .menu-nav ul ul a, ul.menu-nav li a small {
	color: #ffffff;
}

#menu .menu-nav a:hover, .menu-nav li.sfHover > a, .menu-nav li a:hover, .menu-nav li.active > a{background-color:#2472b5;color: #ffffff !important;}

fieldset{border-top: 1px solid #e0e0e0;}
thead th, table th, tbody th, tbody td{border-top: 1px solid #e0e0e0;}
tbody th, tbody td, h2 .contact-name, .search-results dt.result-title{border-bottom: 1px solid #e0e0e0;}



.camera_caption h1 {
	background-color: #fac532;
	color: #09367a;
}

.camera_caption h2 {
	background-color: #ffffff;
	color: #343434;
}

.camera_caption p {
	color: #343434;
}



#top-modules {
	background-color: #f5f5f5;
	color: #343434;
}

#top-modules a {
	color: #3886c9;
}


#bot-modules {
	background-color: #3886c9;
	color: #fffefc;
}

#bot-modules h3, #bot-modules .moduletable { 
	color: #fffefc !important;
}

#bot-modules a {
	color: #ffffff;
}



.moduletable {
	color: #343434;
}

.moduletable a {
	color: #3886c9;
}

.moduletable h3, .moduletable_menu h3, thead th, table th, .moduletable_menu_light h3 {
	color: #343434;font-weight: bold;
}



.moduletable_menu ul.menu li a, .moduletable_menu_light ul.menu li a, .latestnews_menu_light li a, .latestnews_menu li a {
	color: #3886c9;
}
.moduletable_menu ul.menu li a:hover, .moduletable_menu_light ul.menu li a:hover, ul.latestnews_menu li a:hover {
	background-color: #3886c9;
	color: #ffffff;
}


.moduletable_style1 {
	color: #343434;
}
.moduletable_style1 a {
	color: #3886c9;
}
.moduletable_style1 h3 {
	color: #343434;
} 


.moduletable_style2:hover {
	color: #ffffff;
	background-color: #3886c9 !important;
}


#footer-line a {color: #3886c9;}
#footer-line a:hover {color: #3886c9;}
#footer-line {color: #343434}
.magnify-modal {
	box-shadow: 0 0 6px 2px rgba(0, 0, 0, .3);
  }

  .magnify-header .magnify-toolbar {
	background-color: rgba(0, 0, 0, .5);
  }

  .magnify-stage {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-width: 0;
  }

  .magnify-footer .magnify-toolbar {
	background-color: rgba(0, 0, 0, .5);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
  }

  .magnify-header,
  .magnify-footer {
	pointer-events: none;
  }

  .magnify-button {
	pointer-events: auto;
  }
  .indexabout h1{color: #09367a;font-size: 25px;font-weight: 700;}
  .indexabout .item-page h2{color:#2472b5;font-size: 18px;}
  .indexabout p{color: #707070;}
  .newstitle h2{width: 80%;float: left;margin-top: 0;}
  .newslist{display: block;}
  .newslist ul{display: flex;-webkit-display:flex;-moz-display:flex;justify-content: space-between;width: 100%;flex-wrap: wrap;    margin: 0 0 10px 0;}
  .newslist ul::after{content: "";display: block;width: 32%;}
  .newslist ul li{width: 32%;margin-bottom: 20px;}
  .newslist .pimg{height: 258px;line-height: 258px;overflow: hidden;text-align: center;}
  .newslist .pimg img{max-width: 100%;width:auto;height: auto;}
  .newslist span{display: block;    padding: 5px 0px;  margin-bottom: 11px;  font-weight: 500;  letter-spacing: 0px; font-size: 140%;}
  .newslist p{display: block;margin: 0 0 10px;color: #343434;    font-size: 13px;line-height: 1.60;}
  .newslist abbr{display: block;}
  .newslist abbr>a{display: block;width: 100%;height: 100%;color: #3886c9;font-weight: bold;}
  .newsview h1{font-size: 30px;}
  .newsview img{max-width: 100%;width: auto;max-height: 100%;height: auto;margin: 0 auto;}
  .piclist ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin:30px auto;}
  .piclist ul li{width: 32%;margin:0;}
  .piclist ul li .pimg{height: 270px;overflow: hidden;display: flex;align-items: center;}
  .piclist ul li .pimg img{transition: all 0.5s ease;max-width: 100%;width:auto;}
  .piclist ul::after{content:"";width: 33%;}
  .piclist ul li p{height: 40px;line-height: 40px;text-align: center;}
  .item-page h3{background-color: #3886c9;color: #fff;height: 40px;line-height: 40px;padding: 0 0 0 20px;font-size: 140%;font-weight: bold;}
  .item-page p{color: #707070;}
  .item-page h1{color: #000;}
  .item-page h2{color: #2472b5;font-size: 30px;}
  .item-page h5{color: #09367a;font-size: 20px;}
  .span3 iframe{display: none;}
  .span3 h5{background-color: #3886c9;height: 40px;line-height: 40px;padding-left:10px;color: #fff;}
  table p{color: #707070;}
table strong{color: #000;}
  .prolist {clear: both;}
  .prolist ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin:0}
  .prolist ul::after{content: "";width: 33%;}
  .prolist ul li{width: 32%;padding:1%;box-sizing: border-box;margin:0}
  .prolist ul li .pimg{max-height: 220px;overflow: hidden;text-align: center;box-shadow: 3px 2px 8px #0000004f;background: #fff;}
  .prolist ul li .pimg img{max-height: 100%;}
  .prolist ul li p{height: 40px;line-height:40px;overflow: hidden;text-align: center;margin-bottom: 0;}
  .prolist ul li p>a{color: #000;}
  .prolist ul li:hover{background: #cce8ff;}
  .parbg{padding:30px 0;background-color: #eee;position: relative;}
  .partner .swiper-wrapper{justify-content: space-between;display: flex;margin-bottom: 40px;}
  .swiper-slide {text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center; }
  .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
  .licheng{width: 100%;height: auto;}
  .licheng h3{font-size: 18px;color: #09367a;text-align: center;}
  .licheng h3::after{content: "";display: block;width: 28px;height: 4px;background: #a1a1a1;margin: 6px auto;}
  .licheng ul{padding:70px 0;margin:0;/*overflow-x: scroll;display: -webkit-box;display: -moz-box;*/display: flex;justify-content: space-between;}
  .licheng ul li{height: auto;position: relative;padding: 20px;box-sizing: border-box;float: left;
	border-radius: 15px;border:1px solid #3886c9;}
  .licheng ul li span{display: block;font-size: 16px;color: #000;margin: 20px 0;}
  .licheng ul li abbr{display: block;width:148px;height: 53px;background: url(../image/lichengico.png) center center no-repeat;position: absolute;
	top: -65px;right: -30%;}
  .licheng ul li p{position: absolute;height: 40px;line-height: 40px;text-align: center;color: #fff;background-color: #3886c9 ;border-radius: 4px;width: 50%;
	top: -20px;left: 50%;    transform: translate(-50%, 0);font-size:16px;overflow: hidden;}
  .licheng ul li:nth-child(odd) p{top: -20px;}
  .licheng ul li:nth-child(odd) abbr{    top: -65px;right: -30%;}
  .licheng ul li:nth-child(even) p{top:97%;}
  .licheng ul li:nth-child(even) abbr{background: url(../image/lichengico1.png) right center no-repeat;top:100%;;right: -30%;}
  .licheng ul li:nth-last-child(1) abbr{display: none;}
  .licheng dl{margin-top: 20px;}
  .licheng dl dd{margin-bottom: 15px;}
  .licheng dl dd abbr{height: 30px;line-height: 30px;background: #2472b5;display: block;color: #fff;width: 80px;text-align: center;}
  .licheng dl dd p{height: 30px;line-height: 30px;color: #000;margin-bottom: 0;}
  .licheng ul li .pimg{width: 100%;}
  .licheng ul li .pimg img{width: 100%;height: auto;}
  .licheng ul li .pimg div{width:auto;margin-bottom: 10px;}
  .fanganlist {margin:30px auto;}
  .fanganlist ul{display: block;}
  .fanganlist ul li{margin: 30px auto;display: flex;justify-content:flex-end;}
  .fanganlist ul li .pimg{width: 65%;overflow: hidden;height:auto}
  .fanganlist ul li .pimg img{transition: all 0.5s ease;max-width: 100%;}
  .fanganlist ul li .ptxt{width:44%;overflow: hidden;padding:20px;box-sizing: border-box;background-color:#787878;}
  .fanganlist ul li .ptxt h4{color: #fff;font-size: 22px;}
  .fanganlist ul li .ptxt p{color: #fff;font-size: 16px;line-height: 1.5;font-family: Arial, Helvetica, sans-serif;}
  .fanganlist ul li .ptxt .more{width: 120px;height: 40px;line-height: 40px;background-color: #c33c30;border-radius: 25px;text-align: center;}
  .fanganlist ul li .ptxt .more a{display: block;width: 100%;height: 100%;color: #fff;}
  .fanganlist .fcontent{display: block;clear: both;}
  .fanganlist .fcontent h5{color: #3886c9;font-size: 20px;}
  .fanganlist .fcontent p{font-size: 16px;color: #555555;line-height: 1.5;}
  @media (max-width: 768px){
	#search-position{float:left}
	.prolist ul li{width: 48.5%;}
	.licheng ul{flex-wrap: wrap;}
	.licheng ul li{padding: 10px;}
  .piclist ul li{width: 48%;}
  .piclist ul::after{width: 50%;}
  .fanganlist ul{margin:0 0 10px 0;}
  .fanganlist ul li .pimg{width: 100%;}
  .fanganlist ul li .ptxt{width: 100%;}
  .fanganlist ul li{flex-wrap: wrap;}
  }
  @media screen and (max-width: 569px){  .newslist ul li{width: 100%;box-sizing: border-box;}
  .newslist ul::after{content: "";display: block;width: 100%;}
  .licheng ul li{width: 48%;margin-bottom: 15px;}
}
@media (max-width:430px){
	.prolist ul li{width: 100%;}
	.licheng ul{padding: 30px 0;}
	.licheng ul li{width: 100%;margin-top: 15px;margin-left: 0;}
	.licheng ul li abbr{display: none;}
	.licheng ul li:nth-child(even) p{top: -20px;}
  .piclist ul li{width: 100%;}
  .piclist ul::after{width: 100%;}
}