@charset "UTF-8";
/* CSS Document||fpx 2018年10月 */
body {font-family:Arial, Helvetica, sans-serif;font-size: 12px;color: #666;background: #f2f2f2;}/* 设置body */
select,input{vertical-align: middle;outline: none;font-family:ArialArial, Helvetica, sans-serif;}/* 设置表单 */
html{ font-size:625%;}
body{ font-size:14px;}
body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,object,iframe,blockquote,pre,a,abbr,address,code,img,fieldset,form,label,figure{margin:0;padding:0;}
body,html,input,button,textarea{color:#231f20; font-family:"微软雅黑"; line-height:1.5}
article,aside,figcaption,figure,footer,header,main,nav,section{display:block;}
h1{font-size:20px;font-size:.2rem;}
h2{font-size:18px;font-size:.18rem;}
h3{font-size:16px;font-size:.16rem;}
h4,h5{font-size:14px;}
img{border:none;vertical-align:middle;max-width:100%;}
li{list-style:none;}
i,em{font-style:normal;}
a{color:#231f20;text-decoration:none;}
a:focus{outline:none;}
a:hover{color:#32b357;text-decoration:none;}
input[type="text"]:focus{outline:none;}
input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
hr{height:1px;border:none;border-top:1px dashed #c1c1c1;margin:15px 0 15px 0;}
a:active,select,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:0!important;}
*{outline: 0;}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.fl {float: left;display: inline;}/* 左浮动 */
.fr {float: right;display: inline;}/* 右浮动 */
.clearfix{clear:both}
.imghover .pic{ overflow:hidden;}/* 设置图片经过放大 */
.imghover .pic img{ overflow:hidden; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}/* 设置图片经过放大 */
.imghover:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05);}/* 设置图片经过放大 */
.table{ display: table; width: 100%; height: 100%;}/* 设置表格方式垂直居中 */
.tableCell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle;}/* 设置表格方式垂直居中 */
.default{ background: #e5e5e5 url(../images/default.png) no-repeat center center;}/* 设置默认图 */
/*公共部分结束*/
/**
 * 改变浏览器滚动条
 * @author 杨朝杰
 * @return
 */
::-webkit-scrollbar {width:5px;background:#f0f0f0;}
::-webkit-scrollbar-button {}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {width:8px;background:#185da8 ;}
::-webkit-scrollbar-corner {background:#f0f0f0;}
::-webkit-resizer {}
::-webkit-scrollbar:horizontal{height:9px;}

@-webkit-keyframes gupIn{from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}}
@-moz-keyframes gupIn{from{opacity:0; -moz-transform:translate3d(0,-30px,0);}}
@keyframes gupIn{from{opacity:0; transform:translate3d(0,-30px,0);}}

@-webkit-keyframes gdownIn{from{opacity:0; -webkit-transform:translate3d(0,30px,0);}}
@-moz-keyframes gdownIn{from{opacity:0; -moz-transform:translate3d(0,30px,0);}}
@keyframes gdownIn{from{opacity:0; transform:translate3d(0,30px,0);}}

@-webkit-keyframes gleftIn{0%{opacity:0; -webkit-transform:translate3d(-30px,0,0);}100%{opacity:1; -webkit-transform:translate3d(0,0,0);}}
@-moz-keyframes gleftIn{0%{opacity:0; -moz-transform:translate3d(-30px,0,0);}100%{opacity:1; -moz-transform:translate3d(0,0,0);}}
@keyframes gleftIn{0%{opacity:0; transform:translate3d(-30px,0,0);}100%{opacity:1; transform:translate3d(0,0,0);}}

@-webkit-keyframes grightIn{0%{opacity:0; -webkit-transform:translate3d(80px,0,0);}100%{opacity:1; -webkit-transform:translate3d(0,0,0);}}
@-moz-keyframes grightIn{0%{opacity:0; -moz-transform:translate3d(80px,0,0);}100%{opacity:1; -moz-transform:translate3d(0,0,0);}}
@keyframes grightIn{0%{opacity:0; transform:translate3d(80px,0,0);}100%{opacity:1; transform:translate3d(0,0,0);}}

@-webkit-keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}

@-webkit-keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}
@keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}

.gupIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gupIn 1s 0.1s both;
    -moz-animation: gupIn 1s 0.1s both;
    animation: gupIn 1s 0.1s both;
	}
.gdownIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gdownIn 1s 0.1s both;
    -moz-animation: gdownIn 1s 0.1s both;
    animation: gdownIn 1s 0.1s both;
	}
.gleftIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gleftIn 1s 0.1s both;
    -moz-animation: gleftIn 1s 0.1s both;
    animation: gleftIn 1s 0.1s both;
	}
.grightIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: grightIn 1s 0.1s both;
    -moz-animation: grightIn 1s 0.1s both;
    animation: grightIn 1s 0.1s both;
	}
.gfadeIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gfadeIn 1s 0.1s both;
    -moz-animation: gfadeIn 1s 0.1s both;
    animation: gfadeIn 1s 0.1s both;
	}
.gfadeOut{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gfadeOut 1s 0.1s both;
    -moz-animation: gfadeOut 1s 0.1s both;
    animation: gfadeOut 1s 0.1s both;
	}

/*search*/
.btn--search{
	top:20px;
	width:35px;
	height:26px; 
	cursor:pointer; 
	margin-left:38px; 
	position:relative; 
	vertical-align:middle; 
	display:inline-block; 
	-webkit-box-sizing:content-box; 
	box-sizing:content-box; 
	margin-top:20px
	
}
.btn--search:after,.btn--search:before{
	width:100%; 
	height:26px; 
	content:''; 
	vertical-align:top; 
	display:inline-block; 
	background-image:url("../images/btn_search.png"); 
	background-position:center; 
	background-repeat:no-repeat; 
	-webkit-transition:all .3s ease; 
	-o-transition:all .3s ease; 
	transition:all .3s ease;
}
.btn--search:after{position: absolute; top: 0; left: 0; opacity: 0; -webkit-transform: scale(.6) translateY(60%); -o-transform: scale(.6) translateY(60%); transform: scale(.6) translateY(60%); filter: alpha(opacity=0); -ms-transform: scale(.6) translateY(60%); }
.btn--search:hover:after { opacity: .6; -webkit-transform: unset; -o-transform: unset; transform: unset; -ms-transform: unset; filter: alpha(opacity=60); }
.btn--search:hover:before { opacity: 0; -webkit-transform: scale(.6) translateY(-60%); -o-transform: scale(.6) translateY(-60%); transform: scale(.6) translateY(-60%); -ms-transform: scale(.6) translateY(-60%); }

.search-ipt { border: 0; border-radius: 0; background: 0 0; -webkit-appearance: none; }
.web-search { display: flex; visibility: hidden; text-align: center; flex-direction: column; justify-content: center; align-items: center; }
.web-search .btn--search-close { position: absolute; top: 1.25em; right: 1.25em; display: inline-block; display: none; width: 42px; height: 42px; border-radius: 50%; background-color: #ccc; background-image:url("../images/search_btn_close.png"); background-position: center; background-size: auto 35%; background-repeat: no-repeat; font-size: 1.8em; line-height: 42px; cursor: pointer; -webkit-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; -webkit-background-size: auto 35%; }
.web-search .btn--search-close:hover{background-color: #185da8; -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -ms-transform: rotate(90deg); }
.js .btn--search-close{display:block; }
.web-search .search-ipt{display: inline-block; box-sizing: border-box; padding: .05em 0; width: 75%; border-bottom: 3px solid; color: #333; font-size: 20px; font-family: inherit; line-height: 1em; }
.web-search .search-ipt::-webkit-input-placeholder{color:#333;font-weight:700;}
.web-search .search-ipt::-moz-placeholder{color:#333;font-weight:700;opacity:1;}
.web-search .search-ipt:-ms-input-placeholder {color:#333;font-weight:700;}
.web-search .search-ipt::-webkit-search-cancel-button, .web-search .search-ipt::-webkit-search-decoration {-webkit-appearance:none;}
.web-search .search-ipt::-ms-clear {display:none;}
.web-search .search-attr { display: block; margin: 0 auto; padding: .85em 0; width: 75%; color: #333; text-align: right; font-size: 90%; }
.js .container { position: relative; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; }
.js .main-wrap--move { height: 100vh; }
.js .web-search { pointer-events: none; }
.js .search--open { visibility: visible; opacity: 1; pointer-events: auto; }
.web-search .btn--search-close { opacity: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; }
.search--open .btn--search-close { opacity: 1; -webkit-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; -webkit-animation: bounceInA 1s ease; -o-animation: bounceInA 1s ease; animation: bounceInA 1s ease; }
.search__suggestion, .web-search .search-attr { opacity: 0; -webkit-transition: opacity .8s, transform .8s; -moz-transition: opacity .8s, transform .8s; -o-transition: opacity .8s, transform .8s; transition: opacity .8s, transform .8s; -webkit-transform: translate3d(0, 30px, 0); -moz-transform: translate3d(0, 30px, 0); -o-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); -ms-transition: opacity .8s, transform .8s; }
.search--open .search-attr { font-size: 20px; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.js .web-search .search-ipt { padding: 15px 0; text-transform: uppercase; font-weight: 700; font-size: 60px; opacity: 0; -webkit-transition: transform .3s; -moz-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; -webkit-transform: scale3d(0, 1, 1); -moz-transform: scale3d(0, 1, 1); -o-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; border-bottom-width: 1px; -ms-transform: scale3d(0, 1, 1); -ms-transform-origin: 0 50%; -ms-transition: transform .3s; }
.js .web-search .search-ipt, .web-search .search-attr { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; }
.js .search--open .search-ipt { opacity: 1; -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -ms-transition-duration: .4s; }
.js .search--open .search-btn { display: none!important; }
.web-search .search-attr { padding-bottom: 0; }
.js .web-search { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100001; margin: auto; padding: 50px 0; width: 70%; height: 240px; border-radius: 8px; perspective: 1200px; }
.js .web-search:before{position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(255,255,255,.98); content: ''; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateY(-30%) scale(1, 0); -o-transform: translateY(-30%) scale(1, 0); transform: translateY(-30%) scale(1, 0); -ms-transform: translateY(-30%) scale(1, 0); }
.js .search--open:before { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; -ms-transform: none; }
.main-wrap--move:after { position: fixed; top: 0; left: 0; z-index: 100000; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); content: ''; }