@charset "utf-8";
/* CSS Document */
button, input, select[multiple], textarea {
    background-image: none;
    border: none;
    outline: none;
}
*{ padding:0; margin:0; outline:none;box-sizing: border-box; font-family:"微软雅黑"} 
a{ color:#434343; text-decoration:none;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;}
p{ color:#666666;}
a:hover{ text-decoration:none; color:#0099ff;}
li{ list-style-type:none;}
img {
	max-width:100%; height:auto;
    border: 0;
}
.wrap{ max-width:1180px; margin:0 auto;}
.extra-link a {
  display: inline-block;
  height: 95px;
  width: 20px;
  float: right;
  margin-left: 10px;
}
.extra-link .link4 {
	background: url(../images/ico_04.png) no-repeat center;
}
.search-alert {
  position: fixed;
  z-index: 100;
  background-color: #fff;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.search-alert .cent-form {
  position: absolute;
  width: 94.8%;
  left: 2.6%;
  top: 50%;
  height: 124px;
  margin-top: -63px;
  border-bottom: 1px solid #999999;
}
.search-alert .cent-form .tex {
  border: none;
  font-size: 66px;
  height: 124px;
  line-height: 124px;
  text-align: center;
  outline-style: none;
  width: 100%;
  box-sizing: border-box;
  color: #999999;
  background: none;
  padding-left: 88px;
  padding-right: 80px;
  background: url(../images/ico_36.png) no-repeat 35px 60px;
}
.search-alert .cent-form .sub-butn {
  border: none;
  height: 100px;
  outline-style: none;
  margin-top: 24px;
  font-size: 24px;
  line-height: 100px;
  color: #999999;
  text-align: right;
  background: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 85px;
  text-align: center;
}
.search-alert .close {
  display: block;
  width: 18px;
  height: 18px;
  background: url(../images/ico_37.png) no-repeat center;
  position: absolute;
  top: 38px;
  right: 2.6%;
  opacity: 0.8;
  cursor: pointer;
  transition: transform 0.3s ease 0s;
}
.carousel-indicators {
    bottom: 0px;
}

/*居中*/
.main{
	width:1180px;
	overflow:auto;
	margin: 0 auto; margin-bottom:43px;
}

/*公司简介*/
.content{
	width:870px;
	float: right;
	margin-left: 30px;
}
.ab-main{
	float:left;
	width:525px;
}
.ma-bt {
    padding-top: 12px;
    width: 100%;
    overflow: hidden;
}
.ma-bt img {
    display: block;
    float: left;
    margin-right: 2.5%;
    width: 32.8%;
}
.ma-bt .bt-rig {
	float: right;
    width: 335px;
}
.rig-tp {
    float: left;
    background: #005BAC;
    position: relative;
    width: 100%;
    padding: 4px 15px 15px 20px;
}
.rig-tp h6 {
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    position: relative;
    float: left;
    color: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
}
.rig-tp h6:after {
    content: "";
    width: 30px;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: 9;
}
.rig-tp p {
    font-size: 12px;
    line-height: 21px;
    color: #fff;
    clear: both;
    padding: 10px 0px;
}
.rig-tp .more {
    display: block;
    width: 75px;
    height: 21px;
    background: #FF7C01;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
}
.rig-tp:after {
    content: "";
    width: 11px;
    height: 20px;
    background: url(../images/1_18.jpg) no-repeat center;
    left: -11px;
    top: 20px;
    position: absolute;
}
.rig-bt {
    width: 100%;
    clear: both;
    padding-top: 6px;
}
.rig-bt a{
	color: #333333;
}
.rig-bt .morea {
    margin-right: 2%;
}
.rig-bt .more {
    width: 49%;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: #EBEBEB;
    display: inline-block;
}

/*新闻中心*/
.new-main {
    width: 320px;
	float: left;
	margin-left: 25px;
}
.new-list {
    border: solid 4px #F5F5F5;
    padding: 10px;
    width: 100%;
    margin-top: 12px;
	margin-bottom: 0px;
}
.new-list li {
    background: url(../images/1_19.jpg) no-repeat 0px 8px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 24px;
    border-bottom: dashed 1px #E1E1E1;
    margin-bottom: 5px;
	padding-bottom: 4px;
}
.new-list li a {
    color: #6e6e6e;
}
.new-list li a p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	line-height:21px;
}
.new-list li a span {
    font-size: 12px;
    color: #bcbcbc;
}

/*产品中心*/
.product-main {
    width: 870px;
	float: left;
}
.product-main .title{
    height: 35px;
}
.product-main .title h6{
	color: #000000;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
	line-height:14px;
    padding-left: 30px;
    background: url(../images/1_20.png) no-repeat left center;
}
.product-main .title h6 en{
	color: #005bac;
    font-size: 16px;
	font-weight: bold;
}
.product-main .title h6 span{
	color: #666666;
    font-size: 12px;
	font-weight: 400;
}

.slick-slider
{
    position: relative;
	margin-top: 15px;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    outline: none;
}
.slick-initialized .slick-slide
{
	outline-style: none;
    display: block;
}
.slick-prev,.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    cursor: pointer;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.in_img{
	margin: 0 10px;
	position: relative;
	border:solid 1px #e3e2e3;
}
.in_img img{ width:196px; height:161px;}
.in_slick .slick-prev{
	left: 10px;
	width: 36px;
	height: 36px;
	z-index: 99;
	border:0;
	outline-style: none;
	background: url(../images/prev1.png) no-repeat;
	background-size: 100% 100%; text-indent:-9999px;
}
.in_slick .slick-next{
	right: 8px;
	width: 36px;
	height: 36px;
	border:0;
	outline-style: none;
	background: url(../images/next1.png) no-repeat; text-indent:-9999px;
	background-size: 100% 100%;
}
.title{
	width:100%;
	border-bottom:solid 3px #F2F2F2;
	height:32px;
	margin-top: 30px;
}
.title h6{
	color: #000000;
	font-size:14px;
	line-height:13px;
	font-weight:400;
	position:relative;
	float:left;
	margin-top: 0;
    margin-bottom: 0;
}  
.title h6:after{
	content:"";
	width:30px;
	height:5px;
	background:#005bac;
	position:absolute;
	bottom:-19px;
	left:0;
	z-index:9;
}
.title a{
	display:block;
	font-size:12px;
	line-height:13px;
	color:#6E6E6E;
	float:right;
}
.title a:hover{
	color:#ff7c01;
}
.searchn{
	width:280px;
	float: left;
}
.searchn ul{
	width:215px;
	float: left;
	margin-bottom: 0px;
	-webkit-padding-start: 0px;
}
.searchn li{
	color:#000000;
	font-size:12px;
	font-family:"微软雅黑";
	list-style-type:none;
	margin-top: 12px;
}
.searchn li select{
	width: 140px;
	height: 26px;
	color:#646464;
	font-size:12px;
	background: #fafafa;
	border:solid 1px #e3e2e3;
}
.searchn li input{
	width: 140px;
	height: 26px;
	color:#646464;
	font-size:12px;
	padding: 0 5px; 0 5px;
	margin-left: 3px;
	background: #fafafa;
	border:solid 1px #e3e2e3;
}
.searchn .big{
	width:64px;
	height: 65px;
	float: left;
	margin-top: 12px;
}
.buttons{
	width:100%;
	float: left;
}
.searchCon{
	width:280px;
	float: left;
}

/*底部*/
.footer {
    width: 100%;
    background: #093272;
    margin: 0 auto;
    overflow: hidden;
	margin-top: 30px;
}
.wrap {
    max-width: 1180px;
    margin: 0 auto;
}
.fot-left {
    float: left;
    margin-top: 35px;
}
.fot-left li {
    float: left;
    font-size: 12px;
    line-height: 21px;
    color: #BED1E2;
}
.fot-left li a {
    color: #BED1E2;
    padding: 0 10px;
}
.fot-left p {
    clear: both;
    font-size: 12px;
    line-height: 21px;
    color: #7DA0C0;
    padding-left: 10px;
}
.fot-right {
    float: right;
    font-size: 12px;
    line-height: 115px;
    color: #BFD1E2;
}
.fot-right .dh {
    float: left;
    background: url(../images/1_28.png) no-repeat left center;
    padding-left: 34px;
    margin-right: 13px;
}
.fot-right .cz {
    float: left;
    background: url(../images/1_27.png) no-repeat left center;
    padding-left: 34px;
    margin-right: 10px;
}

@media (max-width: 1024px){
	.rig-tp {
    min-height: 310px; float:none; clear:both;
    background: #005BAC;
    position: relative;
    width: 100%;
    padding: 4px 15px 15px 20px;
}
.nav .logo{
	width: 33%;
	float: left;
}
.nav .logo img{
	width: 100%;
	float: left;
}
.navn{
    float: right;
}
.logo {
    padding-top: 3%;
    padding-bottom: 1%;
}
.main{
	width:970px; margin-left:auto; margin-right:auto;
}
.content{
	width:970px;
	float: inherit;
	margin-left: 0px;
}
	
/*搜索框图标*/
.search {
    width: 100%;
    float: left;
}

	
/*公司简介*/
.ab-main {
    float: left;
    width: 100%;
}

.ma-bt .bt-rig {
    float: right;
    width: 65%;
}

	
/*新闻中心*/
.new-main {
    width: 970px;
    float: left;
    margin-left: 0px;
}

/*产品中心*/
.product-main {width: 100%;float: left;}
.in_slick {padding: 0 50px 2%;}
.in_slick .slick-prev {left: 0px;}
.in_slick .slick-next {right: 0px;}

.footer {
    margin-top: 3%;
}
.fot-left {
	float: inherit;
    margin-top: 0px;
	text-align:center;
}
.fot-left p {
    clear: both;
    font-size: 12px;
    line-height: 21px;
    color: #7DA0C0;
    padding-left: 0;
	line-height:20px;
	padding: 3%;
}
	
}

@media (max-width: 768px){
/*头部*/
.nav .logo{
	width: 33%;
	float: left;
}
.nav .logo img{
	width: 100%;
	float: left;
}
.navn{
    float: right;
}
.logo {
    padding-top: 4%;
    padding-bottom: 1%;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 0px 10px;
}

.main{
	width:100%;
	margin: 0 auto;
}
.content{
	width:100%;
	float: inherit;
	margin-left: 0px;
	padding: 0 15px 0 15px;
}
	
/*搜索框图标*/
.search {
    width: 100%;
    float: left;
    padding: 0 15px 0 15px;
}
	
/*公司简介*/
.ab-main {
    float: left;
    width: 100%;
}
.rig-tp {
    min-height: 0;
    float: left;
    background: #005BAC;
    position: relative;
    width: 100%;
    padding: 4px 15px 15px 20px;
}
	
/*新闻中心*/
.new-main {
    width: 100%;
    float: left;
    margin-left: 0px;
}
	
/*产品中心*/
.product-main {width: 100%;float: left;}
.in_slick {padding: 0 50px 2%;}
.in_slick .slick-prev {left: 0px;}
.in_slick .slick-next {right: 0px;}

}

@media (max-width: 480px){
/*头部*/
.top .welcome{
	display:none;
}
.top .col-lg-8{
	text-align:center;
}

.logo {
    padding-top: 3%;
    padding-bottom: 2%;
}
.search-alert .cent-form .tex{
	height: 60px;
	line-height: 60px;
	font-size: 28px;
	background-position: 30px 20px !important;
}
.search-alert .cent-form{
	height: 60px;
	margin-top: -30px;
}
.search-alert .cent-form .sub-butn{
	height: 60px;
	line-height: 60px;
	margin-top: 0;
}
.search-alert .cent-form .tex{
	padding-left: 10px;
	text-align: left;
	background: none;
	font-size: 20px;
	}
.top .telephone p {
    color: #ffffff;
    font-size: 12px;
    font-family: "微软雅黑";
    line-height: 34px;
    text-align: center;
}
.navbar-nav {
	width: 100%;
}
.navbar-nav li a {
    color: #646464;
    line-height: 50px;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: solid 1px #e1e1e1;
}
.navn {
	width: 100%;
	float: inherit;
}
.navbar-toggle {
    margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}

/*产品中心*/
.product-main {width: 100%;float: left;}
.in_slick {padding: 0 50px 5%;}
.in_slick .slick-prev {left: 0px;}
.in_slick .slick-next {right: 0px;}
	
.footer {
    width: 100%;
    background: #093272;
    margin: 0 auto;
    overflow: hidden;
	margin-top: 0;
}
}

@media(max-width:1200px){
.wrap{ padding-left:10px; padding-right:10px;}
}

.header{ width:100%; margin:0 auto;}
.header .top{ width:100%; background:#005BAC; height:33px; line-height:33px;}
.header .top h6{ font-size:12px; line-height:33px; color:#fff; float:left;}
.header .top .lang{ float:right; background:url(../images/1_2.png) no-repeat left center; padding-left:32px; }
.header .top .lang a{font-size:12px; color:#fff; line-height:33px; margin:0 10px;}
.header .top .hot{ float:right; background:url(../images/1_1.png) no-repeat left center; padding-left:20px; font-size:12px; line-height:33px; color:#fff; margin-right:20px;}



.navwrap{ position:relative; height:99px;}
.logo{ float:left; background:url(../images/logo.png) no-repeat 4px center; height:99px; padding-left:97px; padding-top:22px;}
.logo h4{ font-size:24px; line-height:30px;}
.logo p{ font-size:13px; line-height:20px; color:#050505;}

.phnav{ display:none;}
.nav{ float:right;}
.nav ul{ position:relative;}
.nav ul li{ line-height:99px; float:left; width:80px; text-align:center; cursor:pointer; margin-left:20px; position:relative;}
.nav ul li a{ display:block; font-size:14px;}
.nav ul li a:after{content: "";position: absolute;width: 0px;height: 3px;background: #ff7c01;bottom: 0px;left: 0px;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;}
.nav ul li a:hover:after{ width:100%;}
.nav ul li a:hover:after .on a:after{ width:0;}
.nav ul .on a:after{content: "";position: absolute;width: 0px;height: 3px;background: #ff7c01;bottom: 0px;left: 0px;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s; width:100%;}
.nav ul .on a{color:#ff7c01; font-weight:bold;}
.nav ul li:hover a{color:#ff7c01;}

.phnav{ display:none;position:absolute; width:97%;}
.navbtnwrap{width:50px; height:50px;cursor:pointer;  top:25px;right:10px; position:absolute; background:#005BAC; z-index:999;  }
.navbtnwrap:hover span{ width:28px;}
.phnavbtn{width:28px; height:22px;  top:12px;right:10px; position:absolute; z-index:9999;}
.phnavbtn span{ width:21px; height:1px; background:#fff; display:block; position:absolute; top:12px; right:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}

.phnavbtn span:after{ content:""; height:1px; background:#fff; width:28px;position:absolute; top:-12px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease; right:0px;}
.phnavbtn span:before{ content:""; height:1px; background:#fff; width:28px; position:absolute; top:12px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease; right:0px;}
.navbtnwrap .phnavbtn .span{ width:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.phnavbtn .span:after{ top:0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.phnavbtn .span:before{ top:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.phnav ul{ border:solid 1px #ccc; border-top:0; width:100%; position:absolute; top:99px; z-index:999; background:#fff; display:none;}
.phnav li{ line-height:50px;}
.phnav li a{ display:block; text-align:center; border-top:solid 1px #ccc;}

.search{ float:right; position:relative; }
.search .btn{ width:20px; height:20px; background:url(../images/1_3.png) no-repeat center; border:0; position:relative; margin-top:40px; position:relative; margin-left:20px; display:inline-block;}
.search .btn:after{ content:""; width:1px; height:17px; background:#999999; position:absolute; left:-20px; top:3px;}
.searc{ position:absolute; width:100%; bottom:-30px; z-index:9999; display:none;}
.searc .text{ width:80%; float:left;height:30px;}
.searc .submit{ width:20%;height:30px;}

html,body,.banner, .banner .slick-list, .banner .slick-track,.slick-slide div{ height:auto;}

.banner .item {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    height:auto;
}
.bannerb,.bannerc{ display:none;}
.bannern{width:100%; margin:0 auto; background:url(../images/ban1.jpg) no-repeat center; min-height:400px; background-size:cover; min-height:400px; }
.bannern h1{ font-size:50px; color:#0D43AD; width:100%; text-align:center; padding-top:167px;}
.bannern p{ font-size:25px; color:#666666; width:100%; text-align:center;}


.slick-arrow{ position:absolute; top:50%; color:#fff; font-size:55px; z-index:99; cursor:pointer; margin-top:-20px;}
.slick-prev{ left:10px;}
.slick-next{ right:10px;}


/*.prom{ width:100%; margin:0 auto; overflow:hidden;}
.prom li{ float:left; width:25%; background:#F5F5F5;  padding:80px 50px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease; height:255px; cursor:pointer;} 
.prom li h4{  position:relative; font-size:21px; line-height:35px;padding-left:66px;}
.prom li p{ font-size:12px; line-height:18px; color:#666666; padding-left:66px; margin-top:20px;}
.prom li h4:after{content:""; position:absolute; width:23px; height:2px; background:#FF7C01; left:66px; bottom:-10px; }
.prom .la h4{ background:url(../images/1_4.png) no-repeat left center;}
.prom .lb h4{ background:url(../images/1_5.png) no-repeat left center;}
.prom .lc h4{ background:url(../images/1_6.png) no-repeat left center;}
.prom .ld h4{ background:url(../images/1_7.png) no-repeat left center;}
.prom li:hover{ background:#0B44AD; color:#fff;}
.prom li:hover p{ color:#fff;}

.habout{ background:url(../images/1_8.jpg) no-repeat center;background-size: cover; width:100%; margin:0 auto; padding-top:80px; padding-bottom:97px; overflow:hidden;}
.habout wrap{ overflow:hidden;}
.title{ position:relative; text-align:center;  height:auto; margin:0 auto; font-size:23px; line-height:26px; color:#727272; margin-bottom:50px;}
.title:after{ content:""; width:44px; height:4px; background:#FF7C01; position:absolute; top:-15px; left:50%; margin-left:-22px;}
.title span{ font-size:24px; line-height:26px; font-weight:bold; color:#FF7C01;}
.cont{ width:50%; padding-left:30px; padding-right:40px; float:left;}
.cont h5{ font-size:34px; line-height:60px; color:#0D43AD;font-style: oblique;}
.cont h6{ font-size:18px; line-height:26px; color:#0D43AD; font-weight:400; border-bottom:solid 2px #0D43AD; float:left; clear:both; padding-bottom:10px;}
.cont p{ font-size:14px; line-height:24px; padding:50px 0px; clear:both;} 
.more{ width:144px; height:37px; border:solid 1px #B3B3B3; font-size:14px; line-height:26px; color:#CD0102; display:inline-block; line-height:35px; padding-left:20px; cursor:pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background:url(../images/1_9.png) no-repeat 90px center;}
.more:hover{background:url(../images/1_9.png) no-repeat 100px center;}
.m-culture:hover{ background:rgba(11,68,173,0.9);}
.m-culture{width:125px; height:39px; display:inline-block; background:#0B44AD; cursor:pointer; margin-left:15px;}
.m-culture span{ width:125px; height:39px; display:inline-block; color:#fff; background:url(../images/1_10.png) no-repeat 17px center; font-size:16px; line-height:37px; padding-left:45px;}
.conrig{ width:50%; float:left; background:url(../images/1_11.jpg) no-repeat center; min-height:368px; position:relative;}
.m-pers{ width:121px; height:36px; background:rgba(255,124,1,0.85); border:solid 1px #fff; display:inline-block; position:absolute; left:50%; margin-left:-60px; top:50%; margin-top:-18px; cursor:pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease; }
.m-pers span{width:121px; height:36px; background:url(../images/1_12.png) no-repeat 15px center; display:inline-block; padding-left:45px; line-height:34px; font-size:16px; color:#fff; }
.m-pers:hover{background:rgba(255,124,1,0.99);}*/

.pro-main{ width:100%;height:784px; background:url(../images/1_13.jpg) no-repeat center; padding:65px 0;}
.pro-main .title span,.pro-main .title{ color:#fff;}
.pro-main .title:after{ background:#fff;}
.pritem{ margin-left:-20px; overflow:hidden; margin-bottom:50px;}
.pritem li{ width:25%; float:left; margin-bottom:20px;}
.pritem li a{ margin-left:20px; display:block; background:#fff; position:relative;cursor:pointer; overflow:hidden;}
.pritem li a p{ font-size:16px; line-height:40px; text-align:center; color:#333333; border-top:solid 1px #E6E6E6;}
.shade{ position:absolute; width:100%; min-height:300px; top:0; background:rgba(255,124,1,0.81); padding-top:75px;cursor:pointer; top:0px; right:100%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease; }
.shade span{ display:block; font-size:18px; line-height:26px; color:#fff; text-align:center;}
.shade i{ display:block; width:41px; height:41px; position:absolute; left:50%; margin-left:-20px; background:url(../images/1_15.png) no-repeat center;cursor:pointer;}
.p-more{ width:123px; height:36px; display:block; margin:0 auto; line-height:34px; text-align:center; font-size:14px; color:#fff; border:solid 1px #fff; cursor:pointer;}



.main-menu{  overflow:hidden; padding-top:2px; } 
.main-menu li{ width:100%; float:none; padding-top:12px;}
.main-menu li a{
	display: block;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 20px; padding-bottom:18px;
}
.main-menu li a h4{ font-size:16px; line-height:17px; margin-bottom:5px;}
.main-menu li a span{ width:20px; height:20px; display:block; text-align:center; line-height:20px; border-radius:100%; font-size:12px;}
.main-menu li a p{font-size:12px; line-height:21px; color:#606060;margin-bottom:8px;}
.main-menu .l1 a{ background:url(../images/1_23.jpg) no-repeat center;}
.main-menu .l1 a h4{ color:#1A3864;}
.main-menu .l1 a p{ font-size:12px; line-height:21px; color:#606060; }
.main-menu .l1 a span{ background:#303041; color:#fff;}
.main-menu .l2 a span{ background:#fff;}
.main-menu .l3 a span{ background:#303041;color:#fff;}
.main-menu .l4 a span{ background:#fff;}
.main-menu .l2 a{ background:url(../images/1_24.jpg) no-repeat center;}
.main-menu .l2 a h4{ color:#ff7c01;}
.main-menu .l3 a{ background:url(../images/1_25.jpg) no-repeat center;}
.main-menu .l3 a h4{ color:#1A3864;}
.main-menu .l3 a p{ font-size:12px; line-height:21px; color:#606060;}
.main-menu .l4 a{ background:url(../images/1_26.jpg) no-repeat center;}
.main-menu .l4 a p,.main-menu .l4 a h4{ color:#fff;}

.footer{ width:100%; background:#093272; margin:0 auto; overflow:hidden;}
.fot-left{ float:left; margin-top:35px;}
.fot-left li{ float:left; font-size:12px; line-height:21px;color:#BED1E2}
.fot-left li a{color:#BED1E2; padding:0 10px;}
.fot-left p{ clear:both;font-size:12px; line-height:21px; color:#7DA0C0; padding-left:10px;}
.fot-right{ float:right; font-size:12px; line-height:115px; color:#BFD1E2;}
.fot-right .dh{ float:left; background:url(../images/1_28.png) no-repeat left center; padding-left:34px; margin-right:13px;}
.fot-right .cz{ float:left; background:url(../images/1_27.png) no-repeat left center;padding-left:34px; margin-right:10px;}

.sonnav{ width:100%; margin:0 auto; min-height:59px; overflow:hidden; border-bottom:solid 1px #F1F1F1;background:url(../images/2.jpg) no-repeat center; background-size:cover;padding-top: 20px;}
.sonnav h4{ float:left; font-size:30px;}
.sonnav p{ font-size:20px; line-height:50px; color:#666666; float:left;}
.sonnav ul{ float:left;}
.sonnav ul li{ float:left; line-height:59px;width:80px; margin-right:19px; position:relative;}
.sonnav ul li a{font-size:14px; display:block; text-align:center; position:relative;}
.sonnav ul li a:after{content: "";position: absolute;width: 0px;height: 59px;background: #0099ff;bottom: 0px;left: 0px;transition: all 0.3s;-moz-transition: all 0.3;-webkit-transition: all 0.3; z-index:-1;}
.sonnav ul li a:hover:after{ width:100%; }
.sonnav ul li:hover a{ color:#fff;}
.sonnav ul .on a:after{content: "";position: absolute;width: 0px;height: 59px;background: #0099ff;bottom: 0px;left: 0px;transition: all 0.3;-moz-transition: all 0.3;-webkit-transition: all 0.3; width:100%;}
.sonnav ul .on a{color:#fff;}
.sonnav ul li a{ color:#333;}
.sonnav .coord{ float:right; font-size:14px; line-height:59px;} 
.sonnav .coord i{ width:16px; display:inline-block; margin-right:6px; float:left; margin-top:22px;}
.sonnav .coord a{ display:inline-block;}

.prodnav{ text-align:center; width:100%; clear:both; /*margin-top:43px; margin-left:-27px; */}
.prodnav a{padding:0 10px 0;margin-bottom:25px; margin-right:20px;display:block; float:left; z-index:999; font-size:14px; line-height:26px;color:#3b3939;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
/*.prodnav a:before{ content:""; width:0; height:20px; background:#0B44AD; position:absolute; left:0; bottom:0px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.prodnav a:hover:before{ width:100%;}*/
.prodnav a:hover{color:#fff; background:#0B44AD; }
.prodnav .a{color:#fff; background:#0B44AD; }
.page{ text-align:center; clear:both;}
.page a{ border:solid 1px #D5D3D4; padding:3px 10px;border-radius:5px; font-size:12px; margin-right:5px;}
.page a:hover{ background:#0B44AD; color:#fff; border-color:#0B44AD;}
.page .a{background:#0B44AD;border:solid 1px #D5D3D4; color:#fff; border-color:#0B44AD;}

.prolist{ overflow:hidden; max-width:1180px; margin:0 auto; margin-top:50px; padding-bottom:65px;}
.prolist ul{ margin-left:-20px;}
.prolist ul li{ float:left;width:25%; overflow:hidden;  margin-bottom:40px;}
.prolist ul li a{ display:block; margin-left:20px;border:solid 1px #D5D3D4;z-index:999; position:relative;}
/*.prolist ul li a:hover{background:rgba(255,124,1,0.81); }*/
.prolist ul li img{ width:100%; height: 188px;}
.prolist .liita{ text-align:center; border-top:solid 1px #D5D3D4; padding:9.5px; position:relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease; color:#333;}
/*.prolist ul li .liita:before{ content:""; width:100%; height:0; left:0px; bottom:0; top:0; z-index:-1; background:#0B44AD; position:absolute; bottom:-10px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.prolist ul li:hover .liita{ color:#fff;background:url(../images/rightab.png) no-repeat 97% center;}
.prolist ul li:hover .liita span{ color:#fff;}
.prolist ul li:hover .liita:before{ height:100%;}
.prolist ul li .liita h5{ font-size:16px; line-height:22px;}
.prolist ul li .liita span{ font-size:14px; line-height:22px; color:#a1a1a1;}*/

.productn{}
.protp{padding:50px 0; overflow:hidden;}
.proimg{width:48.9%; float:left; display:block; border:solid 1px #ccc;}
.shumi{ float:left; width:44.7%; margin-left:6.4%;}
.shumi h4{ font-size:25px; color:#0B44AD; margin-bottom:10px;}
.shumi p{ font-size:12px; line-height:25px; color:#A5A5A5; }
.shumi .p1{margin-bottom:30px; line-height:20px;}
.mname{ display:none;}
.shumi h5{ font-size:12px;}
.xinqi{ width:100%; margin:0 auto; background:#F2F2F2; overflow:hidden; padding:50px 0;}
.xinqi .wrap{background:#fff; overflow:hidden; padding:23px;}
.xinqi .ti{border-bottom:solid 1px #ccc; width:100%; overflow:hidden;}
.xinqi .ti h4{ font-size:18px; line-height:25px; width:180px; background:#0B44AD; float:left; text-align:center; font-weight:400; color:#fff; padding-top: 10px; padding-bottom: 10px;}
.xinqi .wrap p{ font-size:13px; line-height:30px; color:#333333; padding:15px 0;}
.xinqi .wrap img{ width:85%; margin-left:auto; margin-right:auto; display:block;}

.service{ background:#fff; padding:16px 0;}
.service .wrap{padding:0;}
.service .wrap span{ font-weight:bold;}

.servlistwrap{overflow:hidden; padding-bottom:50px;}
.servlist{overflow:hidden; padding:30px 0;}
.servlist li{ width:100%; overflow:hidden; border-bottom:solid 1px #EAEAEA; padding:23px 0;}
.servlist .time{width:13.6%; float:left;}
.servlist .time b{ font-size:63px; display:block; line-height:50px; color:#999999; text-align:center; margin-bottom:16px;}
.servlist .time p{ font-size:19px; line-height:14px; color:#999999; text-align:center;}
.servlist .nr{width:72.5%; float:left;}
.servlist .nr h4{ font-size:20px; line-height:20px; color:#0B44AD; margin-bottom:8px;}
.servlist .nr p{ font-size:14px; line-height:26px; color:#666666;}
.servlist .vi{width:69px; height:69px; border:solid 1px #D6D6D6; border-radius:5px; background:url(../images/3.jpg) no-repeat 21px 16px; font-size:12px; line-height:85px; text-align:center; float:right; margin-right:30px;}

.service .tit{ text-align:center; width:100%; border-bottom:solid 1px #ccc; padding-top:20px;}
.service .tit h4{font-size:25px; font-weight:400; line-height:24px; color:#333333;}
.service .tit p{ color:#999999; padding:10px 0;}

.pr-banner{width:100%; margin:0 auto; background:url(../images/ban1.jpg) no-repeat center; background-size:cover;}
.se-banner{width:100%; margin:0 auto; background:url(../images/ban3.jpg) no-repeat center; background-size:cover;}
.ab-banner{width:100%; margin:0 auto; background:url(../images/ban2.jpg) no-repeat center; background-size:cover;}
.co-banner{width:100%; margin:0 auto; background:url(../images/ban4.jpg) no-repeat center; background-size:cover;}
.ne-banner{width:100%; margin:0 auto; background:url(../images/ban5.jpg) no-repeat center; background-size:cover;}

.contact h4{ line-height:25px; padding-bottom: 20px; border-bottom:solid 1px #F2F2F2;}
.contact p{line-height:20px; font-size:14px; color:#666666; padding-left:40px; padding-top:10px; padding-bottom:10px;}
.contact .pa{background:url(../images/5_1.png) no-repeat left;}
.contact .pb{background:url(../images/5_2.png) no-repeat left;}
.contact .pc{background:url(../images/5_3.png) no-repeat left;}
.contact .pd{background:url(../images/5_4.png) no-repeat left;}

.culture{ padding-top:50px; padding-bottom:0;}
.culture ul{ margin-left:-70px;}
.culture li{width:20%; float:left; margin-bottom:50px;}
.culture li div{margin-left:70px;}
.culture li h4{width:130px; height:130px; border-radius:100%; text-align:center; line-height:25px; color:#fff; font-size:25px; margin:0 auto; margin-bottom:15px; padding-top: 43px; font-weight:400;}
.culture .la h4{background:#F4BC20;}
.culture .lb h4{background:#F08733;}
.culture .lc h4{background:#E9506E;}
.culture .ld h4{background:#1CA8CD;}
.culture .le h4{background:#1BAE6F;}
.culture .wrap li p{ width:100%; min-height:182px; border:dashed 1px #59514F; border-radius:5px; text-align:center; font-size:18px;}


.news{padding:50px 0; overflow:hidden;}
.news ul{margin-left:-25px;}
.news li{width:33.3333%; float:left; margin-bottom:25px;}
.news li a{ margin-left:25px; padding:15px; border:solid 1px #EFEFEF; overflow:hidden; display:block;}
.news li img{width:100%; height:200px;}
.news li h6{ font-size:14px; color:#373C40; padding:10px 0;}
.news li p{ font-size:12px; line-height:18px; color:#6B6B6B; padding-bottom:10px;}
.news li span{display:inline-block; font-size:12px; color:#999999;}
.news li .s1{float:left;}
.news li .s2{float:right;}
.searchn  .big{ display:block;}
.b-btn{ background-image:url(../images/search_03.jpg); width:65px; height:64px; background-color: transparent;}
.s-btn{
	display: block;
    width: 100px;
    height: 30px;
    text-align: center;
    background-color: transparent; color:#fff;}
.searchn  .small{ width:100px; height:30px; background-color:#1956a6; text-align:center; line-height:30px; font-size:14px; color:#ffffff; display:none; float:left; margin-top:12px;}
@media(max-width:1200px){
	.productn{padding:0 10px;}
	.news{ padding:50px 10px;}
	}
@media(max-width:1024px){
	.searchn{ margin-bottom:30px;}
	.searchn  .small{ display:block;} .searchn  .big{ display:none;}
	.searchCon .title{ width:95%; margin-left:2.5%; margin-right:2.5%;}
	.searchn{
	width:95%; margin-left:2.5%; margin-right:2.5%;
	float: left;
}
.searchn li{ float:left; margin-right:15px;}
.searchn p{}
.searchn ul{ width:auto;}
	.bannern{ min-height:300px;}
	.bannern h1{ font-size:35px;}
.bannern p{ font-size:18px; }
	.main-menu{ width:100%;}
	.main-menu li{ width:31.3%; float:none; margin-left:1%; margin-right:1%; float:left;}
	.bannera{ display:none;}
	.bannerb{display:block;}
	.searc{width:98%;}
	.ma-bt img{ width:38.4%; display:block;}
	.ma-bt .bt-rig{ width:59%;}
	.rig-tp p{ overflow:hidden;}
	.prolist ul li{width:33.3333%;}
	.searchCon{ width:100%;}
	.xinqi{padding:50px 10px;}
	.xinqi .wrap img{ width:100%;}
	.buttons {
    width: 100%; clear:both; float:none;
}
	}
@media(max-width:1090px){
	.nav ul li{ margin-left:0;}
	}

@media(max-width:960px){
.nav,.search{ display:none;}
.phnav{ display:block; }
}
@media(max-width:768px){
	.main-menu{ margin-bottom:20px;}
	.searchn li{ font-size:14px;}
	.title h6{ font-size:18px;}
		.bannern{ min-height:180px;}
	.bannern h1{ font-size:25px; padding-top:70px;}
.bannern p{ font-size:18px; }
		.ma-bt .bt-rig{width:100%;}
	.ma-bt img,.ma-contact img{display:none;}
.nav,.search{ display:none;}
.phnav{ display:block; }
.bannerb{display:none;}
.bannerc{display:block;}
.new-main{ width:100%; clear:both;}
.ma-contact{width:38%;}
.new-list li a p{ width:100%;}
.new-list{margin-top:15px;}
.new-list li{padding-bottom:5px;}
.main-menu li,.news li{width:95%; margin-left:2.5%; margin-right:2.5%;}
.main-menu li a{background-size: cover !important;}
.fot-right{display:none;}
.fot-left{margin-top: 30px;float: none;text-align: center;margin-bottom: 30px;}
.fot-left ul{ width:300px; margin:0 auto;}
.servlist .vi{ margin-right:0;}
.contact{width:48%; margin-left:2%;}
.culture li{ width:33.3333%;}
}
@media(max-width:690px){
	.proimg{width:85%;}
	.ma-bt img,.ma-contact img{display:none;}
	.ma-bt .bt-rig{width:100%;}
	.ma-contact .title{ margin-bottom:30px;}
	.prolist ul li{width:50%;}
	.proimg{float:none; margin:0 auto;}
	.shumi{margin-left:0; width:100%; margin-top:50px;}	
	}
@media(max-width:560px){
	
	.searchn li{ float:none;}
	.searchn ul{ width:100%;}
	.searchn li select{ width:75%;
}
   .searchn li input{width:75%;}
	.header .top .hot,.fot-left ul{display:none;}
	.header .top .lang{ float:right; background:url(../images/.png) no-repeat left center; padding-left:0px; }
	.ma-contact p{padding-left:0; padding-right:0;}
	.logo h4{font-size:16px; display:none;}
	.logo p{font-size:8px; display:none;}
	.mname{ display:block;}
	.contact h4{ font-size:20px;}
	.logo{background-size:60px; padding-left:65px;}
	.ma-contact,.ab-main{width:100%;}
	.fot-left p{padding-left:0;}
	.fot-left ul{width:293px; overflow:hidden;}
	.fot-left li{width:25%;}
	.fot-left li a{padding:0 5px;}
	.servlist .time,.servlist .vi{display:none;}
	.servlist .nr,.news li{width:100%;}
	.news li a{ margin-left:15px; margin-right:10px;}
	.sonnav h4{ float:left; font-size:28px;}
	}
@media(max-width:450px){
	.prolist ul li{width:100%;}
	.coord{display:none;}
	.proimg{ width:100%}
	.culture li{ width:50%;}
	}