@charset "utf-8";
/* CSS Document */
 @media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:106.25px;}}
@media screen and (min-width: 720px) {html{font-size:112.5px;}}
@media screen and (min-width: 750px) {html{font-size:117.1875px;}}
@media screen and (min-width: 760px) {html{font-size:118.75px;}}
@media screen and (min-width: 800px) {html{font-size:125px;}}
@media screen and (min-width: 960px) {html{font-size:150px;}}
.topjl{ overflow: hidden;margin-top: 99px;}
 a{text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.jj{ font-size:16px; line-height:26px; color:#666;}
.jj img{ width:100%; display:block;}
.jj.zz img{ width:auto;max-width:100%;margin:auto;}
.po{ padding:30px 0 40px; line-height:24px; font-size:14px; color:#333;}
.po a{ color:#333;}
.po a:hover{ color:#0062a2;}
.grey{ background:#f2f2f2;}
.noMore{ text-align:center; line-height:40px; font-size:14px; color:#666;visibility:hidden;}
.noMore.active{ visibility:visible;}
.center {
    width: 1200px;
    margin: auto;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.contact>div .kf {
    font-size: 20px;
    line-height: 40px;
    color: #333;
    height: 240px;
    padding-top: 20px;
}
.contact>div {
    width: 50%;
    float: left;
}
 
.contact>div{ width:50%; float:left;}
.contact>div:first-child{ padding-right:40px;}
.contact>div .kf{ font-size:20px; line-height:40px; color:#333; height:240px; padding-top:20px;}
.contact>div .xx li{ height:140px; border-bottom:dashed 1px #e5e5e5; padding-top:13px; font-size:16px; line-height:30px;}
.contact>div .xx li h1{ font-size:20px; line-height:44px; height:44px; color:#333; font-weight:bold;}
.contact>div .xx li div{ height:30px; overflow:hidden;}
.contact>div .ewm{ height:240px;}
.contact>div .ewm div{ float:right; margin-left:20px;}
.contact>div .ewm div img{ display:block; width:160px; height:160px;}
.contact>div .ewm div span{ display:block; line-height:26px; padding:10px 0; font-size:16px; color:#333; text-align:center;}
.contact>div .map{ width:600px; height:560px; border:solid 1px #ccc;font-size:12px;}
.contact>div .map *{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
.solution_list {
    min-height: 300px;
}
 
.solution_list li{ float:left; width:384px; margin:0 0 40px 24px;}
.solution_list li:nth-child(3n+1){ margin-left:0 !important;}
.solution_list li a{ display:block; font-size:16px; overflow:hidden; border-radius:16px;}
.solution_list li a>span{ display:block; background-position:center center; background-repeat:no-repeat; background-size:cover; height:256px;}
.solution_list li a>em{ display:block; padding:12px 20px 20px; height:120px; transition: all 0.35s;-moz-transition: all 0.35s;-o-transition: all 0.35s;-webkit-transition: all 0.35s;}
.solution_list li a>em span{ display:block; font-size:18px; line-height:36px; height:36px; overflow:hidden; color:#333; font-weight:bold; transition: all 0.35s;-moz-transition: all 0.35s;-o-transition: all 0.35s;-webkit-transition: all 0.35s;}
.solution_list li a>em em{ display:block; line-height:26px; height:52px; overflow:hidden; color:#666; transition: all 0.35s;-moz-transition: all 0.35s;-o-transition: all 0.35s;-webkit-transition: all 0.35s;}
.solution_list li:hover a>em{ background:#0062a2;}
.solution_list li:hover a>em span,.solution_list li:hover a>em em{ color:#fff;}
ul, li {
    list-style: none;
}
/*ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    padding: 0px;
}*/
.list li{ padding:40px 0; border-bottom:dashed 1px #e5e5e5;}
.list li:first-child{ padding-top:0;}
.list li>a{ width:240px; height:160px; overflow:hidden; border-radius:8px;}
.list li>a img{ display:block; width:100%; height:100%;}
.list li>div.floatl{ width:720px; margin-left:40px;}
.list li>div.floatl span{ display:block; height:40px; line-height:16px; font-size:16px; color:#666;}
.list li>div.floatl h1{ font-size:24px; font-weight:bold; height:32px; line-height:32px; margin-bottom:30px;}
.list li>div.floatl h1 a{ color:#333;}
.list li>div.floatl em{ display:block; font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666;}
.list li>div.floatr{ padding-top:64px;}
.list li>div.floatr a{ display:block; padding-right:36px; height:30px; line-height:30px; font-size:16px; color:#333; background:url(/skins/images/JT.png) no-repeat right 0px;}
.list li>div.floatr a:hover{ background-position:right -30px; color:#0062a2;}
.floatl {
    float: left;
}
.product_list{ padding:0 40px;}
 .wm{width: 1200px;margin: 0 auto;}
.product_list .floatl{ width:340px; padding:40px 40px 0 0;}
.product_list .floatl>ul{ padding:13px 0 13px 30px; background:#e8e8e8;}
.product_list .floatl .tab_1{ font-size:14px; line-height:24px;}
.product_list .floatl .tab_1>h1{ height:48px; font-size:18px;}
.product_list .floatl .tab_1>h1 a{ float:left; color:#333; font-weight:bold; font-size:18px; line-height:48px;}
.product_list .floatl .tab_1>h1 span{ float:right; width:56px; height:48px; cursor:pointer; background:url(../images/tab1.png) no-repeat center 0px;}
.product_list .floatl .tab_1>h1.current span{ background-position:center -48px;}
.product_list .floatl .tab_2,.product_list .floatl .tab_1 ul{ display:none;}
.product_list .floatl .tab_2{ font-size:14px; line-height:24px;}
.product_list .floatl .tab_2 h1{ height:24px;}
.product_list .floatl .tab_2 h1 a{ float:left; font-size:14px; line-height:24px; color:#333; font-weight:bold;}
.product_list .floatl .tab_2 h1 span{ float:right; width:56px; height:24px; cursor:pointer; background:url(../images/tab2.png) no-repeat center 0px;}
.product_list .floatl .tab_2 h1.current span{ background-position:center -24px;}
.product_list .floatl .tab_1 ul{ padding:5px 0 8px;}
.product_list .floatl .tab_1 ul li{ height:24px; overflow:hidden;}
.product_list .floatl .tab_1 ul li a{ display:block; color:#333;}
.product_list .floatl .tab_1 ul li.curs a,.product_list .floatl .tab_1 ul li.zk a{ color:#0062a2;}
.product_list .floatr{ width:calc(100% - 340px);}
.product_list .floatr h1{ font-size:20px; line-height:110px; height:110px; font-weight:bold; color:#333;}
.product_list .floatr ul{ width:calc(100% + 20px); margin-left:-10px;}
.product_list .floatr li{ width:25%; padding:0 10px 16px; float:left;}
.product_list .floatr li a{ display:block; width:100%;}
.product_list .floatr li a span{ display:block; width:100%; height:0; padding-bottom:100%; background-position:center center; background-repeat:no-repeat; background-color:#fff; background-size:cover;}
.product_list .floatr li a em{ display:block; height:64px; font-size:16px; line-height:24px; padding-top:16px; color:#666; overflow:hidden;}
.product_list .floatr li a:hover span{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.floatr{ float:right;}




/*case*/

.product_list .floatr1{ width:auto;}
.product_list .floatr1 h1{ font-size:30px; line-height:110px; height:110px; font-weight:bold; color:#333;}
.product_list .floatr1 ul{ width:calc(100% + 20px); margin-left:-10px;}
.product_list .floatr1 li{ width:25%; padding:0 10px 16px; float:left;}
.product_list .floatr1 li a{ display:block; width:100%;}
.product_list .floatr1 li a span{ display:block; width:100%; height:0; padding-bottom:100%; background-position:center center; background-repeat:no-repeat; background-color:#fff; background-size:cover;}
.product_list .floatr1 li a em{ display:block; height:64px; font-size:16px; line-height:24px; padding-top:16px; color:#666; overflow:hidden;}
.product_list .floatr1 li a:hover span{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.floatr1{ float:center;}
 /*detail*/
 
.content{ min-height:400px; color:#333;}
.content .con_title{ font-size:30px; line-height:40px; margin-top:-5px; font-weight:bold;}
.content .con_time{ font-size:14px; margin:28px 0;}
.content .con_nr{ font-size:16px; line-height:26px;}
.content .con_nr img{ display:block; margin:32px auto; max-width:100%;}
 /*products detail*/

	.cp_banner{ display:block; width:100%; height:0; padding-bottom:100%; position:relative;}
	.cp_banner .swiper-container{position:absolute; left:0; top:0;overflow:hidden;width:100%; height:100%;}
	.cp_banner .swiper-wrapper{position:relative;width:100%; height:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
 
	 
 .preview{width:400px; position:relative;}
.bigImg{position:relative; width:400px; height:400px; overflow:hidden; border:solid 1px #ddd;}
.bigImg #midimg{width:398px; height:398px;}
.bigImg #winSelector{width:240px; height:240px; display:none;}
#winSelector{position:absolute; cursor:move; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
.fdj{ width:40px; height:40px; z-index:1; position:absolute; right:0; bottom:0; background:url(/skins/images/fdj.png) no-repeat center center;}
.cp_con_img .cp_img{ padding-bottom:40px;}
.cp_con_img .left{ float:left; width:400px;}
.cp_con_img .right{ width:720px; padding-left:56px; float:left; font-size:16px; line-height:30px; color:#333;}
.cp_con_img .right .nr_title{ font-size:30px; line-height:40px; font-weight:bold; margin-top:-5px; margin-bottom:20px;}
.cp_con_img .right .sub{ font-size:18px; font-weight:bold; line-height:44px;}
.cp_con_img .downLoad{ padding-top:25px;}
.cp_con_img .downLoad a{ padding-left:20px; background:url(/skins/images/Book.png) no-repeat left center; float:left; margin-right:40px; height:30px; color:#0062a2; font-weight:bold;}
#imageMenu {height:80px; overflow:hidden; width:440px; margin:16px auto 0;}
#imageMenu li {height:80px; width:80px; overflow:hidden; float:left; margin:0 4px;}
#imageMenu li img{ display:block; width:100%; height:100%;cursor:pointer; border:solid 1px #ddd;}
#imageMenu li#onlickImg img,#imageMenu li:hover img{ border:2px solid #0062a2;}
#bigView{position:absolute;border: 1px solid #ddd; overflow: hidden; z-index:996; left:520px; top:0; display:none;background:#fff;}
#bigView img{position:absolute; width:958px; height:958px;}
#bigView iframe{display:none !important;}
 p {
    word-wrap: break-word;
}
.con_tab{ margin-bottom:40px;}
.con_tab span,.con_tab a{ float:left; font-size:16px; height:40px; width:160px; line-height:40px; text-align:center; color:#fff; background:#ccc; border-top-left-radius:6px; border-top-right-radius:6px; margin-right:10px; cursor:pointer;}
.con_tab span.active,.con_tab span:hover,.con_tab a.active,.con_tab a:hover{ background:#0062a2;}
.cp_content{ min-height:100px; font-size:16px; line-height:24px; color:#333;}
.cp_content div{ display:none;}
.cp_content div.active{ display:block;}

.cp_banner{ display:none;}



/*mobile*/
 
@media screen and (max-width: 1600px) {
	.jj{ font-size:15px;}
	.center { width: 1000px;}
	.topjl { margin-top: 3px;}
	.contact>div .kf{ font-size:18px; line-height:36px; height:210px; padding-top:10px;}
	.contact>div .ewm{ height:210px;}
	.contact>div .ewm div{ margin-left:20px;}
	.contact>div .ewm div img{ width:140px; height:140px;}
	.contact>div .ewm div span{ line-height:24px; padding:10px 0; font-size:14px;}
	.product_list{ padding:0 30px;}
	 .wm{width:auto;margin: 0 auto;}
	.product_list .floatl{ width:280px; padding:30px 30px 0 0;}
	.product_list .floatl>ul{ padding:10px 0 10px 25px;}

	.product_list .floatl .tab_1{ font-size:14px; line-height:24px;}
	.product_list .floatl .tab_1>h1{ height:48px; font-size:18px;}
	.product_list .floatl .tab_1>h1 a{ float:left; color:#333; font-weight:bold; font-size:18px; line-height:48px;}
	.product_list .floatl .tab_1>h1 span{ float:right; width:56px; height:48px; cursor:pointer; background:url(/skins/images/tab1.png) no-repeat center 0px;}
	.product_list .floatl .tab_1>h1.current span{ background-position:center -48px;}
	.product_list .floatl .tab_2,.product_list .floatl .tab_1 ul{ display:none;}
	.product_list .floatl .tab_2{ font-size:14px; line-height:24px;}
	.product_list .floatl .tab_2 h1{ height:24px;}
	.product_list .floatl .tab_2 h1 span{ float:right; width:56px; height:24px; cursor:pointer; background:url(/skins/images/tab2.png) no-repeat center 0px;}
	.product_list .floatl .tab_2 h1.current span{ background-position:center -24px;}
	.product_list .floatl .tab_1 ul{ padding:5px 0 8px;}
	.product_list .floatl .tab_1 ul li{ height:24px; overflow:hidden;}
	.product_list .floatl .tab_1 ul li a{ display:block; color:#0062a2;}

	.product_list .floatr{ width:calc(100% - 280px);}
	.product_list .floatr h1{ font-size:28px; line-height:88px; height:88px;}
	.list li{ padding:30px 0;}
	.list li:first-child{ padding-top:0;}
	.list li>a{ width:200px; height:134px;}
	.list li>div.floatl{ width:600px; margin-left:30px;}
	.list li>div.floatl span{ height:34px; line-height:15px; font-size:15px;}
	.list li>div.floatl h1{ font-size:20px; height:28px; line-height:28px; margin-bottom:22px;}
	.list li>div.floatr{ padding-top:54px;}
	.list li>div.floatr a{ padding-right:30px; font-size:15px;}
	.cp_con_img .cp_img{ padding-bottom:30px;}
	.cp_con_img .left,.preview{width:40%;}
	.cp_con_img .right{ width:60%; padding-left:40px; font-size:14px; line-height:26px;}
	.cp_con_img .right .nr_title{ font-size:26px; line-height:34px; margin-top:-4px; margin-bottom:15px;}
	.cp_con_img .right .sub{ font-size:16px; line-height:40px;}
	.cp_con_img .downLoad{ padding-top:20px;}
	.con_tab{ margin-bottom:30px;}
	.con_tab span,.con_tab a{ font-size:15px; height:36px; width:120px; line-height:36px; border-top-left-radius:5px; border-top-right-radius:5px;}
	.cp_content{ font-size:15px; line-height:24px;}
}

@media screen and (max-width: 1360px) {
	 
	.product_list .floatr li{ width:33.33%;}
	}
	@media screen and (max-width: 1024px) {
 
.dl, .dl_title, .cpdl, .footer, .page, .po, .product li:nth-child(n+7), .news .floatr ul li a em, .news .floatr ul li div, .news .floatl .more, .news .floatr:before, .news .floatl .bt span, .title:before, .title:after, .about .floatr, .head_nav_content, .logo1, .zu {
    display: none;
}	
.topjl { margin-top: 3px;
    
}  

	.contact {
    width: 100%;
    padding: 0 0.24rem;
}
	.content,.jj{ min-height:50vh; padding:0.24rem 0.24rem 0.3rem; width:100%;}
	.jj{font-size:0.28rem; line-height:0.48rem;}
		
		
		
	.contact{ width:100%; padding:0 0.24rem;}
	.contact>div{ width:100%; float:none;}
	.contact>div:first-child{ padding-right:0;}
	.contact>div .kf{ font-size:0.28rem; line-height:0.44rem; height:auto; padding:0.24rem 0 0.2rem;}
	.contact>div .xx li{ height:auto; padding:0.16rem 0; font-size:0.28rem; line-height:0.4rem;}
	.contact>div .xx li h1{ font-size:0.28rem; line-height:0.56rem; height:0.56rem;}
	.contact>div .xx li div{ height:0.44rem;}
	/*.contact>div .ewm,.contact>div .map{ display:none;}		*/
		
	.product_list{ padding:0;}
	 .wm{width:auto;margin: 0 auto;}
	 
    .noMore{ line-height:0.8rem; margin-bottom:0.2rem; font-size:0.24rem;}
	.product_list .floatl{ display:none;}
	.product_list .floatr{ width:100%; float:none;}
	.product_list .floatr h1{ background:#e8e8e8; font-size:0.32rem; line-height:0.88rem; height:0.88rem; padding:0 0.24rem;}
	.product_list .floatr ul{ width:100%; margin-left:0; padding:0.24rem 0.08rem;}
	.product_list .floatr li{ width:50%; padding:0 0.16rem 0.24rem;}
	.product_list .floatr li a em{ height:0.96rem; font-size:0.28rem; line-height:0.40rem; padding-top:0.16rem;}
	 
	 
	 
	.product_list .floatr1{ width:100%; float:none;}
	.product_list .floatr1 h1{ background:#e8e8e8; font-size:0.32rem; line-height:0.88rem; height:0.88rem; padding:0 0.24rem;}
	.product_list .floatr1 ul{ width:100%; margin-left:0; padding:0.24rem 0.08rem;}
	.product_list .floatr1 li{ width:50%; padding:0 0.16rem 0.24rem;}
	.product_list .floatr1 li a em{ height:0.96rem; font-size:0.28rem; line-height:0.40rem; padding-top:0.16rem;}	
	.list{ padding:0.24rem; width:100%;}
	.list li{ padding:0; border-bottom:none; margin-top:0.12rem;}
	.list li:first-child{ margin-top:0;}
	.list li>a{ display:block; width:100%; height:auto; overflow:hidden; border-radius:0.08rem; float:none;}
	.list li>a img{ display:block; width:100%; height:auto;}
	.list li>div.floatl{ float:none; margin:0; width:100%;}
	.list li>div.floatl span,.list li>div.floatl em,.list li>div.floatr{ display:none;}
	.list li>div.floatl h1{ font-size:0.36rem; height:auto; line-height:0.48rem; margin-bottom:0; padding:0.12rem 0;}
	.cp_con_img{ width:100%;}
	.cp_con_img .right .nr_title{ font-size:0.36rem; line-height:0.52rem; margin-top:0.1rem 0 0.2rem;}
	.cp_con_img .right .sub{ font-size:0.32rem; line-height:0.44rem; margin-bottom:0.1rem;}
	.cp_con_img .downLoad{ padding-top:0.3rem;}
	.cp_con_img .downLoad a{ padding-left:0.4rem; margin-right:0.4rem; height:0.4rem; line-height:0.4rem; font-size:0.28rem; background-size:0.26rem;}
	.cp_banner{ display:block; width:100%; height:0; padding-bottom:100%; position:relative;}
	.cp_banner .swiper-container{position:absolute; left:0; top:0;overflow:hidden;width:100%; height:100%;}
	.cp_banner .swiper-wrapper{position:relative;width:100%; height:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
	.cp_banner .swiper-slide{float:left;width:100%; height:100%;}
	.cp_banner .swiper-slide div{ width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
	.cp_banner .pagination{ position:absolute; z-index:100; width:100%; line-height:0.16rem; bottom:0.16rem; left:0; text-align:center; font-size:0.16rem;}
	.cp_banner .pagination .swiper-pagination-switch{display:inline-block; width:0.16rem; height:0.16rem; border-radius:50%;  margin:0 0.08rem; background:#ccc;}
	.cp_banner .pagination .swiper-active-switch{ background:#0062a2;}	
	.cp_img .left{ display:none;}
	.cp_img .right{ float:none; width:100%; padding:0.24rem; font-size:0.28rem; line-height:0.4rem;}	
	.con_tab{ margin-bottom:0.4rem; padding:0 0.24rem;}
	.con_tab span,.con_tab a{ font-size:0.28rem; height:0.44rem; width:auto; padding:0 0.15rem; line-height:0.44rem; border-top-left-radius:0.06rem; border-top-right-radius:0.06rem; margin:0 0 0 0.1rem;}
	.con_tab span:first-child{ margin-left:0; padding:0 0.25rem}
		.cp_content{ padding:0 0.24rem 0.4rem; min-height:1rem; font-size:0.28rem; line-height:0.4rem;}	
		.xg_title,.xg_list{ display:none;}
}