/*light ad*/
.light {width: 100%; height:400px;max-height:400px; text-align:center; position:relative; }
.light span{ 
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  background: no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover; }


/* products-page 产品分类主页 */
.products-page{ width:100%;}
.products-page h2 {width: 220px; margin: 50px 0 30px; text-align:center; white-space:nowrap;}
.products-page h3 {background:#064F73; height: 35px; line-height: 35px; text-align: left; font-size: 16px; color:#fff; padding-left:8px; margin-top:50px;}
.products-page-module{ padding-top:20px; }

.products-page-module-bigmig{ width:48%; margin-right:2%; float:left; overflow:hidden;transition:.6s;}
.products-page-module-bigmig:hover{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.products-page-module-bigmig img{ width:100%;}

.products-page-module-bigmig .box{display:block;width:100%;height:100%;position:relative}
.products-page-module-bigmig .box:hover:before{left:0;right:0;opacity:0}
.products-page-module-bigmig .box:hover:after{top:0;bottom:0;opacity:0}
.products-page-module-bigmig .box:before{content:"";background-color:hsla(0,0%,100%,.6);position:absolute;opacity:1;transition:1s ease;z-index:9}
.products-page-module-bigmig .box:before{top:0;bottom:0;left:50%;right:51%}
.products-page-module-bigmig .box:after{top:51%;bottom:50%;left:0;right:0}
.products-page-module-bigmig .box .tu{width:100%;height:100%;transition:1s ease}

.products-page-module-list{ width:50%;float:right;}
.products-page-module-list li{ float:left; width:46%; margin:0 2% 3.5% 2%;transition:.6s;}
.products-page-module-list li:hover{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.products-page-module-list li img{ width:100%}

.products-page-module-list ul li .box{display:block;width:100%;height:100%;position:relative}
.products-page-module-list ul li .box:hover:before{left:0;right:0;opacity:0}
.products-page-module-list ul li .box:hover:after{top:0;bottom:0;opacity:0}
.products-page-module-list ul li .box:before{content:"";background-color:hsla(0,0%,100%,.6);position:absolute;opacity:1;transition:1s ease;z-index:9}
.products-page-module-list ul li .box:before{top:0;bottom:0;left:50%;right:51%}
.products-page-module-list ul li .box:after{top:51%;bottom:50%;left:0;right:0}
.products-page-module-list ul li .box .tu{width:100%;height:100%;transition:1s ease}


/* 产品分类列表 */
.products-list{ width:100%; margin-top:50px;}
.products-list h3 {border: 1px #cbcbcb solid; height: 60px; line-height: 60px; text-align: center; font-size: 24px;}

.products-show{ width:100%; padding-top:20px;}
.products-show ul li{ float:left; width:29%; margin:0 2% 3.5% 2%;transition:.6s; overflow:hidden;}
.products-show ul li:hover{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.products-show ul li img{ width:100%;object-fit: cover; border:none;}

.products-show ul li .box{display:block;width:100%;height:100%;position:relative;}
.products-show ul li .box:hover:before{left:0;right:0;opacity:0}
.products-show ul li .box:hover:after{top:0;bottom:0;opacity:0}
.products-show ul li .box:before{content:"";background-color:hsla(0,0%,100%,.6);position:absolute;opacity:1;transition:1s ease;z-index:9}
.products-show ul li .box:before{top:0;bottom:0;left:50%;right:51%}
.products-show ul li .box:after{top:51%;bottom:50%;left:0;right:0}
.products-show ul li .box .tu{width:100%;height:100%;transition:1s ease}


/* 产品图片点开相册效果 */
#spotlight.only-this-gallery{clip-path: circle(0px at center);-webkit-clip-path:circle(0px at center);}
#spotlight.only-this-gallery.show{clip-path: circle(100% at center);-webkit-clip-path: circle(100% at center); transition: clip-path ease 1s;-webkit-transition: clip-path ease 1s;}



/* news */
.artlist{ padding:10px;}
.artlist li { padding: 18px 0; border-bottom: 1px dotted #ccc; position: relative; font-size: 14px; }
.artlist li:hover{background-color:#fcfcfc; }
.artlist li span { display: inline-block; text-align: right; width: 96px; position: absolute; right: 0; top: 18px; }
.artlist li a { display: block; width: 72%; height: 24px; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; }
.artlist li a:before { display: inline-block; content: ""; width: 10px; height: 10px; border: 2px solid #ccc; border-radius: 100%; margin-right: 18px; vertical-align: -2px; }
.artlist li a:hover { color:#05425F; }
.artlist li a:hover:before { border-color: #05425F; }

/* article */
.article {width: 100%;}
.article h2 {width: 220px; margin: 50px 0 30px; text-align:center; white-space:nowrap;}
.article h3 {border: 1px #cbcbcb solid; height: 60px; line-height: 60px; text-align: center; font-size: 24px;}
.article-contant {width: 100%; margin: 20px 0; text-align:left; line-height: 200%; }
.article-contant p {margin: 15px; text-indent: 2em; font-size:14px; color:#434343;}
.article-contant img {}
.article-contant h4 {font-size: 18px;text-align: left;width: 100%; color: #05425F; padding: 15px 0; float: left;}
.article-contant .qy span {float: left;text-align:center;width:296px; background:#F6F6F6; padding: 8px; margin-left:10px; margin-bottom:20px;line-height: 300%;border-radius:8px;-webkit-border-radius:8px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.article-contant .qy span img{width:280px;}
.article-contant .qy span:hover {background:#ffffff;-webkit-box-shadow:0 15px 30px rgba(0,0,0,.15);box-shadow:0 15px 30px rgba(0,0,0,.15);-webkit-transform: translate3d(0,-8px,0);transform:translate3d(0,-8px,0);}

.article-contant .fc span {float: left;text-align:center;width:450px; background:#F6F6F6; margin: 5px; margin-left:8px; margin-bottom:20px;font-style: normal;line-height: 300%; overflow:hidden;}
.article-contant .fc span img{width:450px;transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;}
.article-contant .fc span:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.article-contant .fc span:hover {background:#fff;-webkit-box-shadow:0 15px 30px rgba(0,0,0,.15);box-shadow:0 15px 30px rgba(0,0,0,.15);}


/* R&D Team */
.RDteam{ width:100%; overflow:hidden; max-width:950px; display:block; margin-top:50px;}
.RDwords{ width:48%; max-width:456px; overflow:hidden;display:block; }
.RDimg{ width:50%; max-width:475px; overflow:hidden;display:block; padding-top:12px;}
.RDimg img{ width:100%;}

/* share & nextpre_page*/
.sharelist{text-align:center;margin-top:30px}
.newsshare11{height:45px; width:355px !important; clear:both;}
.newsshare11 a{ display: block; width: 45px !important; height: 45px !important; margin: 0 3px 0 0 !important; float: left ; }
.newsshare11 span{display:block; width:80px; height:45px; float:left; line-height:45px;}
.weibolink { background-image: url(share/news11xw02.png) !important; }
.qqlink { background-image: url(share/news11xw04.png) !important; }
.weixinlink { background-image: url(share/news11xw05.png) !important; }
.baidulink { background-image: url(share/news11xw06.png) !important; }
.weibolink:hover { background-image: url(share/news11xw08.png) !important; }
.qqlink:hover { background-image: url(share/news11xw10.png) !important; }
.weixinlink:hover { background-image: url(share/news11xw11.png) !important; }
.baidulink:hover { background-image: url(share/news11xw12.png) !important; }

.page-ctrl{ border-top:1px solid #dedede; margin-top:30px; padding-top:18px;}
.page-ctrl li{clear:both; float:none; padding-top:10px;}
.page-ctrl span{ padding:5px; background:#eee; margin:5px;}

/* cooperation */
.cooperation { width: 100%; }
.cooperation h2 { width: 330px; margin: 50px auto 20px; text-align: center; }
.coop-con { text-align: left; margin: 20px 0; }
.coop-con h4 { font-size: 20px; margin: 10px 0; }
.coop-text { width: 100%; height: auto; line-height: 24px; margin-bottom: 40px; overflow: hidden; }
.coop-text p { margin: 10px 0; }
.article-contant .coop-text img{ width:auto;}

/*pages*/
.pages{margin:30px auto;max-width:80%;text-align:center;line-height:36px;}
.pages a{display:inline-block;vertical-align:top;border:1px solid #ddd;color:#63544f;background-color:#ffffff;padding:2px 15px;margin:0 4px;}
.pages .peg{display:inline-block;vertical-align:top;border:1px solid #ddd;color:#63544f;background-color:#ffffff;padding:2px 15px;margin:0 4px;}
.pages a.page_active,.pages a:hover{color:#ffffff;border-color:#05425F;background-color:#064F71;}
.pages .p-info{color:rgb(181,181,181);line-height:30px;}
.pages .p-input{border:1px solid #ddd;margin:0;outline:medium none;text-align:center;padding:2px;display:inline-block;width:72px;height:40px;}
.pages .i-num{ color:#05425F}

/*jobs*/
.join-contant {width: 100%; margin: 20px 0; text-align:left; line-height: 200%; }
.join_box_c{ width:100%;}
.join_box_c li{ width:46%; margin:30px 2% 20px 2%;float:left; }
.join_box_c li a div{ width:100%;text-align:left; position:relative;border:2px #eee solid; padding:10px 15px 10px 15px; background:#efefef;border-radius: 10px;overflow:hidden }
.join_box_c ul li h3{border:0px; font-size:18px;text-align:left;}
.join_box_c ul li span{display:inline-block; line-height:30px; padding-right:12px;}
.join_box_c ul li p{ color:inherit;float:none;width:102px; height:30px; margin-top:10px; margin-bottom:10px; text-align:left}

.join_box_c li a div:hover {color:#ffffff;-webkit-box-shadow:0 15px 30px rgba(0,0,0,.2);box-shadow:0 15px 30px rgba(0,0,0,.2);-webkit-transform: translate3d(0,-8px,0);transform:translate3d(0,-8px,0);}
.join_box_c li a div:hover:before { top: -25%;}
.join_box_c li a div:before {content: ""; position: absolute; left: -10px; top: 130%; z-index: -1; width: 120%;height: 160%; background: #05425F;transform: skewY(10deg); transition: 0.68s;}


/* cantact */
.cntc{width:100%; clear:both;}
.cntfl{ width:auto; float:left; padding:15px; overflow:hidden}
.cntfl .titl{font-size:16px; font-weight:bold; padding-left:15px; border:none; line-height:200%;}
.cntfl p{ line-height:300%;  text-indent:0; }
.cntfr{ width:496px;float:right; overflow:hidden}
.Xbox { width: 630px; height: 150px; overflow:auto; float:right; }
.Xbox::-webkit-scrollbar {width: 16px; height: 16px; background-color: #F5F5F5;}
/* cantact */
.contact-adr {width: 100%;}
.contact-title {line-height:120%;border-bottom: 1px #f60 solid;width: 100%;}
.contact-adr li {padding: 0 20px;line-height: 300%;background: #efefef;float: left;margin: 5px; border-left: 3px #f60 solid; width:calc( 49% - 45px );}
.contact-adr li:hover {background: #ccc;}
.contact-adr li span {padding: 0 20px 0 0;font-weight: bold;}
.allmap{height:450px; margin-top:20px; border:1px dotted #ccc; }
/*定义滚动条轨道 内阴影+圆角*/
.Xbox::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5;}
/*定义滑块 内阴影+圆角*/
.Xbox::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555;}
.Xbox ul{ width:100%; height:auto; overflow:hidden;}
.Xbox ul li{ width:33%; height:30px; line-height:30px; font-size:13px; float:left;}
.Xbox ul li span{ width:75px; display:inline-block; font-weight:bold;}

/* store */
.links-List{ width:970px; margin-right:-20px; overflow:hidden;}
.links-List li{ width:420px; height:138px; float:left; margin-right:20px;}
.links-List a{ width:420px;height:138px; display:block; overflow:hidden;}
.links-List img{ width:330px;height:110px; padding-left:45px;}
.links-List a:hover p{ color:#D70C25 ;}
.links-List a p{ width:420px; height:30px; line-height:30px; text-align:center;}
/* store1 */
.links-List1{ width:970px; margin-right:-20px; overflow:hidden;}
.links-List1 li{ width:420px; height:188px; float:left; margin-right:20px;}
.links-List1 a{ width:420px;height:188px; display:block; overflow:hidden;}
.links-List1 img{ width:330px;height:110px; padding-left:45px;}
.links-List1 a:hover p{ color:#D70C25 ;}
.links-List1 a p{ width:420px; height:22px; line-height:22px; text-align:center;}

.media-video { width: 750px; }
.media-video .flv{ width:100%;height:412px;border: 1px #cbcbcb solid; padding:2px;overflow-x: hidden; overflow-y: hidden;}


@media screen and (max-width: 1100px) {
.light-home, .light-home .header_bj li.h_b_1, .light-home .header_bj li.h_b_2, .light-home .header_bj li.h_b_3, .light-home .header_bj li.h_b_4, .light-home .header_bj li.h_b_5 { background-size: auto 600px; height: 600px; }
.light-home-gronp { top: 450px; }
.about-txt { width: 50%; }
.about-txt p { padding:10px 20px 0px 20px; line-height:200%}
.about-img { width: 50%; }
.news-gronp-txt { width: 100%; }
.news-gronp-img { float: none !important; margin: 0 auto; }
.news-gronp { width: 100%; height: 430px; }
.about .title-bg{ font-size:36px;}
.media .title-bg{ font-size:36px;}
.about p { font-size:14px; margin:30px 0 0 0; line-height:240%;}	
.case h2 { font-size:36px; padding-top:8px; margin-bottom:30px; } 
.media-img{ width:15%}
.media-img a .c-logo1{ height:160px;}
.media-img a .c-logo2{ height:120px;}


}
@media(min-width: 891px) and (max-width: 1049px){
	.about-txt { width: 98%; }
	.about p { font-size:14px; margin:30px 0 0 20px; line-height:240%;}
	.about-img { width: 98%; }
	.media-img { display: none; }
	.media-btn { width: 19%; }
	}
@media screen and (max-width: 890px) {
.light-home, .light-home .header_bj li.h_b_1, .light-home .header_bj li.h_b_2, .light-home .header_bj li.h_b_3, .light-home .header_bj li.h_b_4, .light-home .header_bj li.h_b_5 { background-size: auto 320px; height: 320px; }
.about .title-bg{ display:none}

.about-txt { width: 98%; }
.about-img { width: 98%; }
.about p { font-size:14px; margin:30px 0 0 20px; line-height:240%;}
.case h2 { font-size:32px; padding-top:5px; margin-bottom:30px; } 
.case-img a { width:16%;height: 320px; }
.media .title-bg{ font-size:32px;}
.light-home-gronp { top: 250px; }
.media-img { display: none; }
.media-video { width: 100%; }
.media-btn { width: 100%;}
.new-list h2{display:none}
.new-list .side{ display:none}
.menu ul { width: 100%; }
.contant { width: 100%; }
.side { width: 100%; }
.article .contant h3{ font-size:14px;}
.article .title-bg{ display:none;}
.article-contant { line-height:200%; padding:8px;}
.article-contant p{text-indent:0px;}
.article-contant p img {display: block; max-width:100%; height:auto;}
.article-contant div img {display: block; max-width:100%; height:auto;}
.light {width: 100%; height:136px;max-height:200px; text-align:center; position:relative; }
.cntfr img{ display:block; width:100%; height:auto}
.allmap{ max-width:100%; height:300px;}

.media-video { width: 100%; min-height:200px;height:auto; }
.media-video .flv{ max-width:100%; min-height:200px;height:auto;}

.RDwords{ width:100%; clear:both;}
.RDimg{ width:100%; padding-top:0px;}	
.join_box_c li{ width:90%; margin:30px 5% 20px 5%;float:none; }
}