@charset "utf-8";
@font-face {
    font-family: "ITCAvantGardeStdBold";
    src: url("fonts/ITCAvantGardeStdBold.woff2") format("woff2"),
    url("fonts/ITCAvantGardeStdBold.woff") format("woff"),
    url("fonts/ITCAvantGardeStdBold.ttf") format("truetype")
    /*url("fonts/ITCAvantGardeStdBold.eot") format("embedded-opentype"),*/
    /*url("fonts/ITCAvantGardeStdBold.svg") format("svg"),*/
    /*url("fonts/ITCAvantGardeStdBold.otf") format("opentype");*/
}
@font-face {
    font-family: "ITCAvantGardeStdDemi";
    src: url("fonts/ITCAvantGardeStdDemi.woff2") format("woff2"),
    url("fonts/ITCAvantGardeStdDemi.woff") format("woff"),
    url("fonts/ITCAvantGardeStdDemi.ttf") format("truetype")
    /*url("fonts/ITCAvantGardeStdDemi.eot") format("embedded-opentype"),*/
    /*url("fonts/ITCAvantGardeStdDemi.svg") format("svg");*/
}
@font-face {
    font-family: "ITCAvantGardeStdMd";
    src: url("fonts/ITCAvantGardeStdMd.woff2") format("woff2"),
    url("fonts/ITCAvantGardeStdMd.woff") format("woff"),
    url("fonts/ITCAvantGardeStdMd.ttf") format("truetype")
    /*url("fonts/ITCAvantGardeStdMd.eot") format("embedded-opentype"),*/
    /*url("fonts/ITCAvantGardeStdMd.svg") format("svg"),*/
    /*url("fonts/ITCAvantGardeStdMd.otf") format("opentype");*/
}
@font-face {
    font-family: "Roboto-Black";
    src: url("fonts/Roboto-Black.woff2") format("woff2"),
    url("fonts/Roboto-Black.woff") format("woff"),
    url("fonts/Roboto-Black.ttf") format("truetype")
    /*url("fonts/Roboto-Black.eot") format("embedded-opentype"),*/
    /*url("fonts/Roboto-Black.svg") format("svg"),*/
    /*url("fonts/Roboto-Black.otf") format("opentype");*/
}
@font-face {
    font-family: "Roboto-Bold";
    src: url("fonts/Roboto-Bold.woff2") format("woff2"),
    url("fonts/Roboto-Bold.woff") format("woff"),
    url("fonts/Roboto-Bold.ttf") format("truetype")
    /*url("fonts/Roboto-Bold.eot") format("embedded-opentype"),*/
    /*url("fonts/Roboto-Bold.svg") format("svg"),*/
    /*url("fonts/Roboto-Bold.otf") format("opentype");*/
}
@font-face {
    font-family: "Roboto-Light";
    src: url("fonts/Roboto-Light.woff2") format("woff2"),
    url("fonts/Roboto-Light.woff") format("woff"),
    url("fonts/Roboto-Light.ttf") format("truetype")
    /*url("fonts/Roboto-Light.eot") format("embedded-opentype"),*/
    /*url("fonts/Roboto-Light.svg") format("svg"),*/
    /*url("fonts/Roboto-Light.otf") format("opentype");*/
}
@font-face {
    font-family: "Roboto-Regular";
    src: url("fonts/Roboto-Regular.woff2") format("woff2"),
    url("fonts/Roboto-Regular.woff") format("woff"),
    url("fonts/Roboto-Regular.ttf") format("truetype")
    /*url("fonts/Roboto-Regular.eot") format("embedded-opentype"),*/
    /*url("fonts/Roboto-Regular.svg") format("svg"),*/
    /*url("fonts/Roboto-Regular.otf") format("opentype");*/
}
html{background-color:#fff;color:#000;font-size:14px;overflow-x: hidden;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre{margin:0;padding:0;line-height:1.5;box-sizing: border-box}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
ul,ol,menu{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border: none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}
body {font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif;}
body::-webkit-scrollbar {
    width:8px;
    height:8px;
}
body::-webkit-scrollbar-thumb {
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
    background:#000;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
    border-radius:0;
    background:rgba(0,0,0,0.1);
}
.clear{overflow:hidden;clear: both;zoom:1;}
.container{margin:0 auto;width:1600px;}
.transition{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
/*header*/
.header{
    height:93px;
}
.header .logo{
    margin-top:14px;
    margin-right:105px;
    float:left;
}
.header .menu-list{
    margin-top:34px;
    float:left;
}
.header .menu-list>ul{
    height:26px;
    overflow:hidden;
}
.header .menu-list>ul>li{
    float:left;
    margin-right:35px;
}
.header .menu-list>ul>li>a{
    display: block;
    line-height:26px;
    padding:0 13px;
    font-size:16px;
    font-family: Roboto-Bold;
    color:#666666;
    border-radius: 13px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.header .menu-list>ul>li>a:hover,.header .menu-list>ul>li>a.current{
    background-color:#000;
    color:#fff;
}
.header .search-wrapper{
    float:right;
    margin-top:32px;
    width:161px;
    height:30px;
    border-radius: 15px;
    background-color:#f0f0f0;
    position: relative;
    box-sizing: border-box;
}
.header .search-wrapper>.keywords{
    margin-left:10px;
    height:30px;
    width:115px;
    background:none;
    border:none;
    outline:none;
}
.header .search-wrapper>.icon-search{
    display: block;
    position: absolute;
    right:10px;
    top:6px;
    width:19px;
    height:18px;
    background:url("../images/icon-search.png") no-repeat;
}

.header .language-select{
    float:right;
    margin-right:15px;
    margin-top:39px;
    width:35px;
    position:relative;
}
.header .language-select>h2{
    font-size:16px;
    color:#333;
    font-family: ITCAvantGardeStdBold;
    position: relative;
    cursor:pointer;
}
.header .language-select>h2>.icon-language-down{
    position: absolute;
    top:9px;
    right:0;
    display: block;
    width:8px;
    height:6px;
    background:url("../images/icon-language-arrow.png") no-repeat;
}
.header .language-wrap{
    position: absolute;
    top:42px;
    left:-71px;
    z-index: 10;
    padding: 12px 4px 12px 5px;
    background:#fff;
    box-shadow: 0 0 5px 2px rgba(49,49,49,.25);
    display:flex;
    border-radius: 3px;
    display: none;
}
.header .language-wrap:after{
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px;
    border-color: #fff transparent transparent #fff;
    transform: rotate( 45deg);
    position: absolute;
    top: -4px;
    left: 50%;
    margin-left: -8px;
    box-shadow: -3px -3px 5px -1px rgba(49,49,49,.25);
    z-index: 0;
    background: #fff;
}
.header .language-select .language-wrap.show{
    display: flex;
    -webkit-animation: .3s fadeInDown linear;
    -o-animation: .3s fadeInDown linear;
    animation: .3s fadeInDown linear;
}
@keyframes fadeInDown {
    0%{
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0;
    }
    100%{
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
.header .language-wrap li{
    margin:0 9px;
    width:24px;
    height:24px;
    border-radius: 50px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.header .language-wrap li:hover{
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow:0 5px 5px rgba(0,0,0,.3);
}

.home-banner-container{
    width:100%;
    height:870px;
}
.home-banner-container .swiper-container{
    width: 100%;
    height: 100%;
}
.home-banner-container .swiper-wrapper{
    height:100%;
}
.home-banner-container .swiper-slide{
    position:relative;
    height:100%;
}
.home-banner-container .swiper-slide>.cover{
    position:absolute;
    width:100%;
    top:0;
    bottom:0;
    background: rgba(0,0,0,.2);
    z-index:2;
}
.home-banner-container .swiper-slide>.video{
    height:100%;
    width:100%;
    object-fit: cover;
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
.home-banner-container .swiper-slide>.text-wrap{
    width:1600px;
    position:absolute;
    left:50%;
    top:160px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
    color:#fff;
}
.home-banner-container .swiper-slide>.text-wrap h3{
    margin-bottom: 15px;
    font-size:14px;
    font-family: Roboto-Black;
    text-transform: uppercase;
}
.home-banner-container .swiper-slide>.text-wrap h2{
    font-size:40px;
    font-family: ITCAvantGardeStdBold;
    line-height:56px;
    text-transform: uppercase;
}
.home-banner-container .swiper-slide>.text-wrap .link{
    display: block;
    margin-top: 10px;
    font-size:16px;
    color:#00a0e9;
    font-family: ITCAvantGardeStdBold;
    width:200px;
}
.home-banner-container .swiper-slide>.text-wrap .link .icon-learnmore-arrow{
    display: inline-block;
    width:16px;
    height:8px;
    background:url("../images/icon-learnmore-arrow.png") no-repeat;
    margin-left: 2px;
}
.home-banner-container .swiper-slide>.text-wrap .link:hover .icon-learnmore-arrow{
    -webkit-animation: .3s ltor linear;
    -o-animation: .3s ltor linear;
    animation: .3s ltor linear;
}
@keyframes ltor {
      0%{
          opacity: 0;
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      100%{
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
@keyframes rtol {
    0%{
        opacity: 0;
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes btot {
    0%{
        opacity: 0;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
.home-banner-container .swiper-slide>.text-wrap>*{
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}
.home-banner-container .swiper-slide-active>.text-wrap>*{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition:all .4s;
}

.home-banner-container .swiper-slide>.text-wrap>:nth-child(1){
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}
.home-banner-container .swiper-slide>.text-wrap>:nth-child(2){
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}
.home-banner-container .swiper-slide>.text-wrap>:nth-child(3){
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    -ms-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
}
.home-banner-container .swiper-slide>.text-wrap>:nth-child(4){
    -webkit-transition-delay: .9s;
    -moz-transition-delay: .9s;
    -ms-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s;
}
.home-banner-container .swiper-slide>.text-wrap>:nth-child(5){
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    -ms-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s;
}
.home-banner-container .btn{
    position:absolute;
    bottom:65px;
    z-index:10;
    width:50px;
    height:50px;
    border-radius: 50%;
    background:#676a6c;
    text-align: center;
    line-height:63px;
    outline:none;
    cursor:pointer;
    left:50%;
    display: none;
}
.home-banner-container:hover .btn{
    display: block;
    animation:.3s btot ease-in-out;
}
.home-banner-container .btn:hover{
    opacity: .6;
}
.home-banner-container .btn-prev{
    margin-left:-65px;
}
.home-banner-container .btn-next{
    margin-left:17px;
}
.home-company-container{
    padding:75px 0 188px;
}
.home-company-container .container{
    padding-top:20px;
}
.home-company-container .modular-company-picture{
    margin-bottom: 98px;
    float:left;
    margin-right: 29px;
    width:785px;
    height:442px;
    position:relative;
}
.home-company-container .modular-company-picture:hover{
    -webkit-transform: translate3d(0px, -10px, 10px);
    -moz-transform: translate3d(0px, -10px, 10px);
    -ms-transform: translate3d(0px, -10px, 10px);
    -o-transform: translate3d(0px, -10px, 10px);
    transform: translate3d(0px, -10px, 10px);
    box-shadow: 0 5px 10px 1px #666;
}
.home-company-container .modular-company-picture.picture2{
    margin-right: 0;
}
.home-company-container .modular-company-picture img{
    width: 100%;
    height: 100%;
}
.home-company-container .modular-company-picture p{
    position: absolute;
    bottom:0;
    width:100%;
    height:66px;
    line-height:66px;
    background:rgba(34,34,34,0.58);
    font-size:18px;
    color:#fff;
    font-family: ITCAvantGardeStdBold;
    padding:0 28px;
}
.modular-data-container{
    overflow: hidden;
}
.modular-data-container .item-data{
    float:left;
    height:134px;
    position:relative;
}
.modular-data-container .item-data>*{
    position: absolute;
}
.modular-data-container .item-data>.icon{
    left:0;
    top:0;
    z-index: 10;
}
.modular-data-container .item-data>.num{
    left:143px;
    top:0;
    font-size:96px;
    color:#333333;
    font-family:"ITCAvantGardeStdMd";
    line-height:1;
    z-index: 2;
    letter-spacing: -3px;
}
.modular-data-container .item-data>.line{
    height:12px;
    background:#62ceff;
    top:77px;
    left:128px;
    width:204px;
}
.modular-data-container .item-data>.line>.unit{
    position: absolute;
    top:-21px;
    right:-16px;
    font-size:24px;
    color:#333;
    font-family: Roboto-Light;
    z-index:2;
}
.modular-data-container .item-data>.item-name{
    font-family: ITCAvantGardeStdBold;
    font-size:21px;
    color:#333;
    top:106px;
    left:154px;
}
.modular-data-container .item-data-retain{
    width: 545px;
}
.modular-data-container .item-data-dailyoutput{
    width: 570px;
}
.modular-data-container .item-data-dailyoutput .line{
    width:225px;
}
.modular-data-container .item-data-annualoutput{
    width: 483px;
}
.modular-data-container .item-data-annualoutput .line{
    width: 335px;
}
.home-product-container{
    padding-top:115px;
    height:1196px;
    background: #222222;
    overflow-y:hidden;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}
.home-product-container::-webkit-scrollbar { width: 0 !important }
.home-product-container .title{
    text-align: center;
    font-family:ITCAvantGardeStdBold;
    font-size:78px;
    line-height:1;
    margin-bottom:40px;
    color:#fff;
}
.home-product-container .description{
    margin-left:600px;
    width:560px;
    color:#fff;
    font-size:16px;
    font-family: Roboto-Regular;
    line-height:30px;
}
.modular-product-swiper{
    margin-top: 190px;
}
.modular-product-swiper .nav-bar-wrapper{
    float:left;
    width:560px;
}
.modular-product-swiper .nav-bar-wrapper ul li{
    font-family: ITCAvantGardeStdBold;
    font-size:52px;
    color:#6e6e6e;
    line-height:1;
    margin-bottom:25px;
    cursor:pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.modular-product-swiper .nav-bar-wrapper ul li:hover,.modular-product-swiper .nav-bar-wrapper ul li.current{
    color:#fff;
}
.modular-product-swiper .home-product-swiper{
    float:right;
    width:1040px;
    height:586px;
}
.modular-product-swiper .home-product-swiper .swiper-slide{
    position:relative;
    width:1040px;
    height:586px;
}
.modular-product-swiper .home-product-swiper .swiper-slide .cover{
    position:absolute;
    width:100%;
    top:0;
    bottom:0;
    background:rgba(0,0,0,.4);
    z-index:2;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.modular-product-swiper .home-product-swiper .swiper-slide img{
    width:100%;
    height:100%;
}
.modular-product-swiper .home-product-swiper .swiper-slide .hd{
	position:absolute;
	padding:0 40px;
	height:65px;
	line-height:65px;
	font-size:20px;
	color:#fff;
	left:0;
	right:0;
	bottom:0;
	z-index:10;
	background:rgba(0,0,0,.8);
	font-family:Roboto-Regular;
}
.modular-product-swiper .home-product-swiper .swiper-slide .hd:before{
	content:'';
	display:block;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#fff;
	position:absolute;
	top:28px;
	left:20px;
}
.modular-product-swiper .home-product-swiper .swiper-slide:hover .cover{
    display: none;
}
.modular-product-text.hide{
    -webkit-transform: translateY(-500px);
    -moz-transform: translateY(-500px);
    -ms-transform: translateY(-500px);
    -o-transform: translateY(-500px);
    transform: translateY(-500px);
}

.home-coutomers-container{
    height:833px;
}
.modular-title{
    margin-top:97px;
    border-top:1px solid #cfcfcf;
    position:relative;
    height:18px;
    margin-bottom: 28px;
}
.modular-title h2{
    font-family: ITCAvantGardeStdBold;
    font-size:18px;
    color:#999;
    background:#fff;
    position: absolute;
    left:0;
    top:-9px;
    line-height:1;
    margin-right:25px;
    width:245px;
}
.home-coutomers-container .container{
    overflow:hidden;
}
.home-coutomers-container .coutomers-swiper-container{
    float:left;
    width:1030px;
    height:688px;
}
.home-coutomers-container .coutomers-swiper-container .swiper-slide{
    position: relative;
}
.home-coutomers-container .coutomers-swiper-container .swiper-slide .img-wrap{
    position: absolute;
    bottom:0;
    left:0;
    z-index:1;
}
.home-coutomers-container .coutomers-swiper-container .swiper-slide .itme-solutions-intro{
    position: absolute;
    right:0;
    top:145px;
    z-index:2;
    width:429px;
    height:234px;
    background:url("../images/icon-quotationmarks.png") no-repeat;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}
.home-coutomers-container .coutomers-swiper-container .swiper-slide-active .itme-solutions-intro{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.home-coutomers-container .coutomers-swiper-container .swiper-slide .itme-solutions-intro p{
    font-family:ITCAvantGardeStdBold ;
    font-size:24px;
    color:#333;
    line-height:29px;
    margin-top:92px;
    margin-left: 16px;
}
.home-coutomers-container .coutomers-swiper-container .swiper-slide .itme-solutions-intro .link{
    display: block;
    margin-top: 35px;
    margin-left: 16px;
    font-size:18px;
    color:#00a0e9;
    font-family: Roboto-Bold;
    width:200px;
}
.home-coutomers-container .coutomers-swiper-container .swiper-slide .itme-solutions-intro .link .icon-link-arrow{
    display: inline-block;
    width:16px;
    height:8px;
    background:url("../images/icon-learnmore-arrow.png") no-repeat;
    margin-left: 2px;
}

.home-coutomers-container .coutomers-swiper-container .swiper-slide .itme-solutions-intro .link:hover .icon-link-arrow{
    -webkit-animation: .3s ltor linear;
    -o-animation: .3s ltor linear;
    animation: .3s ltor linear;
}
.home-coutomers-container .nav-bar-wrapper{
    float:right;
    width: 365px;
    margin-right: 82px;
    margin-top: 99px;
}
.home-coutomers-container .nav-bar-wrapper li{
    width: 100%;
    height: 99px;
    border-bottom:1px solid #cfcfcf;
    cursor:pointer;
    position: relative;
    overflow:hidden;
}
.home-coutomers-container .nav-bar-wrapper li>.img-wrap{
    float:left;
    width:118px;
    height: 100%;
    margin-right: 25px;
}
.home-coutomers-container .nav-bar-wrapper li>.txt{
    float:left;
}
.home-coutomers-container .nav-bar-wrapper li>.txt>h2{
    font-family: Roboto-Black;
    font-size:24px;
    color:#666666;
    line-height:1;
    margin-bottom:9px;
    margin-top: 29px;
    position: relative;
    z-index: 10;
}
.home-coutomers-container .nav-bar-wrapper li>.txt>h3{
    font-family: Roboto-Regular;
    font-size:14px;
    color:#666;
    position: relative;
    z-index:10;
}
.home-coutomers-container .nav-bar-wrapper li>.cover{
    position: absolute;
    width:0;
    height:100%;
    background:rgba(0,177,255,.5);
    z-index: 2;
    right:0;
    top:0;
    mix-blend-mode: multiply;
}
.home-coutomers-container .nav-bar-wrapper li:hover .cover,.home-coutomers-container .nav-bar-wrapper li.current>.cover{
    width:100%;
}
.home-coutomers-container .nav-bar-wrapper li.current>.txt>h2{
    color:#fff;
}
.home-coutomers-container .nav-bar-wrapper li.current>.txt>h3{
    color:#fff;
}

.home-video-center{
    height:748px;
    background-color:#e8e8e8;
}
.home-video-center .container{
    overflow:hidden;
    position: relative;
}
.home-video-center .container .modular-title{
    margin-top: 113px;
    margin-bottom: 90px;
}
.home-video-center .container .modular-title h2{
    background-color:#e8e8e8;
    width: 155px;
}
.home-video-center .video-list-container{
    position: absolute;
    left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width:1878px;
    height:450px;
    z-index: 1;
    padding-top:23px;
    margin-top:-23px;
}

.home-video-center .video-list-container .swiper-slide{
    margin-right: 13px;
    width:460px;
    height:427px;
    background:#fff;
}
.home-video-center .video-list-container .swiper-slide:hover{
    -webkit-transform: translate3d(0px, -10px, 10px);
    -moz-transform: translate3d(0px, -10px, 10px);
    -ms-transform: translate3d(0px, -10px, 10px);
    -o-transform: translate3d(0px, -10px, 10px);
    transform: translate3d(0px, -10px, 10px);
    box-shadow: 0 5px 5px 1px #bbb;
}
.home-video-center .video-list-container .swiper-slide .thumbnail{
    width:100%;
    height:259px;
}
.home-video-center .video-list-container .swiper-slide .thumbnail img{
    width:100%;
    height:100%;
    cursor:pointer;
}
.home-video-center .video-list-container .swiper-slide .title{
    text-align:center;
    line-height: 1;
}
.home-video-center .video-list-container .swiper-slide .title>h2{
    font-family: Roboto-Black;
    font-size:16px;
    color:#333;
    margin-bottom: 15px;
    margin-top: 60px;
}
.home-video-center .video-list-container .swiper-slide:hover .title>h2{
    color:#00a0e9;
}
.home-video-center .video-list-container .swiper-slide .title>h3{
    font-family: Roboto-Regular;
    font-size:12px;
    color:#999;
}
.home-video-center .container{
    position: relative;
    overflow:visible;
}
.home-video-center .container .btn{
    position: absolute;
    width:68px;
    height:68px;
    background:rgba(255,255,255,.7);
    top:226px;
    z-index: 10;
    border-radius: 50%;
    line-height: 88px;
    cursor:pointer;
    box-sizing: border-box;
    outline:none;
}
.home-video-center .container .btn-prev{
    left:0;
    padding-left: 21px;
}
.home-video-center .container .btn-next{
    right:0;
    padding-left: 28px;
}
/*pagebanner*/
.page-banner{
    width:100%;
    height:980px;
    /*background-attachment: fixed;*/
    background-position:top center;
    background-size:cover;
    background-repeat:no-repeat;
}
.page-banner>.container{
    position: relative;
    height: 980px;
}
.page-banner>.container>*{
    position: absolute;
}
.page-banner>.container>.page-name{
    width:100%; 
    top:371px;
    font-size:60px;
    font-family: ITCAvantGardeStdBold;
    color:#fff;
    text-align:center;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.page-banner>.container>.page-sub-name{
    width:100%;
    top:455px;
    font-size:24px;
    font-family: ITCAvantGardeStdBold;
    color:#fff;
    text-align:center;
    /* text-transform: uppercase; */
    letter-spacing: 3px;
}
.page-banner>.container>.page-link-prev{
    display: block;
    top:385px;
}
.page-banner>.container>.page-link-prev:hover{
    animation:.5s rtol linear;
}
.page-banner>.container>.page-link-next{
    display: block;
    top:385px;
    right:0;
}
.page-banner>.container>.page-link-next:hover{
    -webkit-animation: .5s ltor linear;
    -o-animation: .5s ltor linear;
    animation: .5s ltor linear;
}
.page-banner>.container>.scrollMore{
    width:120px;
    left:50%;
    margin-left:-60px;
    color:#fff;
    bottom:143px;
    text-align:center;
}
.page-banner>.container>.scrollMore>img{
    -webkit-animation: 1s fadeInDown ease-in infinite;
    -o-animation: 1s fadeInDown ease-in infinite;
    animation: 1s fadeInDown ease-in infinite;
}
.page-banner>.container>.scrollMore>span{
    display: block;
    font-size:14px;
    font-family: ITCAvantGardeStdDemi;
}
/*page-content*/
.page-content{
    position: relative;
    top:-110px;
    background:#fff;
}
.page-content>.sub-menu{
    height:110px;
    margin-bottom: 135px;
}
.page-content>.sub-menu>ul{
    display:flex;
    justify-content: center;
    align-items: center;
    height:100%;
}
.page-content>.sub-menu>ul>li{
    height:100%;
    width: 100%;
    overflow:hidden;
    box-sizing: border-box;
    background:url("../images/icon-nav-split.png") no-repeat right center;
}
.page-content>.sub-menu>ul>li:last-child{
    background:none;
}
.page-content>.sub-menu>ul>li>a{
    display: block;
    line-height:110px;
    text-align:center;
    text-transform: uppercase;
    font-size:18px;
    color:#999;
    position: relative;
    font-weight: bold;
}
.page-content>.sub-menu>ul>li>a:after{
    position: absolute;
    content:'';
    display: block;
    width:56%;
    height:3px;
    background-color:#00a0e9;
    bottom:-3px;
    left:50%;
    margin-left:-28%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;

}
.page-content>.sub-menu>ul>li>a.on,.page-content>.sub-menu>ul>li>a:hover{
    color:#000;
}
.page-content>.sub-menu>ul>li>a.on:after,.page-content>.sub-menu>ul>li>a:hover:after{
    bottom:0;
}

.profile-content{
    overflow:hidden;
    margin-bottom: 100px;
}
.profile-content>.video-wrapper{
    position: relative;
    margin-left: 165px;
    margin-right: 88px;
    float:left;
    width:513px;
    height:294px;
}
.profile-content>.video-wrapper>.cover{
    position: absolute;
    background:rgba(0,0,0,.4);
    width:100%;
    top:0;
    bottom:0;
    z-index:1;
}
.profile-content>.video-wrapper>.icon-play{
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-23px;
    margin-left:-23px;
    display: block;
    width:46px;
    height:47px;
    background:url("../images/icon-play.png") no-repeat;
    z-index: 2;
    cursor:pointer;
}
.profile-content>.video-wrapper:hover>.icon-play{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.profile-content>.body-content{
    float:left;
    width:680px;
}
.profile-content>.body-content>h2{
    margin-bottom: 45px;
    font-size:30px;
    font-family: ITCAvantGardeStdDemi;
    color:#333;
    line-height:1;
}
.profile-content>.body-content>p{
    margin-bottom: 20px;
    font-size:16px;
    color:#666;
    line-height:24px;
    font-family: Roboto-Regular;
}
.profile-content .video-box{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgba(0,0,0,.9);
    z-index:10;
    display: none;
}
.profile-content .video-box.show{
    display: block;
    animation: .5s fadeIn linear;
}
@keyframes fadeIn {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
.profile-content .video-box>.video{
    display: block;
    width:960px;
    margin:300px auto 0;
    position: relative;
    opacity: .5;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
}
.profile-content .video-box.show>.video{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.profile-content .video-box>.video>video{
    width:100%;
    outline:none;
}
.profile-content .video-box>.video>.icon-close{
    width:40px;
    height:40px;
    border-radius: 50%;
    position: absolute;
    right:25px;
    top:15px;
    font-size:30px;
    color:#fff;
    z-index:11;
    cursor:pointer;
    text-align:center;
    line-height:40px;
}
.profile-content .video-box>.video>.icon-close:hover{
    background-color:#1E9FFF;
}
.certification-content{
    margin:0 auto 75px;
    width:1107px;
}
.certification-content h2{
    text-align:center;
    font-size:30px;
    color:#333;
    font-family: ITCAvantGardeStdDemi;
    margin-bottom: 75px;
}
.certification-content p{
    font-size:16px;
    color:#666;
    line-height:24px;
    font-family: Roboto-Regular;
}
.certifications-list{
    margin:0 auto;
    width: 945px;
    height:790px;
    position: relative;
}
.certifica-container{
    width: 100%;
}
.certifica-container .swiper-slide{
    text-align: center;
    padding:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.certifica-container .swiper-slide img{
    box-shadow: 0px 4px 10px 0px #bdbdbd;
    max-width: 100%;
}
.certifications-list .button{
    position: absolute;
    top:40%;
    z-index:10;
    cursor:pointer;
    outline:none;
}
.certifications-list .cert-button-prev{
    left:-80px;
}
.certifications-list .cert-button-next{
    right:-80px;
}

/*video center*/
.video-list-container{
    margin:-10px auto 0;
    width:1406px;
    overflow:hidden;
}
.video-list-container>.video-list{
    margin-right:-13px;
    overflow:hidden;
    padding-top:10px;
}
.video-list-container>.video-list>.video-item{
    float:left;
    margin-right: 13px;
    margin-bottom: 50px;
    background-color:#f6f6f6;
    width:460px;
    height:427px;
    cursor:pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.video-list-container>.video-list>.video-item .img{
    width:100%;
    height:258px;
    position: relative;
}
.video-list-container>.video-list>.video-item .img>img{
    width:100%;
    height:100%;
}
.video-list-container>.video-list .icon-play,.video-list-container>.video-list .icon-play-arrow{
    display: block;
    position: absolute;
    top:104px;
    left:200px;
}
.video-list-container>.video-list .icon-play{
    background:url("../images/icon-play-w.png") no-repeat;
    width:43px;
    height:43px;
    z-index: 10;
}
.video-list-container>.video-list .icon-play-arrow{
    background: url("../images/icon-play-n.png") no-repeat;
    width:13px;
    height:15px;
    left:217px;
    top:118px;
}
.video-list-container>.video-list>.video-item:hover .icon-play{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.video-list-container>.video-list>.video-item:hover{
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 10px 10px 0px #9c9c9c;
}
.video-list-container>.video-list .v-name{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:168px;
    border:1px solid #e6e6e6;
    border-top:none;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding:20px;
}
.video-list-container>.video-list .v-name>h2{
    font-size:16px;
    color:#333;
    font-family: Roboto-Black;
    line-height:26px;
}
.video-list-container>.video-list .v-name>p{
    font-size:12px;
    color:#999;
    font-family: Roboto-Regular;
}
.video-play-cover {display:none;position:fixed;top:0;bottom:0;left:0;right:0;height:100%;background:rgba(0,0,0,.6);z-index:999;text-align:center;}
#video-entity {margin:200px auto;width:50%;}
.contact-container{
    margin:0 auto;
    width:1330px;
    /* height:970px; */
    /* background:url("../images/bg-earth.jpg") no-repeat top center; */
    overflow: hidden;
}
.contact-container>.address{
    margin-top: 105px;
    width:100%;
    border-top:1px solid #c1c1c1;
    border-bottom:1px solid #c1c1c1;
    height:340px;
}
    .contact-container > .address > .icon-address {
        width: 27px;
        height: 32px;
        margin: 95px auto 20px;
        display: block;
        background: url("../images/icon-address.png") no-repeat;
        animation: jump 1s linear infinite;
    }
.contact-container>.address>p{
    margin:0 auto;
    width:510px;
    line-height:30px;
    color:#333;
    font-size:24px;
    font-family: Roboto-Regular;
    text-align:center;
}
.contact-container>.contact-info{
    height:180px;
    overflow:hidden;
    margin-bottom:78px;
    margin-top:78px;
}
.contact-container>.contact-info>li{
    float:left;
    width:284px;
    height:180px;
    border-right:1px solid #c1c1c1;
}
/* .contact-container>.contact-info>li.email{
    width:475px;
    border-left:1px solid #c1c1c1;
    border-right:1px solid #c1c1c1;
} */
    .contact-container > .contact-info > li > .icon {
        display: block;
        margin: 39px auto 23px;
        width: 50px;
        height: 37px;
    }
	 .feedback{
		margin-top:70px;
	}
 .feedback table{
	width:103%;
}
 .feedback table tr td{
	width:33.33%;
	height:55px;
	font-size:16px;
	color:#666;
}
 .feedback table tr td input[type="text"]{
	width:91%;
	height:53px;
	border:1px solid #bababa;
	padding:0 10px;
}
 .feedback table tr td input[type="text"]:focus,.contact-container .feedback table tr td textarea:focus{
	border-color:#222;
}
 .feedback table tr td textarea{
	width:97%;
	height:133px;
	border:1px solid #bababa;
	padding:10px;
	box-sizing:border-box;
}
 .feedback .submit{
	text-align:center;
}
.feedback .submit input[type="submit"]{
	width:275px;
	height:45px;
	background:#bababa;
	text-transform:uppercase;
	color:#fff;
	font-size:18px;
	cursor:pointer;
}
.feedback .submit input[type="submit"]:hover{
	background:#222;
}
@keyframes jump{
    0%{
        transform:translateY(-10px);
    }
    50% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}
.contact-container>.contact-info>li>.icon-tel{
    background:url("../images/icon-tel.png") no-repeat center center;
}
.contact-container>.contact-info>li>.icon-email{
    background:url("../images/icon-mail.png") no-repeat center center;
}
.contact-container>.contact-info>li>.icon-phone{
    background:url("../images/icon-phone.png") no-repeat center center;
}
.contact-container>.contact-info>li>.icon-address{
    background:url("../images/icon-address.png") no-repeat center center;
}
.contact-container>.contact-info>li>p{
    text-align:center;
    font-size:18px;
    color:#333;
    font-family:Roboto-Regular;
}
.map-wrap{
	position:relative;
}
.map-wrap img{
	width:100%;
}
.map-wrap .address-tip{
	position:absolute;
	top:200px;
	left:630px;
}
.map-wrap .address-tip:hover{
	top:195px;
	left:635px;
}
.map-wrap .address-tip:hover img{
	
}
.contact-container>.line{
    height:0;
    border-top:1px solid #c1c1c1;
}
.certificate-container{
    padding:10px;
    margin:0 auto;
    width:1185px;
    overflow:hidden;
}
.certificate-container>.big-img{
    float:left;
    width:888px;
    height:1047px;
    -webkit-box-shadow: 0 0px 4px 2px #efefef;;
    -moz-box-shadow: 0 0px 4px 2px #efefef;;
    box-shadow: 0 0px 4px 2px #efefef;;
}
.certificate-container>.big-img>img{
    width:100%;
    height:100%;
}
.certificate-container>.download-wrap{
    float:right;
    width:190px;
}
.certificate-container>.download-wrap>a{
    display: block;
    margin-bottom:15px;
}
.certificate-container>.download-wrap>a:hover{
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 10px 10px 0px #9c9c9c;
}
.quality-container{
    margin:0 auto;
    width:1270px;
    font-family: Roboto-Regular;
    font-size:16px;
    line-height:24px;
    color:#666;
}
.quality-container>.page-txt{
    margin-bottom: 35px;
}
.quality-container>.progress{
    overflow:hidden;
    margin-bottom:83px;
}
.quality-container>.progress>.img{
    float:left;
    width:750px;
    height:450px;
}
    .quality-container > .progress > .img>video{
        width:100%;
        height:100%;
        border:none;
        outline:none;
    }
    .quality-container > .progress > .img img {
        width: 100%;
        height: 100%;
    }
.quality-container>.progress>.txt{
    width:440px;
    float:left;
    margin-left: 75px;
}
.quality-container>.progress:nth-child(odd)>.img{
    float:right;
}
.quality-container>.progress:nth-child(odd)>.txt{
    margin-left: 30px;
}
.quality-container>.progress>.txt>.title{
    margin-top: 80px;
    margin-bottom: 30px;
    position: relative;
    font-size:18px;
    font-family: ITCAvantGardeStdBold;
    color:#000;
    text-transform: uppercase;
}
.quality-container>.progress>.txt>.title>span{
    font-size:72px;
    color:#d0d0d0;
    margin-right:20px;
}
.quality-container>.progress>.txt>.title:before{
    position: absolute;
    display: block;
    content:'';
    height:0;
    border-top:1px solid #aaaaaa;
    width:80px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left:40px;
    top:-15px;
}
.quality-container>.progress>.txt>.title:after{
    position: absolute;
    display: block;
    content:'';
    height:0;
    border-top:1px solid #aaaaaa;
    width:60px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left:-38px;
    top:70px;
}
.quality-container>.progress>.txt>.content{
    margin-left: 38px;
	font-size:19px;
}
.quality-container>.progress>.txt>.title1:before{
    left:30px;
    top:-12px;
}
.quality-container>.progress>.txt>.title1:after{
    left:-43px;
    top:70px;
}
.products-container .product-name{
    line-height:1;
    margin-bottom: 60px;
    font-size:36px;
    color:#333;
    font-family:ITCAvantGardeStdBold;
    text-align:center;
    text-transform: uppercase;
    margin-top:-30px;
}
.products-container>.data-info{
    margin:0 auto 135px;
    width:1500px;
    border:1px solid #e5e5e5;
}
.products-container>.data-info tr:nth-child(even){
    background:#f4f4f4;
    height:34px;
}
.products-container>.data-info tr:nth-child(odd){
    height:62px;
}
.products-container>.data-info tr>td{
    font-family: Roboto-Regular;
    color:#666;
    font-size:16px;
}
.products-container>.data-info tr>td>b{
    color:#000;
    font-weight:normal;
    font-family: "微软雅黑";
    margin-left:45px;
	display:block;
}
.echarsWrap{
    position: relative;
}
.echarsWrap>.title{
    position: absolute;
    width:320px;
    height:35px;
    background:#333;
    font-size:16px;
    color:#fff;
    text-align:center;
    line-height:35px;
    font-family: Roboto-Regular;
    right:170px;
	font-size:14px;
}
.echarsWrap>.title1{
}
.echarsWrap>.title2{
    top:300px;
    background:#6ac837;
}
#echarsWrap{
    margin:0 auto;
    width:1500px;
    height:600px;
}



.footer{
    height:477px;
    background-color:#222222;
}
.footer .top{
    padding:64px 0 84px;
    overflow: hidden;
}
.footer .top>.bottom-logo{
    float:left;
    margin-left:18px;
    margin-top: 9px;
}
.footer .top>.contact-info{
    float:left;
    margin-left: 60px;
    width:407px;
    height:280px;
    border-right: 1px solid #474747;
}
.footer .top>.contact-info>p{
    width: 320px;
    font-family: Roboto-Regular;
    font-size:14px;
    color:#fff;
    line-height:35px;
}
.footer .top>.contact-info>p>a{
	color:#fff;
}
.footer .top>.contact-info>p>a:hover,.footer .top>.contact-info>p>span{
    color:#fff;
}
.footer .top>.bottom-menu{
    float:left;
    width:1045px;
}
.footer .top>.bottom-menu>ul{
    float:left;
}
.footer .top>.bottom-menu>ul>h2{
    font-size:16px;
    font-family: Roboto-Bold;
    color:#fff;
    line-height:1;
    margin-bottom:45px;
    margin-top: 9px;
}
.footer .top>.bottom-menu>ul>h2>a{
    color:#fff;
}
.footer .top>.bottom-menu>ul>h2>a:hover{
    color:#fff;
}
.footer .top>.bottom-menu>ul>li{
    line-height:1;
    margin-bottom:20px;
}
.footer .top>.bottom-menu>ul>li>a{
    font-family: Roboto-Regular;
    font-size:14px;
    color:#fff;
}
.footer .top>.bottom-menu>ul>li>a:hover{
    color:#fff;
}
.footer .top>.bottom-menu>ul.company{
    margin-left: 80px;
    width:260px
}
.footer .top>.bottom-menu>ul.qualitycontrol{
    width: 300px;
}
.footer .top>.bottom-menu>ul.products{
    width: 250px;
}
.footer>.copyright-container{
    height:50px;
    line-height:45px;
    background-color:#282828;
}
.footer>.copyright-container .copyright{
    float:left;
    height:50px;
    line-height:45px;
    font-family:Roboto-Regular ;
    color:#b4b2b2;
    font-size:14px;
}
.footer>.copyright-container .copyright>a{
    color:#b4b2b2;
}
.footer>.copyright-container .copyright>a:hover{
    color:#8e8e8e
}
.footer>.copyright-container .social-accounts-list{
    float:right;
}
.footer>.copyright-container .social-accounts-list a{
    float:left;
    display: block;
    height:50px;
    text-indent: -9999px;
    background:url("../images/icon-social-accounts.jpg") no-repeat;
}
.footer>.copyright-container .social-accounts-list>a.facebook{
    width:39px;
    background-position: 0 0;
}
.footer>.copyright-container .social-accounts-list>a.facebook:hover{
    background-position:0 -50px;
}
.footer>.copyright-container .social-accounts-list>a.twitter{
    width:40px;
    background-position: -40px 0;
}
.footer>.copyright-container .social-accounts-list>a.twitter:hover{
    background-position:-40px -50px;
}
.footer>.copyright-container .social-accounts-list>a.google-plus{
    width:46px;
    background-position: -80px 0;
}
.footer>.copyright-container .social-accounts-list>a.google-plus:hover{
    background-position:-80px -50px;
}
.footer>.copyright-container .social-accounts-list>a.ins{
    width:42px;
    background-position: -128px 0;
}
.footer>.copyright-container .social-accounts-list>a.ins:hover{
    background-position:-128px -50px;
}
.footer>.copyright-container .social-accounts-list>a.youtube{
    width:44px;
    background-position: -166px 0;
}
.footer>.copyright-container .social-accounts-list>a.youtube:hover{
    background-position:-166px -50px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image:none;
    opacity:1;
    right:25px;
}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev img{
        width:auto;
        height:auto;
        vertical-align:middle;
    }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none;
    opacity: 1;
    left:25px;
}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next img{
        width:auto;
        height:auto;
        vertical-align:middle;
    }
	
.qrcode-wrap{
	position:fixed;
	right:0;
	bottom:200px;
	width:70px;
	background:#fff;
	box-shadow: 0 0 5px 0px #ccc;
	z-index:1000;
}
.qrcode-wrap>.item{
	padding-top:15px;
	width:70px;
	height:65px;
	border-bottom:1px solid #e5e5e5;
	text-align:center;
	font-size:12px;
	color:#999999;
	cursor:pointer;
	position:relative;
}
.qrcode-wrap>.item:hover{
	color:#000;
}
.qrcode-wrap>.item>.icon{
	margin:0 auto 10px;
	display:block;
	width:35px;
	height:31px;
}
.qrcode-wrap>.item>.icon-wechat{
	background:url(../images/wechat.png) no-repeat center center;
}
.qrcode-wrap>.item>.icon-whatsapp{
	background:url(../images/whatsapp.png) no-repeat center center;
}
.qrcode-wrap>.item>.icon-top{
	background:url(../images/gotop.png) no-repeat center center;
}
.qrcode-wrap>.item:hover>.icon-wechat{
	background:url(../images/wechat-h.png) no-repeat center center;
}
.qrcode-wrap>.item:hover>.icon-whatsapp{
	background:url(../images/whatsapp-h.png) no-repeat center center;
}
.qrcode-wrap>.item:hover>.icon-top{
	background:url(../images/gotop-h.png) no-repeat center center;
}
.qrcode-wrap>.item>.qrcode{
	position:absolute;
	width:155px;
	height:155px;
	line-height:155px;
	text-align:center;
	background:#fff;
	left:-168px;
	top:0;
	display:none;
	box-shadow: 0 0 5px 0px #ccc;
	z-index:5;
}
.qrcode-wrap>.item>.qrcode:before{
	position:absolute;
	width:155px;
	height:155px;
	background:#fff;
	left:0;
	top:0;
	content:'';
	display:block;
	z-index:1;
}
.qrcode-wrap>.item>.qrcode:after{
	position:absolute;
	right:-8px;
	top:30px;
	content:'';
	display:block;
	width:0;
	height:0;
	border:8px solid #fff;
	transform: rotate(45deg);
	z-index:0;
	box-shadow: 0 0 5px 0px #ccc;
}
.qrcode-wrap>.item>.qrcode>img{
	width:137px;
	height:137px;
	position:relative;
	z-index:3;
}
#kefu1{position:fixed;right:2px;z-index:10008;background:#fff;bottom:200px;border:1px solid #000;display:none;}
.kefu_top{height:50px;padding-left:10px;color:#f7f2f2;font-size:20px;line-height:50px;margin-bottom:10px;background:#000;}
.kefu_top span{position:absolute;right:13px;width:12px;height:12px}
.kefu_top span a:link,.kefu_top span a:active,.kefu_top span a:visited,.kefu_top span a:hover{text-decoration:none;color:#f7f2f2}
.kefu_content{padding-left:5px;padding-right:5px}
.kefu_content_line{height:30px;line-height:30px;}
.kefu_content_line img{width:20px;height:20px;margin-right:5px;vertical-align:middle;position:relative;left:0;top:-2px}
.kefu_content_line a:link,.kefu_content_line a:active,.kefu_content_line a:visited,.kefu_content_line a:hover{text-decoration:none;color:#666}
.kefu_xian{border-top:1px dashed silver;margin-bottom:10px;margin-top:10px}
.kefu_bot{height:10px;}
.kefu_text{width:96%;height:20px;outline:0;ling-height:20px;color:#666;padding-left:1%;padding-right:1%;margin-bottom:10px;border:1px solid silver}
.kefu_area{width:96%;height:40px;outline:0;ling-height:20px;color:#666;padding-left:1%;padding-right:1%;margin-bottom:10px;border:1px solid silver}
.kefu_submit{width:98%;height:30px;outline:0;ling-height:30px;color:#666;text-align:center;color:#f7f2f2;background:#366d9f;border:0;font-size:16px;margin-bottom:10px}
.kefu_content_weixin{padding-top:10px;padding-bottom:10px}
.kefu_content_weixin img{text-align:center}
@media only screen and (min-width:320px ) and (max-width:1024px ) {#kefu1{display:none;}}

.backtop {
    display: none;
    position: fixed;
    bottom: 120px;
    right: 20px;
    z-index: 9999;
    width: 45px;
    height: 50px;
    padding-top: 10px;
    background: #000;
    text-align: center;
}
.backtop a {
    color: #fff;
    font-size: 17px;
	cursor:pointer;
}
.backtop span {
    display: block;
    text-align: center;
}

    @media screen and (max-width: 1500px) {
        .container{
        width:1200px;
    }
    .header .logo{
        margin-right: 60px;
    }
    .header .menu-list>ul>li{
        margin-right: 20px;
    }
    .header .menu-list>ul>li>a{
        font-size:14px;
        padding:0 10px;
    }
    .header .search-wrapper{
        width:130px;
    }
    .header .language-select{
        margin-top: 35px;
    }
    .home-banner-container{
        height: 665px;
    }
    .home-banner-container .swiper-slide>.text-wrap{
        width: 1200px;
    }
    .home-company-container .modular-company-picture{
        width: 585px;
        height: 360px;
    }
    .modular-data-container .item-data>.icon>img{
        width: 120px;
        height: 120px;
    }
    .modular-data-container .item-data-retain {
        width: 405px;
    }
    .modular-data-container .item-data-dailyoutput {
        width: 400px;
    }
    .modular-data-container .item-data-annualoutput {
        width: 370px;
    }
    .modular-data-container .item-data>.num{
        left: 133px;
        font-size:72px;
        top:19px;
    }
    .modular-data-container .item-data>.line{
        left: 110px;
    }
    .modular-data-container .item-data>.line>.unit{
        top:-20px;
        font-size:22px;
    }
    .modular-data-container .item-data>.item-name{
        font-size:18px;
        top:100px;
    }
    .modular-data-container .item-data>.icon{
        top:11px;
    }
    .modular-data-container .item-data-annualoutput .line{
        width: 270px;
    }
    .home-company-container {
        padding: 75px 0 125px;
    }
    .home-product-container .description{
        margin-left: 370px;
    }
    .modular-product-swiper .nav-bar-wrapper {
        width: 415px;
    }
    .modular-product-swiper .home-product-swiper {
        width: 710px;
        height: 475px;
    }
    .modular-product-swiper .home-product-swiper .swiper-slide{
        height: 475px;
    }
    .modular-product-swiper {
        margin-top: 135px;
    }
    .modular-product-swiper .nav-bar-wrapper ul li{
        font-size:46px;
    }
    .home-product-container .title{
        font-size:74px;
    }
    .home-product-container{
        height: 950px;
    }
    .home-coutomers-container{
        height:757px;
    }
    .home-coutomers-container .coutomers-swiper-container {
        width: 772px;
        height: 615px;
    }
    .home-coutomers-container .nav-bar-wrapper {
        float: right;
        width: 273px;
        margin-right: 40px;
        margin-top: 99px;
    }
    .home-coutomers-container .nav-bar-wrapper li>.img-wrap{
        width: 90px;
    }
    .home-coutomers-container .nav-bar-wrapper li>.img-wrap>img{
        margin-left: -14px;
    }
    .home-coutomers-container .nav-bar-wrapper li>.txt>h2{
        font-size:20px;
    }
    .home-coutomers-container .nav-bar-wrapper li>.txt>h3{
        font-size:12px;
    }
    .home-coutomers-container .coutomers-swiper-container .swiper-slide .img-wrap{
        width: 70%;
    }
    .home-coutomers-container .coutomers-swiper-container .swiper-slide .img-wrap>img{
        width: 100%;
    }
    .home-coutomers-container .coutomers-swiper-container .swiper-slide .itme-solutions-intro .link{
        margin-top: 20px;
        margin-left: 30px;
        font-size:14px;
    }
    .home-coutomers-container .coutomers-swiper-container .swiper-slide .itme-solutions-intro{
        width: 345px;
        background-size:contain;
    }
    .home-coutomers-container .coutomers-swiper-container .swiper-slide .itme-solutions-intro p{
        font-size:16px!important;
        margin-top: 69px;
        margin-left: 30px;
    }
    .home-coutomers-container .coutomers-swiper-container .swiper-slide .itme-solutions-intro{
        right: -12px;
    }
    .footer .top>.bottom-logo{
        margin-left: 0;
    }
    .footer .top>.contact-info{
        margin-left: 35px;
        width: 370px;
    }
    .footer .top>.bottom-menu{
        width: 730px;
    }
    .footer .top>.bottom-menu>ul.company{
        margin-left: 50px;
        width: 180px;
    }
    .footer .top>.bottom-menu>ul.qualitycontrol {
        width: 195px;
    }
    .footer .top>.bottom-menu>ul.products {
        width: 154px;
    }
    .products-container>.data-info,#echarsWrap,.contact-container,.video-list-container {
        width: 1100px;
    }
    .products-container>.data-info tr>td{
        font-size:14px;
    }
    .echarsWrap>.title{
        right:138px;
    }
    .quality-container{
        width: 1100px;
        margin-top:-25px;
    }
    .quality-container>.progress>.img {
        width: 585px;
        height: 370px;
    }
    .certificate-container{
        width:1085px;
    }
    .contact-container>.contact-info>li{
        width: 348px;
    }
    .contact-container>.contact-info>li.email{
        width: 400px;
    }
    .video-list-container>.video-list>.video-item{
        width: 357px;
        height:359px;
    }
    .video-list-container>.video-list>.video-item .img{
        height: 225px;
    }
    .video-list-container>.video-list .v-name{
        height: 135px;
    }
    .video-list-container>.video-list .icon-play, .video-list-container>.video-list .icon-play-arrow{
        top:89px;
        left:158px;
    }
    .video-list-container>.video-list .icon-play-arrow{
        top:104px;
        left:175px;
    }
    .profile-content>.video-wrapper{
        margin-left: 50px;
        margin-right: 50px;
    }
    .profile-content>.body-content{
        width: 580px;
    }
    .profile-content .video-box>.video{
        margin:120px auto 0;
    }
    .page-banner{
        height:665px;
    }
    .page-banner>.container>.page-name{
        top:227px;
    }
    .page-banner>.container>.page-link-prev{
        top:260px;
    }
    .page-banner>.container>.page-link-next{
        top:260px;
    }
}
.modular-home-solution{
	margin:0 auto 60px;
}
.modular-home-solution h2{
	margin-bottom:10px;
	font-size:36px;
	color:#333;
	line-height:48px;
	font-family: Roboto-Black;
}
.modular-home-solution p{
	font-size:20px;
	color:#666;
	line-height:30px;
	font-family: Roboto-Regular;
}
.product-intro{
	padding:50px;
	margin:30px auto;
	font-size:21px;
	color:#666;
	line-height:30px;
	font-family: Roboto-Regular;
}
.purchase-container{
    margin-top:-100px;
}
.purchase-container > .process-intro {
    height: 475px;
    background: url(../images/purchase/bg-lc.jpg) no-repeat top center;
    position: relative;
}
    .purchase-container > .process-intro > .process-intro-item {
        position: absolute;
        font-size: 18px;
        color: #000;
        font-family: Roboto-Regular;
        text-align:center;
    }
        .purchase-container > .process-intro > .process-intro-item>img{
            margin-bottom:20px;
        }
        .purchase-container > .process-intro > .process-intro-item1 {
            left: 355px;
            top: 130px;
        }
    .purchase-container > .process-intro > .process-intro-item2 {
        left: 593px;
        top: 130px;
    }
    .purchase-container > .process-intro > .process-intro-item3 {
        left:853px;
        top: 128px;
    }
    .purchase-container > .process-intro > .process-intro-item4 {
        left: 1074px;
        top: 135px;
    }
    .purchase-container > .process-intro > .process-intro-item5 {
        left: 1010px;
        top: 325px;
    }
    .purchase-container > .process-intro > .process-intro-item6 {
        left: 718px;
        top: 317px;
    }
    .purchase-container > .process-intro > .process-intro-item7 {
        left: 458px;
        top: 322px;
    }
.process-block{
    overflow:hidden;
}
.process-block>h2{
    margin-left:40px;
    position:relative;
    height:20px;
    line-height:20px;
    font-family:Roboto-Bold;
    font-size:20px;
    color:#666;
}
    .process-block > h2::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 0;
        border-top: 1px solid #d2d2d2;
        top:8px;
        left:30px;
        z-index:1;
    }
    .process-block > h2 > span {
        float: left;
        font-family: Roboto-Bold;
        font-size: 14px;
        color: #666;
        border: 1px solid #666;
        border-radius: 50%;
        text-align: center;
        width: 15px;
        height: 15px;
        line-height: 15px;
        margin-right: 10px;
    }
    .process-block > h2 > i{
        position:relative;
        z-index:10;
        float:left;
        line-height:15px;
        background:#fff;
        padding-right:20px;
    }
    .process-block > .contact-info{
        margin-top:25px;
        float:left;
        overflow:hidden;
    }
        .process-block > .contact-info1{
            margin-left:210px;
            width:620px;
        }
    .process-block > .contact-info2 {
        margin-left: 100px;
        width: 630px;
    }
        .process-block > .contact-info > .thumb {
            float: left;
            margin-right: 24px;
        }
        .process-block > .contact-info > .intro{
            float:left;
            width:395px;
        }
            .process-block > .contact-info > .intro > p {
                font-family: Roboto-Regular;
                font-size: 14px;
                color: #666;
                line-height: 30px;
            }
            .process-block > .contact-info > .intro > p>span{
                color:#333;
                font-family:Roboto-Bold
            }
.process-block1{
    margin-bottom:70px;
}
.process-block-text{
    margin-bottom:115px;
    margin-left:430px;
    margin-top:70px;
}
.process-block-text > p {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}
.process-block-production{
    margin-top:55px;
    margin-left:430px;
    overflow:hidden;
}
.process-block-production>li{
    float:left;
    width:455px;
    overflow:hidden;
    display:flex;
    justify-content:left;
    margin-bottom:120px;
    margin-right:125px;
}
    .process-block-production > li>img{
        margin-right:45px;
    }
    .process-block-production > li h2{
        font-size:18px;
        color:#000;
        font-family:Roboto-Regular;
        margin:25px 0;
        line-height:1;
    }
    .process-block-production > li p {
        font-family: Roboto-Regular;
        font-size: 14px;
        color: #666;
        line-height: 30px;
    }
.process-block-Shipping{
    margin-top:100px;
    margin-left:430px;
    margin-bottom:120px;
    display:flex;
    justify-content:space-between;
}
    .process-block-Shipping > li {
        display: flex;
        flex-direction:column;
        justify-content: center;
        align-items: center;
        width: 211px;
        height: 211px;
        background: url(../images/purchase/bg-yuan.png) no-repeat;
    }
    .process-block-Shipping > li>div{
        display:flex;
        justify-content:center;
        align-items:center;
        height:81px;
        margin-bottom:15px;
    }
        .process-block-Shipping > li > p {
            font-family: Roboto-Regular;
            font-size: 18px;
            color: #000;
            line-height: 30px;
        }
.process-block-service{
    margin-top:20px;
    margin-bottom:100px;
    margin-left:255px;
    display:flex;
    justify-content:space-between;
}
.process-block-service>li{
    display:flex;
    justify-content:left;
    flex-direction:column;
    width:666px;
}
    .process-block-service > li > p {
        margin-top:10px;
        font-family: Roboto-Regular;
        font-size: 16px;
        color: #666;
        line-height: 30px;
    }