html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:inherit;}
del,ins{text-decoration:none;}
ul li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
legend{color:#000;}
a{color:#ffffff;text-decoration:none}
input,button,textarea,select,optgroup,option{font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}
*:focus { outline:0 !important; }
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font-size:100%;}
pre,code,kbd,samp,tt{font-size:108%;line-height:100%;}
::-ms-clear,::-ms-reveal{display:none;}
body{background: none repeat scroll 0 0 #FFFFFF;color: #ffffff;direction: ltr;font-family: 'simhei','Droid Sans Fallback','PingFang SC','Microsoft YaHei','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif;font-size: 12px;margin: 0;padding: 0;text-align: left;background:#000;position:relative}

@font-face {
    font-family: 'Akzidenz-GroteskBQLight';
    src: url('../fonts/q light.eot');
    src: local('☺'),
    url('../fonts/q light.eot') format('embedded-opentype'),
    url('../fonts/akzidenzgrotesk-light_3.woff') format('woff'),
    url('../fonts/akzidenzgrotesk-light_3.ttf') format('truetype'),
    url('../fonts/akzidenzgrotesk-light_3.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTProRegular';
    src: url('../fonts/avenirnextltpro-regular_0.eot');
    src: local('☺'),
    url('../fonts/avenirnextltpro-regular_0.eot') format('embedded-opentype'),
    url('../fonts/avenirnextltpro-regular_0.woff') format('woff'),
    url('../fonts/avenirnextltpro-regular_0.ttf') format('truetype'),
    url('../fonts/avenirnextltpro-regular_0.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'EngschriftDINDOT';
    src: url('../fonts/engschriftdindot.eot');
    src: local('☺'),
    url('../fonts/engschriftdindot.eot') format('embedded-opentype'),
    url('../fonts/engschriftdindot.woff') format('woff'),
    url('../fonts/engschriftdindot.ttf') format('truetype'),
    url('../fonts/engschriftdindot.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'simhei';
    src: url('../fonts/simhei.eot');
    src: local('☺'),
    url('../fonts/simhei.eot') format('embedded-opentype'),
    url('../fonts/simhei.woff') format('woff'),
    url('../fonts/simhei.ttf') format('truetype'),
    url('../fonts/simhei.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


.mgt-0 { margin-top:0px !important; }
.mgt-10 { margin-top:10px !important; }
.mgt-20 { margin-top:20px !important; }
.mgt-30 { margin-top:30px !important; }
.mgt-50 { margin-top:50px !important; }
.mgb-10 { margin-bottom:10px !important; }
.mgb-20 { margin-bottom:20px !important; }
.mgb-30 { margin-bottom:30px !important; }
.mgb-50 { margin-bottom:50px !important; }
.no-border { border:0px !important; }
.container { width:1200px;margin:0px auto; }
.fl { float:left; }
.fr { float:right; }
.hide { visibility: hidden }
.w-100 { width:100% !important;height:auto !important; }

/** header **/
.header-section { width:100%;height:67px;position:fixed;top:0px;left:0px;z-index:9999; }
.header-section .container { height:67px;position:relative }
.header-section .logo { width:306px;height:92px;position: absolute;top:0px;left:50%;margin-left:-153px; }
.header-section .logo img { width:226px;height:auto;position:absolute;top:0px;left:50%;margin-left:-113px; }
.header-section .logo a { display:block; }
.header-section .menu { width:487px;margin-top:15px;height:52px;float:left; }
.header-section .menu ul { float:left; }
.header-section .menu ul.flex { display:flex;}
.header-section .menu li { float:left; }
.header-section .menu li a { color:#FFF !important;font-size:14px; font-family:"微软雅黑";}
.header-section .menu li a:hover { color:#00aeeb !important; }
/*.header-section .menu li.active a { color:#00aeeb !important; }*/
.header-section .menu.menu-left li { margin-right:58px; }
.header-section .menu.menu-right { float:right; }
.header-section .menu.menu-right ul { float:right; }
.header-section .menu.menu-right li { height:38px;line-height:38px;margin-left:36px; }
.header-section .menu.menu-right li.icon { margin-left:10px; }
.header-section .menu.menu-right li.icon.icon-lang { margin-left:30px; }
.header-section .menu.menu-right li.icon img { margin-top:6px; }
.header-section.fixed { background:#000 url(../images/header_bg.png) no-repeat center top; }
.header-section.fixed .container {  }
.header-section.fixed .logo { background:url(../images/logo_bg.png) no-repeat center center; }
.header-section .search-wrap { position:absolute;width:100%;height:100%;top:0px;left:0px;background:#000;display:none; }
.header-section .search-wrap .search-inner { width:1000px;height:38px;position: absolute;top:50%;left:50%;margin-top:-19px;margin-left:-500px; }
.header-section .search-wrap .img-wrap, .header-section .search-wrap .img-wrap img { float:left; }
.header-section .search-wrap .img-wrap .icon-search { height:37px;width:auto; }
.header-section .search-wrap .img-wrap .search-logo { width:130px;height:auto;margin-right: 10px;margin-top: -1px; }
.header-section .search-wrap #btn-search-close { width:26px;height:26px;position:absolute;right:0px;top:50%;margin-top:-13px; }
.header-section .search-wrap #btn-search-close img { width:100%;height:100%; }
.header-section .search-wrap .input-inner { width:700px;height:37px;float:left;margin-left:40px;position:relative; }
.header-section .search-wrap .input-inner input { border:0px;width:100%;height:100%;background:#6e6e6e;color:#FFF;font-size:20px;margin:0px;padding:0px;position:absolute;left:0px;top:0px;line-height:37px; }
.header-section .search-wrap .suggest-list { width: 500px;height: 200px;background-color: white;position: absolute;left: 0;top: 52px;padding-top: 10px;display:none; }
.header-section .search-wrap .suggest-list li {width: 100%;height: 30px;font-size: 25px;padding-left: 30px;}
.header-section .search-wrap .suggest-list li a { color:#000 !important; }
.header-section .search-wrap .suggest-list li a:hover { color:#00aeeb !important; }

.swiper-container { }
.swiper-container .animated { opacity: 0; }
.swiper-container .swiper-slide { position:relative; }
.swiper-container .swiper-slide.has-video { cursor: pointer }
.swiper-container .swiper-pagination { z-index:100;position: absolute;z-index: 20;bottom: 10px;width: 100%;text-align: center;}
.swiper-container .swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #fff;margin: 0 5px;opacity: 0.8;border: 1px solid #fff;cursor: pointer;}
.swiper-container .swiper-active-switch {background: #00aeeb !important;border: 1px solid #00aeeb;}

.swiper-container .next {position: absolute;top: 48%;left: 55px;z-index: 200;cursor: pointer}
.swiper-container .prev {position: absolute;top: 48%;right: 55px;z-index: 200;cursor: pointer}
.swiper-container .text { width: 100%;text-align: center;position: absolute;top: 42%; }
.swiper-container .text h1 { font-size: 106px;color: #fff;width: 100%;font-weight:bold}

#swiper-container-1 { width:100%;height:100%;overflow:hidden; }
#swiper-container-1 .bg { width: 80%;height:100%;overflow:hidden;position: relative;margin:0px auto; }
#swiper-container-1 .bg img { width:100%;height:100%;margin-top:60px; }
#swiper-container-1 .bg img.line { height:27px;position:absolute;left:0px;bottom:0px; }
#swiper-container-1 .bg .content { opacity:0;position:absolute;top:100px;left:100px; }
#swiper-container-1 .bg .content .txt { font-size:20px;margin-top:10px; }

#swiper-container-2 .content { margin: 120px auto 40px;color:#FFF;text-align:center; }
#swiper-container-2 .content .title { font-size:36px; }
#swiper-container-2 .content .txt { font-size:20px; }
#swiper-container-2 .img-wrap { width:80%;margin:0px auto; }
#swiper-container-2 .img-wrap img { width:100%;height:auto; }
#swiper-container-2 .line { width:100%;position:absolute;left:0px;bottom:0px; }

#swiper-container-3 .content { position:absolute;top:160px;left:200px; }
#swiper-container-3 .content .title { font-size:36px; }
#swiper-container-3 .content .txt { font-size:20px; }
#swiper-container-3 .img-wrap { width:80%;margin:0px auto; }
#swiper-container-3 .img-wrap img { width:100%;height:auto; }
#swiper-container-3 .line { width:100%;position:absolute;left:0px;bottom:0px; }

#swiper-container-4 { background-color: #4B1A84;width:100%;height:100%;position:relative; }
#swiper-container-4 .content { position:absolute;top:200px;right:200px;width:426px; }
#swiper-container-4 .content .title { font-size:36px; }
#swiper-container-4 .content .txt { font-size:20px; }
#swiper-container-4 .img-wrap { width:80%;margin:0px auto;position: absolute;bottom:0px;left:100px; }
#swiper-container-4 .img-wrap img { width:100%;height:auto; }
#swiper-container-4 .line { width:100%;position:absolute;left:0px;bottom:0px; }
#swiper-container-4 .pic { position: absolute;right:200px;top:300px; }
#swiper-container-5 .swiper-slide img { width:100%;height:auto;display:block; }

body { overflow-x:hidden;overflow-y:scroll }
body.home .home-container { min-height:1200px; }
body.home .section .container { position:relative;cursor:pointer }
body.home .section-contrast img.w-100 { margin-top:66px; }
body.home .contrast-txt-0 { position:absolute;left:0px;top:64px; }
body.home .contrast-txt-1 { position:absolute;left:0px;top:382px;display:none; }
body.home .in-hand-txt-0 { position:absolute;top:40px;left:0px;text-align:center;width:100%; }
body.home .in-hand-txt-1 { position:absolute;top:146px;left:0px;text-align:center;width:100%;}
body.home .in-hand-txt-1 img, body.home .in-hand-txt-2 img { display:block;margin:0px auto; }
body.home .in-hand-txt-2 { position:absolute;top:180px;left:0px;text-align:center;width:100%; }
body.home .floodlight-txt-0 { position:absolute;top:400px;right:0px; }
body.home .floodlight-txt-1 { position:absolute;top:490px;right:0px; }
body.home .uv-txt-0 { position:absolute;top:126px;left:0px; }
body.home .uv-txt-1 { position:absolute;top:235px;left:0px; }
body.home .uv-txt-2 { position:absolute;top:132px;right:80px;opacity: 1 !important; }
body .animated { opacity: 0 }


    /** main **/
.main-section { width:100%;padding-top:120px;background:url(../images/main_bg.png) no-repeat;background-size:cover; }
.main-section .wrap { width:100%;overflow:hidden;zoom:1; margin-bottom:50px }

.main-section.section-partners { padding-top:150px;padding-bottom:50px;background-repeat:repeat-y;background-image:url(../images/partnership_bj.png); }
.main-section.section-partners .container { overflow:hidden;zoom:1; }
.main-section.section-partners .section-left { width:400px;float:left; }
.main-section.section-partners .section-left h3 { text-align: left;font-size: 40px;font-weight: bold;margin-bottom: 30px;color: #00aeeb; }
.main-section.section-partners .section-left p {color: #ffffff;font-size: 20px;line-height: 30px;text-align: left;}
.main-section.section-partners .section-right { width:660px;float:right; }
.main-section.section-partners .contact-form h3 { height: 60px;background-color: #171717;text-align: left;padding-left: 40px;line-height: 60px;font-size: 28px;font-weight: 700; }
.main-section .banner, .main-section .banner img { width:100%; }

.main-section.section-contact { padding-top:120px;padding-bottom:50px;background-repeat: repeat-y;background-image:url(../images/contact_bj.png) }
.main-section.section-contact .container { overflow:hidden;zoom:1; }
.main-section.section-contact .section-left { width:440px;float:left; }
.main-section.section-contact .section-left h3 { text-align: left;font-size: 30px;font-weight: 700;margin-bottom: 20px;color: #fff;border-bottom:1px solid #00aeeb;padding-bottom:10px; }
.main-section.section-contact .section-left p {color: #ffffff;font-size: 16px;line-height: 30px;text-align: left;}
.main-section.section-contact .section-right  { width:660px;float:right; }
@media (min-width:1199px) {

.main-section.section-contact .section-right img  { height:350px}
}

.main-section.section-contact .contact-form h3 { height: 60px;background-color: #171717;text-align: left;padding-left: 40px;line-height: 60px;font-size: 28px;font-weight: 700; }
.main-section.section-contact .address li { position:relative;padding-left:48px;overflow:hidden;zoom:1; }
.main-section.section-contact .address li p { float:left;font-size:16px; }
.main-section.section-contact .address img { position:absolute;left:0px;top:3px; }
.main-section.section-contact .address li.contact-email img { top:8px; }

.main-section .contact-form ul { background-color: #DBDCDC;padding-left: 40px;padding-top: 15px;padding-right: 35px; }
.main-section .contact-form ul li {margin-bottom: 15px;overflow:hidden;zoom:1;}
.main-section .contact-form ul li span {height: 30px;line-height: 30px;color: #585757;font-size: 14px;float:left;width:170px;}
.main-section .contact-form ul li input, .main-section .contact-form ul li textarea { width:400px;line-height:34px;border:0px;padding:0px 5px;font-size:14px; }
.main-section .contact-form ul li input { height:34px; }
.main-section .contact-form ul li textarea { height:100px; }
.main-section .contact-form ul li .btn {width: 88px;height: 46px;background-color: #00aeeb;color: #fff;font-size: 18px;text-align: center;line-height: 46px;margin-bottom: 13px;float:right;margin-right:5px;cursor:pointer }


.main-section.section-news { background:#000;padding-top:80px;padding-bottom:0px; }
.main-section.section-news img { width:100%;float:left; }
.main-section.section-news img.line { height:16px;float:left; }
.main-section.section-news .news-item { width:100%;overflow:hidden;zoom:1;background:#000;margin-bottom:0px;}
.main-section.section-news .news-meta { width:500px;float:left;height:100%; }
.main-section.section-news .news-thumb { width:700px;float:right; }
.main-section.section-news .news-thumb img { width:100%;height:auto;float:left; }
.main-section.section-news .news-inner { padding:80px; }
.main-section.section-news .news-inner h2 { font-size:22px; }
.main-section.section-news .news-inner h3 { font-size:18px;margin-top:30px; }
.main-section.section-news .news-inner h4 { font-size:16px;margin-top:30px; }

body.about .animated { opacity:0; }
.main-section.section-about { padding-top:50px;background-image:url(../images/about_bj0.jpg);background-size:100%;padding-bottom:0px;background-position: center }
.main-section.section-about .about-item { width:100%;overflow:hidden;zoom:1 }
.main-section.section-about .about-item img { max-width:100%; }
.main-section.section-about .about-0 .fl { width:412px;text-align:center; }
.main-section.section-about .about-0 h3 { margin-top: 50px;font-size: 44px;color:#0068b6 }
.main-section.section-about .about-0 .fr { width:583px; }
.main-section.section-about .about-0 .fr p { font-size:18px;line-height:22px;text-align: justify; }
.main-section.section-about .about-1 { margin-top:100px; }
.main-section.section-about .about-1 .fl { width:490px;text-align:center; }
.main-section.section-about .about-1 .fr { width:583px; }
.main-section.section-about .about-1 h3 { margin-top:38px;font-size: 34px;color:#0068b6 }
.main-section.section-about .about-1 p { font-size:18px;line-height:22px;text-align: justify; }

.main-section.section-about-1 .container, .main-section.section-about-2 .container { width:1000px; }

.main-section.section-about-1 { padding-bottom:80px;background-image:url(../images/about_bj1.jpg);background-size:100%;background-position: center }
.main-section.section-about-1 .about-item { text-align:left; }
.main-section.section-about-1 .about-item h3 { font-size:52px;color:#0068b6}
.main-section.section-about-1 .about-item p { font-size: 28px;line-height: 42px;}

.main-section.section-about-2 { padding-top:30px;padding-bottom:0px;background-image:url(../images/about_bj2.jpg);background-size:100%; }
.main-section.section-about-2 .about-item { text-align:left;overflow:hidden;zoom:1 }
.main-section.section-about-2 .about-item h3 { font-size:42px;color:#0068b6}
.main-section.section-about-2 .about-item p { font-size: 28px;line-height: 42px;}
.main-section.section-about-2 .col { width:100%; }
.main-section.section-about-2 .col p { font-size:28px; }
.main-section.section-about-2 .line { width:1000px;border-bottom:2px solid #00aeeb;margin:0px auto;margin-top:60px; }

.main-section.section-about-3{ padding-top:60px;background-image:url(../images/about_bj3.jpg);background-size:100%;background-position:top center }
.main-section.section-about-3 .about-item { overflow:hidden;zoom:1 }
.main-section.section-about-3 .our-advantage .fl { margin-left:200px; }
.main-section.section-about-3 .our-advantage .fl .img-wrap { width:200px;margin-bottom:15px;margin-left:38px; }
.main-section.section-about-3 .our-advantage .fl .img-wrap img { width:100%;height:auto; }
.main-section.section-about-3 .our-advantage .fl p { line-height:38px;font-size:18px; }
.main-section.section-about-3 .our-advantage .fl p em { font-size:40px;margin-right:12px;float:left;font-weight:600 }
.main-section.section-about-3 .our-advantage .fr { margin-right:100px; }
.main-section.section-about-3 .our-advantage .fr img { width:406px;height:auto; }
.main-section.section-about-3 .our-honor { margin-top:69px; }
.main-section.section-about-3 .our-honor .fl { margin-left:200px }
.main-section.section-about-3 .our-honor .fl img { height:256px;width:auto; }
.main-section.section-about-3 .our-honor .fr { width: 512px;margin-right:20px;padding-top: 35px;text-align:center; }
.main-section.section-about-3 .our-honor .fr .img-wrap { margin-bottom:22px; }
.main-section.section-about-3 .our-honor .fr .img-wrap img { width:153px;height:auto; }
.main-section.section-about-3 .our-honor .fr p { font-size:18px;line-height:22px;margin-bottom:12px; }
.main-section.section-about-3 .our-develop { margin-top:94px; }
.main-section.section-about-3 .our-develop .fl { width:516px;text-align:center;margin-left:20px;margin-top:50px; }
.main-section.section-about-3 .our-develop .fl .img-wrap { margin-bottom:22px; }
.main-section.section-about-3 .our-develop .fl .img-wrap img { width:133px;height:auto; }
.main-section.section-about-3 .our-develop .fl p { font-size:18px;line-height:22px;letter-spacing: 2px; }
.main-section.section-about-3 .our-develop .fr { width:516px;text-align:left; }
.main-section.section-about-3 .our-develop .fr img { height:250px;width:auto;margin-left:50px; }
.main-section.section-about-3 .our-quanity { margin-top: 114px;padding-bottom: 116px; }
.main-section.section-about-3 .our-quanity .fl { width:516px;text-align:center;margin-top:28px; }
.main-section.section-about-3 .our-quanity .fl img { height:95px;width:auto;margin-left:10px;margin-right:10px; }
.main-section.section-about-3 .our-quanity .fr { width:508px;text-align:center;margin-right:30px; }
.main-section.section-about-3 .our-quanity .fr .img-wrap { margin-bottom:22px; }
.main-section.section-about-3 .our-quanity .fr .img-wrap img { width:201px;height:auto; }
.main-section.section-about-3 .our-quanity .fr p { font-size:18px;line-height:22px; }

.main-section.section-detail { padding-top:96px;background:#060408 }
.main-section.section-detail .icons { border-bottom: 1px solid #00aeeb;border-top: 1px solid #00aeeb;width: 100%;height: 112px;padding-bottom: 10px;color: #00aeeb;text-align:center }
.main-section.section-detail .icons ul { margin-top:10px;margin-bottom:10px;white-space: nowrap }
.main-section.section-detail .icons li { margin-left:25px;margin-right:25px;display:inline-block;zoom:1;*display:inline; }
.main-section.section-detail .icons li img { height:70px;width:auto; }
.main-section.section-detail .icons li p { color: #00aeeb;font-family: Akzidenz-GroteskBQLight;font-size: 16px;margin-top:10px;}
.main-section.section-detail .item { overflow:hidden;zoom:1 }
.main-section.section-detail .img, .main-section.section-detail .line { width:100%;height:auto;float:left }
.main-section.section-detail .swiper-free-mode > .swiper-wrapper { margin:0px auto; }
.main-section.section-detail .line { display:none; }

.main-section.section-product { padding-top:96px;padding-bottom:0px;background:#060408; }
.main-section.section-product .img-wrap { width:100%; }
.main-section.section-product .img-wrap img { width:100%;height:auto;display:block; }
.main-section.section-product .img-list-wrap { padding-top:0px; }
.main-section.section-product .img-list-wrap img { width:100%;display:block; }
.main-section.section-product .img-list-wrap ul { overflow:hidden;zoom:1; }
.main-section.section-product .img-list-wrap li { width:49%; }
.main-section.section-product .img-list-wrap li img { width:100%;height:auto; }
.main-section.section-product .img-list-wrap li p { font-size: 22px;line-height: 36px;color:#5d5d5d;margin-top:38px;text-align:center; }
.main-section.section-product .line { width:100%;height:auto; }
.main-section.section-product .product-params { padding-top:80px;padding-bottom:50px;background:#FFF;color:#1e1e1e }
.main-section.section-product .product-params .container { overflow:hidden;zoom:1 }
.main-section.section-product .product-params .pl { width:100%;float:left; }
.main-section.section-product .product-params .pl h3 { font-size:35px;color:#1e1e1e;font-weight:400; }
.main-section.section-product .product-params .pl ul { margin-top:30px; }
.main-section.section-product .product-params .pl ul li { height:33px;width:100%;font-size:20px;margin-bottom:8px; }
.main-section.section-product .product-params .pl ul li span { float:left;line-height:33px; }
.main-section.section-product .product-params .pl ul li span.title { width:25%;color:#FFF;background:#1e1e1e;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.main-section.section-product .product-params .pl ul li span.value { width:75%;color:#1e1e1e;background:#fff;border-bottom:1px solid #dddddd;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.main-section.section-product .product-params .pl ul li span.title em { margin-left:22px; }
.main-section.section-product .product-params .pl ul li span.value em { margin-left:15px; }
.main-section.section-product .product-params .pr { width:100%;float:right; }
.main-section.section-product .product-params .params-img { padding-left:20px; }
.main-section.section-product .product-params img { max-width:100%;max-height:100%; }
.main-section.section-product .product-params td { vertical-align:middle }
.main-section.section-product .params-mobile { padding:0px 15px; }
.main-section.section-product .params-mobile img { width:100%;margin:0px;margin-top:20px; }
.main-section.section-product .product-params .params-mobile .pl ul li span.title { width:100%; }
.main-section.section-product .product-params .params-mobile .pl ul li span.value { width:100%; }
.main-section.section-product .product-params .params-mobile .pl ul li span.title em { margin-left:15px; }
.main-section.section-product .img-series { background:#FFF;padding:80px 0px 60px 0px; }
.main-section.section-product .img-series .container { overflow:hidden;zoom:1}
.main-section.section-product .img-series .img-big { width:500px;height:410px;float:left;overflow:hidden;border:1px solid #adadad;position:relative }
.main-section.section-product .img-series .img-big img { width:100%;height:auto; }
.main-section.section-product .img-series .product-info { width:630px;height:412px;float:right; }
.main-section.section-product .img-series .product-info h4 { color:#9a9a9a;font-weight:300;font-size:24px; }
.main-section.section-product .img-series .product-info h3 { color:#3d3d3d;font-weight:400;font-size:24px;margin-top:58px; }
.main-section.section-product .img-series .product-info h3 em { font-family: "EngschriftDINDOT";font-size:44px; }
.main-section.section-product .img-series .product-info ul { overflow:hidden;zoom:1;width:100%;display:flex;margin-top:35px;margin-bottom:20px; }
.main-section.section-product .img-series .product-info li { width:145px;height:120px;border:2px solid #adadad;margin-right:6px;overflow:hidden }
.main-section.section-product .img-series .product-info li img { width:100%;height:auto;overflow:hidden; }
.main-section.section-product .img-series .swiper-scrollbar { background:#8a8a8a; }


.main-section.section-search { background:#000; }
.main-section.section-search .search-form { width:100%;height:50px;position:relative; }
.main-section.section-search .search-form form { width:100%;height:50px;position:absolute;right:0px;top:0px; }
.main-section.section-search .search-form input { border: none;outline: none;width: 236px;height: 50px;padding-left: 10px;font-size:18px;color:#000;position:absolute;top:0px;right:55px;line-height:50px; }
.main-section.section-search .search-form button { float:right;width: 55px;height: 50px;background-color: #00ADEB;padding: 10px 13px;border:0px;cursor: pointer;position:absolute;right:0px;top:0px; }
.main-section.section-search .search-form button img { height:30px;width:auto; }
.main-section.section-search #search-result { margin-top:80px;width:100%;overflow:hidden;zoom:1 }
.main-section.section-search #search-result .result-item { width:250px;float:left;margin-left:25px;margin-right:25px;margin-bottom:40px; }
.main-section.section-search #search-result .img-wrap { width:248px;height:245px;border:1px solid #595757;text-align:center;vertical-align:middle;display:table-cell; }
.main-section.section-search #search-result .img-wrap img { margin:0px auto;vertical-align: middle;width:100%; }
.main-section.section-search #search-result .img-wrap i {display:inline-block;height:100%;vertical-align:middle}
.main-section.section-search #search-result .meta { margin-top:36px;text-align:center;font-size:18px; }
.main-section.section-search #search-result .clear { width:100%;float:left; }
.main-section.section-search .no-data { text-align:center;font-size:28px;margin-bottom:160px; }

    /** footer **/
.footer-layer { top:0px;left:0px;position:absolute;width:100%;height:100%;z-index:9;background:url(../images/t.png) repeat 0 0;display:none; }
.footer-section { width:100%;height:260px;background:#171717;padding-top:30px;}
.footer-section .container { height:180px; }
.footer-section .footer-item { width:300px;float:left;overflow:hidden;position:relative; }
.footer-section .footer-item h3 { color:#dbdcdc;font-size:18px;margin-bottom:10px; }
.footer-section .footer-item ul li { line-height:22px; }
.footer-section .footer-item ul li a { color:#b5b5b6 !important }
.footer-section .footer-item ul li a:hover { color:#ffffff !important }
.footer-section .footer-item p { color:#b5b5b6 }
.footer-section .section-products { width:250px; }
.footer-section .section-share { width:350px; }
.footer-section .section-share ul { float:left;width:162px; }
.footer-section .section-share li { float:left;width:34px;height:34px;margin-top:5px;margin-right:20px;margin-bottom:15px; }
.footer-section .section-share li a { display:block; }
.footer-section .section-share li img { width:100%;height:100%; }
.footer-section .section-share .qrcode { width:85px;height:85px;position:absolute;right:60px;top:42px; }
.footer-section .section-address li { position:relative;padding-left:30px;overflow:hidden;zoom:1 }
.footer-section .section-address li p { float:left; }
.footer-section .section-address img { position:absolute;left:0px;top:5px; }
.footer-section .copyright { position:absolute;left:0px;bottom:0px;text-align:center;color:#b4b4b5;text-align:center;background:#000000;height:50px;line-height:50px;width:100%; }

#gotop { position:fixed;right:50px;bottom:50px;z-index:9;cursor:pointer; }


#video-layer { position: fixed;width:100%;height:100%;background:url(../images/img_video_bg.png) repeat 0 0;z-index:99999;top:0px;left:0px;display:none; }
#video-layer .video-wrap { width:908px;height:538px;position:absolute;top:50%;left:50%;margin-top:-269px;margin-left:-454px; }
#video-layer .video-wrap #video-container { width:900px;height:520px;border:4px solid #000;background:#FFF; }
#video-layer a { display:block;line-height:30px;font-size:16px;text-align:center; }
#video-layer a:hover { color:#00aeeb }


/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:0px solid #aaa;background:#00aeeb;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);cursor:move}

.weixin { position:fixed;width:100%;height:100%;top:0px;left:0px;background:#000;background:rgba(0,0,0,0.5);z-index:999999;display:none; }
.weixin img { width:180px;height:180px;position:absolute;top:50%;left:50%;margin-top:-90px;margin-left:-90px; }

.visible-xs { display: none !important; }
@media (max-width:1199px) {
    html { overflow-x:hidden }
    body { width:100%;margin:0px auto;padding-top:116px;overflow-y:auto; }
    .container { width:100%; }
    .hidden-xs { display:none !important; }
    .visible-xs { display:block !important; }
    #gotop { right:10px; }
    #gotop img { height:20px; }

    .swiper-scrollbar {border-radius: 10px;position: relative;-ms-touch-action: none;background: rgba(255,255,255,0.1);height: 4px;position: absolute;bottom: 0px;width: 100%;}
    .swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background: rgba(255,255,255,0.5);border-radius: 10px;}
    .swiper-scrollbar-cursor-drag {cursor: move;}

    .swiper-container .next, .swiper-container .prev { width:24px;height:24px;top:50%;margin-top:-12px; }
    .swiper-container .next img, .swiper-container .prev img { width:100% }
    .swiper-container .next { left:10px; }
    .swiper-container .prev { right:10px; }
    .swiper-container .text { top:50%;height:40px;margin-top:-20px; }
    .swiper-container .text h1 { font-size:32px;height:40px;line-height:40px; }

    body.home .contrast-txt-0 { top: 18%;width: 170px;left: 0px; }
    body.home .contrast-txt-1 { width: 200px;top:50%;left: 10px; }
    body.home .section-in-hand { margin-top:30px; }
    body.home .in-hand-txt-0 { top:0px; }
    body.home .in-hand-txt-0 img { width:110px; }
    body.home .in-hand-txt-1 { top:50px;display:none; }
    body.home .in-hand-txt-1 img { height:3px; }
    body.home .in-hand-txt-2 { top:30px; }
    body.home .in-hand-txt-2 img { width:320px; }
    body.home .floodlight-txt-0 { right:10px;top:135px;width:220px; }
    body.home .floodlight-txt-1 { right:10px;top:170px;width:300px; }
    body.home .uv-txt-0 { width:142px;top:10px;left:10px; }
    body.home .uv-txt-1 { width:122px;top:50px;left:10px; }
    body.home .uv-txt-2 { width:52px;top:10px;right:10px; }

    .footer-section, .footer-section .container { height:auto; }
    .footer-section .section-products { width:auto; }
    .footer-section .footer-item { width:auto;height:auto;float:none;padding:0px 30px;margin-bottom:30px; }

    .footer-section .section-products ul li { border-bottom:1px solid #fff; }
    .footer-section .section-products ul li a { display:block;font-size:14px;padding:10px 0px; }
    .footer-section .footer-item p { font-size:14px; }
    .footer-section .footer-item .signup-link { text-align:center; }
    .footer-section .section-share { width:auto;display: block; }
    .footer-section .section-share ul { float:none;width:100%;text-align: center;overflow:hidden;zoom:1 }
    .footer-section .section-share li { display:inline-block;float:none;margin-right:15px; }
    .footer-section .section-share .qrcode { position:initial;top:auto;right:auto;display:block;margin:0px auto;margin-top:20px; }

    .footer-section .copyright { position:initial;padding:15px 10px;height:auto;line-height:22px;width:auto; }

    .navbar { background: #020202 url(../images/img_nav_bg.png) no-repeat center center;background-size:cover;padding-bottom: 25px;position: fixed;top: 0px;z-index: 9999;left: 0px;right: 0px;padding: .5rem 0rem;width:640px;left:50%;margin-left:-320px;height:100px;z-index:99999;width:auto;left:0px;margin-left:0px;padding:.5rem 0.5rem }
    .navbar-toggler { -webkit-align-self: flex-start;-ms-flex-item-align: start;align-self: flex-start;padding: .25rem .75rem;font-size: 1.25rem;line-height: 1;background: 0 0;border: 1px solid transparent;border-radius: .25rem;border: 0px;color: #FFFFFF;position: relative;width: 32px;height: 32px;}
    .navbar .navbar-toggler hr {height: 1px;background: #fff;display: block;margin: 0;padding: 0;border: 0;position: absolute;transition: all ease .6s;-moz-transition: all ease .6s;-ms-transition: all ease .6s;-o-transition: all ease .6s;-webkit-transition: all ease .6s;}
    .navbar .navbar-toggler hr:nth-child(1) {width: 20px;top: 8px;right: 5px;left: 5px;}
    .navbar .navbar-toggler hr:nth-child(2) {width: 20px;top: 50%;left: 5px;margin-top: -1px;opacity: 1;right: 5px;}
    .navbar .navbar-toggler hr:nth-child(3) {width: 20px;bottom: 8px;right: 5px;left: 5px;}
    .navbar .navbar-toggler.open hr:nth-child(1) {width: 80%;top: 50%;margin-top: -1px;transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform-origin: center;-moz-transform-origin: center;-ms-transform-origin: center;-o-transform-origin: center;-webkit-transform-origin: center;right: 0;left: 3px;}
    .navbar .navbar-toggler.open hr:nth-child(2) {opacity: 0;left: -50%;}
    .navbar .navbar-toggler.open hr:nth-child(3) {width: 80%;bottom: 50%;margin-bottom: 0;transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform-origin: center;-moz-transform-origin: center;-ms-transform-origin: center;-o-transform-origin: center;-webkit-transform-origin: center;right: 0;left: 3px;}
    .navbar .navbar-brand { width:180px;position:absolute;left:50%;margin-left:-90px;top:0px; }
    .navbar .navbar-brand img { width:100%; }
    .navbar .link-lang { position:absolute;right:15px;position: absolute;right: 10px;bottom:10px; }
    .navbar .search-box { position:absolute;left:10px;height:26px;width:50%;border:1px solid rgba(255,255,255,0.6);bottom:10px;border-radius:5px; }
    .navbar .search-box img { height:14px;position:absolute;top:50%;margin-top:-7px;left:10px; }
    .navbar .search-box input { color:#FFF;background:transparent;height:16px;position:absolute;top:50%;margin-top:-8px;border:0px;right:10px;width:80%;text-align:right; }
    .navbar.open { background:transparent }
    .navbar.open .link-lang, .navbar.open .search-box { display:none; }
    /*.navbar.open.fixed { background: #020202 url(../images/img_nav_bg.png) no-repeat center center;background-size:cover; }*/
    .navbar .share-dots { position:absolute;top:15px;right:15px; }
    .navbar .share-dots em { float:left;width:8px;height:8px;margin-left:6px;background:#FFF;border-radius:50%; }
    .navbar .navbar-share { position:absolute;background:#000;width:100%;height:100%;top:0px;left:0px;transform: translateY(-100%);visibility:hidden;transition: all 0.3s ease-out 0s;}
    .navbar .navbar-share.open { transform: translateY(0);visibility:visible; }
    .navbar .navbar-share h3 { padding:10px;font-size:16px; }
    .navbar .navbar-share ul { text-align:center; }
    .navbar .navbar-share li { display:inline-block;margin:0px 5px; }
    .navbar .navbar-share .share-close { position:absolute;right:0px;top:0px;font-size:20px;font-family: Arial;text-align:center;right:15px;top:10px; }

    .navbar-dropdown { position:absolute;height:100%;width:100%;background:#020202 url(../images/img_nav_dropdown_bg.png) no-repeat center center;background-size:cover;z-index:99998;top:0px;left:0px;display:none !important; }
    .navbar-dropdown.open { display:block !important; }
    .navbar-dropdown ul { margin:100px 30px 30px 30px; }
    .navbar-dropdown ul li a { font-size:16px;padding:15px 0px;display:block;border-bottom:1px solid #eee; }


    .main-section { padding-bottom:50px; }
    .main-section.section-partners { padding-top:30px; }
    .main-section.section-partners .section-left, .main-section.section-contact .section-left { width:auto;float:none;padding:10%; }
    .main-section.section-partners .section-left h3, .main-section.section-partners .section-left p { text-align:center; }
    .main-section.section-partners .section-right, .main-section.section-contact .section-right { width:auto;padding:15px;margin-top:20px;float:none; }
   .main-section.section-contact .section-right img { width:100%;float:right; }
   
    .main-section.section-contact { padding-top:38px; }
    .main-section .contact-form ul li .btn { float:none;display:block;margin:0px auto;margin-bottom:30px; }
    .main-section .banner, .main-section .banner { margin-bottom:30px !important; }
    .main-section.section-contact .section-left h3 { text-align:left; }

    .main-section.section-about { padding-top:10px;background:url(../images/img_about_us_bg_m.jpg) no-repeat top center;background-size:100% auto; }
    .main-section.section-about .about-0 .fl { float:none;width:auto;max-width:80%;margin:0px auto; }
    .main-section.section-about .about-0 .fr { float:none;width:auto;padding:20px; }
    .main-section.section-about .about-0 h3 { text-align:center;margin-top:30px !important;margin-bottom:20px;font-size:30px; }
    .main-section.section-about .about-1 { margin-top:20px; }
    .main-section.section-about .about-1 .fr { width:auto;padding:20px; }
    .main-section.section-about .about-1 h3 { text-align:center;font-size:30px; }
    .main-section.section-about .about-pic { padding:20px; }
    .main-section.section-about .about-pic img { width:100%; }
    .main-section.section-about-1 { padding-top:30px;background-position:top center; }
    .main-section.section-about-1 .container, .main-section.section-about-2 .container { width:100%; }
    .main-section.section-about-1 .about-item { padding:0px 20px;text-align:center; }
    .main-section.section-about-1 .about-item h3 { font-size:30px; }
    .main-section.section-about-1 .about-item p { font-size:22px;line-height:30px; }
    .main-section.section-about-2 .about-item { padding:0px 20px; }
    .main-section.section-about-2 .about-item h3 { font-size:30px; }
    .main-section.section-about-2 .about-item p, .main-section.section-about-2 .col p { font-size:22px; }

    .section-about-m img { display:block;width:100%; }

    .main-section.section-product { padding-top:0px; }

    .main-section.section-product .img-series .img-big { width:auto;height:auto;float:none; }
    .main-section.section-product .img-series .product-info { width:100%;height:auto;text-align:center; }
    .main-section.section-product .img-series .product-info ul { margin-left:0px; }

    .main-section.section-product .product-params { padding-top:10px; }
    .main-section.section-product .product-params .pl ul { margin-top:10px; }
    .main-section.section-product .product-params .pl h3 { font-size:26px; }
    .main-section.section-product .product-params .pl ul li { width:auto;height:auto;margin:0px;padding:5px 5px;font-size:16px; }
    .main-section.section-product .product-params .pl ul li:nth-child(odd) { background:#000; }
    .main-section.section-product .product-params .pl ul li:nth-child(odd) span { color:#FFF !important }
    .main-section.section-product .product-params .pl ul li span { float:none;line-height:20px;background:transparent !important; }
    .main-section.section-product .product-params .pl ul li span.title {color:#1e1e1e}
    .main-section.section-product .product-params .params-mobile .pl ul li span.title em { margin-left:0px; }
    .main-section.section-product .product-params .params-mobile .pl ul li span.value { white-space: normal;border-bottom:0px; }
    .main-section.section-product .product-params .pl ul li span.value em { margin-left:0px; }

    #m-swiper-container img { width:100% }
    #m-swiper-container .swiper-page { position: absolute;right:5px;bottom:5px;color:#FFF;font-family: "EngschriftDINDOT";font-size:18px;display:none; }

    .main-section.section-product .img-series { padding-top:30px; }
    .main-section.section-product .img-series .product-info h3 { margin-top:30px; }
    .main-section.section-product .img-series .product-info h3, .main-section.section-product .img-series .product-info h4 { padding:0px 15px; }

    .main-section.section-search { padding-top:0px; }
    .main-section.section-search .container { position:relative;padding-top:60px; }
    .main-section.section-search .search-form { height: 50px;position: absolute;left: 50%;margin-left: -150px;top: 30px;width: 300px; }
    .main-section.section-search #search-result .result-item.col-sm-4 { width:30%;margin-left: 10px;margin-right: 10px; }

    .main-section.section-detail { padding-bottom:0px;padding-top:0px; }
    .main-section.section-detail .icons { background:#01040f;padding-bottom:5px; }

}

@media (max-width:640px) {
    #video-layer .video-wrap { width:320px;margin-left:-160px;height:200px;margin-top:-100px; }
    #video-layer .video-wrap #video-container { width:312px;height:180px; }

    .main-section.section-search #search-result .result-item.col-sm-4 { width:auto;margin:0px auto;margin-bottom:40px;float:none;text-align:center;padding:0px 20px; }
}


