@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
	}
fieldset, img {
    border: 0;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
input, button, textarea,
select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
code, kbd, samp, tt {
    font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
}

body{
	line-height:1.5em;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
sup, sub {
    font-size: 100%;
    vertical-align: baseline;
}
:link, :visited , ins {
    text-decoration: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
a{
	text-decoration:none;
	 -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	
}
a:hover{
	text-decoration:none;
}
html,body{
	-webkit-text-size-adjust:none;
	width:100%;
	height:100%;
	}

 

body{
	font-family:'Open Sans';
	font-size:14px;
	background-color:#FFF;
}
/*--------------导航内容区设置--------------*/

/*--------移动版导航--------------*/
.mobnav{
  background-color:#30357c;
  z-index:1;
  display: -webkit-flex; 
  display: flex;
  display:none;
   
}
@media (max-width:1023px){
	.mobnav{
		 display: -webkit-flex; 
  display: flex;
	}
}
.mobnav-con{
	flex:1;
	padding:10px 0;
}
.mobnavleft{
	width:80px;
	padding:10px 20px;

}
.mobnavleft{
	font-size:14px;
	position:relative;
	color:#00a2e9;
}

.mobnavleft a{
	color:#00a2e9;
}
.mobnavleft a:focus,.mobnavleft a:hover{
	text-decoration:none;
	background:none;
}
/*宽屏版电脑下拉菜单*/
.dropdown-menu{
	background-color:#232323;
	overflow:hidden;
	padding:0px;
	z-index:1000;
}
.dropdown-menu>li{
	border-bottom:#555 solid 1px;
	
}
.dropdown-menu>li>a{
	padding-top:8px;
	padding-bottom:8px;
	color:#fff;
}

.mobnavcenter{
	padding:10px 0;
}
.navtop {
	width:80px;
	padding:15px 20px 0px 20px;
	position:relative;
	display:inline-block;
	border:none
}
.btn-nav {
	position:relative;
	background:0 0;
	border:none;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease;
	cursor:pointer;
	z-index:99999
}
.btn-nav:focus {
	outline:0
}

.icon-bar {
	display:block;
	margin:4px 0;
	width:24px;
	height:3px;
	background-color:#00a2e9;
}
.btn-nav:hover .icon-bar {
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
	background-color:#fff;
}
.nav-content {
	position:fixed;
	top:-100%;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.7);
	display:block;
	height:100%;
	z-index:10000;
}
.nav-list {
	list-style:none;
	padding:0;
	position:relative;
	padding:3vw 0;
}

.item-anchor:after {
	content:"";
	position:absolute;
	width:3px;
	height:3px;
	left:0;
	bottom:0;
	z-index:9;
	background:0 0;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease
}
.item-anchor {
	color:#fff;
	font-size:30px;
	text-transform:uppercase;
	position:relative;
	text-decoration:none;
	padding:10px
}
.item-anchor:hover, .item-anchor:focus {
	color:#fff;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease
}
.item-anchor:hover:after, .item-anchor:focus:after {
	width:100%;
	background:#fff;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease
}

.nav-item {
	margin:40px auto;
	text-align:center
}
.itemchil{
	color:#fff;
	display:block;
	padding-top:18px;
	font-size:20px;
}
@media (max-width:980px){
	.nav-item {
		margin:10px auto;
	}
	.item-anchor {
		font-size:16px;
	}
	.nav-list {
		top:10%;
	}
	
	.itemchil{
		font-size:14px;
		padding-top:10px;
	}
}
.itemchil i{
	font-size:14px;
}
.animated {
	display:block;
	margin:0 auto
}
.animated:hover .icon-bar, .animated:focus .icon-bar {
	background-color:#fff;
}
.animated:focus {
	cursor:pointer;
	z-index:9999
}
.middle {
	margin:0 auto
}
.icon-bar {
-webkit-transition:all .7s ease;
-moz-transition:all .7s ease;
-ms-transition:all .7s ease;
-o-transition:all .7s ease;
transition:all .7s ease;
	z-index:999999
}
.animated .icon-bar {
	z-index:999999;
	background-color:#fff
}
.animated .top {
	-webkit-transform:translateY(6px) rotateZ(45deg);
	-moz-transform:translateY(6px) rotateZ(45deg);
	-ms-transform:translateY(6px) rotateZ(45deg);
	-o-transform:translateY(6px) rotateZ(45deg);
	transform:translateY(6px) rotateZ(45deg)
}
.animated .bottom {
	-webkit-transform:translateY(-8px) rotateZ(-45deg);
	-moz-transform:translateY(-8px) rotateZ(-45deg);
	-ms-transform:translateY(-8px) rotateZ(-45deg);
	-o-transform:translateY(-8px) rotateZ(-45deg);
	transform:translateY(-8px) rotateZ(-45deg)
}
.animated .middle {
	width:0
}
@keyframes showNav {
from {
top:-100%
}
to {
	top:0
}
}
@-webkit-keyframes showNav {
from {
top:-100%
}
to {
	top:0
}
}
@-moz-keyframes showNav {
from {
top:-100%
}
to {
	top:0
}
}
@-o-keyframes showNav {
from {
top:-100%
}
to {
	top:0
}
}
.showNav {
	-webkit-animation:showNav 1s ease forwards;
	-moz-animation:showNav 1s ease forwards;
	-o-animation:showNav 1s ease forwards;
	animation:showNav 1s ease forwards
}
@keyframes hideNav {
from {
top:0
}
to {
	top:-100%
}
}
@-webkit-keyframes hideNav {
from {
top:0
}
to {
	top:-100%
}
}
@-moz-keyframes hideNav {
from {
top:0
}
to {
	top:-100%
}
}
@-o-keyframes hideNav {
from {
top:0
}
to {
	top:-100%
}
}
.hideNav {
	-webkit-animation:hideNav 1s ease forwards;
	-moz-animation:hideNav 1s ease forwards;
	-o-animation:hideNav 1s ease forwards;
	animation:hideNav 1s ease forwards
}
.hidden {
	display:none;
}


/*--------移动版导航--------------*/
.wrap {
	width:100%;
	background-color:#fff;
	min-height:100%;
	padding-left:240px;
}

@media (max-width:1023px){
	#search,#menu-nav,.sidebar{
		display:none;
	}
	.wrap {
		padding-left:0px;
	}
}
.sidebar {
	position:fixed;
	top:0;
	z-index:12;
	height:100%;
	width:240px;
	color:#fff;
	background-color:#30357c;
	background-image:url(../images/sidebarbg.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:0 bottom;
}
#leftbrand{
	width:100%;
	margin:0;
	padding:5vh 2vw;
}

.sidebar ul {
  margin-top: 10px;
}
.sidebar li {
  list-style: none;
  padding: 8px 10px;
  position: relative;
}
.sidebar ul li a{
	padding-left:2vw;
}
.sidebar a{
  display:block;
  text-decoration: none;
  color: #fff;
  position: relative;
  z-index: 1000;
}
.sidebar .hover {
  display: block;
  position: absolute;
  width: 0%;
  height: 40px;
  top: 0px;
  left: 0px;
  background: #0c64ac;
  z-index: 0;
  opacity: 0;
}
.sidebar a:hover {
  color: #FFF;
}
.sidebar .home a:hover {
  color: #1db8ec !important;
}
.sidebar .big{
	margin-top:5px;
	color:#00b7ee !important;
	font-size:16px;
	font-weight:600;
	letter-spacing:2px;
}
.sidebarline{
	position:absolute;
	left:2vw;
	bottom:-2px;
	border-bottom:#1db8ec solid 1px;
	z-index:100000;
	width:100px;
}
.sidebar .about{
	margin-top:0px;
}
.sidebar .sub-menu {
  position: absolute;
  left: 240px;
  top: -30px;
  padding: 0px;
  width: 240px;
  display: none;
  background-color:#30357c;
}
.sidebar .sub-menu li a {
  font-size: 13px;
}
.sidebar .sub-menu i {
  left: 180px;
}
.sidebar ul li:hover ul {
  display: block;
}
.sidebar .push {
  margin-right: 10px;
}


#share{
	color:#fff;
	padding-top:10vh;
}
#share a{
	color:#fff;
	display:block;
	font-size:16px;
	padding:1vh 0 1vh 2vw;
}
#share a:hover{
	color:#00b7ee;
}
@media (max-width:1400px){
	#share a{
		display:inline-block;
	}
}
#search{
	position:absolute;
	right:20px;
	top:55px;
	z-index:15;
}
#search input{
	color:#fff;
}
#menu-nav{
	position:absolute;
	right:35px;
	top:40px;
	z-index:15;
	color:#fff;
}
#search .input-group{
	max-width:200px;
	margin-top:15px;
}

#search .form-control{
	border-radius:15px 0px 0px 15px;
	height:29px;
	border:#00b7ee solid 1px;
	border-right:none;
	background-color:transparent;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:none;
	
}
#search .form-control:focus{
	background-color:transparent;
}
#search  .btn-default{
	border-radius:0px 15px 15px  0px ;
	border:#00b7ee solid 1px;
	border-left:none;
   background-color:transparent;
   text-transform:uppercase;
   color:#00b7ee;
}
#search .btn{
	font-size:16px;
	padding:2px 8px;
}
/*--首页关于我们--*/
#indexabout{
	background-color:#f8f8f5;
	display: -webkit-flex; 
  	display: flex;
	padding-top:30px;
}
.indexabout{
	flex:1;
}
.indexaboutimga{
	display:block;
	background-color:#30357c;
	
}
.indexaboutimga img{
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.indexabout a:hover img{
	opacity:0.6;
filter:alpha(opacity=60);
}
.indexabout h2{
	color:#535353;
	font-weight:bold;
	font-size:20px;
}
.indeximg{
	position:relative;
}
.indexabouttxt{
	position:absolute;
	left:0;
	top:0;
	padding:5vh 5vw;
	z-index:10;
}
.indexabouttxt strong{
	font-weight:bold;
}
.indexmiddle{
	display: -webkit-flex; 
  	display: flex;
	flex-direction:column;
}
.indexabouttxt p{
	line-height: 22px;
  height: 88px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
   margin-top:15px;
   color:#787878;
}
.indexaboutnews h3{
	margin-top:1vw;
	font-weight:bold;
	line-height:22px;
}
.indexaboutnews h4{
	line-height:22px;
}
.indexaboutnews p{
	line-height: 22px !important;
  height: 44px !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2!important;
  overflow: hidden;
}
.indexaboutmore{
	display:block;
	width:100px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:2px 0;
	color:#787878;
	margin-top:4vw;
	border:#787878 solid 1px;
	border-radius:12px;
	text-align:center;
}
.indexaboutmore:hover{
	border:#00b7ee solid 1px;
	background-color:#00b7ee;
	color:#fff;
}
@media (min-width:1024px) and (max-width:1550px){
	.indexabouttxt{
		padding:2vh 2vw;
	}
	.indexaboutmore{
		margin-top:2vw;
	}
}
@media (min-width:1024px) and (max-width:1300px){
	.indexabouttxt{
		padding:1vh 2vw;
	}
	.indexabout h2{
		font-size:18px;
		
	}
	.indexabouttxt p{
		 height: 54px;
		  -webkit-line-clamp: 3;
		  font-size:12px;
		  line-height:18px;
		  margin-top:8px;
	}
	.indexaboutnews p{
	line-height: 18px !important;
  height: 36px !important;
	}
	.indexaboutnews h4{
	margin-bottom:0px;
	line-height:18px;
}
.indexaboutnews h3{
	overflow:hidden;
	height:22px;
}
}
@media (max-width:1023px){
	#indexabout{
		flex-direction:column;
	}
	.indeximg img{
		display:none;
	}
	.indexabouttxt{
		position:relative;
	}
	.indexmiddle{
		flex-direction:column-reverse;
	}
}
/*--首页产品系列--*/
#sliderpro{
	display: -webkit-flex; 
  	display: flex;
}
#sliderlfex-left{
	flex:1;
	flex-grow:2;
}
#sliderlfex-right{
	flex:1;
	background-image:url(../images/bannerproright.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:center;
}

	#sliderlfex-right h2{
		padding:3vw 0 0 5vw;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	text-transform:uppercase;
	}

	#sliderlfex-right a{
		padding:3vw 0 0 5vw;
		display:block;
		font-weight:bold;
		font-size:20px;
		margin-top:4vh;
	}
	
	.sliderlfexblack{
		color:#535353;
	}
	.sliderbig{
		font-size:32px;
		font-weight:bold;
		font-style:italic;
		margin-right:2vw;
		font-family:Arial, Helvetica, sans-serif;
	}
		@media (min-width:1280px) and (max-width:1550px){
		#sliderlfex-right a{
			padding:3.5vw 0 0 5vw;
			margin-top:1vw;
			font-size:20px;
		}
		.sliderbig{
			font-size:28px;
			
		}
		#sliderlfex-right h2{
			font-size:20px;
		}
		
	}
	@media  (max-width:1279px){
		
		#sliderlfex-right a{
			padding:1vw 0 0 5vw;
			font-size:16px;
			
		}
		.sliderbig{
			font-size:24px;
			
		}
		#sliderlfex-right h2{
			font-size:20px;
		}
	}
	@media  (max-width:1090px){
		#sliderlfex-right h2{
			padding:2vw 0 0 5vw;
			font-size:22px;
		}
	}
	@media (max-width:1023px){
		#sliderpro{
		flex-direction:column;
}
#sliderlfex-right{
	padding:30px 0;
}
#sliderlfex-right a{
			padding:30px 0 0 5vw;
			margin-top:30px;
		}
	}
	/*--首页产品结束--*/

/*--首页关于我们结束--*/

/*--表格--*/
#feedback{
	padding:60px 20px;
	max-width:1200px;
	margin:0 auto;
}
#feedback h2{
	font-size:30px;
	font-weight:bold;
	text-align:center;
	
}
#feedback .col-lg-6{
	padding-bottom:3vh;
}
#feedback hr{
	border-bottom:#535353 solid 1px;
	width:65px;
	margin-bottom:60px;
}
#feedback input{
	padding:20px 12px;
  background-repeat: no-repeat;
  background-image:url(../images/f-name.png);
  background-position:98% center;
}
#feedback .fmail{
	background-image:url(../images/f-mail.png);
}
#feedback .fphone{
	background-image:url(../images/f-phone.png);
}
#feedback .fmap{
	background-image:url(../images/f-map.png);
}
#feedback .fjob{
	background-image:url(../images/f-job.png);
}
/*--工作--*/
.job input{
	max-width:600px;
}
.job p{
	max-width:1200px;
	margin:3vw auto;
}
.job .col-lg-12{
	margin-bottom:1vw;
}
.job #feedback{
	padding:0px 20px 30px 20px;
}
#feedback .fmess{
	background-image:url(../images/f-message.png);
	padding:20px 12px;
  background-repeat: no-repeat;
  background-position:98% 20px;
}
#feedback .fbtn{
	text-align:center;
	padding-top:4vh;
	
}
#feedback .fbtn .btn-default{
	font-weight:bold;
	padding:12px 30px;
	font-size:16px;
}

/*--底部代码--*/
#footer{
	background-color:#30357c;
	 background-image:url(../images/bottombg.jpg);
	 background-size:cover;
	 padding:8vh 20px;
}


#footer h2{
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	margin-bottom:4vh;
}
#footer #contactdb{
	color:#d4d9dc;
	line-height:26px;
}
#footer #contactdb a{
	color:#d4d9dc;
}
#footer #contactdb a:hover{
	color:#00a2e9;
}
.kslj a{
	display:block;
	line-height:26px;
	color:#d4d9dc;
}
.kslj a:hover{
	color:#00a2e9;
}
#footer .list-inline li{
	vertical-align:text-top;
	max-width:350px;
	margin-bottom:30px;
}
@media (max-width:1023px){
	#footer .col-md-6{
	margin-top:30px;
}
#footer .list-inline li{
	margin-bottom:30px;
}
}
#footer .list-inline li:first-child{
	margin-right:3vw;
}
.copyright{
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	margin-right:10px;
}
.copyright h3{
	line-height:20px;
}
#copyright{
	margin-top:10vh;
}
/*--首页结束END--------------------------------------*/

/*--内页开始proudcts--*/
.nybg{
	background-color:#f8f8f5;
}
#app .row, #nycon,.nycon{
	max-width:1400px;
	margin:0 auto;
}
.padd60{
	padding-top:3vh;
}
.padd6020{
	padding:6vh 20px;
}
#nycon{
	padding:2vh 2vh 5vh 2vh;
}
#app{
		color:#787878;
	text-align:center;
	border-bottom:#d2d2d2 solid 1px;
	margin-bottom:30px;
	padding:20px 0;
	background-image: linear-gradient(to bottom, rgba(240,240,240,1), rgba(200,200,200,1));
}



#app .col-xs-4{
	position:relative;
}

.appline{
	position:absolute;
	right:0;
	top:10px;
	width:1px;
	height:50px;
	border-right:#CCC solid 1px;
}

#mobnav{
	 display: -webkit-flex; 
  display: flex;
  
}

@media (max-width:1023px){
	.proapp{
	display:none;
}
#mobnav{
	display: -webkit-flex; 
  display: flex;
}
}
.mobnav{
	flex:1;
	color:#fff;
	padding:10px 10px;
	cursor:pointer;
	 justify-content:center;
	 align-items:center;
}
.mobnavmenu{
	width:100%;
	background-color:#0063af;
	display:none;
}
.mobnavmenu a{
	display:block;
	padding:10px;
	text-align:center;
	border-bottom:#30357c solid 1px;
}
#pro-title{
	font-size:30px;
	font-family: 'Kanit', sans-serif;
}
.product-item{
	margin-top:5vh;
}
.productsitem{
	background:none;
	padding:0;
	border:none;
    border-radius:0px;
	margin-bottom:40px;
	 -moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}
.productsitem:hover{
	-webkit-box-shadow:0px 0px 20px #aaaaaa;  
    -moz-box-shadow:0px 0px 20px #aaaaaa;  
     box-shadow:0px 0px 20px #aaaaaa;
}
.thumbnail .caption{
	padding:9px;
	 white-space:nowrap;
	text-align:center;
	color:#333;
	}

.productsitem:hover .caption{
	background-color:#30357c;
	color:#fff;
}

/*重定分页*/

.pagination>li>span{
	color:#fff;
	background-color:#30357c;
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff;background-color:#30357c;border-color:#ddd;}
.pagination>li>a{
	color:#535353;
	background-color:#fff;
	border-color:#ddd;
}

/*产品详细*/


.proname{
	font-size:16px;
	color:#666;
	line-height:30px;
	font-weight:normal;
}
.proname strong{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#30357c;
	font-weight:bold;
}
.proviewgs p{
	line-height:20px;
    color:#333;
	margin-bottom:5px;
	word-wrap: break-word;
    word-break: normal;
	}
.proviewgs th,.proviewgs h3{
	padding:10px 0;
	font-size:20px;
	color:#535353;
	
}

.promartoppos{
	 display: -webkit-flex; 
  display: flex;
}
.promartop{
	background-color:#e5e5e5;
	border-bottom:#c1c1c1 solid 1px;
	text-transform:uppercase;
	margin-top:6vh;
	font-size:16px;
	font-weight:bold;
	color:#666;
	}


.promartoptitle{
	flex:1;
	padding:20px;
	cursor:pointer;
	text-align:center;
	position:relative;
	border-left:#999 solid 1px;
}
.promartoptitle:hover{
	background-color:#30357c;
	color:#fff;
}
.redline{
	left:0px;
	top:-3px;
	position:absolute;
	width:100%;
	border-top:#00b1ea solid 3px;
	display:none;
}
.promartoptitle:hover .redline{
	display:block;
}

@media (max-width:768px){
	#pro-title{
		font-size:24px;
	}
	.product-item{
	margin-top:3vh;
}
.promartop{
	font-size:12px;
}
.promartoptitle{
	padding:5px 2px;
}
}
.nyjiacondetc{
	overflow:hidden;
	display:none;
	overflow-x: scroll;
}

.proviewbgny{
	overflow:hidden;
	color:#333;
	background-color:#fff;
	padding:6vh 20px;
}
.proviewbgny h3{
	color:#333;
	padding:15px 0;
	font-size:20px;
	
}

.proviewbgny p{
	line-height:25px;
	word-wrap: break-word;
    word-break: normal;
	}
.proviewbgny img{
	width:auto !important;
	height:auto !important;
	max-width:100%;
}
.proviewbgny table{
	width:100%;
}

.proviewbgny table tr:nth-child(odd) {
  background-color:#F5F5F5;
}
.proviewbgny table tr:nth-child(even) {
  background-color:#fff;
}
.proviewbgny table tr:nth-child(1) {
  background-color:#888;
  color:#fff;
  font-weight:bold;
}
.proviewbgny table tr:nth-child(2) {
  background-color:#888;
  color:#fff;
  font-weight:bold;
}
.proviewbgny table td{
	padding:5px 10px;
	text-align:center;
	border:#CCC solid 1px;
}
.specialtalbe{
	  background-color:#888 !important;
  color:#fff !important;
  font-weight:bold !important;
}
#proothers{
	  margin-top:3vh;
	  width:100%;
	  border-bottom:#dcdddd solid 1px;
  }
  #proothersleft{
	  padding:0 0 20px 0;
	  border-bottom:#0055a4 solid 3px;
	  margin:0 auto;
	  max-width:300px;
	  text-align:center;
	  font-size:24px;
	  text-transform:uppercase;
	  color:#535353;
	  margin-bottom:-3px;
	  
  }
@media (max-width:1000px){
	
	.proviewbgny table{
		margin:0;
	}
	.proviewbgny table td{
	padding:0px 0px;
}
}

/*--关于我们--*/


#aboutnv{
	text-align:center;
	border-bottom:#c2c2c2 solid 1px;
	background-image: linear-gradient(to bottom, rgba(240,240,240,1), rgba(200,200,200,1));
}

#aboutnv a{
	display:block;
	color:#787878;
	font-size:16px;
	padding:20px 0;
	font-weight:bold;
	
}

#aboutnv a:hover,.aboutcur{
	color:#333 !important;
}
#aboutnv .col-xs-4{
	position:relative;
}
#aboutnv .row{
	max-width:1400px;
	margin:0 auto;
}
#about{
	background-image:url(../images/about2.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	
}
.about{
	display: -webkit-flex; 
  display: flex;
}
.aboutleft{
	flex:1;
	padding-top:8vh;
	padding-right:5vw;
	padding-left:8vw;
}
.about1{
	flex-grow:5;
	padding-bottom:6vh;
}
.aboutright{
	flex:1;
	background-image:url(../images/about1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.about2 h4,.about h4{
	font-size:18px;
	color:#30357c;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:120px;
	position:relative;
	margin-bottom:10px;
}
.about h5{
	font-size:18px;
	color:#30357c;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:60px;
	position:relative;
	margin-bottom:10px;
}
.about h5 hr{
	width:40px;
	border-bottom:#30357c solid 2px;
	position:absolute;
	top:-10px;
	left:0px;
}

.about h4 hr{
	width:110px;
	border-bottom:#30357c solid 2px;
	position:absolute;
	top:-10px;
	left:0px;
}
.about2 h2,.about h2{
	font-size:32px;
	font-weight:bold;
	text-transform:uppercase;
	max-width:600px;
	letter-spacing:2px;
}
.about p{
	margin-top:3vh;
	line-height:30px;
}
#yuanhuan{
	display: -webkit-flex; 
  display: flex;
}
.yuanhuan{
	flex:1;
	margin-top:5vh;
}
.yuanhuan p{
	text-align:center;
	max-width:200px;
	text-align:center;
	margin:20px auto;
}
/*支持IE9及以上*/
.circle-bar { font-size:140px; width: 1em; height: 1em; position: relative;  background-color: #30357c; margin:0 auto; }
.circle-bar-left,.circle-bar-left1,.circle-bar-left2,.circle-bar-right,.circle-bar-right1,.circle-bar-right2 { width: 1em; height: 1em;  }
/*这里采用clip剪切了圆，实现左右两个半圆，右半圆在后面，因此在更上一层，
 clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
     */
.circle-bar-right,.circle-bar-right1,.circle-bar-right2 { clip:rect(0,auto,auto,.5em);background-color: #dcdcdc; }
.circle-bar-right1,.circle-bar-right2{
	transform:rotate(0deg);
	background-color: #30357c;
}
.circle-bar-left1{
	transform:rotate(70deg);
}
.circle-bar-left2{
	transform:rotate(108deg);
}
.circle-bar-left,.circle-bar-left1,.circle-bar-left2{ clip:rect(0,.5em,auto,0); background-color: #dcdcdc;}
.mask { width: 0.87em; height: 0.87em;  background-color: #f8f8f5;text-align: center;line-height: 0.3em; color:rgba(0,0,0,0.5); }
.mask :first-child { font-size: 0.13em; font-weight:bold; color:#30357c; height: 1.6em; line-height: 1em; display: block;  }
/*所有的后代都水平垂直居中，这样就是同心圆了*/
.circle-bar * {  position: absolute; top:0; right:0; bottom:0; left:0; margin:auto; }
/*自身以及子元素都是圆*/
.circle-bar, .circle-bar > * { border-radius: 50%; }
@media (max-width:1023px){
	.circle-bar{
		font-size:130px;
	}
	
}
@media (max-width:490px){
	.circle-bar{
		font-size:100px;
	}
	
}
.about2{
	background-image: linear-gradient(to right,rgba(48,53,124,0.2) 10%, rgba(48,53,124,0.4) 35%,rgba(48,53,124,1) 55%);
	padding:8vh 20px;
}
.about2 h4{
	color:#fff;
}
.about2 h4 hr{
	width:110px;
	border-bottom:#fff solid 2px;
	position:absolute;
	top:-10px;
	left:0px;
}
.about2 h2{
	color:#fff;
}
.about2 p{
	color:#fff;
	max-width:600px;
	margin-top:3vh;
	line-height:30px;
}
.about2app{
	padding-top:5vh;
}
.about2app p{
	margin-top:5px;
	text-align:center;
}

.about3right{
	background-image:url(../images/about3.jpg);
}
.about3{
	padding-bottom:6vh;
}
.about4{
	background-image:url(../images/fzbz.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	padding:8vh 30px;
	background-color:#fff;
}
.about4 h4{
	font-size:18px;
	color:#333;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	padding:4vh 0;
	
}

.about4 p{
	max-width:850px;
	text-align:center;
	margin:0 auto;
	position:relative;
	line-height:24px;
}
.about4 p:before{
	 color: #392570;
  content: "\201C";
  font-size: 8em;
  position:absolute;
  left:-6vw;
  top: 20px;

  font-weight:bold;
}
.about4 p:after{
	 color: #392570;
  content: "\201D";
  font-size: 8em;
  position:absolute;
  right:-6vw;
 bottom: -6vh;
 
 font-weight:bold;
}
@media (max-width:1023px){
	.about4 p:before,.about4 p:after{
		font-size:60px;
	}
		.about4 p:before{
		 top: -15px;
	}
}
.aboutmore{
	display:block;
	width:150px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:8px 0;
	color:#535353;
	margin:8vh auto;
	border:#535353 solid 1px;
	border-radius:8px;
	text-align:center;
}
.aboutmore:hover{
	border:#00a2e9 solid 1px;
	color:#00a2e9;
}
@media (min-width:1024px) and (max-width:1550px){
	.about2 h2,.about h2{
		font-size:32px;
	}
}
@media (max-width:1023px){
	#aboutnv a{
		padding:10px 0;
		height:36px;
		overflow:hidden;
		
	}
	#aboutnv{
		border-bottom:none;
	}
	#aboutnv .col-xs-6{
	border-bottom:#c2c2c2 solid 1px;
	}
	.about{
		display:block; 
	}
	.about2{
	background-image: linear-gradient(to bottom,rgba(48,53,124,0.7), rgba(48,53,124,1) 50%);
}
	.about2 h2,.about h2{
		font-size:24px;
	}

}

@media (max-width:768px){
	#aboutnv a{
		font-size:14px;
	}
}
/*-----honor-----*/
.abouthonor{
	flex-grow:2;
	padding-bottom:20vh;
}
.abouthonorright{
	background-image:url(../images/honorcup.jpg);
	background-size:auto auto;
}
.honorimg{
	max-width:1200px;
	padding:0 20px 6vh 20px;
}
.honorimg .col-sm-3{
	margin-bottom:20px;
}
.honorimg .caption{
	text-align:center;
	padding:8px 0;
}
.honorimg img:hover{
	-webkit-box-shadow:0px 0px 20px #aaaaaa;  
    -moz-box-shadow:0px 0px 20px #aaaaaa;  
     box-shadow:0px 0px 20px #aaaaaa;
}
/*-----workshop-----*/

.workshop{
	padding-bottom:5vh;
}
#brand{
	padding-bottom:6vh;
}
#brand h2{
	font-size:30px;
	font-family: 'Kanit', sans-serif;
	text-transform:uppercase;
	text-align:center;
	padding:5vh 0;
	color:#30357c;
}

#brand blockquote{
	background-color:#999;
	font-size:16px;
	line-height:28px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	padding:20px 20px;
	border-radius:8px;
	margin-bottom:30px;
	-webkit-box-shadow:inset 3px 6px 3px rgba(0,0,0,.3);
	box-shadow:inset 3px 6px 3px rgba(0,0,0,.3);
	}
#brand p{
	margin:10px;
}
#brand p strong{
	font-weight:bold;
	color:#30357c;
}
#brand .col-sm-3{
	margin-top:30px;
}
#brand img{
	border-radius:5px;
	-moz-box-shadow:0px 0px 10px #666666;
    -webkit-box-shadow:0px 0px 10px #666666;
	box-shadow:0px 0px 10px #666666;/*-----水平位移，垂直位移，模糊半径------------*/
}


/****新闻中心*****/
.newitem{
	border-bottom:#d5d5d5 solid 1px;
	padding-bottom:20px;
	padding-top:30px;
}


.newitem .col-md-3 a{
	display:block;
	background-color:#30357c;
}

.newitem img:hover{
	opacity:0.6;
    filter:alpha(opacity=60);
}
.newitem h3{
	font-size: 20px;
	font-weight:bold;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; 
}
.newitem a:hover h3{
	color:#c9161e;
}
.newitem h4{
	padding:15px 0 10px 0;
	color: #828282;
	font-size:14px;
}
.newitem p{
	word-break:break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow:ellipsis;
	color: #5f5f5f;
	padding-bottom:60px;
}
@media (max-width:1023px){
	#brand h2{
		font-size:24px;
	}
	#brand blockquote{
		font-size:14px;
		line-height:24px;
	}
	.newitem .col-md-3{
			padding-bottom:30px;
		}
}
@media (max-width:768px){
		.newitem p{
			-webkit-line-clamp: 10;
		}
		
}
.more a{
	display:block;
	width:120px;
	border-radius:25px;
	border:#000 solid 1px;
	padding:6px 0;
	text-align:center;
	text-decoration:none;
	font-size: 14px;
	color: #000;
	margin-top:35px;
	}
.more a span{
	position:relative;
	left:0;
	-webkit-transition: left .3s ease-in-out;
    -moz-transition: left .3s ease-in-out;
    -ms-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out; 
}
.more a:hover span{
	left:10px;
}
.more a:hover{
	color:#fff;
	background-color:#00b7ee;
	border:#00b7ee solid 1px;
}

/***新闻详细***/
.newsview img{
	width:100%;
	max-width:100%;
	width:auto!important;
	height:auto!important;
	display:block;
	margin:0 auto;
}
.newsview  h2,.newsview-name{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	color:#333;
}
.newsview-name{
	margin-top:5vh;
}
.SiteLink{
	padding-top:2vw;
	}
.SiteLink a{
	color:#00a2e9;
}
.SiteLink a:hover{
	color:#666;
}
.SiteLink p{
	margin-top:10px;
	margin-bottom:20px;
}
.SiteLink h2{
	font-weight:bold;
	font-size:24px;
	font-family:"宋体";
}
.SiteLink h3{
	font-weight:bold;
	font-size:20px;
	font-family:"宋体";
}
.SiteLink p strong{
	font-weight:bold;
}
.newsview-name{
	font-size:24px;
	margin-bottom:20px;

	}
.newsview-time{
	color:#787878;
	text-align:center;
	padding:10px 0;
}
.newsline{
	border-bottom:#999 dashed 1px;
}
.newsview-div{
	text-align:right;
}

.newsview-page a{
	color:#333;
}
.newsview-page a:hover{
	color:#00a2e9;
}
.newsview h3{
	font-size:14px;
	font-weight:bold;
}

/*--目录下载-*/

.catalog{
	 flex-wrap:wrap;
	display:-webkit-box;
   display:-webkit-flex;
   display:-ms-flexbox;
   dispiay:flex;
   margin-top:20px;
}
.catalog  .btn-default{
   background-image: linear-gradient(to top,#d0d0d0, #e4e4e4,#fbfbfb);
   border:#ababab solid 1px;
   font-weight:bold;
   padding:6px 15px;
   color:#555;
 
}
.catalog  .btn-default:hover{
	color:#000;
	  -moz-box-shadow:0px 0px 6px #666666;
    -webkit-box-shadow:0px 0px 6px #666666;
	box-shadow:0px 0px 6px #666666;/*-----水平位移，垂直位移，模糊半径------------*/
}
.catalog:first-child{
	 border-top:none;
}
.catalogitem,.catalogcon{
	flex:1;
	padding-top:15px;
	padding-bottom:15px;
	border:#d1d1d1 solid 1px;
	border-left:none;
	display: -webkit-flex;
  display: -ms-flexbox;
   display: flex;
   align-items:center;
   justify-content:center;
}
.catalogitembg{
	background-color:#00a2e9;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
.catalogcon{
	padding-left:20px;
	padding-right:20px;
}
.catalogcon{
	flex-grow:2;
}
@media (max-width:768px){
	
	.catalog{
		display:block;
	}
	.catalogcon{
	 border-bottom:#CCC solid 1px;
	 border-top:#CCC solid 1px;
}
}
.catabor{
	border-top:#CCC solid 1px;
	background-color:#047e44;
	color:#fccf00;
	font-weight:bold;
	margin-top:30px;
}
.cataline{
	width:45px;
	background-color:#fdd100;
	height:5px;
	margin-bottom:30px;
}
/*--------*/
#contact{
	display:-webkit-box;
   display:-webkit-flex;
   display:-ms-flexbox;
   dispiay:flex;
}
.contactleft{
	flex:1;
	padding-right:20px;
	padding-bottom:5vh;
}
#dituContent{
	flex:1;
	flex-grow:3;
	height:500px;
	border:#CCC solid 1px;
}
.contactright{
	flex:1;
	flex-grow:2;
}
#contact h2{
	font-size:32px;
	
}
#contact #feedback{
	padding:0px 0px;
	max-width:1200px;
	margin:0 auto;
}
#contact p{
	padding:20px 0;
}
#contact a{
	color:#333;
}
#contact a:hover{
	color:#00a2e9;
}
#contact  li{
	font-size:18px;
	font-weight:bold;
	padding:10px 0;
}
#contact  li i{
	color:#00a2e9;
	font-size:16px;
}
#map_canvas{
	width:100%;
	height:350px;
	 border:#CCC solid 1px;
	 margin-top:5vh;
}
@media (max-width:1000px){
	#contact{
		display:block;
	}
	
	
}
.exhi h2{
	font-family: 'Kanit', sans-serif;
	color:#535353;
	font-size:24px;
	font-weight:bold;
	padding-bottom:30px;
}
.exhi .col-sm-4{
	margin-bottom:30px;
}

#login{
	width:100%;
	height:100%;
	position:fixed;
	 display: -webkit-flex; 
     display: flex;
	  justify-content:center;
	 align-items:center;
	left:0;
	top:0;
	display:none;
	background-color:rgba(0,0,0,0.6);
	z-index:1000;
}

#passinput{
	width:90%;
	max-width:300px;
	padding:15px;
	background-color:#FFF;
	border-radius:8px;
}
#passinput h1{
	font-size:20px;
	font-weight:bold;
	font-family: 'Kanit', sans-serif;
	margin-bottom:10px;
	text-transform:uppercase;
}
#passinput p{
	font-size:12px;
	margin-top:15px;
	}
#passinput p a{
	color:#00a2e9;
	text-decoration:underline;
}