@charset "utf-8";

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{min-height:100%;margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{color:#3A3A3A;text-decoration:none;background-color:transparent}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}



/* base */

html{font-size:13px/1;overflow-x:hidden;font-family:Microsoft YaHei,Arial,sans-serif;color:rgba(0,0,0,.8);}a{color:rgba(0,0,0,.8);text-decoration:none;}a:hover{text-decoration:none;}.fl{float:left;display: inline-block;}.fr{float:right;display: inline-block;}.pull-none{float:none;}.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0;}* html .clearfix{zoom:1;}*:first-child+html .clearfix{zoom:1;}.container{width:1300px;margin:0 auto;}img{max-width:100%;}img.full{display:block;width:100%;}.list{padding:0;margin:0;list-style:none;}.hidden{ display:none;}

/* base */

.posi-r{position:relative;}.posi-a{position:absolute;}.posi-f{position:fixed;}.fl{float:left;display: inline-block;}.fr{float:right;display: inline-block;}.fn{float:none;}.bs-bb{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.disp-n{display:none;}.disp-b{display:block;}.disp-i{display:inline;}.disp-ib{display:inline-block;}.disp-l{display:list-item;}.disp-t{display:table;}.disp-it{display:inline-table;}.disp-tc{display:table-cell;}.over-v{overflow:visible;}.over-h{overflow:hidden;}.over-s{overflow:scroll;}.over-a{overflow:auto;}.over-i{overflow:inherit;}.pd0{padding:0;}.pd44{padding:44px;}.mg0{margin:0;}.mg-l40{margin-left:40px;}.mg-a{margin:0 auto;}.bord0{border:0;}.bordr2{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}.bordr3{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.bordr4{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.bordr5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.bordr6{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.bordr7{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}.bordr8{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}.bordr9{-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}.bordr10{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}.bordr50{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}.font10{font-size:10px;}.font12{font-size:12px;}.font13{font-size:13px;}.font14{font-size:14px;}.font16{font-size:16px;}.font18{font-size:18px;}.font20{font-size:20px;}.font22{font-size:22px;}.font24{font-size:24px;}.font26{font-size:26px;}.font28{font-size:28px;}.font30{font-size:30px;}.font32{font-size:32px;}.font34{font-size:34px;}.font36{font-size:36px;}.font38{font-size:38px;}.font40{font-size:40px;}.font42{font-size:42px;}.font44{font-size:44px;}.font46{font-size:46px;}.font48{font-size:48px;}.font50{font-size:50px;}.fontw-n{font-weight:normal;}.fontw-b{font-weight:bold;}.fonts-n{font-style:normal;}.fonts-i{font-style:italic;}.fonts-o{font-style:oblique;}.texta-l{text-align:left;}.texta-c{text-align:center;}.texta-r{text-align:right;}.texta-j{text-align:justify;}.verta-b{vertical-align:baseline;}.verta-s{vertical-align:sub;}.verta-sp{vertical-align:super;}.verta-t{vertical-align:top;}.verta-tt{vertical-align:text-top;}.verta-m{vertical-align:middle;}.verta-btm{vertical-align:bottom;}.verta-tb{vertical-align:text-bottom;}.backr-n{background-repeat:no-repeat;}.backr-x{background-repeat:repeat-x;}.backr-y{background-repeat:repeat-y;}.backp-tl{background-position:0 0;}.backp-tr{background-position:100% 0;}.backp-lb{background-position:0 100%;}.backp-rb{background-position:100% 100%;}.backp-lc{background-position:0 50%;}.backp-rc{background-position:100% 50%;}.backp-ct{background-position:50% 0;}.backp-cc{background-position:50% 50%;}.backp-cb{background-position:50% 100%;}.curs-d{cursor:default;}.curs-c{cursor:crosshair;}.curs-p{cursor:pointer;}.curs-m{cursor:move;}.curs-e{cursor:e-resize;}.curs-ne{cursor:ne-resize;}.curs-nw{cursor:nw-resize;}.curs-n{cursor:n-resize;}.curs-se{cursor:se-resize;}.curs-sw{cursor:sw-resize;}.curs-s{cursor:s-resize;}.curs-w{cursor:w-resize;}.curs-t{cursor:text;}.curs-w{cursor:wait;}.curs-hlp{cursor:help;}.tran{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;-ms-transition:all .2s ease;}.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0;}* html .clearfix{zoom:1;}*:first-child+html .clearfix{zoom:1;}.ls-n{list-style:none;}

 ul,ol,li{list-style: none}

*{margin:0;padding:0;} .hidden{display: none} ins{text-decoration: none}

.container{width:1280px;margin:0 auto;}.c0{color: #000}

.mr0{margin-right: 0!important}

a{-webkit-transition: all .25s ease-in;-moz-transition: all .25s ease;-o-transition:all .25s ease-in;-ms-transition:all .25s ease;transition:all .25s ease-in;color: rgba(0,0,0,.8);text-decoration: none;font-size: 13px}}

a:hover{-webkit-transition: all .25s ease-in;-moz-transition: all .25s ease;-o-transition:all .25s ease-in;-ms-transition:all .25s ease;transition:all .25s ease-in;}

 img.more{-webkit-transition: 1s;transition: 1s;transform: scale(1);-webkit-transform: scale(1);} 

 img.more:hover{-webkit-transition: 1s;transition: 1s;transform: scale(1.03);-webkit-transform: scale(1.03);} 

 img.fill{width: 100%;} 

.tran{-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-o-transition:all .8s ease;-ms-transition:all .8s ease;transition:all .8s ease;}

.c06{color:rgba(0,0,0,.6)!important;}

.EN{text-transform:Uppercase;}

.tb{ display:table; width:100%; height:100%;}

  .tb .tbc{ display:table-cell; vertical-align:middle;}

.box{background-repeat: no-repeat;background-position: center top; overflow: hidden;position:relative;width: 100%;} 



img{border:none}





@media (min-width:1040px){

    * {margin:0; padding:0;} img { border:0; } 

    ::-webkit-scrollbar {

      width: 8px;

    }

    ::-webkit-scrollbar-track {

      background: #fff;

    }

    ::-webkit-scrollbar-thumb {

      background: #1b1b1b;

      cursor: pointer;

    }

    ::-webkit-scrollbar-thumb:window-inactive {

      background: #1b1b1b;

      cursor: pointer;

    }

    ::-webkit-scrollbar-thumb:vertical:hover {

      background: #1b1b1b;

      cursor: pointer;

    }

    .service .pic::-webkit-scrollbar {

      width:3px;

    }

    .service .pic::-webkit-scrollbar-track {

      background: #cdcdcd;

    }

    .service .pic::-webkit-scrollbar-thumb {

      background: #8c8c8c;

      cursor: pointer;

    }

    .service .pic::-webkit-scrollbar-thumb:window-inactive {

      background: #8c8c8c;

      cursor: pointer;

    }

    .service .pic::-webkit-scrollbar-thumb:vertical:hover {

      background: #8c8c8c;

      cursor: pointer;

    }

   .footer .footerLink li { margin-left:76px!important;}

}

/*<!-------------- HEADER  头部结束 ------------>  */

*{line-height: 26px}

.w102{width: 102px}

/*.wrapper{width: 100%;height: 100%;overflow: hidden;overflow-y: auto}*/

*,body,html{margin:0;padding:0;box-sizing: border-box;-webkit-box-sizing: border-box;}

.header{background: #fff;top:0;z-index:99;text-align: right;margin:0 auto;height:100px;right: 0;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-o-transition:all .8s ease;-ms-transition:all .8s ease;transition:all .8s ease;}

.head_main{position:fixed;width: 100%;background-color: #fff;z-index: 99}

.head_main h1{margin:0}

.head-work{line-height:100px;text-align: center;font-size: 16px;border-right: 1px solid #ebebeb;height: 100%;}

.header .title{text-align:left;width:100%;height:100px;  box-shadow: 0 0 5px rgba(0,0,0,0.1);}

.head-logo{ display:inline-block;background-position:center;background-repeat: no-repeat;height: 100%; margin-left:1.5%;width:225px;background-size: 100%;background-image: url(../images/0header_logo.png)}

.nav-toggle{border-left: 1px solid #ebebeb;position:relative; display:block;touch-action:none;text-align: center;color: #2d2d2d;line-height: 130%;height:100px;cursor: pointer;}

.nav-toggle p{padding-top:15px}

.nav-toggle .icon{ position:relative;width:20px;height:3px;margin:0 auto;background-color:#252525;-webkit-transition-duration:.5s;transition-duration:.5s;transiting-timing-function:swing;}

.nav-toggle .icon:after,.nav-toggle .icon:before{position:absolute;left:0;width:20px;height:3px;content:"";background-color:#252525;-webkit-transition-timing-function:swing;transition-timing-function:swing;-webkit-transition-duration:.5s;transition-duration:.5s;}

.nav-toggle .icon:before{top:-7px;}

.nav-toggle .icon:after{top:7px;}

.nav-toggle.active{display: none;}

.nav-toggle.active .icon{ width:0;}

.nav-toggle.active .icon:before{background-color: #fff;-webkit-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg);-ms-transform:translateY(9px) rotate(45deg);}

.nav-toggle.active .icon:after{background-color: #fff;-webkit-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg);-ms-transform:translateY(-9px) rotate(-45deg);}

.head-nav{ padding-top:216px;position:fixed;text-align: left;background-color: #fff;z-index:998; top:0; right:0; bottom:0; left:0; visibility:hidden; background-color:#1c1e1f; opacity:0; -webkit-transform:scale(.9); -moz-transform:scale(.9); -ms-transform:scale(.9); -o-transform:scale(.9); transform:scale(.9); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}

.head-nav .closeBtn{position: absolute;width: 52px;height: 52px;background: url(../images/6icon03.png) no-repeat center;background-size: 100% 100%;top:25px;right: 25px}

.head-nav .contanieNav{width:1270px;margin:0 auto}

.head-nav.active{ visibility:visible; opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}

.head-nav ul.list{display:inline-block;margin: 0;vertical-align: bottom;text-align: left;}

.head-nav li{display: block;margin: 0;}

.head-nav li a{ position: relative;display:block; height:75px; line-height:75px; overflow:hidden; width: 250px;font-size:45px; font-weight:300; color:#fff;margin:0;}

.head-nav li a .En{color: #f5f0ea;font-size: 45px;font-family: Arial;font-weight: 600; line-height:75px;display: block;}

.head-nav li a .CH{display:block;color: #da251d;font-size: 40px;display: none; line-height:75px;}

.head-nav li.active .CH,.head-nav li:hover .CH{display:block;}

.head-nav li.active .En,.head-nav li:hover .En{display:none;}

.contactList{display: inline-block;margin-left: 375px;color: rgba(255, 255, 255, 0.3);padding-bottom:14px}

.contactList .nav_logo{margin-bottom: 10px}

.contactList p{padding-top:20px}

.head-nav .f{color: rgba(255, 255, 255, 0.3);padding-top: 104px}

.w1560{width: 90%;margin:auto}

.w1715{width: 89%;margin:auto}

.pl180{padding-left: 180px}

.pr180{padding-right: 180px}h3,h4{font-weight: 300}

.fb{font-weight: 600;}

.f80{font-size: 80px;line-height: 80px} .f70{font-size: 70px;line-height: 70px} .f60{font-size: 60px;line-height: 60px} .f90{font-size:90px;line-height: 90px} .f50{font-size:50px;line-height: 50px} .f45{font-size: 45px;line-height: 45px} .f32{font-size: 32px;} .f30{font-size: 30px;line-height: 30px} .f35{font-size: 35px;line-height: 35px} .f28{font-size:28px;} .f26{font-size: 26px;} .f24{font-size: 24px;} .f20{font-size: 20px;}

.f36{font-size: 36px;line-height: 36px}

@keyframes downico {

  0% {top: 0;opacity: 1;}

  35% {top: 50%;opacity: 0;}

  65% {top: -50%;opacity: 0;}

  100% {top: 0;opacity: 1;}

}

@media (max-width:1440px){

  .w1560{width:1260px;}

  .w1715{width:1260px;}

  .footer .footerLink li {margin-left: 89px;}

  .f80{font-size: 80px;line-height: 80px} .f70{font-size:65px;line-height: 55px} .f60{font-size: 60px;line-height: 60px} .f90{font-size: 65px;line-height:65px} .f50{font-size:40px;line-height: 50px} .f45{font-size: 45px;line-height: 45px} .f32{font-size: 32px;} .f30{font-size: 30px;line-height: 30px} .f35{font-size: 35px;line-height: 35px} .f28{font-size:28px;} .f26{font-size: 26px;} .f24{font-size: 24px;} .f20{font-size: 20px;}

  .f36{font-size: 24px;line-height: 24px}

    .index_brand {padding: 60px 0 70px;}

  .head-nav{ padding-top:160px;}

}

/* 1366 */

@media (max-width:1366px){

  .head-nav .contanieNav {width: 100%;padding: 0 20px}

  .contactList { margin-left: 100px;}

  .head-nav{text-align:center;}

}

/* 1200 */

@media (max-width:1290px){

  .container{width:100% !important;}

  .w1560{width:100%;padding:0 20px}

  .w1715{width:100%;padding:0 20px}

  .pl180{padding-left:60px}

  .pr180{padding-right: 60px}

  .brandCompany{padding:0 20px}

  .banner .icon { margin-top:100px;}

  .moreBtn{width:150px;line-height:40px;margin:30px auto 50px;}  

}

/* 1200 */

@media (max-width:1040px){

	.container{width:100% !important;}

	.w1560{width:100%;padding:0 20px}

	.w1715{width:100%;padding:0 20px}

	.header{height:60px;}

	.head-work{line-height:48px;height: 100%;}

	.header .title{;width: 100%;height:70px}

	.nav-toggle {height: 70px}

	.head-logo{width:18%;}

	.nav-toggle p {display: none}

	.f26{font-size:16px;} 

	.f80{font-size:50px;line-height:50px} .f70{font-size:45px;line-height: 45px} .f60{font-size: 40px;line-height: 40px} .f90{font-size: 55px;line-height: 55px} .f50,.f45{font-size: 24px;line-height: 24px} .f32{font-size: 22px;line-height: 22px} .f30{font-size:20px;line-height: 20px} .f35,.f36{font-size:24px;line-height: 24px} .f26,.f28,.f24{font-size: 16px;line-height: 16px} .f20{font-size: 14px;}

	.f36{font-size: 20px;line-height: 20px}

	.pl180{padding-left:60px}

	.pr180{padding-right: 60px}

	.moreicon{display: none!important}

}

/* 900 */

@media (max-width:900px){

	html,body{height:100%;}

	.footer .footerLink{display: none;float: none}

	.w1560{width:100vw;padding:0 10px;overflow:hidden}

	.w1715{width:100vw;padding:0 10px;}

	.pl180{padding-left:0}

	.head-nav{ padding-top:71px;}

	.head-nav li a .En,.head-nav li a .CH{font-size: 30px}

	.contactList{margin:0;display: none}

}

/* 375 */

@media (max-width:650px){

  .w102 {width: 59px;}

  .head-logo {width: 30%;}

  *{line-height: 22px;}

  .index_brand .brandCompany .swiper-container .swiper-slide {text-align: center;}

  .index_brand .brandCompany .swiper-container .swiper-slide img{width: 100%}

  .f80,.f70,.f60,.f90{font-size:22px;line-height:22px}

  .f50,.f45,.f32,.f30,.f35,.f36{font-size: 18px;line-height: 120%}

  .f26,.f28,.f24,.f20{font-size: 15px;line-height: 120%}

  .index_brand .brandLink h3 a{font-size: 14px}

  .index_brand .brandCompany .HD .more{display: none}

  .head-nav .contanieNav a{text-align: center;}

}

@media (max-width:375px){

  *.html,body{font-size: 12px}

}

  .head-nav dl dd{line-height:15px;display: inline-block;}

  .head-nav li dl dd a{line-height: 30px;display: inline-block;height: 30px;font-size:18px;text-align: left;width: auto;padding:0 20px 0 0 }

  .head-nav li dl dd:hover a{color: #da251d}

/*.layui-col-md4,.layui-col-sm4{width:33.33333333%!important}*/

   /* footbar */