.padding{  padding-left:6em; padding-right:6em;}

#my-menu{ /*display:none;*/}
#hamburger{ display:none}
#hamburger { box-sizing: border-box;display:none;width: 36px; height: 24px; /*position: fixed;*/position: absolute; top:20px; right:5%; z-index:9999;}
#hamburger:before, #hamburger:after, #hamburger span { background:#000; content: ''; display: block; width: 36px; height: 4px; }
#hamburger span { margin: 6px 0 0 0; }
#hamburger:after { margin: 6px 0 0 0; }

#hamburger.hb-fixed { position: fixed; }
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.3s ease 0.3s; transition: none 0.3s ease 0.3s; -webkit-transition-property: transform, top, bottom, left, opacity, margin; transition-property: transform, top, bottom, left, opacity, margin; }
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after { top: 20px; }
html.mm-opening #hamburger span { left: -50px; opacity: 0; }
html.mm-opening #hamburger:before { transform: rotate( 45deg ); margin: 13px 0 0 0; }
html.mm-opening #hamburger:after { transform: rotate( -45deg ); margin: -13px 0 0 0; }

.delegate {
    width: 100%;
    position: relative;
    /* max-width: 640px; */
    margin: 0 auto;
}
.delegate .main_img {
    width: 100%;
    vertical-align: top;
}



.header{   background-image: -moz-linear-gradient( -90deg, rgb(255,255,255) 41%, rgb(208,208,208) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(255,255,255) 41%, rgb(208,208,208) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(255,255,255) 41%, rgb(208,208,208) 100%);}
.header .logo{ margin-top:1.5em; margin-bottom:2em;}
.header .logo img{ max-width:100%;}

.header .hot-line{ background:url(../images/hot-tel.png) no-repeat; padding-left:55px; background-position-y:5px; margin-top:2em;}
.header .hot-line p{ font-size:1.4em; color:#2a2a2a; line-height:1em; margin:0; margin-bottom:10px; margin-top:0.5em;}
.header .hot-line h4{ font-size:2.4em; color:#1457b8; line-height:1em;}


.headernav{    background-image: -moz-linear-gradient( 0deg, rgb(32,76,194) 17%, rgb(48,121,229) 58%, rgb(35,82,208) 87%);
  background-image: -webkit-linear-gradient( 0deg, rgb(32,76,194) 17%, rgb(48,121,229) 58%, rgb(35,82,208) 87%);
  background-image: -ms-linear-gradient( 0deg, rgb(32,76,194) 17%, rgb(48,121,229) 58%, rgb(35,82,208) 87%); }
.headernav ul li{ float:left; width:16.6%; text-align:center;}
.headernav ul li:last-child{ margin-right:0;}
.headernav ul li a{ color:#fff; font-size:1.6em; display:block; padding:0.6em 0;  text-decoration:none;}
.headernav ul li:hover a , .nav ul li.active a{ color:#c1d2ff;}


.swiper-container {
      width: 100%;
      height: 100%;

    }
    .swiper-slide {
      text-align: center;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	.swiper-slide img{ max-width:100%;}
	
.swiper-container  .sbn{ background:url(../images/right.png); width:56px; height:56px; margin-top:-28px; right:60px;}
.swiper-container  .sbp{ background:url(../images/left.png); width:56px; height:56px; margin-top:-28px; left:60px;}


.min-banner{ display:none;}


.title{ text-align:center; margin-bottom:5em;}
.title h1{ font-size:3.6em; color:#0376c7; font-style:italic;}
.title h3{ font-size:2.4em; color:#333; position:relative;}
.title h3:after{ position:absolute; background:url(../images/xian.png); width:25%; height:13px; left:0; top:0;content: "";}
.title h3:before{ position:absolute; background:url(../images/xian.png); width:25%; height:13px; right:0; top:0;content: "";}

.a-product{ background:url(../images/pro-bg.jpg) center; background-size:cover; padding:6em 0;}

.a-product-box .a-pro-nav ul li{ width:200px; height:85px; font-size:1.6em; color:#fff; text-align:center; line-height:86px; background:#232323; margin-bottom:5px;}
.slideTxtBox .hd ul li.on{ background:#0376c7;  }

.slideTxtBox .bd{ width:950px;}
.slideTxtBox .bd .pro-left{ float:left; width:630px;}
.slideTxtBox .bd .pro-right{ float:right; width:310px;}
.slideTxtBox .bd .pro-left img{ max-width:100%;}
.slideTxtBox .bd .pro-right img{ max-width:100%;}
.slideTxtBox .bd .a-pro{ position:relative; margin-bottom:5px;}
.slideTxtBox .bd .a-pro .a-pro-info{ position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.5); width:100%;}
.slideTxtBox .bd .a-pro .a-pro-info h4{ font-size:1.8em; color:#fff; text-align:center; line-height:40px;}

.a-advage{ padding:6em 0;}
.a-advage-box img{ max-width:100%;}
.a-advage .a-advage-box .a-advage-info{ margin-bottom:4em;}
.a-advage .a-advage-box .a-advage-info h2{ font-size:2.4em; color:#222222; line-height:1.5em; margin-bottom:0.8em;}
.a-advage .a-advage-box .a-advage-info h2 span{ font-size:1.08em; color:#fff; background:#bd0b00; font-style:italic; padding:0 0.3em; margin-right:15px;}
.a-advage .a-advage-box .a-advage-info ul { margin-left:8em;}
.a-advage .a-advage-box .a-advage-info ul li{ font-size:1.6em; line-height:1.5em; position:relative; color:#333333; border-bottom:1px dashed #c4c4c4; padding:0.2em 0;}
.a-advage .a-advage-box .a-advage-info ul li:after{ position:absolute; content:''; width:5px; height:9px; background:url(../images/p-s.png); left:-10px; top:10px;}
.a-advage .a-advage-box .a-advage-info ul li:last-child{ border-bottom:none;}

.show{ background:url(../images/ac-1.jpg); height:200px; width:100%; background-position:right;}
.show-info{ margin-left:11em; margin-top:5em;}

.show-info h1{ font-size:3.6em; color:#fff;}
.show-info p{ font-size:1.8em; color:#fff;}

.show-con{ padding:4em 2em; background:#0092e0; text-align:center; height:200px;}
.show-con h4{ font-size:1.4em; color:#fff; font-weight:500; margin-bottom:1em;}
.show-con h3{ font-size:2.4em; color:#fff; margin-bottom:1em;}
.show-con .show-button{ width:116px; height:34px; border-radius:30px; background:#fff; margin:auto; margin-bottom:1em;}
.show-con .show-button a{ font-size:1.6em; color:#0092e0; line-height:34px; text-decoration:none;}

.a-new{ padding:6em 0;}
.a-new-box{ max-width:1035px; margin:auto;}
.a-new-box .a-new-grid{ padding:0 17px;}
.a-new-box .a-new-grid a{ text-decoration:none;}
.a-new-box .a-new-grid .a-new-img{ margin-bottom:2em;}
.a-new-box .a-new-grid .a-new-img img{ max-width:100%;}
.a-new-box .a-new-grid .a-new-info{}
.a-new-box .a-new-grid .a-new-info h4{ font-size:1.8em; color:#333333; font-weight:500;}
.a-new-box .a-new-grid .a-new-info p{ font-size:1.4em; color:#333333; line-height:1.5em; margin:0.8em 0;}
.a-new-box .a-new-grid .a-new-info .button{ width:124px; height:38px; text-align:center; font-size:1.4em; color:#fff; background:#002950; line-height:38px;} 
.a-new-box .a-new-grid:hover .a-new-info .button{ background:#0376c7;}


.footer{ padding:3em 0; background:#000;}

.link .link-a{ width:20%;}
.link .link-a h2{ font-size:5.7em; color:#fff; font-weight:300;}
.link .link-a p{ font-size:1.8em; color:#fff; margin:0;}
.links ul li{ float:left;}
.links{ width:80%; margin-top:1em;}
.links ul li a{ font-size:1.4em; color:#fff; text-decoration:none; margin-right:3em; line-height:2.4em;}

.foot-nav{ background:#0376c7; margin-top:2em;}
.foot-nav ul li{ float:left; width:16.6%; text-align:center;}
.foot-nav ul li:last-child{ margin-right:0;}
.foot-nav ul li a{ color:#fff; font-size:1.6em; display:block; padding:0.6em 0;  text-decoration:none;}
.foot-nav ul li:hover a , .foot-nav ul li.active a{ color:#9e9e9e;}

.foot-info{ margin-top:2em;}
.foot-info ul li{ font-size:1.4em; color:#fff; line-height:2em;}
.foot-info ul li a{ color:#fff; margin-left:2em;}

.n-banner{  width:100%;}
.n-banner img { max-width:100%;}

.topbread{ background:#f5f5f5;}
.topbread .top-nav{ float:left;}
.topbread .top-nav ul li{ float:left;}
.topbread .top-nav ul li a{ font-size:1.4em; color:#333333; padding:0.9em 3em; display:inline-block; text-decoration:none;}

.topbread .top-side{ float:right;}
.topbread .top-side ul li{ float:left; font-size:1.4em; color:#333; padding:0.9em 0;} 

.nav{ display:none;}
.navbar-default .navbar-nav>li>a {
	font-size: 14px;
    color: #333;
}

.navbar-brand ul li{
	float: left;
	font-size: 14px;
	color: #333;
}
.navbar-brand ul li.active a{
	color: #074ea0;
}















.content{ min-height:700px; padding:2em 0 4em;}
.contont{ min-height:700px; padding:4em 0 4em;}

.n-title{ text-align:center; margin-bottom:4em; margin-top:4em;}
.n-title h4{ font-size:2.4em; color:#232425; position:relative;}
.n-title h4:after{ width:100%; height:1px; background:#cccccc; position:absolute; content:''; left:0; bottom:-13px; z-index:9;}
.n-title h4:before{ width:48px; height:3px; background:#1c63ce; position:absolute; content:''; left:50%; margin-left:-24px; bottom:-14px; z-index:10;}
.n-title p{ font-size:1.4em; color:#333333; margin-top:1.5em;}

.about-o-info p{ font-size:1.4em; color:#333; line-height:2em; text-indent:2em;}
.about-o-info p span{ color:#1c62cc; font-weight:bold;}
.about-img{ margin-top:3em; text-align:center;}
.about-img img{ max-width:100%;}

.buss-info { margin-bottom:5em;}
.buss-info .buss-grid{ padding:1em 2em;}
.border-right{ border-right:1px solid #d2d2d2;}
.buss-info .buss-grid h5{ font-size:1.6em; color:#333333; font-weight:500; margin-bottom:1.8em;}
.buss-info .buss-grid span{ font-weight:600;}
.buss-info .buss-grid p{ font-size:1.4em; color:#333; line-height:1.6em;}


/*video-b*/
.video-b{ padding:0;}
.video-b li.plist1 {padding:2px 8px 15px 8px; width:33.3%; float:left; overflow:hidden; display:block; z-index:-100; line-height: normal;text-align:center;}
.video-b li.plist1 a{ border:1px solid #E9E7EA; display:block; color:#666; background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.video-b li.plist1 a:hover{ border:1px solid #079fdf; background: #079fdf; display:block; color:#FFFFFF;}
.video-b li.plist1 a:hover img {}
.video-b li.plist1 dl{
	margin-bottom:10px;
}
.video-b li.plist1 dl dd span{
	text-align:center;
	font-size:1.4em;
}
.video-b li.plist1 dl dd { width:100%; margin-top:1em;}
.video-b li.plist1 img { width:100%;}


.pageleft{ width:200px; float:left;}
.pageh{ width:255px; border-top-left-radius:10px; border-top-right-radius:10px; padding:1em 2em;
  background-image: -moz-linear-gradient( 0deg, rgb(43,127,255) 0%, rgb(32,75,212) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(43,127,255) 0%, rgb(32,75,212) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(43,127,255) 0%, rgb(32,75,212) 100%);
}
.pageh h4{ font-size:2.4em; color:#fff; }
.pageh p{ font-size:1.8em; color:#fff; margin:0;}
.pageli{ width:255px; padding:1em 2em;  background:#f5f5f5;}
.pageli ul li a{ display:block; font-size:1.4em; color:#333; line-height:2em; padding:0.5em 0; text-decoration:none;}
.pageli ul li.active a,.pageli ul li:hover a{  background:#2a7bfc; color:#fff; border-radius:10px; text-align:center;}

.pageright{ float:right; width:850px;}
.pro-nenu{ border-bottom:1px solid #ccc; margin-bottom:2em;}
.pro-nenu h4{ font-size:1.6em; color:#333; margin-bottom:0.5em;}




/*product*/
.product{ padding:0;}
.product li.plist1 {padding:2px 8px 15px 8px; width:33.3%; float:left; overflow:hidden; display:block; z-index:-100; line-height: normal;text-align:center;}
.product li.plist1 a{ border:1px solid #E9E7EA; display:block; color:#666; background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.product li.plist1 a:hover{ border:1px solid #079fdf; background: #079fdf; display:block; color:#FFFFFF;}
.product li.plist1 a:hover img {}
.product li.plist1 dl{
	margin-bottom:10px;
}
.product li.plist1 dl dd span{
	text-align:center;
	font-size:1.4em;
}
.product li.plist1 dl dd { width:100%; margin-top:1em;}
.product li.plist1 img { width:100%;}


.more{ width:145px; height:40px; background:#1c63ce; text-align:center; margin:auto; margin-top:2em;}
.more a{ font-size:1.4em; color:#fff; line-height:40px;}


.news_info {
    position: relative;

	background: #fff;
	border-bottom:1px solid #eee;
}

.news_pic {
    float: left;
    width: 36%;
    position: relative;
    height: auto;
    
    overflow: hidden;
}
.news_pic img {
    width: 100%;
}
.hot {
    position: absolute;
    left: 0;
    top: 0;
}
.news_side {
	float: left;
    width: 64%;
    background: #fff;
    padding: 2.5% 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.news_side h3 {
    font-size: 1.8rem;
    color: #000;
    font-weight: 500;
    padding-bottom: 10px;
}
.news_side span {
    color: #ccc;
    font-size: 1.3rem;
    padding-right: 10px;
}
.news_side p {
    font-size: 1.5rem;
    color: #858585;
    line-height: 1.6;
    padding: 2% 0 0;
    border-top: 1px solid #ccc;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	text-indent: 2em;
}
.news_side a {
    font-size: 1.4rem;
    color: #fff;
    display: block;
	background: #2c58bb;
    border: 1px solid #ccc;
    width: 106px;
    line-height: 35px;
    text-align: center;
    margin-top: 4%;
	text-decoration:none;
}
.news_side:hover a{
	background: #2e73e1;
	color: #fff;
}
.news ul li a {
    display: block;
}


.newsdt ul{  padding-bottom:2em; margin-top: 1em;}
.newsdt ul li{ width:100%;  padding:20px 20px; border-bottom:1px solid #EEE; position:relative; margin:0 auto; background: #fff; margin-top: 20px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}

.dtimg{ float:right; width:22%; height:auto;overflow:hidden;}
.dtimg img{ width:100%;}
.dttxt{ float:left; width:76%; margin-right:2%; position:relative;}
.dttxt a{ text-decoration:none;}
.dttxt h6{ font-size:1.8em; font-weight:normal; line-height:2em; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:76%;}
.dttxt p{ font-size:1.4em; line-height:1.5em; color:#555; overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:1.5%; margin-top: 1%;}
.dttxt span{ display:block; background:url(../images/new/news_date.png) left center no-repeat;  font-size:1em; line-height:24px; color:#999; font-family:Arial, Tahoma, Helvetica, sans-serif;}

.dttxt:hover p{ color:#666;}
.dttxt .todetail a{ display:block; font-size:1.2em; line-height:3em; color:#333; }
.dttxt .todetail a:hover{  text-decoration:underline;}


.newsshow {
	padding-top: 3%;
}
.newsshow .newsshow-title {
	text-align:center;
	font-size:2rem;
	line-height:2;
	color:#333;
}
.newsshow .newsshow-time {
	font-size: 1.5rem;
	text-align:center;
	line-height:2;
	color:#555;
	border-bottom:1px dotted #CCC;
	padding-bottom:1.5%;
}
.newsshow .newsshow-time time {
	margin-left: 1rem
}
.newsshow .newsshow-time time i {
	margin-right:5px;
}
.newsshow .newsshow-cont {
	padding:2.5% 0 2% 0;
	font-size:1.4em;
	color:#555;
	line-height:1.8;
}
.newsshow .newsshow-cont p {
	text-indent:2rem;
}
.newsshow .newsshow-cont img{
	max-width: 100%;
	text-align: center;
}


.customer-info p{ font-size:1.4em; color:#333; line-height:2em; text-indent:2em;}
.customer-info p span{ color:#1c62cc; font-weight:bold; font-size:1.2em; position:relative;}
.customer-info p span:after{ position:absolute; width:7px; height:3px; background:#1c62cc; content:''; left:-20px; top:50%; margin-top:-2px;}
.customer-img{ margin-top:3em; text-align:center;}
.customer-img img{ max-width:100%;}





.contact-content .contact-info{ margin-bottom:50px;}
.contact-content .co-n{ border-right:1px solid #cccccc; padding:4em 2em;}
.contact-content .co-n h3{ font-size:2.4em; color:#333333; font-weight:500; margin-bottom:15px;}
.contact-content .co-n p{ font-size:1.4em; color:#999898; font-weight:500;}

.contact-content .co-in{ border-right:1px solid #cccccc; padding:2em 2.7em;}
.contact-content .co-in p{ font-size:1.4em; color:#333; line-height:2.3em;}

.contact-content .co-call{  padding:2em 3em;}
.contact-content .co-call p{ font-size:1.4em; color:#333; line-height:2.3em;}

.map{ max-width:1200px !important; height:30em !important; margin-bottom: 6em;}


.contact-form input[type="text"] {
  display: block;
  background: #fff;
 
  width:100%;
  margin:auto;
  outline: none;
  padding: 10px 5px;
  font-size: 1.2em;
  color: #868585;
  margin-bottom: 1.5em;
}
.cnt-inpt {
padding: 0 1em;
  margin-bottom: 1em;
}
.contact-form{ margin:auto;}
.contact-form .dxk{display: block;
    width: 100%;
    margin: auto;
    outline: none;
    padding: 10px 5px;
    font-size: 1.2em;
    color: #868585;}
.contact-form .dxk input[type="radio"]{
	width:1.5em; 
	height:1.5em
	}	


.e-m {
    font-size: 1.4em;
    color: #666666;
    margin-bottom: 10px;
	width:100%;
	margin:auto;
	padding-bottom:10px;
}
.e-m-w {
    font-size: 1.4em;
    color: #666666;
    margin-bottom: 10px;
	width:98%;
	margin:auto;
	padding-bottom:10px;
}
.contact-form input[type="user"] {
	display:block;
	background:  #fff;
	
	width: 100%;
	margin:auto;
	outline: none;
	padding: 10px 5px;
	font-size: 1.2em;
	color: #868585;
}
.contact-form textarea {
	background: #fff;
  	border: 1px solid #868585;
	width: 98%;
	margin:auto;
	display: block;
	height: 13em;
	outline: none;
	font-size: 1em;
	color: #868585;
	resize: none;
	padding: 10px 5px;
}
.contact-form .blue22 {
  background: #888888;
  border: 1px solid #888888;
  padding: 0.6em 5em;
  
  outline: none;
  margin: 4em auto 0em;
  font-size: 1.6em;
  color: #fff;
  transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	display: block;
}
.contact-form .blue22:hover {
  background: #1c63ce;
 
  
}

.productshow-img img{ max-width:100%;}
.productshow-info{ margin-top:2em;}
.productshow-info h1{ font-size:2em; margin-bottom:1em;}
.productshow-info p{ font-size:1.4em; line-height:1.8em; }