@font-face {
  font-family: "NotoSansHans-Light";
  src: url("../fonts/NotoSansHans-Light.woff2") format("woff2"),
       url("../fonts/NotoSansHans-Light.woff") format("woff"),
       url("../fonts/NotoSansHans-Light.ttf") format("truetype"),
       url("../fonts/NotoSansHans-Light.eot") format("embedded-opentype"),
       url("../fonts/NotoSansHans-Light.svg") format("svg");
}








/*header*/
.header{ position:fixed; top:0; left:0; width:100%; background:rgba(0,0,0,0.6); z-index:999;}
.logo{ float:left; padding:15px 40px;}
.munes{ float:right;}
.munes>*{ display:inline-block;}
.mune .down{ width:80px; display:inline-block; margin-right:40px;padding:35px 5px;}
.mune .down>a{ font-size:1.6em; color:#bfbfbf; width:80px;display:block; text-align:center;}
.share span{ padding:0px 30px 0px 0; display:inline-block;}
.share span img{ margin-bottom:-6px;}
.down{ position:relative;}
.down>a:after{ position:absolute; bottom:0; left:0; content:""; background:#324e8a; width:100%; height:3px; transform:scaleX(0);}
.down:hover .down-list{ display:block;}
.down-list{ display:none; position:absolute; top:100%; left:0; z-index:100; background:rgba(0,0,0,0.6); padding:10px; width:160px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.down-list a{ line-height:24px; display:block; font-size:1.4em;color:#bfbfbf; border-bottom:1px solid #4c4c4c; padding:10px 0;}




/*min-nav*/

#hamburger { box-sizing: border-box;display:none;width: 36px; height: 24px; position: fixed;/*position: absolute;*/ top:28px; right:5%; z-index:9999;}
#hamburger:before, #hamburger:after, #hamburger span { background:#fff; content: ''; display: block; width: 30px; height:3px; }
#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;
}


#product #hamburger.hb-absolute { position: absolute; }











/*banner*/
.banner .warp{ position:relative;}
.banner .warp>.txt{ position:absolute; width:100%; top:40%; text-align:center;}
.banner .warp>.txt>h3{ font-size:4.8em; font-weight:bold; position:relative; padding-bottom:27px;}
.banner .warp>.txt>h3{ color:#fff; }
.banner .warp>.txt>h3{ color:#fff; }
.banner .warp>.txt>h3:after{ position:absolute; bottom:0; left:50%; margin-left:-19px; content:""; width:38px; height:3px; background:#fff;}
#m4 .banner .warp>.txt>h3:after{ background:#fff;}

.i-tit{ font-size:2.8em; color:#333; text-align:center;}
.centera {overflow:hidden; position:relative;}
.hover{ background:#fff;}
.hover2 h3,.hover2 h4{ transform:translateY(0px);}
.box {display:none; position:relative; height:100vh;}
#oranger{ text-align:center; position:absolute; bottom:55px; width:100%;z-index:99;}
#oranger a { margin:0 5px; display:inline-block; width:13px; height:13px; border:1px solid #fff; border-radius:50%; }
.tablea .box2 .h3{ padding-top:22%; color:#fff; font-weight:100; font-size:5.5em; line-height:60px; text-align:center;margin-bottom:10px; font-family: "NotoSansHans-Light"; margin-bottom:2%;}
.tablea .box .h4{  font-size:5.5em; font-weight:100; line-height:24px;  color:#fff; text-align:center; font-family: -webkit-pictograph;}
.tablea .box>img{ padding-left:10%; }
.tablea .box2 img{ padding-top:20px !important;max-width: 20%;}

.tablea .box3 h3{ text-align:center; padding-top: 7%;      font-size: 4em; padding-left: 0%;  margin-bottom: 15px; color:#2e4f8f;}
.tablea .box3 h3 span{ font-size:1em; color:#333333; margin-left:0.5em;}
.tablea .box3 h4{ letter-spacing:2px; text-align:center; padding-left:0%; font-size:2.4em; line-height:36px; max-width:100%; width:100%;color:#333;}
.tablea .box3 div{ text-align:center; margin-top:4%;}
.tablea .box3 div>span>a{ width:125px; height:30px; color:#fff; background:#2e4f8f; display:inline-block; line-height:30px; font-size:1.8em;}









/*20170719首页第二屏开始*/
.indexPro{height:100%;background: url(../images/index.jpg) center bottom no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%; height:820px; position:relative;}
.indexPro ul{position: absolute;width: 100%;height: 462px;top: 50%;margin-top: -231px;}
.indexPro ul li{width: 100%;position: relative;height: 154px;overflow: hidden;}
.indexPro ul li:after{content: "";position: absolute;left: -70%;top: 0;width: 70%;height: 100%;background-color: #22add6;}
.indexPro ul .inner{width: 1200px;margin: 0 auto;height: 100%;position: relative;z-index: 2;}
.indexPro .inner .icon{width: 180px;height: 154px;position: relative;padding-top: 40px;float: left;}
.indexPro .inner .icon img{display: block;margin: 0 auto;position: relative;z-index: 2;}
.indexPro .inner .icon:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #1897bc;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);opacity: 0;}
.indexPro .inner .right{float: left;padding: 0 150px 0 45px;color: #fff;text-align: left;}
.indexPro .inner .right .p1{padding-top: 46px;font-size: 24px;line-height: 58px;}
.indexPro .inner .right .p1 span{padding-left: 55px;font-size: 18px;position: relative;text-transform: uppercase;}
.indexPro .inner .right .p1 span:before{content: "";position: absolute;left: 15px;top: 50%;width: 30px;height: 1px;background-color: #fff;}
.indexPro .inner .right .p2{font-size: 14px;line-height: 24px;opacity: 0;filter:alpha(opacity = 0);}
.indexPro .inner .more{float: left;width: 28px;height: 28px;margin: 63px 56px 0 0;position: relative;}
.indexPro .inner .more:after,.indexPro .inner .more:before{content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background-color: #fff;opacity: 0;}
.indexPro .inner .more:after{width: 1px;height: 100%;left: 50%;top: 0;-webkit-transform:translateX(28px);-moz-transform:translateX(28px);transform:translateX(28px);}
.indexPro .inner .more:before{-webkit-transform:translateY(28px);-moz-transform:translateY(28px);transform:translateY(28px);}


.indexPro li:hover .inner .icon:after{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);opacity: 1;}
.indexPro li:hover .inner .right .p1{padding-top: 21px;font-size: 28px;}
.indexPro li:hover .inner .right .p2{opacity: 1;filter:alpha(opacity = 100);}
.indexPro li:hover .inner .more:before{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);opacity: 1;}
.indexPro li:hover .inner .more:after{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px);opacity: 1;}
.indexPro ul li:hover:after{left: 0;}

.indexPro ul li:after,.indexPro .inner .icon:after,.indexPro .inner .right *,.indexPro .inner .more:after,.indexPro .inner .more:before,.indexActivity .list .more,.indexActivity .list .more span,.indexActivity .list li:hover .below,.indexActivity .list li:hover .below .p1,.indexActivity .list li .img img,.indexActivity .list li,.joinWrap1 .circle .inner .box,.joinWrap2 ul li .icon1{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.indexPro .inner .right .p1,.indexPro .inner .right .p2{-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;transition-delay:0.2s;}
.indexPro li:hover .inner .more:after,.indexPro li:hover .inner .more:before{-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;transition-delay:0.3s;}
/*20170719首页第二屏结束*/





.indproshow{ background:url(../images/pro-bg.jpg); padding:8em 0 6em;}
.indproshow .pro-title{ text-align:center; color:#fff; margin-bottom:3em;}
.indproshow .pro-title h2{ font-size:3em; font-weight:500; margin-bottom:5px;}
.indproshow .pro-title p{ font-size:2em; margin-bottom:5px;}
.indproshow .pro-title span{ font-size:2em;}

.inpro .swiper  .swiper-button-next, .inpro .swiper  .swiper-button-prev{
	width:15px;
	height:15px;
	background-size: 15px 15px;
	top:100%;
	z-index:99;
	margin-top:0;
}
.inpro .swiper  .swiper-button-prev{
	left:42%;
}
.inpro .swiper  .swiper-button-next{
	left:58%;
	margin-left:-10px;
}
.inpro .swiper span.cile{ width:10px; height:10px; display:block; border:1px solid #fff; border-radius:100%; position:absolute; top:100%; left:50%; margin-left:-5px;}

.indproshow .swiper {
/*	width:1200px;*/
	margin:0 auto;
	position:relative;
}
.swiper img{
	max-width:100%;
}
.current-swiper {
	width:419px;
	
	border-radius:10px;
	margin:0 auto;
	box-shadow:0 0 20px rgba(0,0,0,0.05);
	position:relative;
	z-index:99;
	padding-bottom:40px;
}
.left-swiper {
	position:absolute;
	left:117px;
	top:52px;
	z-index:1;
}
.right-swiper {
	position:absolute;
	right:117px;
	left:auto;
	top:52px;
	z-index:1;
}
.nocurrent-swiper {
	width:280px;
	border-radius:8px;
	box-shadow:0 0 20px rgba(0,0,0,0.05);
}
.nocurrent-swiper:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:99;
}





.col-5{ width:50%;}

.inabout{ margin:20px 0;    padding-right: 15px;
    padding-left: 15px}
.inaimg{ position:relative;}
.inaimg img{ max-width:100%;}
.inaimg h4{ position:absolute; bottom:40px; left:20px; font-size:3em; color:#fff; background:rgba(0,162,234,0.75); padding:5px 10px; font-weight:500;}

.inainfo{ width:500px; padding:40px; margin-right:20px; margin-top:50px;}
.inainfo h2{ font-size:3em; color:#333; font-weight:500; margin-bottom:30px;}
.inainfo p{ font-size:1.4em; color:#333;}
.inainfo a{ width:120px; height:30px; text-align:center; display:block; background:#000; font-size:1.4em; line-height:30px; color:#fff; margin-top:70px;}

.inabout .inabotgrd{ padding-left:0; padding-right:0;}


.innew{ background:#e9e9e9; padding:6em 0;}
.intitle{ text-align:center; font-size:3em; color:#333; margin-bottom:40px;}

.innewbox .inn{padding:2px 15px 15px 15px; width:33.3%; float:left; overflow:hidden; display:block; z-index:-100; line-height: normal;}
.innewbox .inn a{ display:block; background:#fff; text-decoration:none;}
.innewbox .inn .innew-img{ text-align:center; }
.innewbox .inn .innew-img img{ max-width:100%;}
.innewbox .inn .innew-info{ padding:20px; text-align:center;}
.innewbox .inn .innew-info h4{ font-size:1.8em; color:#333; font-weight:500;    height: 1.3em;
    overflow: hidden;}
.innewbox .inn .innew-info span{ width:30px; height:1px; background:#bebebe; display:inline-block; margin:15px 0;-moz-transition: all 1s ease-out;

	-webkit-transition: all 1s ease-out;

	-o-transition: all 1s ease-out;

	-ms-transition: all 1s ease-out;

	transition: all 1s ease-out;

}
.innewbox .inn .innew-info p{ text-align:left; font-size:1.4em; color:#888;    height: 4.1em;
    overflow: hidden;}
.innewbox .inn:hover .innew-info span{ width:80%;}


.footer{ background:#333; padding:6em 0;}

/*share*/
.bdsharebuttonbox{
	
}
.bdshare-button-style2-16 a{
    float: left;
    font-size: 30px !important;
    padding-left: 25px !important;
    line-height: 31px !important;
    height: 30px !important;
    background-image: none;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 6px 6px 6px 0;
	border:1px solid #fff;
	border-radius:100%;
	padding:28px 30px;
	margin-right:40px !important;
}
.bdsharebuttonbox .bds_tsina{
	background-image: url(../images/share-1.png);
	background-position:center !important;
}
.bdsharebuttonbox .bds_weixin {
   background-image: url(../images/share-2.png);
   background-position:center !important;
}
.bdsharebuttonbox .bds_qzone {
   background-image: url(../images/share-3.png);
   background-position:center !important;
}
.bdsharebuttonbox .bds_tqq {
    background-image: url(../images/share-4.png);
	background-position:center !important;
}
.bdsharebuttonbox .bds_renren {
    background-image: url(../images/share-5.png);
	background-position:center !important;
}

.foot-nav-box{ border-top:1px solid #454545; border-bottom:1px solid #454545; padding:6em 0; margin-top:25px;}
.foot-nav-box .fnav{ color:#fff;}
.foot-nav-box .fnav h4{ font-size:1.6em; font-weight:500; margin-bottom:20px;}
.foot-nav-box .fnav ul li a{ color:#a1a1a1; font-size:1.4em; line-height:2;}

.ft-copy{ margin-top:25px;}
.ft-copy p{ font-size:1.4em; color:#6b6b6b; float:left;}
.ft-copy a{ float:right; font-size:1.4em; color:#6b6b6b;}

.foot-weixin{ text-align:center;}
.foot-weixin p{ color:#a1a1a1; margin-top:10px;}


/*内页*/

.n-banner{ height:300px; width:100%; position:relative; text-align:center; background-image:url(../images/n-banner.jpg);}
.nbanner-case{ background-image:url(../images/n-banner-case.jpg);}
.nbanner-new{ background-image:url(../images/n-banner-new.jpg);}
.n-banner .nb-info{position:absolute;  top:45%; color:#fff; width:100%; text-align:center; }
.n-banner h4{ background:#000; font-size:3em; padding:10px 20px; font-weight:500;display: inline-block;}





.a-title{ text-align:center; margin-bottom:40px; color:#333333;}
.a-title h4{ font-size:3em; font-weight:500;}
.a-title p{ font-size:1.6em;  margin-top:20px; text-align:left; text-indent:2em;}

.about{ padding:6em 0;}

.abinfo .abin-grid{ margin:0 15px;}
.abinfo .abin-grid img{ max-width:100%;}
.abinfo .abin-grid .abinfin{ background:#f5f5f5; padding:20px;}
.abinfo .abin-grid .abinfin h4{ font-size:1.6em; font-weight:500; color:#1d6083; margin-bottom:5px;}
.abinfo .abin-grid .abinfin p{ font-size:1.4em; color:#888888;}




.culture{ background:url(../images/a-bg.jpg) center; background-size:cover; padding:8em 0;}
.culture .a-title { color:#fff;}
.cul-box{ text-align:center; margin-top:60px;}
.culin h4{ font-size:1.6em; font-weight:500; color:#fff; margin-bottom:5px; margin-top:10px;}
.culin p{ font-size:1.4em; color:#fff;}



.honor{ padding:6em 0;}


.title{ text-align:center; margin-bottom:20px;}
.title h4{ font-size:3em; color:#333; font-weight:500;}

.breadment{ text-align:center; margin-bottom:35px;}
.breadment ul li{ display:inline-block;margin:0 15px;}
.breadment ul li a{ font-size:1.8em; color:#7b7b7b; padding:5px 25px; border:1px solid #ababab; border-radius:30px; display:block; text-decoration:none;}
.breadment ul li:hover a , .breadment ul li.active a{ background:#000; color:#fff; border-color:#fff;}

.case{ padding:5em 0;}
.case-box .can{padding:2px 15px 15px 15px; width:33.3%; float:left; display:block; z-index:-100; line-height: normal; margin-bottom:20px;}
.case-box .can a{ display:block; background:#fff; text-decoration:none; position:relative;}
.case-box .can .case-img{ text-align:center; overflow:hidden;}
.case-box .can .case-img img{ max-width:100%;}

.case-jia{ position:absolute; background:#000; width:65px; text-align:center; left:5%; bottom:-20px; padding:10px 0;}



.new{ padding:5em 0;}
.new-box .can{padding:2px 15px 15px 15px; width:33.3%; float:left; display:block; z-index:-100; line-height: normal; margin-bottom:20px;}
.new-box .can a{ display:block;  background:#ededed; text-decoration:none; position:relative;}
.new-box .can .case-img{ text-align:center; overflow:hidden;}
.new-box .can .case-img img{ max-width:100%;}
.new-box .can .innew-info{ padding:20px; text-align:center; padding-bottom:40px;}
.new-box .can .innew-info h4{ font-size:1.8em; color:#333; font-weight:500; margin-bottom:10px;     height: 1.3em;
    overflow: hidden;}
.new-box .can .innew-info span{ width:30px; height:1px; background:#bebebe; display:inline-block; margin:15px 0;-moz-transition: all 1s ease-out;

	-webkit-transition: all 1s ease-out;

	-o-transition: all 1s ease-out;

	-ms-transition: all 1s ease-out;

	transition: all 1s ease-out;

}
.new-box .can .innew-info p{ text-align:left; font-size:1.4em; color:#888;    height: 4.1em;
    overflow: hidden;}

.newsshow {

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




.contact{ background:url(../images/contact.jpg)  center top / 100% 100% no-repeat; height: -webkit-fill-available; padding:6em 0;    display: table;
    table-layout: fixed; width:100%;}
.cont-mid{     display: table-cell;
    vertical-align: middle;
    width: 100%;
	    height: auto !important;}


.contact-info .contile{ position:relative;}
.contact-info .contile span{ font-size:6em; color:#fff; opacity:0.2;}
.contact-info .contile h2{ position:absolute; left:0; color:#fff; font-size:3em; top:25%;}


.cont-link{ margin-top:70px;}
.cont-link ul li{ width:50%; float:left; color:#fff; margin-bottom:40px;}
.cont-link ul li .conimg{ width:51px; height:51px; background:#fff; border-radius:100%; margin-right:10px;}
.cont-link ul li .coninfo{ width:158px;}
.cont-link ul li .coninfo p{ font-size:1.6em;}

.cont-link ul li:last-child{ width:100%;}
.cont-link ul li:last-child .coninfo{ width:250px;}


.contact-form input {
  display: block;
  background: #fff;
 
  width:100%;
  margin:auto;
  outline: none;
  padding: 10px 5px;
  font-size: 1.2em;
  color: #868585;
  margin-bottom: 1em;
}
.cnt-inpt {
  margin-bottom: 1em;
}
.contact-form{ margin:auto; background:rgba(255,255,255,0.4); padding:40px;}
.contact-form .dxk{display: block;
    width: 100%;
    margin: auto;
    outline: none;
    padding: 10px 5px;
    font-size: 1.2em;
    color: #868585;}
	


.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 textarea {
	background: #fff;
  	border: 1px solid #868585;
	width: 100%;
	margin:auto;
	display: block;
	height: 13em;
	outline: none;
	font-size: 1em;
	color: #868585;
	resize: none;
	padding: 10px 5px;
}
.contact-form .blue22 {
  background: #ea5503;
  border: 1px solid #ea5503;
  padding: 0.6em 5em; 
  outline: none;
  margin: 1em 0 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;
}


.join{padding: 5em 0 0 0;}

.joinbox{/* background-image:url(../images/join-bg.jpg); */background-position:bottom;background-repeat:repeat-x;}
.joinshow{/* background-image:url(../images/join-bg.jpg); */background: #eee;margin: 40px 0 0 0;padding-bottom: 40px;background-position:top;background-repeat:repeat-x;}

.joinp{ margin-top:7em;}
.joinbox p{ font-size:1.6em; color:#333; line-height:2; margin-bottom:3em;}
.joinbox  h4{ font-size:1.6em;}


.menu_list{ padding:50px 50px;width:100%; background:#fff; margin-top:4em;}
.menu_head{height:47px;line-height:47px;padding-left:38px;font-size:1.6em;color:#525252;cursor:pointer;border-bottom:1px solid #e1e1e1;position:relative;font-weight:bold;background: url(../images/pro_left.png) center right no-repeat;margin:0;}
.menu_list .current{background: url(../images/pro_down.png) center right no-repeat;}
.menu_body{height:auto;overflow:hidden;line-height:38px;backguound:#fff;}
.menu_body a{display:block;width:223px;height:38px;line-height:38px;padding-left:38px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1;}
.menu_body a:hover{text-decoration:none;}

.joingrid{ padding:20px 38px;}

.joingrid h2{ font-size:1.6em; color:#6ca685; font-weight:500; }
.joingrid h4{ font-size:1.6em; font-weight:500; padding-left:20px; position:relative; line-height:1; margin-top:25px; color:#333; margin-bottom:10px;} 
.joingrid h4:after{ position:absolute; left:0; top:0; width:5px; height:12px; background:#fca158; content:''; display:block;}
.joingrid p{ font-size:1.4em; color:#555;}




.swiper-container img{ max-width:100%;}











#product .header{ position:inherit; background: rgba(0,0,0,1)}

.product{height: -webkit-fill-available;    display: table;
    table-layout: fixed; width:100%;}
.cont-mid{     display: table-cell;
    vertical-align: middle;
    width: 100%;
	    height: auto !important;}
.product .title h2{ font-size:3.6em; color:#a39382; font-weight:500;    font-family: -webkit-pictograph;font-style: italic;}

.sjnshow .apple-retail {
	margin: 30px 0;
}
.sjnshow .swiper-slide {
	text-align: center;
    padding: 0 calc((100vw - 816px) * .15);
	width: 816px;
}
.sjnshow .inner figure {
	width: 100%;
}
.sjnshow .inner figure img {
	width: 100%;
	border-radius: 6px;
}
.sjnshow .gallery-item-desc {
	text-align:center;
	display: inline-block;
	padding-top: 46px;
	opacity: 0;
	transition-duration: 1.2s;
}
.sjnshow .init .gallery-item-desc {
	opacity: 1;
}
.sjnshow .gallery-item-desc h3 {
	line-height: 1.16667;
	font-weight: 500;
	letter-spacing: .009em;
	color: #111;
	font-size: 1.8em;
}
.sjnshow .gallery-item-desc p {
	margin-top: 1em;
	color: #333;
	font-size: 15px;
}
.sjnshow .swiper-slide-prev .gallery-item-desc {
	transform: translateX(-70px);
}
.sjnshow .swiper-slide-next .gallery-item-desc {
	transform: translateX(70px);
}
.sjnshow .swiper-slide-active .gallery-item-desc {
	opacity: 1;
	transform: translateX(0);
}
@media only screen and (max-width: 1920px) {
.sjnshow .swiper-slide {
    padding:0 calc((100vw - 576px) * .02);
	width: 576px;
}
.sjnshow .gallery-item-desc {
	padding-top: 20px;
}
}
@media only screen and (max-width: 735px) {
.sjnshow .swiper-slide {
	transform: scale(.9);
	padding: 0;
	width: 85vw;
	margin: 0 0;
	min-width: 272px;
}
.sjnshow .swiper-slide-active {
	transform: scale(1);
}
.sjnshow .gallery-item-desc {
	padding-top: 26px;
	width: 90%;
}
}
.sjnshow .swiper-button-next,.sjnshow  .swiper-button-prev {
	top: 40%;
	background-color: rgba(210,210,210,.6);
	background-size: 15px 15px;
	border-radius: 50%;
	width: 52px;
	height: 52px;
	transition: all .5s;
	outline: none;
	opacity: 0;
}
.sjnshow .mouse-hover .swiper-button-next,.sjnshow  .mouse-hover .swiper-button-prev {
	opacity: 1;
}
.sjnshow .swiper-button-next:hover,.sjnshow  .swiper-button-prev:hover {
	background-color: rgba(210,210,210,.8);
}
.sjnshow .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	right: 20px;
}
.sjnshow .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	left: 20px;
}
.sjnshow .swiper-container .swiper-button-next.swiper-button-disabled,.sjnshow  .swiper-container .swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}


.designer{ background:#eff1f5; padding:6em 0;}
.design-info { margin-top:40px; margin-right:30px;}
.design-info h4{ font-size:2.8em; color:#000; font-weight:500;margin-bottom:30px; }
.design-info p{ font-size:1.6em; color:#555; margin-bottom:30px; line-height:2;}


.jiaoxian{ position:relative; padding-bottom:40px;}
.jiaoxian a{ text-decoration:none;}
.jiaoxian .jximg{  padding:10px 10px;}
.jiaoxian .jximg .jxinfo{ text-align:center;}
.jiaoxian .jximg .jxinfo h3{ font-size:2em; color:#fff; font-weight:500; padding:10px 0;}

.jiaoxian .spb{bottom: 10px;
    left: 0;
    width: 100%;}

.jiaoxian  .swiper-pagination-clickable .swiper-pagination-bullet{ margin:0 4px;}

.jiaoxian  .swiper-pagination-bullet{ background-color:#dddddd; opacity:1; width:10px; height:10px;}
.jiaoxian  .swiper-pagination-bullet-active{ background:#fff; border:1px solid #666666;}

.pron1{ padding:6em 0;}
.title p{ font-size:1.6em; color:#404040; width:45%; margin:auto; margin-top:20px;}

.pron2{ padding:6em 0; background:#eff1f5;}


.pronneir{ padding:30px 0;}

.nxys-grid .ntitle{ border-bottom:1px solid #eee;}
.nxys-grid .ntitle h4{ font-size:2em; color:#333;}
.ns-show { margin:3em 0;}
.nsshow-1 ul li{ float:left; margin:0 10px; width:160px; margin-bottom:10px;}
.ns-show ul li img{ max-width:100%;}

.nsshow-2 ul li{
	margin:0;
}
.nsshow-2 ul li .ns2-down li{ float:left; width:70px; margin:0 8px 8px 0;}	
.nsshow-2 ul li .ns2-down li img{ max-width:100%;}	
	

.nsshow-3 ul li{ float:left; margin:0 10px; width:40%;}
	
.nsshow-4 ul li .ns2-down li{ float:left; width:70px; margin:0 8px 8px 0;}	
.nsshow-4 ul li .ns2-down li.last{ width:80%;}
	
.protable{ background:#eff1f5; padding:6em 0;}
.protable table{ border-color:#f0f0f0; font-size:16px;border-collapse:collapse; border:1px; background:#fff;}		
.protable table tr th{ background:#717785; text-align:center; padding:15px; color:#fff;}
.protable table tr td{ padding:15px;}
.protable table tr td:last-child{ text-align:left;}

.moredown{ margin-top:20px; font-size:1.4em;}
	
.otis{ text-align:center;} 
.otis img{ max-width:100%;}	

.service{ padding:6em 0;}
.service table{ margin-bottom:20px;}
.service table td{ padding:1em 2em; font-size:1.4em;}

.a5-box{ padding:60px 60px 0 60px;}
.a5-box h3{ font-size:2em; font-weight:bold; color:#333; margin-bottom:40px;}
.a5-box p{ font-size:1.6em; color:#333333; line-height:24px; margin-bottom:30px;}


.am4{border:1px solid #dadada; width:calc(100% - 20px); padding:50px;}
.am4 h4{ margin-bottom:35px; font-size:3em; color:#333; font-weight:500;}
.am4 p{ margin:0; float:left; color:#555; font-size:1.6em; width:50%; margin-bottom:10px;}
.am4 p span{ position:relative; width:10px; height:10px; background:#bfbfbf; border-radius:50%; display:inline-block; box-sizing: content-box; margin:2px; margin-right:20px;}
.am4 p span:after{ position:absolute; top:-2px; left:-2px; border:1px solid #bfbfbf; content:""; width:14px; height:14px; border-radius:50%;}
.am4 p img{ margin-right:20px;}
.am4 p:hover{ color:#2056c9;}
.am4 p:hover span{ background:#2056c9;}
.am4 p:hover span:after{ border:1px solid #2056c9;}





.pageScroll {
	position: fixed !important;
	bottom:0;
	left:0;
	width: 150px;
	z-index:999;
	margin-bottom:0;
	background:rgba(0,0,0,0.5)
}
.pageScroll.left {
}
.pageScroll.right {
	margin-left: 500px;
}
.scrollNav a {
	display: block;
	color: #ddd;
	font-weight: normal;
	padding: 8px 10px;
	text-align:right;
	position:relative;
	text-decoration:none;
    margin-bottom:20px;
	font-size:1.4em;
	
}
.scrollNav a:after{
	position:absolute;
	width:35px;
	height:1px;
	background:#ddd;
	display:block;
	content:'';
	top:50%;
	-moz-transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	-ms-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;


}
.scrollNav a:hover, li.scrollNav.active a{    background: rgba(0,0,0,0.8);}
.scrollNav a:hover:after {
	width:60px;
	
}
li.scrollNav.active a:after {
	width:60px;
}


.fixed-nav {
	width: 100%;
	height: 50px;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #141414;
	z-index: 100;
	display: none;
}
.fixed-nav ul li {
	width: 33.3%;
	height: 50px;
	float: left;
	border-right: solid 1px #FFF;
	text-align: center;
}
.fixed-nav ul li:last-of-type {
	border-right: none;
}
.fixed-nav ul li a {
	display: block;

}
.fixed-nav ul li a span {
	display: block;
	font-size: 2rem;
}
.fixed-nav ul li:nth-of-type(2) a span {
	transform: rotateY(180deg);
}
.fixed-nav ul li a h4 {
	font-size: 1.4rem;
	line-height:50px;
}
.fixed-nav ul li a span, .fixed-nav ul li a h4 {
	color: #FFF;
}


/*product*/
.sjnshow{ overflow:hidden;}
.clear2{ clear:both;}
.sjnshow .boxs{  overflow:hidden; margin:40px 0;}
.sjnshow .boxs a>*{ float:left;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.sjnshow .boxs .img{width:40%; position:relative; border-radius:20px; overflow:hidden;}
.sjnshow .boxs .img img{ max-width:100%; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.sjnshow .boxs .img p{ position:absolute; bottom:0; left:0; width:100%; padding:8px 15px; text-align:center; color:#fff; font-size:2.4em; background:rgba(0,0,0,0.6);}
.sjnshow .boxs .txt{ width:60%; padding:5% 20px;}
.sjnshow .boxs .txt p{ font-size:1.6em; color:#333; line-height:24px; max-width:500px; text-indent:2em; margin:10px auto;}
.sjnshow .boxs:last-child .img{ float:right;}
.sjnshow .boxs:hover img{ transform:scale(1.05);}
@media screen and (max-width: 900px) {
	.sjnshow .boxs .txt p{ font-size:1.4em;}
	.sjnshow .boxs .img p{ font-size:1.8em; }
	.sjnshow .boxs .txt{ padding:0% 20px;}
	.sjnshow .boxs{ padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.sjnshow .boxs .txt,.sjnshow .boxs .img,.sjnshow .boxs:last-child .img{ float:none; width:100%;}
	.sjnshow .boxs .img{ max-width:500px; margin:0 auto 20px auto;}
	.product{ height:auto;}
}
/*product-2*/
.warp{ max-width:1200px; padding:0 15px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro2-list{ padding:40px 0;}
.pro2-list .p2-boxs{ display:table; width:100%; overflow:hidden;}
.pro2-list .p2-boxs>*{ display:table-cell; vertical-align:top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro2-list .p2-boxs .ip-list{ width:240px; background:rgba(0,0,0,0.4); text-align:center;}
.pro2-list .p2-boxs .ip-aboxs{ width:calc(100% - 240px);}
.pro2-list .p2-boxs .ip-boxs{ display:none; padding:0 20px; text-align:center;}
.pro2-list .p2-boxs .ip-boxs img{ max-width:100%; margin-bottom: 30px;}
.pro2-list .p2-boxs .ip-boxs p{ max-width: 850px; margin: 0 auto; font-size: 1.4em; line-height: 24px; text-align: left; text-indent: 2em;}
.pro2-list .p2-boxs a{ font-size:1.6em; color:#fff; padding:12px 0; display:block;}
.pro2-list .p2-boxs .lock{background:rgba(0,0,0,0.8)}
@media screen and (max-width: 900px) {
	.pro2-list .p2-boxs .ip-list{ width:120px;}
	.pro2-list .p2-boxs .ip-list a{ font-size:1.4em; }
	.pro2-list .p2-boxs .ip-boxs{ padding:0 0 0 20px; }
}
@media screen and (max-width: 600px) {
	.pro2-list .p2-boxs{ display:block; width:100%; overflow:hidden;}
	.pro2-list .p2-boxs>*{ display:block;}
	.pro2-list .p2-boxs .ip-boxs{ padding:20px 0 0 0; }
	.pro2-list .p2-boxs .ip-list,.pro2-list .p2-boxs .ip-aboxs{ width:100%;}
	.pro2-list .p2-boxs .ip-list{ padding:0; overflow:hidden;}
	.pro2-list .p2-boxs .ip-list a{ width:50%; float:left;}
	.pro2-list .p2-boxs .ip-boxs img{ max-width:100%; margin-bottom: 20px;}
	.design-info{ margin:0;}
}