@charset "utf-8";

.newp {width: 62px;height: 26px;position: absolute;left: 5%;top: 5%;background: url('../images/new.png') no-repeat;}
.product-left-screening .screening .item .radio li,.product-left-screening .screening .item .radio label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;   user-select:none;}





/* mobile nav */
.mnav{position: relative;z-index: 900; display: none;}
.mnav.scroll-down .mheader{top:-100px;}
.mnav.scroll-top .mheader,.mnav.scroll-top .mheader{top:0px;background: #0c448f;}
.mnav.scroll-top .mheader .mlogo,.mnav.scroll-top .mheader .mlogo{ background: url("../images/logo.png") left center no-repeat;background-size: 100%;}


.mheader {height:60px;position:fixed;left:0;top: 0;z-index: 93;width: 100%;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.mheader ul {height:60px;position: relative;padding:0 3%;margin: 0;}
.mlogo { left:10px;top:56%;position: absolute;z-index: 94;display: block;width: 64px; height: 60px; margin-top: -31px;background: url("../images/logo.png") left center no-repeat;background-size: 100%;-webkit-transition:none;-moz-transition:none;transition:none;}
.mlanguage {padding-top:10%;text-align: center;} 
.mlanguage a{display: inline-block;margin:0 2%;color: #666;font-size: 14px;} 
.mlanguage a:hover {opacity: 1;}

.cd-nav{margin: 0;padding: 0; }
.cd-nav li{width:80%;margin: auto;padding: 0;overflow:hidden;position: relative;}
.cd-nav a{ border-bottom:#313131 1px solid;position: relative; display: block;width:90%;text-align: center; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:18px; color:#fff;padding:5% 0; margin:0px auto;text-transform:uppercase;}
.cd-nav a:hover{color:#fff;}
 
.menu-toggle {display: block;width:50px;height:50px; position:absolute;right:0px;top:8px;z-index: 9999;}
.cd-nav-trigger {width: 100%;height: 100%;display: block;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
 
.cd-nav-container{background-color:#1a1a1a;position: fixed; z-index:91; top:0px; right: 0; width: 100%;height:calc(100% - 50px);padding-top: 50px; overflow-y: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}

.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:19;}
.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}



.en #fenix .product-nav .type-item .text .plist li {max-width:100%;}
.en #fenix .product-nav .type-item .text .plist li.fr {min-width: 100%;margin-right: 0;clear: both;}
.en #service .product-nav .type-item .text .plist li{max-width: 100%;}
.en #product .type-item:last-child .text .plist li.fl{min-width:100%;}
.en #product .type-item:last-child .text .plist li.fr {min-width: 100%;margin-right: 0;clear: both;}
.product-nav .type-item .text .plist li.fl a {font-size: 14px;}


@media screen and (max-width: 5120px) {
	
}
@media screen and (max-width: 3840px) {
	.product-list .item a .text h5 {width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;margin: auto;}	
	.product-list .item a .text h3 {max-height: 20px;overflow: hidden;}
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}


@media screen and (max-width: 1920px) {
	.evaluation-index-list .evaluation .img {position: relative;}
	.evaluation-index-list .evaluation .img img.center-img {opacity: 1;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: auto;z-index: 3;}
	.evaluation-index-list .evaluation .img img {display: block;width: 100%;height: auto;opacity: 0;}
	.evaluation-index-list .evaluation.e1 .text {z-index: 5;}
	.evaluation-index-list .evaluation .text h3{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.honors-content .imgpic img {width: 100%;}
	.honors-content .img .t2 {padding: 0 7px;}
	.about-brand-honors .list .item li .img .t1 {background: url(../images/z1.png) center top no-repeat;height: 8px;}
	.product-our-flashlights .declinein {top:auto;}
	.product-list .item a .text h5 {min-height: 19px;width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;margin: auto;}
	.parameter td {font-size: 14px;padding: 10px 0;color: #999999;}
	.parameter table tr td:first-child {color: #666;}
	.honors-content .text .txt {display: none;}
	.product-list .item a .text h3 {height: 48px;overflow: hidden; font-weight: normal; line-height: 24px; font-size: 16px;text-align: left;}
	.more2 h6{text-align: left;}
	.en .page-nav2 a {font-size: 14px;}
	.en .explore-fenix .page-nav {height: 60px}
}

@media screen and (max-width: 1820px) {
	
}

@media screen and (max-width: 1680px) {
	.index-aboutvideo {min-height: auto;}	
	.index-aboutvideo .aboutvideo .video video {width: auto;height: 100%;margin: auto;}
	.gh-cases .cases .pic img{min-height: 297px;max-height: 297px;}
	.gh-cases .cases .text {height:120px;}
	.caselist .text {height: 120px;}
	 .info_box .left_box .tab_hd {padding-top: 20px;}
     .info_box .left_box .tab_hd div a {line-height: 35px;}
	 .info_box .left_box .tab_hd div a i {height: 35px;}

	.about-company-profile .right .text{padding: 30px 0 0px 0;     font-size: 16px; line-height: 34px;}



}

@media screen and (max-width: 1440px) {
	.header .content .left {height:80px;}
	.header .content .right .nav li {padding: 30px 33px 0px 34px;height: 50px;}
	.header .content .right .language {padding: 30px 0;}
	.header .content .right .language .language-show {right:1px;top: 70px;width: 80px;}
	.header-nav-show {top: 100px;}
	.product-nav .type-item {width: 15%;margin-right:1%;}
	.product-nav .type-item .text .ptitle h3 a,.product-detail-nav li a,.product-detail-nav-fixed li a,.product-detail-faq .product-faq .title h3,.product-detail-download .content .right .download-list .text h3,.explore-fenix .page-nav li a h5,.evaluation-index-list .evaluation .text h3,.evaluation-video-list .item .text h3 {font-size: 16px;}
	.product-nav .type-item .text .plist li.fl a  {font-size: 14px;}
	#application .product-nav .type-item .img {height: 133px;}
	.product-nav .type-item .img {height: 133px;}
	.product-nav .type-item .text .plist li {max-width: 50%;}
	.product-type a .img svg{height: 575px;}
	.product-type a .img svg image {height: 100%}
	.product-type a .text h3 {font-size: 26px;}
	.product-type a .text h4 {font-size: 18px;}
	.banner-slide .txt span,.more span,.news-swiper-title .news-swiper-text .ntitle a span,.evaluation-index-list .evaluation.e1 .text .bottom h5 {font-size: 12px;}
	.banner-slide .txt h1 {font-size: 50px;}
	.banner-slide .txt h3 {font-size: 50px;line-height: 50px;}
	.banner-slide .txt h4 {font-size: 16px;}
	.ptype2 .img,.ptype3 .img,.ptype4 .img {margin-left: -50px;}
	/*.play i {width: 49px;height: 49px;}*/
	.index-aboutvideo .aboutvideo .text .txt {font-size: 14px;}
	.title h2 {font-size:40px;}
	.title h3 {font-size:20px;}
	.index-news,.footer .content,.product-detail-nav-fixed .content,.about-section .content {width: 80%;}
	.news-swiper-title .news-swiper-text .ntitle a h3 {font-size: 14px;}
	.news-swiper-title .news-swiper-text .ntitle a {padding: 20px 0;}
	.news-swiper-title {top: 0px;}
	.product-our-flashlights,.product-detail-top,.page-path  {padding-top: 80px;}
	.product-our-flashlights .left {width: 32%;padding: 3% 0 0 10%;}
	.product-our-flashlights .swiper-pagination {bottom: 25px;}
	.product-our-flashlights .left .text,.evaluation-index-list .evaluation .text h5,.service-policy .item .right .text table {font-size: 12px;line-height: 24px;}
	.product-our-flashlights .left .play i { width: 60px;height: 60px;}
	.declinein {top: 10%;height: 50%;}
	.product-main .content,.product-detail-nav .content,.product-detail-main .content,.product-detail-reviews .content,.product-detail-accessories .content,.application-advantage .content,.explore-fenix-index .content,.explore-faq-knowledge .content{width: 80%;}
	.product-detail-top .right {top: 80px;border-top: 5px solid #0c448f;}
	.product-detail-text {width: 70%;padding: 10% 0 0 10%;}
	.product-detail-text .text {line-height: 24px;padding:25px 0;margin: 25px 0;}
	.product-detail-imgs {padding-bottom: 60px;padding-top: 0px;}
	.swiper-imgs-small{margin-top: -50px;}
	.product-detail-parameter .content .title {margin-bottom: 40px;}
	.product-detail-parameter { background-size: cover;}
	.product-detail-main {padding: 50px 0 40px 0;}
	.product-detail-parameter .content,.product-detail-faq .content {width: 80%;padding: 100px 0 100px 0;}
	.application-scenario .left {padding: 0px 0 0 12%;top: 130px;}
	.application-nav h4 {height:80px;line-height:80px;font-size: 14px;}
	.application-nav h4::after {bottom: 9px;}
	.application-scenario .left .text,.faq-knowledge-list .item h3,.service-policy .item .right .text,.about-company-profile .left .text,.about-company-profile .right .text,.about-message-contact .right .contact .item li h5,.about-company-culture .right .text,.about-company-culture .right .item li h5,.about-contact-us .left .list li h5 {line-height: 30px;font-size: 14px;}
	.application-imgs-small {padding: 30px 0 30px 0;}
	.application-nav .a-navshow li {padding: 20px 0;}
	.evaluation-index-list .evaluation .text {padding: 4% 5% 0 5%;}
	.evaluation-index-list .evaluation .text h5 {font-size: 12px;line-height: 22px;}
	.evaluation-index-list .evaluation.e1 .text {padding: 5% 3% 3% 3%;width: 94%;}
	.evaluation-video-list .item .img .play {margin: -39px 0 0 -29px;}
	.page-path-content .content,.evaluation-detail .content {width: 70%;}
	.activities-list .activities .text h2 {font-size: 18px;line-height:30px;}
	.brand-ambassador .item .right .text h5,.explore-technology-innovation .title .text,.explore-lighting-knowledge-detail .content .list .item .text h5,.history-slide .text {font-size: 14px;line-height:26px;}
	.brand-ambassador .item .right .name {margin-top: 35px;}
	.brand-ambassador .item .right .name h3 {font-size: 18px;}
	.brand-ambassador .item .right .name {height: 65px;}
	.brand-ambassador .item .right .name-en {top: 0px;}
	.ambassador-top .item .right .text h5,.ambassador-product-experience .text .txt,.explore-lighting-knowledge .text .txt {font-size: 16px;line-height: 28px;}
	.ambassador-top .item .right .name-en {font-size: 100px;top: 30px;}
	.explore-technology-innovation {width: 100%;}
	.explore-technology-innovation .list .item,.about-brand-honors .list .item {background-size: 100%;}
	.explore-technology-innovation .list .item li,.about-brand-honors .list .item li{margin: 0 10px;}
	.about-development-history .left .history-nav a h3 {font-size: 20px;}
	.about-development-history .left .history-nav a {padding: 40px 15% 40px 0;}
	.about-message-contact .right .contact {padding: 105px 100px 105px 80px;}
	.about-message-contact .right .contact .item { width: 100%;}
	.sales-network .swiper-pagination {top: 17%;}
	.about-brand-honors .list .item {padding: 0 100px 60px 100px;}
	.about-contact-us .left {width: 40%;padding-left: 10%;}
	.about-contact-us .left .list li {padding: 25px 15px; width: calc(33.333% - 30px);}
	.about-contact-us .left .list li.c4 {width: calc(66.666% - 30px);}
	.history-slide {padding-bottom: 50px;}
	.gh-case {min-height:750px;}
	.casepic {padding: 50px 0  10px 0; min-height: 500px;}
	 .info_box {padding: 6% 5%; margin: 0 6% 0 10%;}
	 .info_box .tab_list {width: 72%;}
	 .info_box .tab_list .goods_img {width: 50%;}
	 .info_box .tab_list .goods_text p {height: auto;margin: 20px auto; line-height: 1.5em;}
	 .info_box .tab_list .goods_text {width: 30%;right: 5%;}
	.title_box {margin-bottom: 10px;}
	.info_box .left_box .tab_hd {padding-top: 10px;}


}

@media screen and (max-width: 1366px) {
	.index-news .left {width: 25%;}
	.gh-cases .cases .pic img{min-height: 270px;max-height: 270px;}
	.gh-cases .cases .text h3 {font-size: 18px;}
	.gh-cases .cases .text {height:130px;}
	.caselist .text {height: 100px;}
	.gh-case-main .left .title h2{left: -90px;}
	.about-company-profile .right .text{line-height: 24px;}

}

@media screen and (max-width: 1280px) {
	.about-company-profile .right .text{line-height: 22px;}
	.iabout .content { margin-left: 6%;}
	.product-nav .type-item .text .ptitle h3 a,.header .content .right .nav li a,.title .text,.product-detail-faq .product-faq .title h3,.explore-fenix .page-nav li a h5,.evaluation-index-list .evaluation .text h3 {font-size: 14px;}	
	.product-nav .type-item .text .plist li.fl a,.product-nav .type-item .text .plist li a,.footer .content .center .return a,.drop-down-show a  {font-size: 12px;}
	.product-nav .type-item .img {height: 118px;}
	#application .product-nav .type-item .img {height: 118px;}
	.more,.product-type a .more {height: 35px;}
	.more a,.more h6{line-height: 35px;}
	.product-type a .img svg{height: 506px;}
	.news-swiper-title .news-swiper-text .ntitle a h3,.application-scenario .left .text {font-size: 13px;}
	.news-swiper-title .news-swiper-text .ntitle a {padding: 12px 0;}
	.index-news .left .more {margin: 60px 0 0;}
	.header .content .right .language .language-show {right:1px;top: 70px;width: 70px;}
	.title h2 {font-size: 36px;}
	.title h3,.ambassador-text .text {font-size: 18px;}
	.product-our-flashlights .left .list li h5 {margin: 0px 0 10px 0;}
	.product-our-flashlights .left {padding:2% 0 0 8%;}
	.product-our-flashlights .right {width: 55%;}
	.product-our-flashlights .left .text {padding: 20px 0;}
	.product-title .text,.nav-type a h4,.ambassador-top .item .right .text h5, .ambassador-product-experience .text .txt, .explore-lighting-knowledge .text .txt {font-size: 14px;line-height: 24px;}
	.product-main .content, .product-detail-nav .content, .product-detail-main .content, .product-detail-reviews .content, .product-detail-accessories .content, .application-advantage .content, .explore-fenix-index .content, .explore-faq-knowledge .content,.explore-lighting-knowledge-detail .content,.about-section .content ,.ambassador-detail-content .content{width: 90%;}
	.drop-down-show {top: 25px;}
	.application-nav .a-navshow li {padding:15px 0;}
	.evaluation-index-list .evaluation .text h5 {height: 40px;overflow: hidden;}
	.evaluation-index-list .evaluation .text .bottom h5 {height: auto;}
	.evaluation-index-list .evaluation .text .bottom {margin-bottom:6px;}
	.evaluation-detail .detail-top h1 {font-size: 26px;}
	.page-trun a h6 {width: 70%;}
	.brand-ambassador .item .right .text h5  {font-size: 12px;line-height: 22px;}
	.ambassador-detail {padding-top: 80px;}
	.explore-technology-innovation .list .item {padding: 0 100px 60px 100px;}
	.service-policy,.after-consulting,.serial-number-query,.shipping-list,.shipping-list-detail {width: 100%;}
	.form .more {width: 170px;}
	.history-slide {width: 80%;}
	.about-message-contact .right .contact .item li h5  {width: 90%;}
	.about-company-culture .right {width: 35%;right: 5%;}
	.about-company-culture .company-culture.fr .right {left: 5%;}
	.about-company-culture .right .type h2 { font-size: 120px;line-height: 100px;}
	.about-brand-honors .list .item {padding: 0 50px 60px 50px;}
	.about-contact-us .left {width: 45%;padding-left: 5%;}
	.ambassador-top .item .right .name-en {font-size: 80px;top: 40px;}
	.about-development-history .left {padding-top: 80px;}
	.about-message-contact .left {left: 10%;}
	.sales-network .item .text {width: 70%;}
	.news-swiper-title {top: 20px;}
	.ambassador-swiper-pic .swiper-button-next, .ambassador-swiper-pic .swiper-button-prev {margin-top: -90px;}
	.gh-cases .cases .pic img{min-height: 254px;max-height: 254px;}
	.gh-cases .cases .text h3 {font-size: 18px;}
	.gh-cases .cases .text {height:130px;}
	.caselist .text h3 {font-size: 14px;}
	.caselist .text {height: 120px;}
	.gh-case-main .left .title h2{left: -90px; font-size: 55px;}
	 .info_box .left_box .tab_hd div a{font-size: 12px;}	
	 .info_box {padding: 3% 3%;margin: 0 6% 0 6%;}
	 .info_box .tab_list .goods_text p{ height: 88px; overflow: hidden; }


}


@media screen and (max-width: 1152px) {
	 .gh-cases .cases .pic img{min-height: 229px;max-height: 229px;}

	
}


@media screen and (max-width: 1024px) {
	
	.gh-cases .cases .pic img{min-height: 203px;max-height: 203px;}
	.gh-cases .cases .text h3 {font-size: 15px;}
	.gh-cases .cases .text {height:auto;}
	.caselist .text {height: 140px;}
    .news-top{padding: 40px 0;}
  .news_tui .swiper-button-next{width: 40px;height: 40px;background-size: 80px 80px;right: 20px;margin-top: -40px;background-position: 0 -40px;}
  .news_tui .swiper-button-prev{width: 40px;height: 40px;background-size: 80px 80px;left: 20px;margin-top: -40px;}
  .news_tui .swiper-button-prev:hover{background-position: -40px 0;}
  .news_tui .swiper-button-next:hover{background-position: -40px -40px;}
  .news_tui .swiper-slide h3{font-size: 18px;line-height: 28px;max-height: 56px;}
  .news_tui .swiper-slide p{line-height: 22px;}
  .news-list{padding: 30px 0 60px;}
  .news-list .list{margin-bottom: 40px; width:90%;}
  .news-list li .left{width: 320px;}
  .news-list li .name{font-size: 18px;line-height: 26px;}
  .news-list li .right{width: calc(100% - 340px);}
.index-banner-swiper .swiper-slide{height:auto;}
.header .content .right .nav li {padding: 30px 10px 0px 10px;}
.product-our-flashlights, .product-detail-top, .page-path {
    padding-top: 0px;
}

/*}


@media screen and (max-width: 860px) {*/
	.header,.pcshow,.declinein,.index-producttype .img,.index-news .left .more,.footer .content .bottom .flanguage,.faq-knowledge-detail {display: none!important;}	
	.mnav,.mbshow,.index-producttype .product-type .img{display: block!important;}
	.footer {padding-top: 15%;}
	.footer .content .left,.footer .content .left .footer-nav ul,.footer .content .right {width:100%;float:none;}
	.footer .content {width: 90%;}
	.footer .content .right {text-align: left;padding-bottom: 30px;}
	.footer .content .left {padding-bottom: 30px;}
	.footer .content .left, .footer .content .left .footer-nav ul,.product-detail-reviews .content .title {margin-bottom: 20px;}
	.footer .content .left .footer-nav ul li {padding: 5px 10px 5px 0;display: inline-block;}
	.footer .content .left .footer-nav ul strong {border-bottom: 1px solid #666;}
	.banner-slide .txt {width: 90%;left: 5%;z-index: 99;}
	.banner-slide .txt h1,.product-detail-text .title h2,.explore-lighting-knowledge .text h4,.explore-lighting-knowledge-detail .content .title h2 {font-size: 30px;}
	.banner-slide .txt h3,.explore-technology-innovation .title h2 {font-size: 24px;line-height: 30px;}
	.more {margin: 20px 0 0;}
	.index-producttype {margin: 5%;}
	.product-type {position: relative;}
	.product-type a .img svg {width: 100%;height: 200px;display: none;}
	.product-type a .img svg image {width: 100%;height:100%;;}
	.product-type a .img{height: 200px;overflow: hidden;position: relative;}
	.product-type a .img img {width: 120%;max-width: 120%;}
	.product-type a .text {width: 100%;left: 0;}
	.ptype1,.ptype2,.ptype3,.ptype4 {left: 0;}
	.ptype2 .img, .ptype3 .img, .ptype4 .img {margin: 0;}
	.index-aboutvideo .aboutvideo .img img{width: 300%;max-width: 300%;}
	.index-aboutvideo .aboutvideo .text .txt {width: 90%;padding:5% 0;}
	.index-aboutvideo .aboutvideo .video video {height:100%;width:100%;}
	.index-aboutvideo .aboutvideo .video {background: #000;}
	.index-news .left,.index-news .right,.news-swiper-pic,.after-consulting,.after-consulting .left,.after-consulting .right,.serial-number-query,.inputnum {width:100%;float:none;}
	.index-news .left,.news-swiper-title .news-swiper-text .ntitle {padding: 0;}
	.index-news .right,.product-detail-main .content .detail-text .right {padding-top: 0px; margin-left: 0;}
	.index-news,.product-detail-reviews,.product-detail-download .content,.product-detail-faq .content,.product-detail-parameter .content,.about-company-culture ,.about-contact-us{padding: 10% 0;}
	.news-swiper-title {position: relative;right: auto;top:auto; width: 100%;}
	.news-swiper-title .news-swiper-text .ntitle a p {opacity: 1;height: auto;margin-top: 23px;font-size: 12px;}
	.product-our-flashlights .left,.product-our-flashlights .right,.product-detail-main .content .detail-text .left,.product-detail-main .content .detail-text .right {width: 100%;float: none;}
	.product-our-flashlights .left,.product-detail-text,.explore-lighting-knowledge-detail .content .list .item,.about-message-contact .right .contact{padding: 5%;width: 90%;}
	.product-main .content .left,.product-main .content .right,.product-detail-top .left,.product-detail-top .right,.product-detail-faq .content .left,.product-detail-faq .content .right,.product-detail-download .content .right,.product-detail-reviews .content .left,.product-detail-reviews .content .right,.application-scenario .right,.application-advantage .content .left,.application-advantage .content .right,.about-company-culture .left{width: 100%;float: none;}
	
	.product-detail-top .right {position: relative;right: auto;top:auto; width: 100%;display: table;}
	.product-detail-imgs,.product-detail-download .content,.service-policy,.extended-warranty-service,.about-message-contact .right .contact .contact-contact {width: 100%;}
	.product-detail-imgs .swiper-imgs-big .img {height: 400px;}
	.product-detail-nav-fixed li,.product-detail-nav li  {margin: 0;}
	.product-detail-nav-fixed li a,.product-detail-nav li a {font-size: 12px;}
	.product-detail-nav-fixed .link,.product-detail-nav-fixed .link a,.product-detail-nav .link,.product-detail-nav .link a {width: 40px;}
	.product-detail-nav-fixed .link a span,.application-swiper-pic .swiper-button-next, .application-swiper-pic .swiper-button-prev,.application-imgs-small {display: none;}
	.product-detail-nav-fixed .content,.product-detail-text,.product-detail-nav .content,.product-detail-faq .product-faq .title h3,.product-detail-faq .content,.product-detail-parameter .content,.product-detail-main .content,.product-detail-reviews .content,.application-advantage .content,.page-path-content .content,.evaluation-detail .content,.explore-fenix-index .content,.ambassador-detail-content .content,.explore-technology-innovation .title .text,.explore-lighting-knowledge-detail .content,.about-section .content {width: 90%;}
	.product-detail-nav-fixed.position-fixed.scroll-top {top: 60px;}
	.product-detail-text .title h3 {font-size: 18px;}
	.product-detail-text .item li {width: 70%;}
	.product-detail-main .content .detail-text .right .text,.product-detail-parameter .content .text,.ambassador-swiper-pic .swiper-slide .text,.service-download .text h5 {font-size: 12px;line-height: 22px;padding: 0;}
	.product-detail-download .content .left {float: none;margin: 3% 0 0 5%;width: 90%;}
	.product-detail-download .content .right .download-list .more,.product-detail-download .content .right .download-list .text {position: relative;top: auto;margin-top: 0;right: auto;}
	.product-detail-download .content .right .download-list .text {padding-left: 5%;padding-bottom: 5%;width:60%;}
	.product-detail-download .content .right .download-list .item .img {width: 35%;}
	.product-detail-download .content .right .download-list .more {margin-left: 5%;}
	.product-detail-reviews .content .right {padding-left: 0;padding-top: 50px;}
	.product-detail-main .content .detail-imgs{padding: 5% 0;}
	.application-scenario .left {padding: 140px 5% 5% 5%;float: none;width:90%;height:auto;position: relative;left: auto;top: auto;}
	.application-nav,.application-advantage .content .right,.ambassador-product-experience .text,.about-development-history .right {top:auto;left: auto;right: 0;width: 100%;position: relative;height: auto;}
	.application-nav h4 {text-align: left;height: 50px;line-height: 50px;padding:0 5%;}
	.application-nav h4::after {transform: rotate(0deg);left: auto;right: 5%;margin-top: -10px;top: 50%;}
	.application-advantage .content .right,.application-advantage {padding: 5% 0;}
	.application-advantage .content .left .play {margin-left: -26.5px;margin-top: -26.5px;}
	.page-nav2 a {font-size: 14px;margin-right: 10px;}
	.nav-type a h4 {display: block; font-size: 12px;}
	.nav-type a em {margin: 5px auto;}
	.nav-type a {padding:3%;margin: 2px;}
	.explore-fenix .banner .img img {width: 200%;max-width: 200%;}
	.explore-fenix .page-nav li.cur::before,.explore-fenix .page-nav li.cur::after,.explore-fenix .page-nav li a h6,.page-trun a h6,.explore-fenix .page-nav li a::after,.page-nav2 a::after,.page-nav2 a.cur::after,.brand-ambassador .item .right .text::after,.brand-ambassador .item .right .name-en,.brand-ambassador .item.fr .right .text::before,.ambassador-top .item .right .name-en,.ambassador-swiper-pic .swiper-button-next, .ambassador-swiper-pic .swiper-button-prev,.about-message-contact .right .contact::after,.about-message-contact .right::after,.sales-network .swiper-pagination {display: none;}
	.explore-fenix .page-nav li,.explore-fenix .page-nav {height: auto;}
	.explore-fenix .page-nav li a,.ambassador-detail-content,.ambassador-text,.explore-lighting-knowledge-detail,.about-section {padding:0;}
	.explore-fenix-index {padding:10% 0;}
	.evaluation-index-list .evaluation.e1,.evaluation-index-list .evaluation.e2,.evaluation-index-list .evaluation,.brand-ambassador .item .left,.brand-ambassador .item .right,.brand-ambassador .item .right .text h5,.brand-ambassador .item.fr .right .text h5,.ambassador-top .item .left,.ambassador-top .item .right,.ambassador-top .item .right .text,.ambassador-text,.ambassador-product-experience .img,.ambassador-product-experience .text,.explore-lighting-knowledge .img,.faq-knowledge-list .item,.service-policy .item .left,.service-policy .item .right,.service-download .download,.about-company-profile .left,.about-company-profile .right,.about-development-history .left {width: 100%;float: none;}
	.evaluation-index-list .evaluation,.evaluation-index-list .evaluation.e2,.ambassador-top .item {margin: 0 0 2% 0;}
	.evaluation-index-list .evaluation.e1 .text {position: relative;}
	.evaluation-index-list .evaluation.e1 a .img{background: #000;}
	.evaluation-index-list .evaluation .text h3,.evaluation-index-list .evaluation .text h5 {color: #000;}
	.evaluation-index-list .evaluation .text h5 {opacity: .6;}
	.evaluation-video-list .item,.activities-list .activities {float: none;width:100%;margin: 0 0 2% 0;}
	.evaluation-video-list .item .text {position: relative;left: auto;bottom: auto;background-color: #000;overflow: hidden;padding: 5%;}
	.ambassador-top .item .right .text,.ambassador-product-experience .text,.service-policy .item .right{padding: 5% 0;}
	.ambassador-top .item .right .text h5,.ambassador-text .text,.ambassador-product-experience .text .txt,.explore-lighting-knowledge .text .txt,.service-download .text h3  {font-size: 14px;line-height: 24px;}
	.ambassador-text .text::before {width: 30px;}
	.ambassador-text .text {padding: 40px 0 0 0px;}
	.ambassador-detail {padding-top:100px;}
	.explore-technology-innovation .list .item li {margin: auto auto 20px auto;}
	.explore-technology-innovation .list .item {padding: 0 0 80px 0;}
	.explore-lighting-knowledge .text {position: relative;left: auto;right: auto; bottom: auto;overflow: hidden;padding:10% 5% 0 5%;width: 90%;}
	.explore-lighting-knowledge-detail .content .list .item {margin:0 0 2% 0;}
	.explore-lighting-knowledge-detail .content .list {padding:30px 0 0 0;}
	.explore-fenix .page-nav.num4 li{width: 25%;}
	.explore-fenix .banner .title {bottom: 35%;left: 5%;}
	.faq-knowledge-list .item .mbshow {background: #f7f7f7;padding: 5%;font-size: 12px;line-height: 22px;margin-bottom: 30px;}
	.input2,.input1 {width: calc(100% - 32px);margin-right: 0px;margin-bottom: 10px;}
	.extended-warranty-service .form ul.num4 li {width: calc(100% - 0px);float: none;margin-right: 0px;margin-bottom: 10px;}
	.select {padding: 15px;width: calc(100% - 32px);}
	.extended-warranty-service .form ul {padding: 0;}
	.extended-warranty-service .form ul span {padding-bottom: 15px;}
	.form .more,.about-company-profile .right {width: 100%;margin-top: 15px;}
	.after-consulting .right ul,.account-query ul{margin: 0;padding: 0;}
	.after-consulting .right {margin-top: 20px;}
	.serial-number-query .form .more {float: none;height:60px;margin-left: 0px;}
	.serial-number-query .form .more h6 {line-height: 60px;}
	.query-show {width: 89%;}
	.query-show .left,.query-show .right,.account-query,.shipping-list  {width: 100%;float: none;}
	.query-show .right {padding: 30px 0;}
	.query-show .list .item,.shipping-list-detail {width: 100%;margin-right:0;}
	.query-show h2 {font-size:16px;}
	.shipping-list .list .title-1 li,.shipping-list .list .item ul li {font-size: 12px;}
	.shipping-list .list .item ul li {vertical-align: top;text-indent: 0px;}
	.shipping-list .list li.w50 {width: 40%;}
	.shipping-list .list li.w25 {width: 15%;text-align: center;}
	.shipping-list .list li.w15 {width: 25%;text-align: center;}
	.shipping-list .list li.w10 {width: 13%;text-align: center;}
	.service-download .item { padding: 0px}
	.service-download .download {background: none;margin-bottom: 40px;}
	.service-download .text {width: 55%;right: 0;}
	.service-download .text .btn a {margin-right: 0px;}
	.explore-fenix .page-nav.num5 li {width: 20%;}
	.explore-fenix .page-nav li a h5 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.about-company-profile .left .title {margin-top: 0px;}
	.about-company-profile .left .text,.about-company-profile .right .text {padding: 5% 0;}
	.about-development-history .left{padding-top:15%;}
	.about-development-history .left .title {margin-left: 5%;}
	.about-development-history .left .history-nav a {padding:10px 15% 10px 0;}
	.about-development-history .left .history-nav a i {top: 0;left: 0;margin-top: 0px;}
	.about-development-history .left .history-nav .swiper-slide-thumb-active a i{width: 100%;}
	.history-slide,.about-message-contact .right .contact .item li h5,.sales-network .item .text {width:90%;}
	.about-message-contact .left {position: relative;left:5%;top:auto;width:90%;height:auto;}
	.about-message-contact {padding: 20% 0 1% 0;}
	.about-message-contact .left .form li .input2 {width: calc(50% - 34px);margin-bottom: 0px;}
	.about-message-contact .left .form li .send,.about-message-contact .right {width: 100%;float: none;}
	.about-message-contact .right {padding: 0;}
	.about-company-culture .right,.about-company-culture .company-culture.fr .right {width: 90%;left:auto;float: none; height: auto;position: relative;right: auto;top: auto;padding:5%;}
	.about-company-culture .right .item {padding: 50px 0 0 0;}
	.about-brand-honors .list .item {padding: 0 0 50px 0;}
	.honors-content {width: 90%;border-radius: 0px;}
	.honors-content .text {float: none;width: 100%;height:auto;position: relative;right: auto;top: 0;}
	.honors-content .img .t2 {background-size: 110%;}
	.honors-content .img {float: none;width: 60%;margin: auto;}
	
		.gh-case section{width:100%;}
	.gh-case-main .left {width:100%;height: auto;position:relative;left: auto;top: auto;text-align: center;}
	.gh-case-main .left .title {padding:30px 0 20px 0;height: auto;}
	.gh-case-main .left .title h3 {width:auto;margin:0px auto;padding-left: 0px;}
	.gh-case-main .left .title h3 line {height:2px;width:30px;margin: 20px auto;}
	.gh-case-main .left .title h2 {font-size:36px;position:relative;left:auto;top:auto;-ms-transform:none;-moz-transform:none;-webkit-transform:none;-o-transform:none;transform:none;margin: auto;}
	.gh-case-main .left .title h3 strong {font-size:24px;}
	.gh-case-main .right {width:90%;padding:30px 5% 50px 5%;float: noner;}
	.gh-case-main .right .nav li h4 {font-size: 12px;margin-top: 5px;}
	.gh-case-main .right .nav {margin-bottom:30px;}
	.casepic {padding:0px 0 40px 0;min-height: auto}
	.gh-cases .cases .text h5 {font-size: 14px;}
	.gh-case-main .right .viewmore {position:relative;left:auto;bottom:auto;}
	.gh-case-main .right .nav li{width:calc(50% - 35px);}
	.index_goods{ padding-top:60px;}
	.index_goods .img_box{width:100%;}
	.index_goods .info_box{ margin:0 auto; width:82%;}
	 .info_box .left_box{ width:100%; float:none;}
	 .info_box .left_box .tab_hd{ overflow-x:scroll; width:100%;white-space: nowrap; display:flex; padding-top:20px;}
	 .info_box .left_box .tab_hd div{ margin-right:10px;}
	 .info_box .left_box .tab_hd div a{text-overflow:clip;}
	 .info_box .left_box .tab_hd div.active a{ width:auto; padding:0 50px 0 10px;}
     .info_box .left_box .tab_hd div a:hover{ background:#000; color:#fff;}
     .info_box .left_box .tab_hd div a:hover{ text-indent:5%;}
   .info_box .left_box .tab_hd div a:hover i{right:5%;background: url("../images/icon_arrow_r_white.svg") center no-repeat;}
	.info_box .tab_list{ padding:0; float:none; width:100%; height:auto !important;}
	 .info_box .tab_list>div{ display:none; position:relative; background:none;}
	 .info_box .tab_list>div.active{ display:block; margin-top:20px;}
	 .info_box .tab_list .goods_img{ width:100%; height:auto;}
	 .info_box .tab_list .goods_img img{ width:100%;}
	 .info_box .tab_list .goods_text{ position: relative; padding:5% 0; width:100%;}
	 .info_box .tab_list .goods_text h3:after{ width:22px;}
	 .info_box .tab_list .goods_text p{ margin:20px  auto; height:auto;}
	 .info_box .tab_list .goods_text .more{ margin-top:30px;}
	 .info_box .tab_list .goods_text a{ width:120px; border:1px solid #bdbdbd; }
	 .info_box .tab_list .goods_text { padding: 5%;width: 90%;right: 0;}
	 .info_box .left_box .tab_hd div a i{display: none;}
	 .info_box{width:86%; margin: 0 4% 0 4%;}

  .subbanner{ height: 65px;}
  .pageurl{padding: 0px 0px;}
  .pageurl>a{padding: 10px 15px;}
  .about-company-profile .right .text_box{width:90%; margin:0 5%;}
  .about-company-profile .right .slogan{display: none;}
  .about_culture .text_box{font-size: 40px; padding: 0 10%;}

  .gallery2 a{width:48%; margin-right: 4%;}
  .gallery2 a:nth-child(2n+2){margin-right: 0%}
  .gallery2 a:nth-child(3){margin-right: 4%}
  .gallery2 a:nth-child(9){margin-right: 4%}

  .gallery a{width:48%; margin-right: 4%;}
  .gallery a:nth-child(2n+2){margin-right: 0%}
  .yy-section{padding: 0px 0;}
  .yy-section-img{width:100%;}
  .yy-section-text{width:90%;}
  #view .case .img{width:100%;}
  #view .case .con{width:100%;  padding: 20px 0;}
  .iabout { padding: 50px 0 0px;}
  .searchb form{width:90%; margin: 35px auto;}
  /*.searchb form input[type=submit]{ background-position-x: 70px;}*/
  .product-main .left a{width:50%; float:left;}
  .product-main .left a h5{margin:10px 0;}
  .m-sdc{width:88%;}
  .pl ul li{width:48%; margin-right: 4%;}
  .pl ul li:nth-child(2n+2){margin-right: 0;}
  .news_tui.wrap{width:90%;}
  .m-page{padding: 20px 0;}
  .product-title{border-bottom: 0px;}
  .product-main .content .right{padding: 0px; border: 0px;}
  .intro-list31 { margin: 50px auto;}
  .intro-list31 .list31-item{width: 100%;  flex: 0 0 100%; }
  .intro-list31 .txt-h5 {font-size: 16px;}
  .intro-list31 .txt-h5 { margin-bottom: 0;}
  .intro-list31 .txt-detail {font-size: 12px;margin-top: 16px;}
  .intro-list31 .txt-s0 { font-size: 14px; margin-bottom: 5px;}
  .intro-list31 .list31-txts{padding: 0 5%;}
  .about-contact-us .left {float: none;width:90%;margin: auto;padding: 0;}
  .about-contact-us .right{width:90%; margin:50px auto 0;    float: none;}
  .about-contact-us .left .item .form li .input2{margin-right:10px;}
}
@media screen and (max-width: 640px) {
	.product-list .item {float: none;width: 100%;margin: 0 0 2% 0;}
	  .news_tui.wrap{width:88%;}
  .news-list .list{width:88%;}
   .news_list .content_right li a .title{padding-right:0;}
    .news_list .content_right li a .time{float:none;margin-right:0;}
.news-list li{padding: 20px 0;}
  .news-list li .left,
  .news-list li .right{width: 100%;}
  .news-list li .name{font-size: 16px;line-height: 26px;margin-top: 10px;}
  .news-list li .right{margin-top: 20px;}
  .news-list li .right .con_p { margin-top: 20px;}

	.about-contact-us .left .list li {padding: 25px 15px;width: calc(100% - 30px);}
	.about-contact-us .left .list li.c4 {width: calc(100% - 30px);}
	.about-contact-us .left .list li.c4::before {display: block;}
	.about-contact-us .left .list li.c5::before {display: none;}
	.about-contact-us .left .list li.c4::after,.about-contact-us .left .list li.c5::after,.about-contact-us .right {display: none}
}
 
/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {}
/* iPad x */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
}
/* all iPad pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px)  {}
/* x iPad pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape)  {}
/* y iPad pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
	
}




@media screen and (max-width: 1920px) {
	.iabout .content {margin-left: 11%;width:auto; margin-right: 5%;}
	.aobut-shengye .left {width:auto;}
	.aobut-shengye .right {width: 55%;margin-top:16px; height: 562px;}
}
@media screen and (max-width: 1680px) {
	.iabout .content {margin-left: 10%;}
	.gf-iproduct-rpic {margin-top:13%;float: left;width:55%;height:93%;position: relative;}
    .gf-iproduct-rpic ul li {margin-top: 18%;}

}

@media screen and (max-width: 1440px) {
	.aobut-shengye .left .title h2 {font-size:28px;line-height: 38px;}
	.aobut-shengye .left .item li h4,.about-3 li h3,.news-list .text h3,.stocks-shengye .item li h4,.stocks-shengye .item li h5,.inews-list-left a .text h3,.responsibility-list .text h3 {font-size:16px;}
	.aobut-shengye .left .item {padding: 30px 0 20px 0;}
	.aobut-shengye .left .item li {padding: 15px 50px 15px 0;}
	.aobut-shengye .right {width: 60%;margin-top:16px; height: 300px;}

	.title_box h2{font-size: 28px; line-height: 38px;}

}

@media screen and (max-width: 1366px) {	
	.aobut-shengye .left .item li {padding: 15px 0px 15px 0;}
	#iporudct { min-height: 650px;}
.gf-iproduct-rpic ul span {top: 50px;}
.gf-iproduct-rpic {margin-top:10%;width: 58%;float: right;}
.gf-iproduct-rpic ul li {margin-top:18%;}
.gf-iproduct-rpic ul li img {width:50%;height:auto;}
.gf-iproduct-rpic ul span h1{font-size: 35px;line-height: 40px;}
.gf-iproduct-rpic ul span h3 {margin:5px auto;}
.gf-iproduct-ltitle {margin-left:8%;}

}
@media screen and (max-width: 1280px) {	
#iporudct {min-height:750px;background: url(../upload/iproductbg.jpg) center -5% no-repeat;background-size: cover;}
.gf-iproduct-lnav ul{width:70px;height:70px;}
.gf-iproduct-lnav ul span h3 {font-size: 14px;}
.gf-iproduct-rpic ul span h3 {margin: 0px auto;}
.gf-iproduct-rpic {margin-top:8%;width: 58%;float: right;}
.gf-iproduct-rpic ul li {margin-top:20%;}
.gf-iproduct-rpic ul li img {width:70%;height: auto;}
.gf-iproduct-rpic .slick-next,.gf-iproduct-rpic .slick-prev {right:0; opacity: 0.2;}
.gf-iproduct-rpic ul span {top: 60px;}
}

@media screen and (max-width: 1152px) {
	.aobut-shengye .left .item {padding: 4% 0 3% 0;}
	.aobut-shengye .left .item li {padding: 3% 0px 3% 0;}
	.iabout .content {margin-left: 5%;}
	.aobut-shengye .right {margin-top: 0px;}
	.gf-iproduct-lnav {margin-top:7%;float: left;width:20%;height:93%;}
.gf-iproduct-lnav ul{width:80px;height:80px;}
.gf-iproduct-lnav ul span h3 {font-size: 16px;}
#iporudct {min-height: 800px;}

}

@media screen and (max-width: 1024px) {
	.aobut-shengye .left .viewmore {width: 138px;height: 38px;}
	.aobut-shengye .left .viewmore a {font-size: 12px;line-height: 38px;}
	.aobut-shengye .left .item li h4 {line-height: 24px;}
	.aobut-shengye .left .item {padding: 7% 0;}
	#iporudct {min-height: 740px;}
.gf-iproduct-rpic {width: 58%;float: right;}

/*}

@media screen and (max-width: 860px) {*/
.w1200{width: 100%;}
.intro-list2 .intro-list2-box{flex: auto;     margin: 0 5%;}
.intro-list2 .font30 { font-size: 26px;}
.intro-list2 .font36 {font-size: 30px;}
.about_history .history_swiper{width: 88%;}
.title h6{width: 100%;}
.solulist ul li{width: 100%; margin-right: 0; margin-bottom: 5%;}
	.aobut-shengye .left,.aobut-shengye .right {padding-left: 0;width:100%;}
	.aobut-shengye .right {padding-top: 10%;}
	.iabout .content {width:90%;}
	.aobut-shengye .left .item { padding: 4% 0 3% 0;}
	.aobut-shengye .left .viewmore {width: 130px;height: 40px;}
	.aobut-shengye .left .viewmore a {font-size: 12px;line-height:40px;padding-right: 30px;}
	.stocks-shengye .title h4 {font-size: 20px;}
	#iporudct {min-height: 700px;}
.gf-iproduct-ltitle {margin-top:7%;padding:0 0 0 10%;margin-left:0;float: none;width:90%;}
.gf-iproduct-ltitle h1{ position: relative;left:auto;top:auto;font-size: 40px;transform:none;-ms-transform:none;-webkit-transform:none;-o-transform:none;-moz-transform:none;}
.gf-iproduct-ltitle span{width:100%;text-align: left;}
.gf-iproduct-ltitle span h3{font-size: 30px;color:#0c448f;line-height: 30px; }
.gf-iproduct-ltitle span line { width:90%;height:2px;margin:20px 0;}
.gf-iproduct-ltitle span line i { width:40px;height:2px;}

.gf-iproduct-lnav {margin-top:0;float: none;width:90%;height:auto;padding-left:10%;}
.gf-iproduct-lnav ul{width:90%;height:auto;}
.gf-iproduct-lnav ul li img {width:80%;height: auto;margin:10% auto;}
.gf-iproduct-lnav ul span {display: none;}
.gf-iproduct-lnav .slick-slide.slick-current.slick-active ul {border: 1px solid #0c448f;}

.gf-iproduct-rpic {margin-top:10%;float: none;width:80%;height:auto;padding-left:10%;}
.gf-iproduct-rpic ul{width:100%;}
.gf-iproduct-rpic ul li {margin-top:1%;}
.gf-iproduct-rpic ul li img {width:100%;height:auto; margin: auto;}
.gf-iproduct-rpic ul span {position:relative;left:auto;top:auto;width:100%;margin-left:0px;}
.gf-iproduct-rpic ul span h1{font-size: 20px; line-height:20px;}
.gf-iproduct-rpic ul span h3{font-size: 14px;margin:10px auto;}
.gf-iproduct-rpic ul span a{font-size: 11px; padding: 5px 0;width:100px;margin:10px auto;}
.aobut-shengye .left .item li h4 {font-size: 14px;}

}

/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.iabout {padding:10% 0;}
.aobut-shengye .left .item li {width: 48%;float: left;}

}