a{ color: #333; text-decoration: none;}
a:hover{ color: #e52113;  text-decoration: none;  }
li{ list-style: none; }
.h70{ height: 70px; }
.h80{ height: 80px; }
.pad50{ padding:50px;}
.clear{ clear: both; }
.w{ width: 1180px; margin: 0 auto }
.bg_black{ background-color: #f1f1f1; }
.wz{ color: #0258ad }

.header{ width: 100%; position: fixed; background: #fff; z-index: 100; -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
.logo{ float: left; padding-top:5px; }
.logo img{ height: 70px; }

.nav{float:right }
.nav .nav_list{  height:80px; margin:0 auto; z-index:9999;}
.nav li{float:left;height:80px;line-height:80px;position:relative; z-index: 1000}
.nav li.last{background:none;}
.nav li a{float:left; display:block; width:90px; height:80px; text-align:center; line-height:80px; font-size:14px; color: #333; text-transform:capitalize}
.nav li a:hover{ background:url(../images/bor.jpg) center 60px no-repeat; text-decoration:none; color:#0258ad}
.nav li a.active{ background:url(../images/bor.jpg) center 60px no-repeat; text-decoration:none; color:#0258ad}
.nav li.active .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:80px;left:-50px; background:#036ab4;}
.nav li .submenu{width:200px; background-color: #0258ad; background-color: rgba(2,88,173,0.8); padding:5px 0;}
.nav li .submenu{ z-index:9999;}
.nav li .submenu li{float:left;padding:0; height:35px; line-height:35px;}
.nav li .submenu li a{float:none;padding:0;text-align:left; padding-left:10px; font-family:"Microsoft YaHei";height:35px;line-height:35px; border:0; background:none; color:#fff; width:190px;  font-size:14px;}
.nav li .submenu li a:hover{background:#cc0000;font-weight:normal; color:#fff; text-decoration:none;}




/* flexslider */
.flexslider{position:relative; height:540PX;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; z-index: 10}
.slides{position:relative;z-index:1;}
.slides li{height:540PX;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:30px;z-index:2; left:75%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

.search_bg{ height:90px; background:url(../images/s_bg.png) no-repeat center 0; position: absolute; bottom: 0; width: 100%; z-index: 10;overflow: hidden;}
.search{ width:1180px; margin:0 auto;}
.s_main{ padding:20px 0 0;width: 408px; height: 70px;}
.search .ser_inp{ background:url(../images/s_inp.png) no-repeat; width:270px; height:50px; border:none; padding:0 0 0 21px; float:left; font-family:"Microsoft YaHei";font-size: 14px; color:#eee; line-height:50px; outline:none;}
.search .ser_so{cursor: pointer; float:left; background:url(../images/s_so.png) no-repeat; border:none; width:52px; height:50px;}
input::-webkit-input-placeholder {color: #eee;}
.t_pic{width: 690px;font-size: 18px;color: #fde6e4;line-height: 90px;height: 90px;}
.t_pic span{display: block;float: left;font-size: 14px;color: #fff; background:url(../images/tel.png) no-repeat 0 33px;width: 470px; padding:0 0 0 40px;}
.t_pic b{font-size: 18px;}


.propart { padding:35px 0; clear:both; overflow: hidden;}
.propart01 { background-color:#f1f1f1;}
.hpl { float:left; background-color:#fff; position:relative; font-size:14px; text-align:center;}
.hpl .arr { display:block; width:0; height:0; overflow:hidden; position:absolute; border-color:#fff transparent transparent; border-style:solid dashed dashed; border-width:10px; position:absolute; left:50%; margin-left:-10px; top:0;}
.hpl .img { width:100%; height:50%; position:absolute; left:0; bottom:0; overflow:hidden;}
/*.hpl .img img { width:100%; height:auto;}*/
.hpl .intro { width:100%; height:50%; position:absolute; right:0; top:0;}
.hpl .n,.hpl .cate,.hpl .more { display:block; margin-bottom:0px;}
.hpl .n { font-size:16px; font-weight:bold; padding-top:40px; padding-left:10px; padding-right:10px;}
.hpl .cate { margin-bottom:10px;}
.hpl .more { display:inline-block; font-size:14px; border:#333333 1px solid; height:36px; line-height:36px; padding:0 25px;transition:all 0.3s ease; border-radius: 18px; }
.hpl .more em { font-family:sans-serif; font-style:normal; margin-left:10px;}

.hp01 { width:365px; height:414px; float:left; position:relative; overflow:hidden;}
.hp01 .cover { width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; background:rgba(1,162,234,.20); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4401a2ea,endcolorstr=#4401a2ea); transition:all 0.3s ease;}
.hp01 .cover:hover { background:#0258ad; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff01a2ea,endcolorstr=#ff01a2ea);}
.hp01 .cover img { width:224px; height:166px; position:absolute; left:50%; top:50%; margin:-83px 0 0 -122px;}
.hp02 { width:245px; height:414px;}
.hp03,.hp04 { width:570px;}
.hp03 .img,.hp04 .img { height:100%;}
.hp03 { height:234px;}
.hp03 .img { width:65%;}
.hp03 .arr { position:absolute; left:auto; right:0; top:50%; margin-top:-10px; border-color:transparent #fff transparent transparent; border-style:dashed solid dashed dashed;}
.hp03 .intro { width:35%;}
.hp04 { height:180px;}
.hp04 .img { width:57%; left:auto; right:0;}
.hp04 .arr { position:absolute; left:0; top:50%; margin-top:-10px; margin-left:0px; border-color:transparent transparent transparent #fff; border-style:dashed dashed dashed solid;}
.hp04 .intro { width:43%; right:auto; left:0;}
.hp04 .n { padding-top:30px;}

.hpl:hover .intro { color:#0258ad;}
.hpl:hover .more { background-color:#0258ad; color:#fff; border-color:#fff;}


#owl-demo { position: relative; margin-top:35px;}
#owl-demo .item{ position: relative; display: block; padding:0 5px 70px 5px;}
#owl-demo img { display: block; width: 100%; }
#owl-demo span { position: absolute; left: 0; bottom: 40px; width: 100%; font: 14px "微软雅黑","黑体"; color: #333; text-align: center;}

.owl-pagination { position: absolute; left: 0; bottom: 0px; width: 100%; height: 22px; text-align: center;}
.owl-page { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-image: url(../images/bg15.png); *display: inline; *zoom: 1;}
.owl-pagination .active { width: 25px; background-image: url(../images/bg16.png);}
.owl-buttons { display: block; }
.owl-buttons div { position: absolute; top: 50%; width: 52px; height: 52px; margin-top: -60px; text-indent: -9999px;}
.owl-prev { left: -62px; background: url(../images/pc_arr.png) 52px 0}
.owl-next { right:-62px; background: url(../images/pc_arr.png) 0 52px;}
.owl-prev:hover { background: url(../images/pc_arr.png) 0 0;}
.owl-next:hover { background: url(../images/pc_arr.png) 52px 52px;}


.index_con{ background:#0258ad url(../images/abobg.jpg) left center no-repeat; height: 450px;  }
.index_about{ width: 50%; float: right; background-color:#0258ad;  height: 450px;  }
.index_about h3{ font-size: 24px; color: #fff; font-weight:normal; }
.index_about span{ width: 80px; height: 3px; background-color: #fff; display: block; margin:20px 0; }
.index_about_con{ font-size: 14px; color: #fff; line-height: 25px;}
.index_about_con p{ text-indent: 2em; margin-bottom: 10px; }

.index_video{ margin-top: 35px; margin-bottom: 35px; }
.index_video .fl{ background: url(../images/video.jpg) center center no-repeat; width: 380px; height: 388px; }
.index_video .fl a{ display: block; line-height: 50px; width: 120px; text-align: center;  border: 1px solid #fff; color: #fff; font-size: 16px; margin:250px 0px 0 220px; }
.index_video .fl a:hover{ background-color: #c30d23;   border: 1px solid #c30d23;}
.index_video .fr{ width: 780px;}
.index_video .fr li{ float: left; width: 230px; margin: 0 10px 10px 15px }
.index_video .fr li img{ width: 100%; }
.index_video .fr li span{ display: block; text-align: center; font-size: 14px; line-height: 35px; }


.footer{background:#303030;overflow:hidden;color:#adadad;padding-top: 60px;height: 328px;}
.footnav{width: 600px;height: 180px; border-right: 1px solid #454545}
.footMenu{ margin-right:50px;}
.footMenu b{margin-bottom: 30px;display: block;font-weight: normal;}
.footMenu b a{font-size: 18px;}
.footMenu  a{color:#fff;font-size:14px;padding-bottom:10px;}
.footMenu li {margin-bottom: 10px;}
.footMenu li a{position: relative;}
.footMenu li a:after{content: '';position: absolute;height: 1px;width: 0;bottom: 0;left: 0;background: #fff;transition: 0.6s all}
.footMenu li a:hover:after{width: 100%;color: #fff}
.footMenu li a{color:#999;font-size:14px;}
.footTel{width:270px;color:#fff;}
.footTel b{font-size:14px;padding-bottom:35px;line-height:20px;color: #999;display: block;font-weight: normal;}
.footTel span{display:block;font-size:24px;margin-top: 10px;color: #fff}
.footTel p a{display: block; width: 170px;height: 50px;background: #0070c9 url(../images/foottel.png)no-repeat;border-radius: 6px;line-height: 50px;padding-left: 30px; background-position: 50px 13px;text-align: center;font-size: 14px;}
.footTel a{color:#fff}
.footTel a:hover{color:#adadad;}
.footCode{width:200px;height: 180px;margin-left: 40px;border-right: 1px solid #454545}
.footCode li{margin-right: 80px;text-align: center;}
.footCode li img{width: 140px;height: 140px;}
.footCode span{display: block;height:36px;line-height:18px; color:#fff;margin-top:10px; color: #999}

.footcopy{height: 56px;line-height: 56px; font-size: 14px; background: #1b1b1b; text-align: center; color: #999}
.footcopy a{color: #999}

/*内容*/
.sBanner{
	height: 300px;
	background-position: center center;
	background-size: cover;
}
.pageMain{
	padding-bottom: 40px; 
}

.pageHead{
	border-bottom: #e6e6e6 1px solid;
	margin-bottom: 30px;
}
.pageHead .pageHeadLeft{
	float: left;
}
.pageHead .pageHeadLeft .pageHeadTopSort{
	position: relative;
	float: left;
	min-width: 300px;
}
.pageHead .pageHeadLeft .pageHeadTopSort span{
	display: block;
	padding: 0px 30px;
	height: 70px;
	line-height: 70px;
	font-size: 20px;
	color: #fff;
	background-color: #0258ad;
}
.pageHead .pageHeadLeft .pageHeadTopSort .pageHeadTopSortDesc{
	position: absolute;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 20px 30px;
	bottom: 70px;
	z-index: 10;
	background: rgba(2,88,173,.5);
	line-height: 25px;
	font-size: 14px;
	color: #f5f6f9; text-transform:capitalize
}
.pageHead .pageHeadLeft .pageHeadTopSort .pageHeadTopSortDesc .pageHeadTopSortDescLine{
	display: block;
	width: 55px;
	height: 3px;
	background-color: #fff;
	position: absolute;
	bottom: 0px;
	left: 30px;
	z-index: 11;
}
.pageHead .pageHeadLeft .pageHeadNav{
	float: left;
	padding-left: 20px;
}
.pageHead .pageHeadLeft .pageHeadNav a{
	display: inline-block;
	position: relative;
	height: 70px;
	line-height: 70px;
	padding: 0px 20px;
	font-size: 16px;
}
.pageHead .pageHeadLeft .pageHeadNav a.active{
	color: #0c3388;
	background:url(../images/bor.jpg) center bottom no-repeat ;
}

.pageHead .pageHeadPosition{
	float: right;
	height: 70px;
	line-height: 70px;
	font-size: 12px; 
}
.aboutTit{
    height: 40px;
    line-height: 40px;
    font-size: 28px;
    font-weight: bold;
    color: #313131;
    margin-bottom: 40px; text-transform:capitalize
}
.pageabout{ line-height: 200%; font-size:16px; }

.piclist{ margin:0 -10px;}
.piclist li { width:20%; float: left; margin-bottom: 20px;  overflow: hidden;}
.piclist li img{ }
.piclist li a{ display: block; margin:0 10px;  border: #e4e4e4 1px solid; padding:1px}
.piclist li span{ display: block; text-align:center}
.piclist li:last-child {margin-right: 0%;}
.piclist li img{    width: 100%}

/*产品*/
.proPage{ margin-top:30px; }
.proLeft{
	width: 23%;
	float: left;
	margin-right: 3%; background-color: #eee;
}
.proLeft .proLeftTit{
	line-height: 30px;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	padding: 20px;
	background: url(../images/mark.png) right bottom no-repeat #0c3388;
}
.proLeft .proLeftNav  h3 a{ background:#bbbbbb url(../images/arr.png) right center no-repeat; color: #666; }
.proLeft .proLeftNav a{
	display: block;
	padding: 10px 20px;
	line-height: 20px;
	font-size: 14px;
	color: #6f6f6f;
	background: #eee url(../images/arr1.png) right center no-repeat; border-bottom: 1px solid #ddd
}
.proLeft .proLeftNav a:hover{
	color: #fff;
	background: url(../images/arr_h.png) right center no-repeat #1f4391;
}
.proLeft .proLeftNav a.cur{
	color: #fff;
	background: url(../images/arr_h.png) right center no-repeat #1f4391;
}


.proRight{
	width: 74%;
	float: left;
}
.proRight .proRightHead{
	border-bottom: #eaeaea 1px solid;
	overflow: hidden;
	padding-bottom: 10px;
}
.proRight .proRightHead .proRightSort{
	line-height: 40px;
	font-size: 18px;
	color: #818181;
	float: left;
}
.proRight .proRightHead .proRightHeadMain{
	float: right;
	overflow: hidden;
	margin-top: 4px;
}
.proRight .proRightHead .proRightHeadMain .proRightSearchBox{
	float: left;
	position: relative;
	margin-right: 20px;
}
.proRight .proRightHead .proRightHeadMain .proRightSearchBox .searchInput{
	display: block;
	width: 200px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	border: #dddddd 1px solid;
	padding: 0px 35px 0px 10px;
	outline: none;
}
.proRight .proRightHead .proRightHeadMain .proRightSearchBox .searchBtn{
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	z-index: 11;
	top: 0;
	right: 0;
	background: url(../images/search.png) center center no-repeat;
	border: none;
	outline: none;
	cursor: pointer;
}
.proRight .proRightHead .proRightHeadMain .proRightPosition{
	float: left;
	line-height: 32px;
	font-size: 12px;
	padding-left: 18px;
	background: url(../images/cir.png) left center no-repeat;
}
.proRight .proRightBody{
	overflow: hidden;
}
.prolist { margin:0 -10px; }
.prolist li{ width: 275px; margin:10px; float: left; }
.prolist li img{ width: 100%; border:1px solid #ddd;}
.prolist li h3{ display: block; line-height: 30px; font-size: 16px; text-align: center; font-weight:normal }

.bor1{ border-top:1px solid #dddddd; height: 1px; overflow: hidden; margin:30px 0; }
.jishu table{border-collapse:collapse; width: 100%}
.jishu table td{border:1px solid #ddd; padding:0 5px; text-align: center; font-size: 14px;}

.videoabout .fl{ width: 600px; }
.videoabout .fr h3{ display: block; font-size: 24px; height: 50px; }
.videoabout .fr { float: left; margin-left: 50px; }
.videoabout .fr li{ font-size: 14px; line-height: 30px; }


.contact_txt{ overflow: hidden; }
.contact_txt .fl{ width: 70%; }
.contact_txt .fr{ width: 30%; background-color: #0258ad; color: #fff; height: 400px; }
.contactcon{ padding:30px; font-size: 16px; color: #fff; line-height: 27px; }