html {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 300;
}
body {
	margin: 0px;
	padding: 0px;
}
.t_c{ text-align:center;}
.t_l{ text-align:left;}
.t_r{ text-align:right;}
.fl {
    float:left;
    display: inline;
}
.fr {
    float:right;
    display: inline;
}
.fc {
    float:center;
    display: inline;
}
.tc,.t_c{ text-align:center;}
img {
	border: none;
}
a{text-decoration: none;}
ol, ul, li {
	list-style: none;
}
.clear, .clr {
	clear: both;
}
.a_link:link{ color:#999999;}
.a_link:visited{ color:#999999;}
.a_link:hover{ color:#000000;}


.pt40{padding-top:40px;}
.sy{ float:right;}
.w_750{width:750px; position: relative; float:left;}
.w_420{width:420px; position: relative; float:right;}
.w_410{width:410px; position: relative;}
.w_520{width:520px;position: relative; margin:0px auto;padding-top:240px;}
.w_840{width:840px;position: relative; margin:0px auto;padding-top:50px;}
.w100 {
	margin: 0px;
	padding: 0px;
	width:100%;
}
.h100{ height:50px; margin-top:25px;}
.main,.main_1200{ width:1200px; margin:0px auto;padding:0px;}
.menubg{ background-color:#194D8C;}
.botbg{ background-color:#000000; height:50px; width:100%; line-height:50px; text-align:left; color:#FFFFFF; font-size:14px;}

.logo{ height:100px; width:260px; float:left;padding: 0px;margin:0px;}
.header-menu{
	padding: 0px;
	width:1200px; margin:0px auto;
height:50px;
}

 .header-menu a{
	display: block;
	text-align: center;
	text-decoration: none;
}
 .header-menu > ul > li{
	float: left;
	padding:0 40px;
	position: relative;
}
 .header-menu > ul > li > a{
	line-height: 50px;
	position: relative;
	color:#FFFFFF;
}

.fixed .header-menu > ul > li > a,
.on .header-menu > ul > li > a{
	line-height: 70px;
}
 .header-menu > ul > li:hover > a, 
 .header-menu > ul > li.hover > a, 
 .header-menu > ul > li.current > a{
	color: #ffcc02;
}
 .header-menu > ul > li:hover > a:after, 
 .header-menu > ul > li.hover > a:after, 
 .header-menu > ul > li.current > a:after{
	transform-origin: center;
    transform: scale(1);
}
 .header-menu > ul > li > ul{
	display: none;
	opacity: 0;

    min-width: 100%;
    background: rgba(85, 85, 90, 0.5);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  	padding:5px 0px;
    -webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    transition:all 200ms linear;
}
 .header-menu > ul > li:hover > ul{
    opacity: 1;
    visibility: visible;
    display: block;
}
 .header-menu > ul > li > ul > li{
	width: 100%;
	float: left;
	padding:5px 0px;
	height:40px;
	line-height:40px;
	-webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    transition:all 200ms linear;
}
 .header-menu > ul > li > ul > li:hover{
	background: #1b1813;
	padding:5px 0px;
}
 .header-menu > ul > li > ul > li > a{
	white-space:nowrap;
	color:#FFFFFF;
	padding:5px 10px;
}

.ind_pro_bg{ 
	background-attachment: scroll;
	background-image: url(../img/ind_pro_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:750px;
	width:100%;
	padding:0px;
	margin:0px;
}

.search_bg{ 
	background-attachment: scroll;
	background-image: url(../img/search_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:250px;
	width:100%;
	padding:0px;
	margin-top:30px;
}
.im{ font-family:"Arial","impact";}
.h1{ font-size:48px; text-align:center; color:#194D8C; padding:30px 0px;}
h4{
	color:#999999;
	font-size:16px;
	line-height:180%;
	font-family:Arial;
	font-weight: lighter;
}
h3{
	color:#194D8C;
	font-size:20px;
	line-height:180%;
	font-family:Arial;
}
.info_title{ font-size:18px; color:#333333; text-align:left;border-bottom:3px solid #194D8C; padding-bottom:10px;}

.info_bg{ width:100%; float:left;}

table{
	width:100%;
	font-size:14px;
	border:1px solid #E1E1E1;
	padding: 0px;
}
tr{ width:100%;}
td{font-size:14px; color:#333;padding-left:10px;border-bottom:1px solid #E1E1E1;min-width:20%;max-width:80%;}

.h0{ font-size:68px; text-align:left; color:#fff; padding:30px 0px;padding-top:500px;}
.h1_0{ font-size:48px; text-align:center; color:#194D8C; padding-top:30px; margin-bottom:-10px;}
.news{ width:1200px; margin:0px auto;}
.news li{ float:left; width:380px; margin-right:20px; margin-bottom:30px;border-bottom:1px solid #E1E1E1;}

.news li .h2{ text-align:left; font-size:20px; line-height:120%;color:#666666;}
.news li .span{ text-align:left; font-size:16px; line-height:150%;color:#999999; height:60px;}

.news li:nth-child(3*n){margin-right:0; padding:0px;}
.news li .img{ width:380px; margin-bottom:10px; height:200px;}
.news li a:link .h2{ text-align:left; font-size:20px; line-height:120%;color:#666666;}
.news li a:link .span{ text-align:left; font-size:16px; line-height:150%;color:#999999;}

.news li a:hover .h2{ text-align:left; font-size:20px; line-height:120%;color:#CD4828;}
.news li a:hover .span{ text-align:left; font-size:16px; line-height:150%;color:#999999; height:60px;}
.news li  .span1{display:block; height:50px; line-height:50px; color:#CD4828; font-size:16px;}
.news li .span1 img{ vertical-align:middle;}

.news_info{ width:100%; font-size:14px; line-height:180%; color:#999999;}


.div_h780{ height:770px;}

.pt60{padding-top:60px;}

.vid-wrap{
    width:100%;background: #000;
    position:relative;
   /*需要用padding来维持16:9比例,也就是9除以16*/

}
.vid-wrap video{
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height:auto;}

#headbanner{
    padding-top: 0px;
    overflow: hidden;
	position: relative;
}
#headbanner img{
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}


.top_div{
	width: 100%;
	height: 800px;
	color:#FFFFFF;
	background-color:rgba(0,0,0,0.5);
	padding-top:0px;
	font-weight: bold;
z-index:1000;
position: absolute;
}


.info_400{ width:400px; float:right;}
.info_400 span{ width:170px; height:40px;}

.SF_img{
cursor: pointer;
transition: all 0.6s;
padding:0px; 
margin:0px;
}
.SF_img:hover{
  transform: scale(1.05);
}

.link3{ width:100%; margin:0px; padding:10px 0px;}
.link3  li{ width:180px;padding-right:20px; float:left;color:#FFFFFF;font-size:18px;}
.link3  li nth-child(3n){padding-right:0px;}
.link3  li  .link_a{width:260px; margin:0px; padding:10px 0px;}

.link3  li  .link_a li  img{ vertical-align:middle;padding-right:5px;}
.link3  li  .link_a li a:link, .link3  li  .link_a li a:visited{ width:100%; height:25px; line-height:25px; color:#FFFFFF; font-size:14px;}
.link3  li  .link_a li a:hover{ width:100%; height:25px; line-height:25px; color:#ffcc00; font-size:14px;}





   /*产品中心*/

.ms{left:0px; top:0px; width:60px; height:60px; position:absolute;}
.proall{ width:1200px; margin:40px auto;}
.proall li{ width:100%;margin-bottom:20px; height:440px;border:1px solid #efefef;box-shadow: 0px 5px 20px rgba(4,0,0,.1);overflow: hidden;position:relative;}
.proall li a:link .img{ width:700px; float:left;cursor: pointer; height:440px;}
.proall li a:link .proright{ width:450px; float:right; margin:0px 20px;}
.proall li a:link .proright h2{color:#000000;font-size:36px; text-align:left;}
.proall li a:link .proright h3{color:#666;font-size:24px; text-align:left; line-height:150%; height:80px;}
.proall li a:link .proright span{font-size:14px; text-align:left; line-height:180%;color:#999999;}
.proall li a:link .proright .span3{font-size:18px; text-align:left; line-height:180%;color:#194D8C;display:block;border:1px solid #cccccc; width:100px;padding:0px 30px; line-height:40px; height:40px; margin:20px 0px;}

.proall li a:visited .img{ width:700px; float:left;cursor: pointer; height:440px;}
.proall li a:visited .proright{ width:450px; float:right;margin:0px 20px;}
.proall li a:visited .proright h2{color:#000000;font-size:36px; text-align:left;}
.proall li a:visited .proright h3{color:#666;font-size:24px; text-align:left; line-height:150%; height:80px;}
.proall li a:visited .proright span{font-size:14px; text-align:left; line-height:180%;color:#999999;}
.proall li a:visited .proright .span3{font-size:18px; text-align:left; line-height:180%;color:#194D8C;display:block;border:1px solid #cccccc; width:100px;padding:0px 30px; line-height:40px; height:40px; margin:20px 0px;}




.proall li a:hover .img{ width:700px; float:left;height:440px;}
.proall li a:hover .proright{ width:450px; float:right;margin:0px 20px;}
.proall li a:hover .proright h2{color:#194D8C;font-size:36px; text-align:left;}
.proall li a:hover .proright h3{color:#666;font-size:24px; text-align:left; line-height:150%; height:80px;}
.proall li a:hover .proright span{font-size:14px; text-align:left; line-height:180%;color:#666;}
.proall li a:hover .proright .span3{font-size:18px; text-align:left; background-color:#194D8C; line-height:180%;color:#fff;display:block;border:1px solid #194D8C; width:100px;padding:0px 30px; line-height:40px; height:40px;margin:20px 0px;}






/*fenye page?*/

#kkpager{
	clear:both;
	color:#999;
	padding:40px 0px 40px 0px;
	font-size:14px;
	width:98%;
	margin:0px auto;
}
#kkpager a{
	float: left;
	border: 1px solid #ccc;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	background: #fff;
	text-decoration:none;
	color:#666;
}

#kkpager span.disabled{
	float: left;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #999;
	background-color:#FFF;
	color:#ccc;
}
#kkpager span.curr{
	float: left;
	border: 1px solid #232C74;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #232C74;
	color: #fff;
}
#kkpager a:hover{
	border:1px solid #232C74; 
	background-color:#232C74; 
	color:#fff;
}
#kkpager span.normalsize{
}
#kkpager_gopage_wrap{
	position:relative;
	left:0px;
	top:0px;
}
#kkpager_btn_go {
	width:44px;
	height:18px;
	border:0px;
	overflow:hidden;
	line-height:140%;
	padding:0px;
	margin:0px;
	text-align:center;
	cursor:pointer;
	background-color:#232C74;
	color:#fff;
	position:absolute;
	left:0px;
	top:2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display:none;
	font-size:12px;
}
#kkpager_btn_go_input{
	width:36px;
	height:18px;
	color:#232C74;
	text-align:center;
	margin-left:1px;
	margin-right:1px;
	border:1px solid #1149A0;
	position:relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	left:0px;
	top:0px;
	outline:none;
	font-size:14px;
}

#kkpager_btn_go_input.focus{
	border-color:#232C74;
}

#kkpager .pageBtnWrap{
	float:left;
}
#kkpager .infoTextAndGoPageBtnWrap{
	float:right;
}
#kkpager .spanDot{
	float:left;
	margin-right:5px;
}

#kkpager .currPageNum{
	color:#FD7F4D;
}

#kkpager .infoTextAndGoPageBtnWrap{
	padding-top:5px;
}


.gduo{ width:100%; height:20px; background-color:#efefef; padding:10px;border: 1px solid #cccccc;}
.gduo span{ width:50%;}


.class_menu{ width:1200px; margin:0px auto; background-color:#194D8C;}
.class_menu li a:link,.class_menu li a:visited{ width:205px; padding:10px;font-size:15px; float:left; margin:6px; height:30px; text-align:center;color:#194D8C; background-color:#efefef;border: 1px solid #ddd; line-height:30px;}
.class_menu li a:hover{width:205px; padding:10px; float:left; font-size:15px; margin:5px; height:30px; text-align:center;color:#fff; background-color:#194D8C;line-height:30px;}















#video {
	width: 1200px;
	height: 650px;
	margin: 0 auto;
	position: relative;
	border: 1px solid #333333;
}

#video video {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.VideoBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	margin-top: -35px;
	cursor: pointer;
	z-index: 10;
}