.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:#fff;}
.header .logo{ margin-top:2em; margin-right:4em;}
.header .logo img{ max-width:100%;}
.header .nav{ max-width:730px; margin:auto; }
.header .nav ul li{ float:left; margin-right:40px;}
.header .nav ul li:last-child{ margin-right:0;}
.header .nav ul li a{ color:#666666; font-size:1.6em; padding:37px 15px; display:block; border-bottom:5px solid #fff; text-decoration:none;}
.header .nav ul li:hover a ,.header .nav ul li.active a{ color:#c62620; border-bottom:5px solid #c62620;}
.header .hot-line{ background:url(../images/hot-tel.png) no-repeat; padding-left:45px; 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;}
.header .hot-line h4{ font-size:2.4em; color:#c62620; line-height:1em;}

.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;}


.a-product .a-pro-grid{ text-align:center; padding:12% 12% 6%;
  background-image: -moz-linear-gradient( 180deg, rgb(198,198,198) 0%, rgb(216,216,216) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(198,198,198) 0%, rgb(216,216,216) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(198,198,198) 0%, rgb(216,216,216) 100%);
}
.a-product .a-pro-grid h2{ font-size:3.6em; color:#1f1f1f; line-height:1em; margin-bottom:0.5em; height:1em; overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.a-product .a-pro-grid h4{ font-size:1.8em; color:#464646; line-height:1.3em; margin-bottom:1.1em; text-transform:uppercase; height:2.6em; overflow:hidden; text-overflow:ellipsis;white-space: nowrap; }
.a-product .a-pro-grid .button{ margin-bottom:4em;}
.button a{ color:#fff; background:#c62620; font-size:1.4em; padding: 0.5em 2em; text-decoration:none; display:inline-block;}
.button:hover a{ background:#90100b;}
.a-product .a-pro-grid .a-pro-img img{ max-width:100%; transition: all 0.5s ease-out;}
.a-product .a-pro-grid:hover .a-pro-img img{ margin-top:-20px; margin-bottom:20px;}


.a-about-left{ background:url(../images/a-1.jpg); height:460px; text-align:center;}
.a-about-logo{ padding-top:130px; margin-bottom:45px;}
.a-about-left a{ font-size:2em; color:#dddddd; text-decoration:underline; text-transform:uppercase; letter-spacing:10px;}

.a-about-right{ background:url(../images/a-2.jpg); height:460px; padding:60px 80px;}
.a-about-right h2{ font-size:3.6em; color:#fff; line-height:1.4em; margin-bottom:1.1em;}
.a-about-right h2 span{ color:#c62620; display:block;}
.a-about-right p{ font-size:1.4em; line-height:2em; color:#999999; height:10em; overflow:hidden;}
.a-about-right .button{ margin-top:2em;}


.a-title{ text-align:center; padding:45px 0;}
.a-title h2{ font-size:3.6em; color:#c62620; line-height:1em;}
.a-title p{ font-size:1.4em; color:#2a2a2a; line-height:2em;}

.a-case-box .a-case-grid{ position:relative;  transition: all 0.5s ease-out;}
.a-case-box .a-case-grid .zhezhao{ position:absolute; width:100%; height:100%; z-index:9;   transition: all 0.5s ease-out; left:0; top:0;}
.a-case-box .a-case-info{ position:absolute; left:0; bottom:0; text-align:center; width:100%; z-index:99;   transition: all 0.5s ease-out;}
.a-case-box .a-case-info h4{ font-size:2.4em; color:#fff; font-weight:500; line-height:3em; background:rgba(0,0,0,0.2);}
.a-case-box .a-case-info .button{ display:none;}
.a-case-box .a-case-info .button a{ color:#c62620; background:#fff; font-size:1.4em; padding: 0.5em 2em; text-decoration:none; display:inline-block;}
.a-case-box .a-case-grid:hover .zhezhao{ background:rgba(198,38,32,0.8)}
.a-case-box .a-case-grid:hover  .a-case-info{ bottom:40%; }
.a-case-box .a-case-grid:hover  .a-case-info h4{ background:none;}
.a-case-box .a-case-grid:hover  .a-case-info .button{ display:block;}
.search {
	background:#f5f5f5;
	padding:5em 0;
}
.index .search {
	background:url(../images/search.jpg) center no-repeat;
	padding:5em 0;
}
.search h4 {
	float:left;
	font-size: 3.6em;
	color: #c62620;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-right:1em;
}
.search .form{ float:left; width:80%;}
.search form {
	position: relative;
}
input.search-form {
	background: #999999;
	border: 0 none;
	width: 83%;
	padding: 0 20px;
	color: #fff;
	font-size: 1.4em;
	height: 48px;
}
input.search-form:focus { outline: none;    }

input.search-form::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color:    #fff;
}
input.search-form:-moz-placeholder, textarea:-moz-placeholder { 
    color:    #fff;
}
input.search-form::-moz-placeholder, textarea::-moz-placeholder { 
    color:    #fff;
}
input.search-form:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color:    #fff;
}

.search  button {
	color: #fff;
	font-size:1.4em;
	display: block;
	width: 15%;
	height: 48px;
	background-color: #c62620;
	border:0 none;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

.footer{ background:#1f1f1f; padding:8em 6em 6em;}
.footer-logo{ text-align:center;}
.footer-logo img{ max-width:100%; margin-bottom:20px;}

.footer .foot-pro{ width:25%; padding-left:7%;}
.footer .foot-cont{ width:43%;}
.footer .foot-pro h4{ font-size:1.8em; color:#fff; line-height:1em; margin-bottom:1.2em;}
.footer .foot-pro ul li a { font-size:1.4em; color:#cccccc; line-height:2em; text-decoration:none;}
.footer .foot-pro h3 { font-size:1.8em; color:#c62620; line-height:1em; margin-bottom:1.2em; font-weight:500; margin-top:1.8em;}
.footer .foot-pro h3 a{ color:#c62620; }
.footer .foot-pro p{ font-size:1.4em; color:#cccccc; line-height:2em;}
.footer .foot-pro p span{ color:#c62620;}

.footer .weixin{ width:140px; text-align:center;}

.copyright{ background:#1f1f1f; border-top:1px solid #333333; text-align:center; color:#555555; font-size:1.4em; padding:3em 0;}
.copyright a{ padding-left:2em; color:#555555;}

.footer-min{width:100%; height:70px; background-color:#c62620; position:fixed; bottom:0; left:0; z-index:1000; font-size:0.9em; display:none;}
.footer-min li{ width:25%; height:70px; float:left;border-right:1px solid #fff;}
.footer-min li:last-child{ border:none;}
.footer-min li > a{ display:block; width:99%; text-align:center; color:#fff;}
.footer-min li > a:hover{ color:#fff;}
.footer-min li .share{ background:url(../images/share.png) no-repeat center 15px; padding-top:44px; height:44px;}
.shareBox img {
    float: left;
    margin-left: 12px;
    width: 40px;
}
.shareBox{position:absolute; left:0; bottom:70px; width:100%; z-index:3000; overflow:hidden; display:none; background:#fff; padding:20px 0px; box-shadow:0px 2px 7px rgba(0,0,0,0.75); font-size:0;}
.shareBox a{display:block; width:100%; text-align:center;}
.footer-min li .home{ background:url(../images/home-icon.png) no-repeat center 15px; padding-top:44px; height:44px;}
.footer-min li .phone{ background:url(../images/phone.png) no-repeat center 15px; padding-top:44px; height:44px; }
.footer-min li .map-icon{ background:url(../images/nav.png) no-repeat center 15px; padding-top:44px; height:44px;}
.footer-min li.cur{ background:#0669b2;}
.footer-min li.cur a{ border-right:none;}


.n-banner{ position:relative;}
.n-banner img{ max-width:100%;}
.n-banner .n-banner-info { position:absolute; width:100%; text-align:center; left:0; top:50%; margin-top:-4em;}
.n-banner .n-banner-info h4{ font-size:3.6em; color:#fff; line-height:1em;}
.n-banner .n-banner-info p{ font-size:1.8em; color:#fff; line-height:1em;}

.min-n-banner{ display:none; position:relative;}
.min-n-banner img{ max-width:100%;}
.min-n-banner .min-n-banner-info { position:absolute; width:100%; text-align:center; left:0; top:50%; margin-top:-3em;}
.min-n-banner .min-n-banner-info h4{ font-size:2em; color:#fff; line-height:1em;}
.min-n-banner .min-n-banner-info p{ font-size:1.4em; color:#fff; line-height:1em;}



.breadment { border-bottom:1px solid #dddddd; background:#fff; text-align:center; }
.breadment ul li{ display:inline-block;}
.breadment ul li a{ font-size:1.6em; color:#333333; padding:1.2em 2em ; display:block; text-decoration:none;}
.breadment ul li.active a,.breadment ul li:hover a{ color:#fff; background:#c62620;}

.n-title{ text-align:center; margin-top:5em; margin-bottom:3em;}
.n-title h4{ font-size:3em; color:#333333; line-height:1em;}

.advata{ background:#f0f0f0;}
.border-left{ border-left:1px solid #ddd;}
.adv-grid{ text-align:center; padding:5em 0; border-right:1px solid #dddddd;}
.adv-grid h4{ font-size:2.4em; color:#121212; margin-top:1em;}

.about{ padding:5em 0;}
.about .about-grid{ padding-right:4em;}
.about .about-grid h4{ font-size:2em; color:#c62620; line-height:1em;}
.about .about-grid h5{ font-size:1.6em; color:#000000; line-height:1em; margin-top:3.5em;}
.about .about-grid p{ font-size:1.4em; color:#333333; line-height:2em; text-indent:2em;}
.about .about-grid p span{ color:#c62620;}
.about .about-img{ text-align:center;}
.about .about-img img{ max-width:100%;}



.xiaoguo-grid li{ float:left; width:25%; padding:2px 2px 2px 2px;}
.xiaoguo-grid li img{ max-width:100%;}

.videobox{ margin-bottom:8em; }
.vitem{ width:100%;  position:relative; overflow:hidden;}
.vitem.black{ background-color:#000;}

.vitem a{ display:block; width:100%; height:100%;}
.vitem img{ width:100%; filter:alpha(opacity=40); opacity: 0.4;}
.vitem img{ width:100%; min-width:100%; min-height:100%; object-fit:cover; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -ms-transition: all 0.8s linear; -o-transition: all 0.8s linear; transition: all 0.8s linear;}
.vitem:hover img{ opacity:0.6; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.vitem span{ display:block; width:84px; height:84px; background:url(../images/btnplay01.png) center no-repeat; position:absolute; top:50%; left:50%; margin-top:-42px; margin-left:-42px; z-index:2;}
.vitem:hover span{ background-image:url(../images/btnplay01_h.png); transition:all 0.5s; filter:alpha(opacity=40); opacity: 0.4;}

.products{ background:#f0f0f0; padding-bottom:6em;}
.product li.plist1 {padding:2px 8px 20px 8px; width:25%; float:left; overflow:hidden; display:block; z-index:-100; line-height: normal;text-align:center;}
.product li.plist1 a{ display:block; color:#666;   text-decoration:none;}
.product li.plist1 a:hover{ }
.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;
	color:#333333;
}
.product li.plist1 dl dt{  overflow:hidden;}
.product li.plist1 dl dd { width:100%; margin-top:1em;}
.product li.plist1 img { width:100%;}

.dy{ width:180px; margin:auto; margin-top:2em;}
.dy  .pre{ width:80px; height:30px; border:1px solid #c62620; text-align:center; float:left; margin-right:20px;}
.dy  .next{ width:80px; height:30px; border:1px solid #c62620; float:left; text-align:center;}
.dy  .pre a, .dy  .next a{ line-height:30px; font-size:1.4em; color:#666666;}

.product-n{ padding:5em 0;}
.product-box{ text-align:center;}
.product-box .product-img{ border:1px solid #dddddd;}
.product-box .product-img img{ max-width:100%;}
.product-box  h4{ font-size:3em; color:#333333; line-height:1em; margin-top:0.8em;}
.product-info{ padding-left:2em;}
.product-info{  line-height:2em;}
.product-n-title h4{ font-size:1.8em; color:#333; line-height:1em; padding:0.8em 2em; background:#f0f0f0; margin-bottom:1em;}

.sw-5{ border:1px solid #ccc;}


.case{ padding:5em 0;}

.contact{ padding:5em 0; background:#f5f5f5;}
.contact .n-title { margin-top:0;}
.contact .n-title h4{ color:#c62620;}

.contact .contact-grid ul li{ font-size:1.4em; color:#333333; line-height:20px; padding-left:30px; background:url(../images/con-icon.png) no-repeat; margin:1em 0;}
.contact .contact-grid ul li.c-2{ background-position:0 -20px;}
.contact .contact-grid ul li.c-3{ background-position:0 -40px;}
.contact .contact-grid ul li.c-4{ background-position:0 -60px;}
.contact .contact-grid ul li.c-5{ background-position:0 -80px;}
.contact .contact-grid ul li.c-6{ background-position:0 -100px;}
.contact .contact-grid ul li.c-7{ background-position:0 -120px;}
.contact .contact-grid ul li.c-8{ background-position:0 -140px;}

.feedback{ padding:5em 0 0;}
.feed-title{ margin-bottom:2em;}
.feed-title h4{ font-size:3em; color:#c62620; line-height:1em; margin-bottom:0.8; }
.feed-title p{ font-size:1.6em; color:#666;}

.contact-form input[type="text"] {
  display: block;
	background:  #dddddd;
	border:0 none;
  width:100%;
  margin:auto;
  outline: none;
  padding: 14px 15px;
  font-size: 1.4em;
  color: #868585;

}
.cnt-inpt {
 padding: 0 2em 0 0;
  margin-bottom: 3em;
}
.contact-form{ margin:auto; margin-bottom:4em;}
.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:  #dddddd;
	border:0 none;
	width: 100%;
	margin:auto;
	outline: none;
	padding: 14px 15px;
	font-size: 1.4em;
	color: #868585;
}
.contact-form textarea {
	background:  #dddddd;
	border:0 none;
	width: 100%;
	margin:auto;
	display: block;
	height: 13em;
	outline: none;
	font-size: 1.4em;
	color: #868585;
	resize: none;
	padding: 10px 5px;
}
.contact-form .blue22 {
  background: #f08300;
  border: 1px solid #f08300;
  padding: 0.6em 4em;
  
  outline: none;
  margin-top:4em;
  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 {
  border: 1px dotted #289a43;
  color: #289a43;
  background: none;
}


.my-map{ }
#mapContainer{
			height:400px;
			width:100%;
		}
		
		#btnDiv{
			position:absolute;
			bottom:20px;
			right:20px;
		}
		
		#btnDiv input{
			height:28px;
			line-height:28px;
			background-color: #0D9BF2;
			color:#FFF;
			border:0;
			outline:none;
			padding-left: 5px;
			padding-right:5px;
			border-radius:3px;
			cursor:pointer;
		}