@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#666;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#666;}
a:hover{ color:#0d963e;}
img{ max-width:100%;}
input,button,select,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.contxt{ background:#e3e1da; border:1px solid #CCC; padding:5px;}


body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;background:#FFF; overflow-x:hidden}
@media screen and (max-width:768px){
html{ font-size:26px !important}
body{ font-size:26px !important; width:100%;}
}
DIV.green-black{ width:100%; padding:20px 0; text-align:center; }
DIV.green-black A{PADDING-RIGHT: 8px;PADDING-LEFT: 8px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #333 1px solid;TEXT-DECORATION: none;font-size:100%;background-color: #333;}
DIV.green-black A:hover{BORDER: #fdad35 1px solid;COLOR: #fff;font-size:100%;background-color: #fdad35;}
DIV.green-black A:active{BORDER: 1px solid #fdad35;COLOR: #fff;font-size:100%;background-color: #fdad35;}
DIV.green-black SPAN.current{PADDING-RIGHT: 8px;PADDING-LEFT: 8px;FONT-WEIGHT: bold;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: 1px solid #fdad35;font-size:100%;background-color: #fdad35;}
DIV.green-black SPAN.disabled{PADDING-RIGHT: 8px;PADDING-LEFT: 8px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #fdad35 1px solid;font-size:100%}
::-webkit-scrollbar {width:6px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px}

@font-face{

font-family:'DIN';
font-family:'DIN';
	src:url('../fonts/DIN.eot?') format('eot');/*IE*/
	src:url('../fonts/DIN.TTF') format('truetype');/*non-IE*/

}

.fl{ float:left;}
.fr{ float:right;}
.kd{ width:91%; margin:0 auto; max-width:1300px;}
@media screen and (max-width:1368px){
.kd{ width:1240px;}
}
@media screen and (max-width:1280px){
.kd{ width:1200px;}
}
@media screen and (max-width:1024px){
.kd{ width:980px;}
}
@media screen and (max-width:768px){
.kd{ width:94%;}
}
/*head*/
.head{ background:rgba(255,255,255,0.7); position:fixed; width:100%; z-index:999; transition:all 0.75s ease;}
.head .logo{ width:auto; margin-left:-30px; margin-top:5px;}

.head .hbg{background:url(../images/hbg.png) -203px bottom no-repeat; position:absolute; width:100%; height:10px; bottom:-10px; transition:all 0.75s ease}
.head .hbg1{background:url(../images/hbg1.png) -203px bottom no-repeat; position:absolute; width:100%; height:10px; bottom:-10px; transition:all 0.75s ease}

.sticky.head{ background:#fff; }
.sticky.head .logo{ padding-bottom:0;}
.sticky.head .hbg{background:url(../images/hbg1.png) -203px bottom no-repeat; position:absolute; width:100%; height:10px;}
.sticky.head .hbg1{background:url(../images/hbg1.png) -203px bottom no-repeat; position:absolute; width:100%; height:10px;}
/*菜单*/
.pcnav{  width:60%;}
.pcnav li{ float:left; width:auto; margin-right:2%; }
.abl .hid{ padding:22px 0;}
.hid{width: 100%; padding:2px 0 44px; background:rgba(13,150,62,0.9);position: absolute;left: 0;transform:scale(1,0); transition:all 0.75s ease; transform-origin:top;}
.pcnav li.l1:hover .hid{transform:scale(1);}
.hid .kd{max-width: none;width: 100%;}

.hid dl{margin: 0 auto;}
.hid dl{ text-align:center;}
.hid dl a{ color:#fff !important; display:inline-block; margin-right:30px; font-size:1.125rem !important; position:relative; transition:all 0.75s;}
.hid dl a img{position:relative; top:24px; margin-right:10px;}	
.hid dl a:hover{ color:#e1e934 !important}
	
.pcnav li:nth-last-child(1){ margin-right:0;}
.pcnav li a{ display:inline-block; position:relative; font-size:1rem; color:#3f3f3f}
.pcnav li a p{ color:#3f3f3f; font-size:1rem; padding:2.48rem 0;}
.pcnav li a p i{ font-style:normal; transform:rotate(90deg); color:#3f3f3f; font-family:'宋体'; display:inline-block;  position:relative; top:; right:-8px; transition:all 0.75s ease;}
.pcnav li a span{ position:absolute; left:0; bottom:-2px; background:#018f46; width:100%; height:3px; transform:scale(0,1); transition:all 0.75s ease;}
.pcnav li a:hover span,.pcnav li a:hover p{ color:#018f46}
.pcnav li a:hover span,.pcnav li a.cur span{ transform:scale(1);}

.mmenu{ border-left:1px solid #d3d3d3; padding-left:33px; margin-top:40px; margin-right:-30px;}
.mmenu a{ display:inline-block; margin:0 5px;}
.mbutton{  color:#fff; background:#0d963e; padding:5px 10px; display:none; border-radius:30px; margin:10px 30px; text-align:center;flex: 1;}
.mbutton:hover{ color:#fff; background:#00c962}
@media screen and (min-width:1680px){
.head .logo{ margin-left:-70px;}
.head .hbg{background:url(../images/hbg.png) center no-repeat; bottom:-10px;}
.head .hbg1{background:url(../images/hbg1.png) center no-repeat;bottom:-10px;}
.sticky.head .hbg{background:url(../images/hbg1.png) center no-repeat;}
.sticky.head .hbg1{background:url(../images/hbg1.png) center no-repeat;}

}
@media screen and (max-width:1368px){
.head .hbg{background:url(../images/hbg.png) -210px bottom no-repeat}
.head .hbg1{background:url(../images/hbg1.png) -210px bottom no-repeat}
.sticky.head .hbg{background:url(../images/hbg1.png) -210px bottom no-repeat; position:absolute; width:100%; height:10px;}

.head .logo{ margin-left:0;}
.mmenu{ margin-right:0px;}
}
@media screen and (max-width:1024px){
.pcnav{ display:none;}
}
@media screen and (max-width:768px){
.head{ background:#fff; padding:10px 0; border-bottom:1px solid #018f46}
.head .hbg{ display:none}
.head .hbg1{ display:none}
.mmenu{  margin-top:30px;}
.mmenu img{ width:30px;}
.mbutton{ display:block;}
}

/*菜单*/
/* ========================================================================== MENU.SCSS Styles for menu ========================================================================== */
.pm-menu-top{position: absolute; left: 10px; z-index: 2020;  height: 50px; line-height:50px; text-align: center;}
@media screen and (max-width: 1002px){.pm-menu-top{ height: 40px; line-height:40px;}}
.pm-menu{position: fixed; top: 55px; bottom: 0; width: 100%; font-size: 1.125em; text-transform: uppercase; background: #ffffff; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding: 0; z-index: 2000; opacity: 0.2; filter: alpha(opacity=20); visibility: hidden; height: 0; -webkit-transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, visibility 0s linear 1s, height 0s linear 1s; transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, visibility 0s linear 1s, height 0s linear 1s;}
.pm-menu.pm-JS-menu-open{z-index: 2010; opacity: 1; filter: alpha(opacity=100); visibility: visible; height: auto; -webkit-transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, visibility 0s linear 0s, height 0s linear 0s; transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, visibility 0s linear 0s, height 0s linear 0s;}
.pm-isNativeAndroid .pm-menu{-webkit-transition: none; transition: none;}
.pm-menu .pm-icon{display: inline-block; *display: inline; zoom: 1; width: 50px;}
.pm-menu .pm-submenu-title{display: inline-block; *display: inline; zoom: 1; margin-left: 10px;}
.pm-menu .pm-icon-level1{opacity: 0.3; filter: alpha(opacity=30);}
.pm-submenu-panel{height: 100%; display: none;}
.pm-submenu-panel.pm-JS-menu-open{display: block;}
#pm-menu-lang .pm-lang-list, #pm-submenu-l2-lang .pm-lang-list{text-align: center; margin: 60px auto 0 auto; width: 91.666662%;}
#pm-menu-lang .pm-lang-item, #pm-submenu-l2-lang .pm-lang-item{margin-bottom: 60px;}
#pm-menu-lang .pm-original-lang, #pm-submenu-l2-lang .pm-original-lang{font-size: 0.7777777778em; color: #adadad;}
#pm-menu-lang .pm-link:hover p,
#pm-menu-lang .pm-link-active p, #pm-submenu-l2-lang .pm-link:hover p,
#pm-submenu-l2-lang .pm-link-active p{color: #c40d2e;}
#pm-menu-search{overflow: hidden;}
#pm-menu-search .pm-menu-search{margin-top: 90px; position: relative;}
#pm-menu-search .pm-input-search,
#pm-menu-search .pm-input-submit{border: none;}
#pm-menu-search .pm-input-search{margin: 0 auto; width: 91.666662%; display: block; outline: none; color: #9a9a9a; line-height: normal; font-size: 35px; text-transform: capitalize;}
#pm-menu-search .pm-input-search.pm-default-value{color: #e5e5e5;}
#pm-menu-search .pm-input-search:focus{border: 0;}
#pm-menu-search .pm-input-search:not(*:root){line-height: 0;}
#pm-menu-search .pm-input-search::-ms-clear{display: none;}
#pm-menu-search .pm-input-submit{position: absolute; top: 0; right: 4.166666%; background: none; color: #c40d2e; font-weight: bold; font-size: 1.125em; width: 35px; line-height: 50px; visibility: hidden;}
.pm-share-buttons .pm-section-icon .pm-icon{width: 35px; display: inline-block; opacity: 0.3; filter: alpha(opacity=30);}
.pm-submenu-item.pm-menu-fake-title .pm-share-buttons,
.pm-submenu-item.pm-menu-fake-title .pm-our-apps,
.pm-submenu-item.pm-menu-fake-title .pm-menu-sep{display: none;}
.pm-submenu-item .pm-icon-watchfinder{display: inline-block; *display: inline; zoom: 1; vertical-align: top;}
.pm-menu-level1 .pm-icon-close{position: absolute; top: 20px; width: auto; right: 4.166666%; font-size: 1em;}
.pm-menu-level2, .pm-menu-level3, .pm-menu-level4{position: fixed; z-index: 2030; top: 60px; right: 100%; bottom: 0; display: block; width: 100%; font-size: 1.125em; text-transform: uppercase; background: #ffffff; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.19, 1, 0.22, 1); transition: -webkit-transform 500ms cubic-bezier(0.19, 1, 0.22, 1); transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1); transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 500ms cubic-bezier(0.19, 1, 0.22, 1); overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.pm-menu-level2.pm-JS-menu-open, .pm-menu-level3.pm-JS-menu-open, .pm-menu-level4.pm-JS-menu-open{-webkit-transform: translateX(-100%); transform: translateX(-100%);}
.pm-menu-level3{top: 0;}
.pm-menu-level3 a{color: #555; display: block;}
.pm-menu-title-level2, .pm-menu-title-level3, .pm-menu-title-level4{font-size: 1em; text-align: center; background: #c40d2e; text-transform: uppercase; color: #ffffff; margin: 0; padding: 20px 0; position: relative;}
.pm-menu-title-level2 .pm-icon-arrow-left, .pm-menu-title-level3 .pm-icon-arrow-left, .pm-menu-title-level4 .pm-icon-arrow-left{position: absolute; top: 18%; left: 0; font-size: 1em;}
.pm-menu-level4{background-color: #f9f9f9;}
.pm-lt-ie8 .pm-menu-level4 .pm-menu-inner .pm-menu-inner-center{padding-top: 0;}
#pm-submenu-l4-moreourapps .pm-menu-inner-center,
#pm-submenu-l4-morefollowus .pm-menu-inner-center{background-color: #ffffff;}
.pm-menu-endcontent-level3{background: #f2f2f2;}
.pm-menu-master-is-open .pm-wrapper-open-menu .pm-icon-burger:before,
.pm-menu-master-is-open .pm-wrapper-open-menu .pm-title-menu{color: #c40d2e;}
/* MEDIUM DESIGN */
#pm-nav .pm-product-list-item{width: 29.1%; margin: 0 2.083333% 2.083333% 2.083333%;}
.pm-menu-top .pm-bloc-buttons .pm-icon-lang{display: inline-block;}
.pm-submenu-item-lang{display: none !important;}
.pm-submenu-item:hover, .pm-submenu-item a:hover{color: #fff;}
.pm-menu,
.pm-menu-close{border-right: 1px solid #e5e5e5; right:0;}
.pm-nav-v2 .pm-menu-top .pm-icon-lang{visibility: visible;}
.pm-menu-level1 .pm-icon-close{right: 2.90909%;}
#pm-menu-lang .pm-lang-list, #pm-submenu-l2-lang .pm-lang-list{width: 29.454542%;}
#pm-menu-lang .pm-lang-list-left, #pm-submenu-l2-lang .pm-lang-list-left{float: left; margin-left: 10.999998%;}
#pm-menu-lang .pm-lang-list-right, #pm-submenu-l2-lang .pm-lang-list-right{float: right; margin-right: 10.999998%;}
#pm-menu-search .pm-input-search{font-size: 60px;}
.pm-menu-level3 a{color: #9A9A9A;}
/* LARGE DESIGN */
#pm-nav .pm-button-main span{font-size: 1em;}
#pm-nav .pm-product-list-wrapper .pm-product-list{margin-bottom: 23px; padding-top: 50px;}
#pm-nav .pm-product-list-name{font-size: 0.875em; padding-bottom: 2px;}
#pm-nav .pm-product-list-model{font-size: 0.875em;}
.pm-menu-top .pm-title-menu{display: block;background:url(../images/nav.png) left center no-repeat; padding-left:30px; margin-left:30px; color:#000;}
.pm-menu-top .pm-icon-burger{margin-left: -2.90909%; padding-left: 2.90909%; padding-right: 0;}
.pm-menu-top .pm-icon-close{display: none !important;}
.pm-menu-master-is-open .pm-menu-top{z-index: 2000;}
.pm-wrapper-open-menu{cursor: pointer; float: left;}
.pm-share-buttons{text-align: center; padding-top: 8px;}
.pm-share-buttons .pm-section-icon{display: inline; padding: 0 7px;}
.pm-share-buttons .pm-section-icon .pm-icon{opacity: 1; filter: alpha(opacity=100); display: inherit; width: auto;}
.pm-share-buttons .pm-icon{font-size: 1.125em;}
.pm-menu-mask{position: fixed; z-index: -1111; bottom: 0; left: 0; right: 0; top: 0; width:0; height:0; background: #000000; opacity: 0; filter: alpha(opacity=0);}
.pm-csstransitions .pm-menu-mask{visibility: hidden; -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);}
.pm-no-csstransitions .pm-menu-mask{display: none;}
.pm-isNativeAndroid .pm-menu-mask{-webkit-transition: none; transition: none;}
.pm-menu-master-is-open .pm-menu-mask{opacity: 0.4; filter: alpha(opacity=40);z-index: 2001 !important;width:100%; height:100%;}
.pm-csstransitions .pm-menu-master-is-open .pm-menu-mask{visibility: visible;}
.pm-no-csstransitions .pm-menu-master-is-open .pm-menu-mask{display: block;}
.pm-submenu-item.pm-menu-fake-title{cursor: auto; padding-top: 15px;}
.pm-submenu-item.pm-menu-fake-title:hover{color: inherit;}
.pm-submenu-item.pm-menu-fake-title .pm-share-buttons,
.pm-submenu-item.pm-menu-fake-title .pm-our-apps,
.pm-submenu-item.pm-menu-fake-title .pm-menu-sep{display: block;}
.pm-submenu-item .pm-submenu-img{background-color: #9a9a9a;}
.pm-submenu-item.pm-submenu-item-constellation img{width: 48%;}
.pm-submenu-item.pm-submenu-item-seamaster img{width: 43.4%;}
.pm-submenu-item.pm-submenu-item-speedmaster img{width: 52.3%;}
.pm-submenu-item.pm-submenu-item-ladymatic img{width: 43.4%;}
.pm-submenu-item.pm-submenu-item-deville img{width: 33.6%;}
.pm-submenu-item.pm-submenu-item-specialities img{width: 46.8%;}
.pm-submenu-item .pm-our-apps{text-align: center; padding-top: 10px;}
.pm-submenu-item .pm-our-apps .pm-section-logo{display: inline; padding: 0 3px;}
#pm-menu-master{z-index: 2010; width: 280px; overflow-y: auto; text-align: center;}
@media screen and (max-width: 1002px){#pm-menu-master{width: 400px;}}
#pm-menu-master .menu-logo{ text-align:center; height:65px;}
#pm-menu-master .menu-logo img{ width:200px; height:65px;}
#pm-menu-master.pm-JS-menu-open{opacity: 1; filter: alpha(opacity=100);}
#pm-menu-master .pm-icon-level1{padding-bottom: 4px; display: block;}
#pm-menu-master .pm-submenu{display: table-cell; vertical-align:top; padding:0;}
#pm-menu-master .pm-submenu-item{ cursor: pointer;font-size: 0.875em; text-align: center;position: relative;height:55px; line-height:55px; border-bottom:1px solid #e0e0e0;}
#pm-menu-master .pm-submenu-item:hover{ background:url(../images/menu-ico_01.png) no-repeat #13993a; color:#fff;}
#pm-menu-master a.cur .pm-submenu-item{ background:#13993a; color:#fff;}
#pm-menu-master .pm-submenu-title{display: block; margin-left: 0;}
.pm-menu-close{position: absolute; zoom: 1; z-index: 2020; top: 0; width: 280px; height: 50px; background: #ffffff; border-bottom: 1px solid #e5e5e5; color: #c40d2e; cursor: pointer; padding-top: 4px; line-height: 53px; text-align: center; display: none;}
@media screen and (max-width: 1002px){.pm-menu-close{ width: 400px;}}
.pm-menu-close img{ padding-top:20px;}
.pm-menu-master-is-open .pm-menu-close{display: block; position:fixed}
.de .pm-menu-close .pm-icon-close{left: 28px;}
.pm-menu-item-level2{padding-bottom: 20px;}
.pm-menu-sep{padding-bottom: 28px;}
.pm-menu .pm-submenu-item,
.pm-menu-sep{position: relative;}
.pm-menu-sep:after{content: ''; position: absolute; left: 50%; bottom: 23px; width: 12px; margin-left: -6px; height: 2px; background: #ebebeb;}
.pm-menu-inner{display: table; table-layout: fixed; height: 100%; width: 100%;}
.pm-menu-inner .pm-menu-inner-center{vertical-align:top; display: table-cell;}
.pm-menu-level2, .pm-menu-level3, .pm-menu-level4{top: 0; bottom: 0; -webkit-transition: right 500ms cubic-bezier(0.19, 1, 0.22, 1); transition: right 500ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform: none !important; transform: none !important; display: block;}
.pm-isNativeAndroid .pm-menu-level2, .pm-isNativeAndroid .pm-menu-level3, .pm-isNativeAndroid .pm-menu-level4{-webkit-transition: none; transition: none;}
.pm-menu-level2{overflow: hidden; z-index: 2009; width: 275px; right: -275px;}
.pm-menu-level2.pm-JS-menu-open{right: 280px;}
@media screen and (max-width: 1002px){.pm-menu-level2.pm-JS-menu-open{right: 180px;}}
.pm-menu-item-level2.pm-JS-menu-open{padding-bottom: 7px;}
.pm-menu-item-level2.pm-JS-menu-open .pm-submenu-title{border-bottom: solid 1px #c40d2e; padding-bottom: 5px;}

.pm-submenu-panel{position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto;}
.pm-csstransitions .pm-submenu-panel{visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.pm-csstransitions .pm-submenu-panel.pm-JS-menu-open{visibility: visible; opacity: 1; filter: alpha(opacity=100);}
.pm-csstransitions.pm-no-touch .pm-submenu-panel{display: block;}
.pm-submenu-panel .pm-product-list-item{opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 500ms cubic-bezier(0.19, 1, 0.22, 1);}
.pm-submenu-panel.pm-JS-menu-open .pm-product-list-item{opacity: 1; filter: alpha(opacity=100);}
.pm-menu-title-level2, .pm-menu-title-level3, .pm-menu-title-level4{display: none;}
#pm-menu-search{width: 100%;}
#pm-menu-search .pm-input-search{font-size: 90px;}
.pm-menu-level3 a{color: #9A9A9A;}


@media screen and (max-width: 768px){
.pm-menu{ top:70px;}
.pm-menu-close{ height:70px; line-height:70px;}
.pm-menu-close img{ padding-top:30px;}
#pm-menu-master .pm-submenu-item{ height:70px; line-height:70px; font-size:1.125rem;}
}



.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.6);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}

.reveal-modal {
	visibility: hidden;
	top: 30%; 
	left: 55%;
	margin-left: -300px;
	width: 364px;
	background: #eee url(modal-gloss.png) no-repeat -200px -80px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
} 
.skuan{ border:1px solid #9d9d9d; width:364px; border-radius:19px; height:38px; margin:0 auto;}
.seach-form .s-txt{ width:305px; height:28px; background:none; border:none; float:left; padding:5px 10px; color:#515151;}
.seach-form .s-bt{ background:url(../images/ss.png) center no-repeat; height:33px; width:24px; border:none; float:left; margin-top:3px; }

/*banner*/
.banner{ width:100%; float:right; overflow:hidden; background:#1174c8}
@media screen and (max-width:768px){
.banner{ display:none;}
}

.slide_tabs {list-style: none;padding: 0;font-size: 18px;list-style: none;padding: 10px 0;text-align: center; width: 100%; position:absolute;z-index:222; top:92%;}

.slide_tabs li {display:inline-block;margin-right: 5px; height:15px; overflow:hidden;}
.slide_tabs li.slide_here a{ border:2px solid #fff; background:#1a9d37;}
.slide_tabs a {width: 9px; line-height: 90px;height: 9px;background: transparent; display:block;color:#000;overflow:hidden;border:2px solid #fff; background:#fff; border-radius:50%;}
.slide_tabs li:first-child { margin-left: 0; }
.slide_container {position: relative; float: right;width: 100%;overflow:hidden;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%; padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0; top: 0; }
.slide img {display: block;position: relative;z-index: 1;height: auto; width: 100%;border: 0;}
.slide .caption {display: block; position: absolute;z-index: 2;font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px; margin: 0; max-width: none;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0); bottom: 0%; left: 0;margin-left:10%; opacity: 1;z-index: 3; text-indent: -9999px; overflow: hidden;text-decoration: none; height: 40px; width: 42px;background: transparent url("../images/prne.jpg") no-repeat left top;margin-top: -45px; }
.slide_nav:active {opacity: 1.0; }
.slide_nav.next { left: 42px;background-position: right top; right: 42px;margin-right:10%;}

/*关键词*/
.key-box{ border-top:12px solid #0d963e; position:relative; top:-12px; z-index:22;padding:22px 0; width:100%; overflow:hidden;}
.key-box .keyword{ margin-top:20px;}
.key-box .keyword b{ color:#036526}
.key-box .keyword p{ color:#656565;}
.key-box .keytel{ background:url(../images/ktel.png) left center no-repeat; min-height:50px; padding-left:50px; }

.key-box .keytel p{ font-size:1.5rem; font-family:'DIN'; color:#036526}
@media screen and (max-width:768px){
.key-box .keytel{ display:none;}
}
/*公司简介*/
.in-ab{ background:#f4f3f3; width:100%; overflow:hidden; margin-top:-12px}
.in-ab .abcon{ width:50%; box-sizing:border-box; padding:74px 40px 0 0;}
.abcon .atit span{ color:#323232; font-size:1.125rem; text-transform:uppercase; font-family:'DIN'; }
.abcon .atit h4{ font-size:2.25rem; color:#444444}
.abcon .atit h4 em{ color:#018f46}
.abcon .atit hr{ border:none; background:#018f46; width:39px; height:3px; margin:10px 0;}
.abcon .atit p{ font-weight:bold; color:#646464; font-size:1.25rem;}
.abcon .adiv{ border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:52px 0; box-sizing:border-box; margin-top:32px;}
.abcon .adiv p{ line-height:1.875em; color:#7d7d7d}
.abcon .ashu{ margin-top:50px;}
.abcon .ashu li{ float:left;width:33.33%;}
.abcon .ashu li h4{ font-size:80px; color:#018f46;font-family:'DIN'; position:relative;}
.abcon .ashu li h4 em{ font-size:1rem; color:#565656; position:relative; top:-50px;}
.abcon .ashu li p{ color:#565656; font-size:1rem;}

.in-ab .abvid{ width:50%;}
.in-ab .abvid img{ max-width:inherit; float:left;}
@media screen and (max-width:768px){
.in-ab .abcon{ width:100%; margin-bottom:50px;}
.in-ab .abvid{ width:100%;}
}
.link{background: #f0f0f0;border-bottom: 1px solid #e0e0e0;}
.link .kd{display: flex;align-items: center;height: 80px;}
.link h1{font-size: 1.25rem;font-weight: bold;flex: 0 0 100px;}
.link_list a{margin-right: 10px;height: 24px;line-height: 24px;} 
.link_list{height: 24px;line-height: 24px;flex: 1;}
@media screen and (max-width:768px) {
	.link{display: none;}
}
/*产品*/
.in-pro{ padding:72px 0; background:#fff; width:100%; overflow:hidden;}
.protab{ width:100%;}
.protab .prtit span{ color:#323232; font-size:1.125rem; text-transform:uppercase; font-family:'DIN';}
.protab .prtit h4{ font-size:2.25rem; color:#000000;}
.protab .prtit h4 em{ color:#018f46}
.protab .prtit hr{ border:none; background:#018f46; width:39px; height:3px; margin:16px 0;}

.prsort li{ text-align:center; float:left; display:block;}
.prsort li a{ display:block;}
.prsort li .simg{ position:relative; width:100%; height:100%;}
.prsort li .simg .s1{ transform:scale(1); transition:all 0.75s;}
.prsort li .simg span{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(0,1); transition:all 0.75s ease;}
.prsort li:hover .simg .s1{ transform:scale(0,1);}
.prsort li:hover .simg span{ transform:scale(1);}
.prsort li p{ margin:5px 0; color:#404040; transition:all 0.75s ease;}
.prsort li:hover p{ color:#018f46}
.prsort li em{ display:inline-block; transform:scale(0,1); transition:all 0.75s ease}
.prsort li:hover em{ transform:scale(1);}

.hrline{ width:12px; height:2px; background:#c4c4c4; float:left; margin:29px 20px}

@media screen and (max-width:768px){
.prsort{ width:100%; margin-top:20px;}
.prsort li{ width:33.33%; margin-bottom:20px}
.hrline{ display:none;}
}
/*产品滚动*/
.proscroll{ position:relative; margin-top:58px;}
.proscroll .prev{ position:absolute; left:-22px; top:50%; z-index:22; cursor:pointer}
.proscroll .next{ position:absolute; right:-22px; top:50%; z-index:22; cursor:pointer}
.proscroll li{  position:relative; width:33.33%;  overflow:hidden;}
.proscroll li span{display:block; width:144px; height:50px; background:url(../images/gxx2.png) center top no-repeat; bottom:25px; left:33.5%; right:45%; position:relative; transition:all 0.5s ease;}
.proscroll li:hover span{  background:url(../images/gxx2.png) right bottom no-repeat;}
.proscroll li a{ display:block;}
.proscroll li .proimg{ position:relative; width:100%; overflow:hidden;border:1px solid #e1dfdf; box-sizing:border-box;border-radius:10px;}
.proscroll li .proimg img{ width:100%; transform:scale(1); transition:all 0.5s ease}
.proscroll li:hover .proimg img{ transform:scale(1.05);}
.proscroll li .proimg p{ position:absolute; width:100%; height:auto; text-align:center; color:#1f1f1f; top:86%;}
@media screen and (max-width:768px){
.proscroll{ width:707px; overflow:hidden;}
.proscroll .prev{  left:0; top:46%;}
.proscroll .next{right:0; top:46%%;}
.proscroll li{  position:relative; width:50%;  overflow:hidden;}
.proscroll li span{ left:30%}
.proscroll li .proimg p{  top:80%;}
}



.wg{ position:absolute; width:100%; height:100%; background:url(../images/wg.png) center no-repeat; top:0; left:0;}
.advtit{ text-align:center; padding-top:50px; position:relative; z-index:3}
.advtit span{ color:#fff; font-size:1.125rem; font-family:'DIN'; text-transform:uppercase;}
.advtit h4{ font-size:2.25rem; color:#fff;}



/*6大特点*/
.adt6{ top:250px; position:absolute; width:100%; height:100%;  z-index:55}
.acleft{ width:25.75%;}
.acleft li:last-child{ margin-bottom:0;}
.acleft li{ width:100%; cursor:pointer; margin-bottom:100px;}
.acleft li .atu{ background:url(../images/anor.png) center no-repeat; transition:all 0.75s ease; width:67px; height:74px; max-width:24%;}
.acleft li:hover .atu{ background:url(../images/acur.png) center no-repeat;transition:all 0.75s ease;}
.acleft li .atext{ width:75%; text-align:left;}
.acleft li .atext p{ font-size:1.25rem; color:#fff; font-weight:bold; margin-bottom:10px;}
.acleft li .atext span{ color:#ffffff;}

.acright{ width:25.75%;}
.acright li:last-child{ margin-bottom:0;}
.acright li{ width:100%; cursor:pointer; margin-bottom:100px;}
.acright li .atu{ background:url(../images/anor.png) center no-repeat; transition:all 0.75s ease; width:67px; height:74px; max-width:24%;}
.acright li:hover .atu{ background:url(../images/acur.png) center no-repeat;transition:all 0.75s ease;}
.acright li .atext{ width:75%; text-align:right}
.acright li .atext p{ font-size:1.25rem; color:#fff; font-weight:bold; margin-bottom:10px;}
.acright li .atext span{ color:#ffffff;}
@media screen and (max-width:768px){
.acleft{ width:50%;}
.acleft li .atext p{ margin-top:16px;}
.acleft li .atext span{ display:none;}
.acright{ width:50%;}
.acright li .atext p{ margin-top:16px;}
.acright li .atext span{ display:none;}
}
/*合作*/
.in-map{ background:url(../images/mapbg.jpg) center top no-repeat; padding:99px 0 72px; width:100%; overflow:hidden}
.partit h4{ font-size:2.25rem; color:#fff; margin-bottom:16px;}
.partit p{ font-size:1.25rem; color:#fff;}
.partit a{ display:inline-block; border:1px solid #fff; border-radius:30px; padding:10px 40px; color:#fff; margin-top:119px; transition:all 0.75s ease}
.partit a:hover{ background:#008541; border:1px solid #008541}
.parul{ width:78.07%;}
.parul li{ float:left; text-align:center; margin-right:60px; cursor:pointer}
.parul li hr{ width:1px; height:87px; background:rgba(255,255,255,0.5); border:none;}
.parul li i{ display:inline-block; width:8px; height:5px; background:#fff; border-radius:50%; margin-top:-8px;}
.parul li:nth-child(1){ margin-top:30px;}
.parul li:nth-child(2){ margin-top:76px;}
.parul li:nth-child(3){ margin-top:25px;margin-right:85px;}
.parul li:nth-child(4){ margin-top:40px;}
.parul li:nth-child(5){ margin-top:38px; float:right; margin-right:0;}
@media screen and (max-width:1368px){
.parul li:nth-child(3){ margin-top:25px;margin-right:65px;}
}
@media screen and (max-width:1280px){
.parul li{ margin-right:50px;}
}
@media screen and (max-width:768px){
.partit{ width:100%;}
.partit a{ margin-top:20px;}
.in-map{ background-size:cover}
.parul{ width:100%; margin-top:30px;}
.parul li{ float:left; text-align:center; margin-right:20px !important; cursor:pointer}
}

/*news*/
.in-new{ padding:52px 0; width:100%; overflow:hidden;}
.newtit{ text-align:center;}
.newtit span{ color:#3e3e3e; font-size:1.125rem; font-family:'DIN';}
.newtit h4{ font-size:2.25rem; color:#3e3e3e}
.newtit h4 em{ color:#018f46;}
.newtit hr{ width:34px; height:3px; background:#018f46; border:none;}

.newscroll{ margin-top:55px; position:relative;}

.newscroll li .n4 { float:left; width:23%; margin-right:2.66%;}
.newscroll li .n4 a{ display:block;}
.newscroll li .n4:nth-child(4) { margin-right:0;}
.newscroll li .n4 .ntit{ background:url(../images/fl.jpg) right bottom no-repeat;}
.newscroll li .n4 .ntit p{ width:60%; font-size:1.25rem; color:#3e3e3e; transition:all 0.75s ease;}
.newscroll li .n4:hover .ntit p{ color:#018f46}
.newscroll li .n4 .npic{ margin:20px 0; width:100%; overflow:hidden;}
.newscroll li .n4 .npic img{ width:100%; transform:scale(1); transition:all 0.75s ease;}
.newscroll li .n4:hover .npic img{ transform:scale(1.05);}
.newscroll li .n4 .ncc{ margin:6px 0 20px;}
.newscroll li .n4 .ncc span{ color:#777777;}
.newscroll li .n4 .ncc em{ background:url(../images/time.jpg) left center no-repeat; padding-left:24px; display:block; color:#939393; margin-top:20px;}
.newscroll li .n4 .nline{ width:100%; height:1px; background:#dedede; position:relative;}
.newscroll li .n4 .nline i{ display:inline-block; width:100%; height:2px; position:absolute; top:0; left:0; background:#018f46; transition:all 0.75s ease; transform:scale(0,1); transform-origin:left;}
.newscroll li .n4:hover .nline i{ transform:scale(1);}

.qie{ width:100%; text-align:center; margin-top:40px; cursor:pointer}
.qie p{ font-size:1rem; color:#3e3e3e}
.qie p img{ margin-bottom:-5px;}
@media screen and (max-width:768px){
.newscroll li .n4 { width:48%; margin:0 1% 24px !important;}
.newscroll li .n4:nth-child(2) { margin-right:0;}
.newscroll li .n4 .ntit{ background:none;}
.newscroll li .n4 .ntit p{ width:100%; }
.newscroll li .n4 .ncc span{ display:none;}
}
/*more*/
.in-more{ width:100%; overflow:hidden; background:#018f46}
.in-more dl{ box-sizing:border-box; border-right:1px solid #00ab53; width:33.33%; padding:0 52px 0 26px; float:left;}
.in-more dl dt{ padding:50px 0 24px;position:relative;}
.in-more dl dt p{ color:#fff; font-size:1.375rem; margin-bottom:12px;}
.in-more dl dt span{ color:#fff; font-size:1rem;} 
.in-more dl dt span.mdin{font-family:'DIN'; font-size:1.125rem;}

.in-more dl dt i{ position:absolute; right:0; top:50px; transform:rotateY(0deg); transition:all 0.75s ease}
.in-more dl:hover dt i{ transform:rotateY(360deg)}
.in-more dl dd{ border-top:1px solid #00a952; padding:18px 0;}
.in-more dl dd span{ display:inline-block; color:#00c962; font-family:'DIN';}
.in-more dl dd em{ display:inline-block; float:right;}

@media screen and (max-width:768px){
.in-more dl{ width:33.33%; padding:0 10px 0 10px;}
.in-more dl dt span{ color:#fff; font-size:0.875rem;} 
.in-more dl dd{ display:none;}
}
/*返回*/
.fback{ background:url(../images/fback.png) center no-repeat; height:24px; margin-top:-12px; position:relative; z-index:2}
.fback #top{ margin:0 auto; display:block; width:120px; height:24px;}

.foot{ background:#f0f0f0; padding:6px 0 18px;}
.fwx{ width:auto;}
.fmenu{ margin-left:3%; width:40%; margin-top:64px;}
.fmenu h4{ color:#018f46; font-size:1.125rem; font-weight:bold;}
.fmenu ul{ margin-top:8px;}
.fmenu li{ float:left; width:20%;}
.fcon{ border-left:1px solid #d7d7d7; box-sizing:border-box; width:35%; margin-top:35px; padding:10px 0 10px 36px;}
.fcon p{ color:#717171; line-height:1.5em;}
.fbq{ padding:27px 0; background:#f0f0f0; border-top:1px solid #e0e0e0}
.fbq p{ color:#717171;}
.fbq p a{ color:#717171;}
.fbq p a:hover{ color:#00ca62}
@media screen and (max-width:768px){
.fwx{ width:auto; margin-top:50px;}
.fmenu{ display:none;}
.fcon{ width:75%;}
.fbq{ margin-bottom:100px;}
.fbq p{ float:none; line-height:1.75rem;}
}

/*浮动*/
.fudong{ display:none}
@media screen and (max-width:768px){
.fudong{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#018f46; z-index:99999}
.fudong li{ width:24.8%; text-align:center; height:80px; margin:10px 0; border-right:1px solid #01c866; float:left;}
.fudong li p{ color:#fff;}
}



.mban{ display:none;}
@media all and (max-width: 768px) {
.mban{ display:block; padding-top:111px}
/*图片切换*/
	.device {
  width: 760px;
  height: 760px;
  margin: 0px auto 0 auto;
  position: relative;
}
.device .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.device .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.swiper-container {
  height: 760px;
  width: 760px;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:20px;
  width: 100%;
  z-index:111;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-slide  img{ width:100%}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
}