/*初始化*/

@font-face { font-family: HELVETICANEUELTPRO-THEX; src: url(/template/mobile/xnskin/css/HELVETICANEUELTPRO-THEX.OTF) }

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,select{margin:0;padding:0;}

body,button,input,select,textarea{font-size:12px; color:#555;font-family:"PingFang SC","PingHei","STHeitiSC-Light", "Myriad Set Pro", "Lucida Grande","Helvetica Neue", "Helvetica","microsoft yahei","SimHei", "tahoma", "Arial","Verdana", "sans-serif";*font-family:"SimHei";}

h1,h2,h3,h4,h5,h6{font-size:100%;}

address,cite,dfn,em,var{font-style:normal;}

code,kbd,pre,samp{font-family:courier new,courier,monospace;}

input,button,select,textarea{outline:none;}

textarea{resize:none;}

ul,ol{list-style:none;}

a{text-decoration:none;color:#555;cursor: pointer;}

a:hover{text-decoration:none; outline:none;hide-focus:expression(this.hideFocus=true);}

sup{vertical-align:text-top; vertical-align:super}sub{vertical-align:text-bottom;}

fieldset,img{border:0;}

button,input,select,textarea{font-size:100%;}

table{border-collapse:collapse;border-spacing:0;}

.clear_float:after{display:block;visibility:hidden;height:0;clear:both;content:"";}.clear_float{display:inline-block;}/*asdfasdf\*/ * html .clear_float{zoom:1;}.clear_float{display:block;}.clear_float{ clear:both;}

.red{color:#ea544a;}.green{color:#40bc90;}

.en,.arial{font-family:Arial, Helvetica, sans-serif;}.fr{float:right;}.mr30{margin-right:30px;}.h18{height:18px; line-height:18px; overflow:hidden; width:100%;}.w368{width:380px; height:24px; line-height:24px;}.wrap{margin:0 auto;}

/**{-webkit-user-select:none;outline:none;}*/
input{-webkit-user-select:}

.hidden{overflow: hidden !important; height: 100% !important; height: 100% !important; margin-top:0!important;}



/*菜单动画*/

.menuIcon,.menuIcon2{position:absolute; right:0px; top:0px; z-index:996; cursor:pointer;}

.btn-nav{background:0 0;border:none;padding:12px 20px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:99999}

.btn-nav:focus{outline:0}

.icon-bar{display:block;margin:5px 0;width:23px;height:2px;background-color:#000}

.btn-nav:hover .icon-bar{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;background-color:#000}

.animated2{display:block;margin:0 auto}

.animated2:focus .icon-bar,.animated2:hover .icon-bar{background-color:#000}

.animated2:focus{cursor:pointer;z-index:9999}

.middle{width:18px;}

.icon-bar{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:999999}

.animated2 .icon-bar{z-index:999999;background-color:#000}

.animated2 .top{-webkit-transform:translateY(6px) rotateZ(45deg);-moz-transform:translateY(6px) rotateZ(45deg);-ms-transform:translateY(6px) rotateZ(45deg);-o-transform:translateY(6px) rotateZ(45deg);transform:translateY(6px) rotateZ(45deg)}

.animated2 .bottom{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg)}

.animated2 .middle{width:0}



/*公共头部*/

.menuIcon2{ background:url(/template/mobile/xnskin/img/global/icon_05.png) no-repeat center center; background-size:18px; width:63px; height:46px; display:none;}

header{ left:0; top:0; width:100%; height:50px; z-index:1000;position:relative; background:#fff;transition:background 0.4s ease-out 0.5s; -webkit-transition:background 0.4s ease-out 0.5s;}

header .logo{ position:absolute; left:16px; top:0; width:170px; height:50px; background:url(/template/mobile/xnskin/img/global/logo.png) no-repeat center left; background-size:158px;}

header .logo a{ display:block; width:100%; height:100%;}

header.showMenu{ position:relative; background:none;transition:background 0s ease-out; -webkit-transition:background 0s ease-out;}

header.showMenu .logo{ background-image:url(/template/mobile/xnskin/img/global/logo2.png)}

header.showMenu .animated2 .icon-bar{ background:#fff;}

.menuMain{ position: absolute; left:0; top:0; width:100%; height:100%; z-index:999; background:#2f2f2f; display:none; margin:0; padding:0; overflow:hidden; overflow-y: scroll;}

.menuBox{ margin:50px 0px 20px 0px; padding:0 20px; height:100%; position:relative; overflow:hidden; overflow-y:scroll;}

.menuBox li{ padding:0 0px 0 0; position:relative;border-bottom:1px solid rgba(255,255,255,0.1);}

.menuBox li>a{ height:25px; line-height:25px; padding:15px 0; color:rgba(255,255,255,0.75); font-size:15px; background:url(/template/mobile/xnskin/img/global/icon_01.png) no-repeat 98% center; background-size:12px; display:block; opacity:0.75; text-indent:3px; }

.menuBox li.on>a{ background-image:url(/template/mobile/xnskin/img/global/icon_02.png);}

.menuBox li.link>a{ background-image:url(/template/mobile/xnskin/img/global/icon_03.png);}

.menuBox .linkBtn{ padding-top:35px; text-align:center;}

.menuBox .linkBtn a{height:42px; line-height:42px; color:rgba(255,255,255,0.5); padding:0 30px; border-radius:5px; display:inline-block; margin:0 15px; font-size:14px; position:relative;}

.menuBox .linkBtn a:after{border-radius:10px;}

.proList{ overflow:hidden; display:none; position:relative; top:-10px;}

.proList a,.serList a{ width:100%; display:inline-block; height:55px; line-height:55px; font-size:14px; color:rgba(255,255,255,0.6); position:relative; background-repeat:no-repeat; background-position:15px center; text-indent:12px;border-bottom:1px solid rgba(255,255,255,0.1);}

.proList a:last-child{border-bottom:0px solid rgba(255,255,255,0.1);}

.menuBox .preBox ul{ padding:0 20px;}

.menuBox .preBox{ position:absolute; left:0; top:0; width:100%;

-webkit-transform: translateY(0px); transform:translateY(0px);

 transition:-webkit-transform 0.35s linear;

    transition: transform 0.35s linear;}



    

.menuSearch .preBox{-webkit-transform: translateY(-144px); transform:translateY(-144px);}

.menuSearch .searchForm{ left:0;}

.searchHide .searchForm{opacity:1;}

.showMain .searchHide .searchBtn{opacity:0;}

.menuBox li,.linkBtn{opacity: 0;

    pointer-events: none;

    -webkit-transform: scale(1.1) translateY(-24px);

    transform: scale(1.1) translateY(-24px);

    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;

    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;

    transition: opacity 0.35s ease-out, transform 0.35s ease-out;

    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;}

.showMain .menuBox li,.showMain .linkBtn{opacity: 1;pointer-events: auto; -webkit-transform: none; transform: none;}

.showMain .menuBox li:nth-child(2){-webkit-transition-delay: 100ms,100ms; transition-delay: 100ms,100ms;}

.showMain .menuBox li:nth-child(3){-webkit-transition-delay: 180ms,180ms; transition-delay: 180ms,180ms;}

.showMain .menuBox li:nth-child(4){-webkit-transition-delay: 260ms,260ms; transition-delay: 260ms,260ms;}

.showMain .menuBox li:nth-child(5){-webkit-transition-delay: 340ms,340ms; transition-delay: 340ms,340ms;}

.showMain .menuBox li:nth-child(6){-webkit-transition-delay: 420ms,420ms; transition-delay: 420ms,420ms;}

.showMain .linkBtn{-webkit-transition-delay: 340ms,340ms; transition-delay: 340ms,340ms;}

.searchIcon{ background:url(/template/mobile/xnskin/img/global/search.png) no-repeat 80% center; background-size:20px; width:60px; height:50px; position:absolute; right:60px; top:0;}
.searchBox{ position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:9999; display:none;}
.searchBox .logo{position:absolute; left:16px; top:0; width:170px; height:50px; background:url(/template/mobile/xnskin/img/global/logo.png) no-repeat center left; background-size:158px;}
.searchClose{ position:absolute; top:3px; right:0px; width:50px; height:50px; background:url(/template/mobile/xnskin/img/global/close3.png) no-repeat center center; background-size:20px;}
.searchBox form{ padding:60px 16px 0 16px;}
.searchBox input{background: none; outline: none; border: none;-webkit-appearance:none;}
.searchBox form .input{ width:100%; height:45px; line-height:45px; border:1px solid rgba(0,0,0,0.1); padding-left:12px; font-size:15px; color:#000; font-weight:bold; box-sizing:border-box;}
.searchBox form .input::placeholder{ font-weight:normal; font-size:14px; color:rgba(0,0,0,0.3);}
.searchBox .btn{width:100%; height:48px; line-height:48px; border:0px solid rgba(0,0,0,0.1); background:#000; color:#fff; font-size:14px; text-align:center; margin-top:20px;}


/*公共底部*/

footer{ padding:0 20px 20px 20px; background:#fff;}

.footNav li{ padding:0 8px 0 0; position:relative; border-bottom:1px solid rgba(0,0,0,0.075);}

.footNav li>a{ height:25px; line-height:25px; padding:15px 0; color:rgba(0,0,0,0.6); font-size:14px; background:url(/template/mobile/xnskin/img/global/icon_01_2.png) no-repeat right center; background-size:12px; display:block;}

.footNav li.on>a{ background-image:url(/template/mobile/xnskin/img/global/icon_02_2.png);}

.footNav li.link>a{ background-image:url(/template/mobile/xnskin/img/global/icon_03_2.png);}

footer .bBor:after{background:#d6d6d6;}

footer .proList a,footer .serList a{ color:rgba(0,0,0,0.4);border-bottom:1px solid rgba(0,0,0,0.075);}

footer .icons{ text-align:center; padding:30px 0 25px 0;}

footer .icons a{ width:50px; height:50px; border:1px solid #ccc; background-repeat:no-repeat; background-position:center center; border-radius: 100%; display:inline-block; background-size:36px; margin:0 10px;}

footer .links{ text-align:center; font-size:12px;color:rgba(0,0,0,0.4);}

footer .links a{ padding:0 20px;color:rgba(0,0,0,0.4);}

footer .links u{ text-decoration:none;}

footer .copyright{ font-size:12px; text-align:center; line-height:21px; padding-top:22px;color: rgba(0,0,0,0.4);}





<!--耗时1758983411.6986秒-->