html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{ margin: 0; padding: 0; border: none; }
img{ vertical-align: middle; border-style: none; max-width: 100%; object-fit: cover;}
textarea{resize: none}
a{text-decoration: none}
em{font-style: normal}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}
*,*::after,*::before{-webkit-box-sizing: border-box; box-sizing: border-box; }
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{ content: "."; display: block; overflow: hidden; height: 0; clear: both; visibility: hidden}
.fl{float: left}
.fr{float: right}
b,strong{ font-weight:900;}

@font-face {
    font-family:'Montserrat'; src:url("../fonts/montserrat/montserrat.eot");src:url("../fonts/montserrat/montserrat.eot?#iefix") format("embedded-opentype"),url("../fonts/montserrat/montserrat.woff") format("woff"),url("../fonts/montserrat/montserrat.ttf") format("truetype"),url("../fonts/montserrat/montserrat.svg#YourWebFontName") format("svg");
}
@font-face {
    font-family:'Times'; src:url("../fonts/times/times.eot");src:url("../fonts/times/times.eot?#iefix") format("embedded-opentype"),url("../fonts/times/times.woff") format("woff"),url("../fonts/times/times.ttf") format("truetype"),url("../fonts/times/times.svg#YourWebFontName") format("svg");
}
@font-face {
    font-family:'AlibabaPuHuiTi-3-55-Regular'; src:url("../fonts/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.eot");src:url("../fonts/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.woff") format("woff"),url("../fonts/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.ttf") format("truetype");
}

html,body{ font-size: 15px; width: 100%; line-height: 186%; background-color: #FFF; color:#000; font-family:'AlibabaPuHuiTi-3-55-Regular','Montserrat',Arial,Helvetica,sans-serif; letter-spacing: 0;}

.filletBox { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}

/* Links Start */
a{color:#000; text-decoration:none; outline:none !important;}
a:hover{color:#235ab5; text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}
a, a:hover, a:focus { color:#235ab5; text-decoration: none; }
/* Links End */

/* Header One Start */
.header-one { border-left: solid 3px #235ab5; padding-left: 8px; line-height: 1;}
    .header-one .cng { font-size: 16px;}
    .header-one .eng { font-size: 18px; text-transform: uppercase; margin-top: 10px;}
/* Header One End */

/* Header Two Start */
.header-two { line-height: 1;}
    .header-two .eng { color: #a0a0a0; text-transform: uppercase; font-size: 20px;}
    .header-two .cng { font-size: 38px; font-weight: 700; margin-top: 5px;}
    .header-two .cng span { color: #235ab5;}
/* Header Two End */

/* Header Three Start */
.header-three { text-align: center;}
    .header-three .cng { font-size: 28px; font-weight: 700;}
    .header-three .cng label { color: #235ab5;}
    .header-three .eng { color: #a0a0a0; font-size: 16px;}
    .header-three .intro { color: #a0a0a0; font-size: 16px;}
/* Header Three End */

/* Header Four Start */
.header-four { color: #FFF;}
    .header-four h2 { font-size: 20px; border-bottom: solid 3px #235ab5; padding-bottom: 8px; display: inline-block;}
/* Header Four End */

/* Header Five Star */
.header-five { position: relative; border-bottom: 1px solid #e6e6e6;}
    .header-five .cng { text-align: left;position: relative;font-size: 20px;font-weight: 700;text-transform: capitalize;padding-bottom: 10px;}
    .header-five .cng:after { position: absolute; content: ''; left: 0; bottom: -1px; width: 40px; height: 1px; background-color: #235ab5;}
    .header-five .eng { position: absolute;right: 0;top: 0;font-family: impact !important;color: #e6e6e6;font-size: 32px;text-transform: uppercase;line-height: 32px;}
/* Header Five End */

/* Header Six Star */
.header-six { color: #000;}
    .header-six h2 { font-size: 18px; position: relative; display: inline-block;}
    .header-six h2:after { position: absolute; content: ''; left: 0; bottom: -10px; width: 100%; height: 3px; background-color: #235ab5;}
/* Header Six End */

/* Header Start */
#header { position: fixed; background: rgba(255, 255, 255, 0.8); border-bottom: solid 1px #FAFAFA; width: 100%; left: 0; z-index: 9990; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    .header .logos { float: left; margin-top: 10px; margin-bottom: 10px;}
    .header .offsides { float: right;}

    .header .offsides ul.menus { float: left;}
    .header .offsides ul.menus>li { float: left; position: relative; border-bottom: 3px solid transparent; height: 80px; margin-right: 60px;}

    .header .offsides ul.menus>li>a { color: #000; text-transform: uppercase; display: block; box-sizing: border-box; font-size: 18px; line-height: 80px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .header .offsides ul.menus>li:hover,.header ul.menus>li.active { border-bottom: 3px solid #235ab5;}
    .header .offsides ul.menus>li:hover>a,.header ul.menus>li.active>a { color: #235ab5;}
    .header .offsides ul.menus>li i { display: none;}

    .header .offsides ul.menus>li .top-level { width: 100%;}
    .header .offsides ul.menus>li .top-level a { color: #000; line-height: 80px; font-size: 18px;}
    .header .offsides ul.menus>li .top-level i { display: none;}
    .header .offsides ul.menus>li>ul.drop-menus { position: absolute; left: 0; top: 100%; min-width: 158px; z-index: 100; border-top: 3px solid #235ab5; background: rgba(255, 255, 255, 0.85);-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);opacity: 0;visibility: hidden;-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;-moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;}
    .header .offsides ul.menus>li ul.drop-menus li { text-align: left; padding: 0 20px; position: relative; border-bottom: solid 1px #efefef;}
    .header .offsides ul.menus>li ul.drop-menus li:last-child { border-bottom: none;}
    .header .offsides ul.menus>li ul.drop-menus li a { color: #000; white-space: nowrap; padding: 10px 0; display: block; font-size: 15px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .header .offsides ul.menus>li ul.drop-menus li a i { float: right; margin: 4px 0 0 0;}
    .header .offsides ul.menus>li ul.drop-menus li:hover>a { color: #235ab5;}
    .header .offsides ul.menus>li:hover ul.drop-menus { opacity:1; visibility:visible;}

    .header .offsides .searchs { float: right; line-height: 80px; font-size: 22px;}
    .header .offsides .searchs { cursor: pointer; float: right; line-height: 80px; font-size: 22px; transition: .5s ease-in-out;}
    .header .offsides .searchs:hover i { color: #235ab5;}
    .header .offsides .searchs:hover .drop-search { opacity: 1; visibility: visible;}
    .header .offsides .searchs .drop-search { z-index: 99999999; line-height: 100%; opacity: 0; visibility: hidden; position: absolute; width: 100%; top: 100%; left: 0; padding: 25px 0 25px 0; background: rgba(59, 64, 75, 0.95); color: #FFF; text-align: left; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;  -o-transition: all 0.6s;}
    .header .offsides .searchs .drop-search input { background: transparent; border: none; outline: 0; font-size: 18px; font-weight: lighter; color: #FFF; width: 50%; padding: 0 0 0 20px;}
    .header .offsides .searchs .drop-search i { color: rgba(255, 255, 255, 0.8); font-size: 22px;}

    .header .navigations { display: none;}
/* Header End */

/* Home Banner Start */
#home-banner { }
    .home-banner { width: 100%; float: left; overflow: hidden; position: relative;}
    .home-banner ul {width: 100%;}
    .home-banner ul li {width: 100%;position: relative;}
    .home-banner ul li .imgs {width: 100%;}
    .home-banner ul li .imgs img {width: 100%;transition: 10s; min-height: 440px; transform: scale(1.1);}
    .home-banner ul li .text {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
    .home-banner ul li.swiper-slide-active .imgs img,
    .home-banner ul li.swiper-slide-duplicate-active .imgs img {transform: scale(1);}
    .home-banner .swiper-pagination { bottom: 20px !important;}
    .home-banner .swiper-pagination .swiper-pagination-bullet {width: 26px;margin: 0 9px;height: 4px;opacity: 1;border-radius: 0;background-color: #fff;opacity: 0.3;transition: 1.5s;border-radius: 2px;}
    .home-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff;opacity: 1;width: 44px;}

    .home-banner .swiper-button-prev:after,.home-banner .swiper-button-next:after { display: none;}
    .home-banner .swiper-button-prev, .home-banner .swiper-button-next { font-size: 58px; color: #FFF;}
/* Home Banner End */

/* Slide Text Start */
.slide-text {left: 0; top: 40%; right: 0; margin: 0 auto; position: absolute; text-align: left; overflow: hidden; color: #FFF;}
    .slide-text h2 { font-size: 76px; font-weight: 700;}
    .slide-text h3 { font-size: 30px; margin-top: 20px; line-height: 1.4;}
/* Slide Text End */

/* Company Profile Start */
#company-profile { position: relative; margin-top: 80px; margin-bottom: 80px;/* overflow: hidden;*/ }
    #company-profile.active { /*border-bottom:1px solid rgba(192, 138, 74, 0.1);*/}

    #company-profile img { max-width: 100%;}
    #company-profile .lefts { float: left; width: 50.000000%; display: block;}
    #company-profile .rights { float: right; width: 50.000000%; display: block; position: relative; overflow: hidden; padding: 0; margin: 0;}
    #company-profile .rights .floating { z-index: 999; text-align: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 25%; background: rgba(0,0,0,0.36); color: #FFF; font-size: 58px;}
    #company-profile  .visible-lg { display: flex !important;}
    #company-profile .rights video { z-index: 998;}


    .company-profile { position: absolute; left: 0; top: 0; width: 100%; height: 100%;/* overflow: hidden;*/}
    .company-profile .contents { width: 46%; padding-top: 3%;}

    .company-profile .contents .intros { font-size: 16px; margin-top: 30px; margin-bottom: 60px;}

/* Company Profile End */

/* Detail More Start */
.detail-more { z-index: 1000;}
    .detail-more a { background: #235ab5; color: #FFF; line-height: 1; padding: 8px 35px; -moz-border-radius: 36px; -webkit-border-radius: 36px; border-radius: 36px; overflow: hidden;}
    .detail-more a .icon { width: 30px; height: 1px; background: rgba(255, 255, 255, 0.63); display: inline-block; margin-left: 6px; margin-top: 14px; vertical-align: top; position: relative;}
    .detail-more a .icon:after { position: absolute; left: 0; bottom: 0; width: 0; height: 1px; content: ''; background: rgba(255, 255, 255, 1); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    .detail-more a:hover .icon:after { width: 100%;}
    .detail-more a .icon:before { position: absolute; top: 0; right: 0; bottom: 0; display: block; width: 6px; height: 1px; background: rgba(255, 255, 255, 0.63); content: ''; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transform: rotate(35deg); transform: rotate(35deg); -ms-transform-origin: right top; transform-origin: right top;}
    .detail-more a:hover .icon:before { background: rgba(255, 255, 255, 1);}
/* Detail More End */

/* Corporate Data Start */
ul.corporate-data { margin-top: 80px;}
    ul.corporate-data li { float: left; width: 33.333333%; border-right: solid 1px #e8e8e8; text-align: center; }
    ul.corporate-data li:nth-child(3n) { border-right: 0;}
    ul.corporate-data li .data { font-size: 36px; display: inline-block;}
    ul.corporate-data li .data label { font-weight: 700;}
    ul.corporate-data li .data span { float: right; font-size: 13px; vertical-align: top; line-height: 1; margin-top: -5px;}
/* Corporate Data End */

/* Our Advantage Start */
#our-advantage { }
    ul.our-advantage { }
    ul.our-advantage li { float: left; width: 25.000000%; position: relative;}
    ul.our-advantage li .imgs { overflow: hidden;}
    ul.our-advantage li .imgs img { max-width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    ul.our-advantage li:hover .imgs img { transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}
    ul.our-advantage li .layers { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 30% 10% 0 10%; text-align: center; color: #FFF; background: rgba(35,90,181,0.83);}
    ul.our-advantage li:nth-child(2n) .layers { background: rgba(84,84,84,0.83);}

    ul.our-advantage li .names { font-size: 28px; margin-top: 10px; margin-bottom: 30px;}
/* Our Advantage End */

/* Our Products Start */
#our-products { margin-top: 60px; margin-bottom: 60px;}
    .our-products { }
    .our-products .ones { }
    .our-products .ones .lefts { float: left; width: 31.333333%;}
    .our-products .ones .lefts .titles { background: url("../img/products-title-bg.png") left bottom no-repeat; padding: 25% 22% 25% 22%; margin-left: -20%;}
    .our-products .ones .lefts .titles .intros { margin-top: 30px; margin-bottom: 20px;}

    .our-products .ones .rights { float: right; width: 65.666666%;}
    .our-products .ones .rights ul.lists { }
    .our-products .ones .rights ul.lists li { float: left; width: 47.721285%; margin-right: 4.557429%;}
    .our-products .ones .rights ul.lists li:nth-child(2n) { margin-right: 0;}

    .our-products .twos { margin-top: 30px;}
    .our-products .twos ul.lists li { margin-right: 3.000000%; width: 31.333333%; float: left;}
    .our-products .twos ul.lists li:nth-child(3n) { margin-right: 0;}
/* Our Products End */

/* Single Product Start */
.single-product { }
    .single-product .imgs { overflow: hidden;}
    .single-product .imgs img { padding-bottom: 30px; max-width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    .single-product:hover .imgs img { transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}

    .single-product .names { color: #000; line-height: 1; font-size: 20px; font-weight: 700; background: rgba(35,90,181,0.1); padding: 15px 15px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    .single-product .names:hover { background: rgba(35,90,181,1); color: #FFF;}
    .single-product .names i.fa { float: right; margin-top: 1px; font-weight: lighter; color: rgba(35,90,181,1); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    .single-product .names:hover i.fa{ color: #FFF;}
/* Single Product End */

/* Our Honor Start */
#our-honor { padding: 80px 0 120px 0; background: url("../img/honor/body-bg.jpg") center no-repeat; background-size: cover;}
    .our-honor { margin-top: 30px; position: relative; text-align: center;}
    .our-honor img { max-width: 280px;}

    .our-honor .swiper-pagination { bottom: -60px;}
    .our-honor .swiper-pagination-bullet { width: 15px; height: 15px; background: rgba(35,90,181,0.83);}
    .our-honor .swiper-pagination-bullet-active { background: #235ab5;}
/* Our Honor End */

/* Our Case Start */
#our-case { padding: 60px 0; overflow: hidden;}
    .our-case { margin-top: 30px;}
/* Our Honor End */

/* Single Case Start */
.single-case { position: relative; text-align: center;}
    .single-case .imgs { overflow: hidden;}
    .single-case .imgs img { max-width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    .single-case:hover .imgs img { transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}

    .single-case .layers { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(37,37,37,0.7); color: #FFF; padding-top: 20%; padding-left: 10%; padding-right: 10%;}
    .single-case .layers .names { font-size: 28px; font-weight: 700;}
    .single-case .layers .intros { margin-top: 15px; margin-bottom: 15px; font-size: 22px; line-height: 1.6;}
    .single-case .layers .buttons { }
    .single-case .layers .buttons a { color:#000; background: rgba(255,255,255,0.5); padding: 10px 30px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -moz-border-radius: 36px; -webkit-border-radius: 36px; border-radius: 36px; overflow: hidden;}
    .single-case .layers .buttons a:hover { background: rgba(255,255,255,1);}
/* Single Case Start */

/* Single Partners Star */
/*
ul.single-partners { }
    ul.single-partners li { float: left; width: 18.400000%; text-align: center; margin: 0 2% 30px 0;}
    ul.single-partners li:nth-child(5n) { margin-right: 0;}
    ul.single-partners li .items { background: #FFF; transition: all .3s; cursor: pointer; padding: 15px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
    ul.single-partners li .items:hover { transform: translate(0, -10px); transition: all .3s; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5); behavior: url(ie-css3.htc);}
    ul.single-partners li img { max-width: 100%;}
*/

ul.single-partners { }
    ul.single-partners li { float: left; padding: 10px; border: solid 1px rgba(242, 242, 242, 1); width: 23.500000%; margin-right: 2%; margin-bottom: 30px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;}
    ul.single-partners li:nth-child(4n) { margin-right: 0;}
    ul.single-partners li .pics { margin: 0 auto; width: 100%;  position: relative; overflow: hidden;}
    ul.single-partners li .pics .more { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 38px; padding-top: 34%; text-align: center; background: rgba(0,0,0,0.63); color: #fff; -webkit-transition-duration: .4s; transition-duration: .4s;  -webkit-transform: translate3d(0,100%,0);  transform: translate3d(0,100%,0);  -webkit-transition-property: opacity,-webkit-transform;  transition-property: opacity,-webkit-transform;  transition-property: transform,opacity;  transition-property: transform,opacity,-webkit-transform;  opacity: 0;}
    ul.single-partners li .pics img { max-width: 100%;}
    ul.single-partners li .names { color: #222; font-weight: 700; font-size: 16px; text-transform: capitalize; line-height: 24px; height: 24px; overflow: hidden; text-align: center; margin-top: 10px;}
    ul.single-partners li:hover { transform: translate(0, -10px); -ms-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -o-transform: translate(0, -10px);}
    ul.single-partners li:hover .more { display: none; opacity: 1; -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}
    ul.single-partners li:hover .names { color: #235ab5;}

/* Single Partners End */

/* Home Advert Start */
#home-advert { }
    #home-advert img { max-width: 100%;}
/* Home Advert End */

/* Our Device Start */
#our-device { padding: 60px 0; background: #f2f2f2;}
    .our-device { margin-top: 30px;}
    .our-device .lefts { float: left; width: 58.000000%; text-align: center;}
    .our-device .lefts .imgs { overflow: hidden;}
    .our-device .lefts .imgs img { max-width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    .our-device .lefts:hover .imgs img { transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}
    .our-device .lefts .names { margin-top: 10px; color: #222; font-size: 18px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    .our-device .lefts:hover .names { color: #235ab5;}
    .our-device .rights { float: right; width: 39.700000%;}

    .our-device .rights ul.lists { }
    .our-device .rights ul.lists li { margin-right: 3.000000%; width: 48.500000%; float: left; margin-bottom: 30px;}
    .our-device .rights ul.lists li:nth-child(2n) { margin-right: 0;}
/* Our Device End */

/* Single Device Start */
.single-device { text-align: center;}
    .single-device .imgs { overflow: hidden;}
    .single-device .imgs img { max-width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    .single-device:hover .imgs img { transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}
    .single-device .names { margin-top: 10px; color: #6d6d6d; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    .single-device:hover .names { color: #235ab5;}
/* Single Device Start */

/* Home News Start */
#home-news { padding: 60px 0;}
    .home-news { margin-top: 30px;}
/* Home News End */

/* List News Start */
ul.list-news { }
    ul.list-news li { float: left; margin-right: 5.000000%; width: 47.500000%; margin-bottom: 30px;}
    ul.list-news li:nth-child(2n) { margin-right: 0;}

    ul.list-news li .imgs { display: none; float: left; width: 30.000000%; overflow: hidden;}
    ul.list-news li .imgs img { max-width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    ul.list-news li .texts { float: none; width: 100.000000%;}
    ul.list-news li:hover .imgs img { transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}

    ul.list-news li .texts .names { color: #222; font-size: 18px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    ul.list-news li .texts .intros { color: #7b7b7b; font-size: 16px; margin-top: 10px; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5em; max-height: 3em; }
    ul.list-news li .texts .buttons { background: #235ab5; color: #FFF; display: inline-block; padding: 5px 25px; -moz-border-radius: 36px; -webkit-border-radius: 36px; border-radius: 36px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    ul.list-news li:hover .texts .names { color: #235ab5;}
    ul.list-news li:hover .texts .buttons { background: #0000a0;}
/* List News End */

/* Footer Start */
#footer { padding-top: 60px; padding-bottom: 50px; background: url("../img/footer-body-bg.jpg") center repeat; border-top: solid 5px #272727; color: #FFF;}
    .footer .contacts { float: left;}
    .footer .contacts .contents { margin-top: 30px;}
    .footer .links { float: right; padding-top: 30px;}
    .footer .links .logos { text-align: right; margin-bottom: 10px;}
    .footer .links .menus { color: #FFF;}
    .footer .links .menus a { color: #FFF; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    .footer .links .menus a:hover { color: #235ab5; }
    .footer .links .menus span { margin-left: 8px; margin-right: 8px;}
/* Footer End */

/* Copyrighter Start */
#copyrighter { background: #000; color: #FFF; text-align: center; padding: 15px 0;}
    #copyrighter a { color: #FFF; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    #copyrighter a:hover { color: #235ab5;}
/* Copyrighter End */

/* <1920的设备 */
@media screen and (max-width: 1920px){

}

/* <1680的设备 */
@media screen and (max-width: 1680px){


}

/* <1500的设备 */
@media screen and (max-width: 1500px){


}

/* <1440的设备 */
@media screen and (max-width: 1440px){



}

/* <1366的设备 */
@media screen and (max-width: 1366px){

    /* Company Profile Start */
    .company-profile .contents { padding-top: 10px;}
    .company-profile .contents .intros { margin-top: 10px; margin-bottom: 20px;}
    /* Company Profile End */

    /* Corporate Data Start */
    ul.corporate-data { margin-top: 50px;}
    /* Corporate Data End */

}

/* <1200的设备 */
@media screen and (max-width: 1200px){


}

/* <991的设备 */
@media screen and (max-width: 991px) {

    /* Header Two Start */
    .header-two .cng { font-size: 30px;}
    /* Header Two End */

    /* Header Three Start */
    .header-three .cng { font-size: 26px;}
    /* Header Three End */

    /* Header Blank Start */
    #header-blank { height: 52px;}
    /* Header Blank End */

    .container { padding-left: 10px; padding-right: 10px;}

    /* Header Start */
    #header { background: rgba(255, 255, 255, 0.98); border-bottom: solid 1px rgba(204,204,204,0.3);}
    .header .logos { margin-top: 5px; margin-bottom: 5px;}
    .header .logos img { max-height: 42px;}

    .header .offsides { display: none; float: none; position: fixed; top: 53px; left: 0; width: 100%; background: rgba(255, 255, 255, 0.98);}

    .header .offsides ul.menus { float: none;}
    .header .offsides ul.menus li { position: static; float: unset; width: 100%; border-bottom: dotted 1px rgba(204,204,204,0.3); height: auto; margin-right: 0;}


    .header .offsides ul.menus>li>a { line-height: 42px; padding-left: 10px; padding-right: 10px;}


    .header .offsides ul.menus>li .top-level { width: 100%;}
    .header .offsides ul.menus>li .top-level a { color: #000; float: left; line-height: 42px; padding-left: 10px; padding-right: 10px; font-size: 18px;}
    .header .offsides ul.menus>li .top-level i { display: inline-block; float: right; padding: 10px 10px 0 0; width: 20px; height: 42px;}

    .header .offsides ul.menus>li:hover,.header ul.menus>li.active { border-bottom: dotted 1px rgba(204,204,204,0.3);}
    .header .offsides ul.menus>li:hover a,.header ul.menus>li.active a { color: #235ab5;}

    .header .offsides ul.menus>li>ul.drop-menus { display: none; position: static; width: 100%; border-top: 1px solid #235ab5; background: rgba(255, 255, 255, 0.85); -webkit-box-shadow: unset; -ms-box-shadow: unset; -o-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
    .header .offsides ul.menus>li ul.drop-menus li { float: left; width: 50%; text-align: left; padding: 0 10px;}
    .header .offsides ul.menus>li:hover ul.drop-menus { display: block; opacity:1; visibility:visible;}


    .header .offsides .searchs { display: none;}

    .header .navigations { float: right; margin-left: 30px; margin-top: 20px; z-index: 88888888; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; width: 28px;}
    .header .navigations span { display: block;width: 100%;height: 2px;margin-bottom: 5px;border-radius: 3px;background-color: #000;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
    .header .navigations span:last-child {margin-bottom: 0;}
    .header .navigations span:nth-child(2) {/*width: 75%;*/}
    .header .navigations.active { }
    .header .navigations.active span:nth-child(1) {transform: rotate(45deg);margin: 0;margin-top: 2px;}
    .header .navigations.active span:nth-child(2) {display: none;}
    .header .navigations.active span:nth-child(3) {transform: rotate(-45deg);margin: 0;margin-top: -2px;}
    /* Header End */

    /* Home Banner Start */
    .home-banner .swiper-button-prev, .home-banner .swiper-button-next { font-size: 28px;}
    /* Home Banner End */

    /* Slide Text Start */
    .slide-text { text-align: center;}
    .slide-text h2 { font-size: 26px;}
    .slide-text h3 { font-size: 16px;}
    /* Slide Text End */

    /* Company Profile Start */
    #company-profile { margin-top: 30px; margin-bottom: 10px;}
    #company-profile.active { padding-bottom: 30px; border-bottom: none;}
    #company-profile .lefts { float: none; width: 100.000000%;}
    #company-profile .rights { float: none; width: 100.000000%; }
    #company-profile .rights .floating { padding-top: 20%; font-size: 48px;}
    #company-profile  .visible-xs { display: flex !important;}
    #company-profile .visible-lg { display: none !important;}

    .company-profile { position: static;}
    .company-profile .contents { width: 100%; padding-top: 0;}

    .company-profile .contents .intros { margin-top: 10px; margin-bottom: 20px;}
    /* Company Profile End */

    /* Corporate Data Start */
    ul.corporate-data { margin-top: 30px; margin-bottom: 30px;}
    ul.corporate-data li .data { font-size: 26px;}
    ul.corporate-data li .data span { margin-top: -1px;}
    /* Corporate Data End */

    /* Detail More Start */
    .detail-more { text-align: center;}
    /* Detail More End */

    /* Our Advantage Start */
    ul.our-advantage li { width: 50.000000%;}
    ul.our-advantage li .layers { padding: 12% 10px 0 10px;}
    ul.our-advantage li .layers .icons img { max-width: 30px;}
    ul.our-advantage li .names { font-size: 18px; margin-top: 10px; margin-bottom: 10px;}
    ul.our-advantage li .intros { font-size: 12px; line-height: 1.2;}
    /* Our Advantage End */


    /* Our Products Start */
    #our-products { margin-top: 20px; margin-bottom: 20px;}
    .our-products .ones .lefts { float: none; width: 100.000000%;}
    .our-products .ones .lefts .titles { padding: 0 15% 25% 22%; margin-left: -10%;}
    .our-products .ones .lefts .titles .intros { margin-top: 15px; margin-bottom: 15px;}

    .our-products .ones .rights { float: none; width: 100.000000%;}
    .our-products .ones .rights ul.lists { }
    .our-products .ones .rights ul.lists li { float: none; width: 100.000000%; margin-right: 0; margin-bottom: 15px;}

    .our-products .twos { margin-top: 0;}
    .our-products .twos ul.lists li { margin-right: 0; width: 100.000000%; float: none; margin-bottom: 15px;}
    /* Our Products End */

    /* Single Product Start */
    .single-product .imgs img { padding-bottom: 10px;}
    /* Single Product End */

    /* Our Honor Start */
    #our-honor { padding: 50px 0 80px 0;}
    .our-honor { margin-top: 20px; }
    .our-honor img { max-width: 100%;}
    /* Our Honor End */

    /* Our Case Start */
    #our-case { padding: 40px 0 20px 0;}
    .our-case { margin-top: 20px;}
    /* Our Honor End */

    /* Single Case Start */
    .single-case .layers { padding-top: 12%; padding-left: 10px; padding-right: 10px;}
    .single-case .layers .names { font-size: 20px; font-weight: 700;}
    .single-case .layers .intros { margin-top: 10px; margin-bottom: 20px; font-size: 15px;}
    .single-case .layers .buttons a { padding: 5px 25px;}
    /* Single Case Start */

    /* Single Partners Star */
    /*
    ul.single-partners { }
    ul.single-partners li { float: left; width: 49.000000%;}
    ul.single-partners li:nth-child(2n) { margin-right: 0;}
    ul.single-partners li:nth-child(5) { margin-right: 2%;}
    */

    ul.single-partners { }
    ul.single-partners li { width: 49.000000%;}
    ul.single-partners li:nth-child(2n) { margin-right: 0;}

    /* Agency Brand End */

    /* Our Device Start */
    #our-device { padding: 40px 0 30px 0;}
    .our-device { margin-top: 20px;}
    .our-device .lefts { float: none; width: 100.000000%; }
    .our-device .rights { float: none; width: 100.000000%; margin-top: 20px;}

    .our-device .rights ul.lists li { margin-bottom: 10px;}
    /* Our Device End */

    /* Home News Start */
    #home-news { padding: 40px 0;}
    .home-news { margin-top: 20px;}
    /* Home News End */

    /* List News Start */
    ul.list-news li { float: none; margin-right: 0; width: 100.000000%; margin-bottom: 20px;}

    ul.list-news li .imgs { float: none; width: 100.000000%; }
    ul.list-news li .texts { float: none; width: 100.000000%; margin-top: 15px;}

    ul.list-news li .texts .names { font-size: 16px; }
    ul.list-news li .texts .intros { font-size: 15px; margin-top: 5px; margin-bottom: 10px;}

    ul.list-news li .texts .buttons { margin: 0 auto; display: table; text-align: center; }
    /* List News End */

    /* Footer Start */
    #footer { padding-top: 30px; padding-bottom: 20px;}
    .footer .contacts { float: none; width: 100%;}
    .footer .contacts .contents { margin-top: 15px;}

    .footer .links { float: none; width: 100%; padding-top: 0; padding-bottom: 30px; text-align: center;}
    .footer .links .logos { text-align: center;}
    /* Footer End */
}

/* <767的设备 */
@media screen and (max-width: 767px){


}

/* <450的设备 */
@media screen and (max-width: 450px){


}