@media (max-width: 1900px) { /*0~1900，这个范围，变小，隐藏*/
   .mc {     display: none;     visibility: hidden;   } }
 body {   background-repeat: repeat;   font-family: Poppins, sans-serif; }
 /*默认PC端*/
 .dk { height:75px;   	 box-shadow: 0 4px 10px rgba(0,0,0,.1);    overflow: hidden;    }
 .hea { margin-top: 15px; color: #3D6AAA }
 .hea a {   display: block;   background-size: 100%;   font-size: 30px;   font-weight: bolder;   float: left;   margin-left: 50px; color: #3D6AAA }
 .hea em {   float: left;   font-size: 18px;   margin-top: 12px;   margin-left: 10px; color: #3D6AAA  }
 /*导航*/
 .dh {   background: #fff;   height:30px;   line-height: 30px; overflow: hidden; }

.da{ margin-left:0px; margin-top: 3px;}
.dc{}
.dc a{ margin-right: 15px; color: #666}

.sv{ width:30%;  }
.sv .search {width:100%;overflow:hidden; margin-top:16px;}
.sv .search input {height:40px;border:0;outline:0;}
.sv .search .text {width:75%;margin:0 auto;line-height:40px;font-size:15px;border:2px solid #357EB8;color:#000;text-align:left;background:#fff;border-top-left-radius:30px;border-bottom-left-radius:30px; padding-left: 10px;}
.sv .search .button {width:20%;margin:0 auto;height:44px;cursor:pointer;color:#fff;text-align:center;line-height:32px;font-size:14px;border-top-right-radius:30px;border-bottom-right-radius:30px;}
.sv .cso {background:#357EB8;}

 /*首页*/
.mi{}
.mir{ width: 100%;  }
.kai{background: #F8F8F8; padding: 10px; font-size: 14px; margin-bottom: 15px;  }

/*首页产品图-1行*/
ul.bpui {}
ul.bpui li {  width:200px;height:310px;float:left; margin-right:40px;}
ul.bpui li:nth-child(6n) {border-right:0px solid #e1e2e4; float: right; margin-right: 0}
ul.bpui li span.bpi {display:block;width:200px;height:200px; overflow: hidden; margin-bottom:15px; box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.1);}
ul.bpui li span.bpi img {width:200px;height:200px;}
ul.bpui li strong {display:block;width:200px;height:40px;line-height:20px;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#333}
ul.bpui li span.fen {display:block;width:200px;padding:10px 0}
ul.bpui li span.fen a {font-size:14px;font-weight:600;color:#0b49b0}
ul.bpui li span.fen i {float:right;color:#ddd; background: url("../image/yj.png") no-repeat; padding-left:20px;}


/*首页全部分类*/
.alc{ min-height: 800px;}

dl.dl2{ border: 1px solid #f8f8f8; padding: 10px; margin-bottom:30px; width: 30%; float: left; margin-right: 10px; height: 380px; }
dl.dl2 dt{ display: block; text-align: center;background:linear-gradient( #eee,#fff); padding: 10px 0;}
dl.dl2 dt a{ font-size: 18px; font-weight: bolder}

dl.dl2 .dtu{ display: block; text-align: center; height: 150px;}
dl.dl2 .dtu img{ width:150px;}

dl.dl2 dd{ float: left; width: 31.5%; margin: 5px 10px 5px 0; background: #f8f8f8}
dl.dl2 dd:nth-child(3n){  margin-right: 0; float: right; }
dl.dl2 dd a{ display: block; padding: 10px 0px 10px 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dmo{ text-align: center; padding:10px 0;background:linear-gradient( #fff,#eee);margin-top: 10px; }
.dmo  a{font-size:  14px;}
.dmo  a span{ color: #f00;}

.dtx{ height: 140px; overflow: hidden;}

 /*左右主体background: url(../image/bgb.jpg) repeat-y left;*/
.m{   padding-bottom: 30px;}
.ml{ width: 230px; border: 1px solid #eee}
.mr{ width: 1130px; min-height: 800px; }
strong.cpf{ display:block;border-bottom: 1px solid #eee; padding: 10px; color: #000; font-size:20px; }
ul.clx{ display:block;  }
ul.clx li { margin-top: 5px; padding:0; border-bottom: 1px solid #eee;}
ul.clx li a { display: block; text-decoration:none;color:#000;font-size:14px; padding:3px 10px;}
ul.clx li a:hover {text-decoration:underline;color:#FF5C00;}
ul.clx li.on a{ color: #f00; font-weight: 600}
 /*大题*/
.dati{}
.ji{  padding:30px 0;}
strong.jin{ display: block;  font-size:20px; color: #333; position: relative; padding-left: 15px;}
strong.jinn::before{content: "";    position:absolute;    left: 6px; top: 1px; width:5px; height:25px;background: #3D6AAA}

/*产品图*/
ul.bpu {}
ul.bpu li {width:20%;height:310px;float:left;box-sizing:border-box;/*border计算在width中*/-moz-box-sizing:border-box;/* Firefox */-webkit-box-sizing:border-box;/* Safari */}
ul.bpu li:nth-child(5n) {border-right:0px solid #e1e2e4;}
ul.bpu li span.bpi {display:block;width:190px;height:190px;margin:0 auto; overflow: hidden; margin-top:20px;margin-bottom:15px; box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.1);}
ul.bpu li span.bpi img {width:190px;height:190px;}
ul.bpu li strong {display:block;width:190px;height:40px;margin:0 auto;line-height:20px;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#333}
ul.bpu li span.fen {display:block;width:190px;margin:0 auto;padding:10px 0}
ul.bpu li span.fen a {font-size:14px;font-weight:600;color:#0b49b0}
ul.bpu li span.fen i {float:right;color:#ddd; background: url("../image/yj.png") no-repeat; padding-left:20px;}


/*内页*/
ul.ziu{}
ul.ziu li{ float: left; margin: 10px 10px 0 0; border: 1px solid #ddd; padding:3px 8px; border-radius: 30px;}


.dq {height:25px;line-height:25px;font-size:12px;color:#999;padding:0px 0px 0px 0;  }
.dq a {color:#999;text-decoration:none;}
.dq strong{ font-size:16px;}
.dq span{ margin:0 6px;}

/*内页-1级分类的子导航-快速导航*/
.zia{margin:0 15px; }
.zia ul{ display: block; padding: 15px 0; }
.zia ul li{ float: left; width: 20%; margin-bottom: 5px;}
.zia ul li a{ display: block; font-size: 12px; background: #f8f8f8; padding: 5px 10px;; margin-right: 15px;
 border-radius:10px;

}
.zia strong{ display: block; font-size: 18px;}
.zia ul li.om a{ background: #B80A0D; color: #fff;}

.ka{ border: 0px solid #e4e4e4;background: #F8F8F8; padding: 10px; margin: 0px 15px; }


/*内页-二级-栏目单页-产品封面*/

.mzy{ margin-top: 30px;}
.mz{ width: 400px;}
.my{ width: 700px;}

.np15{ margin: 0 15px}
.ntd{ padding: 15px 0; }
.ntd h2{ font-weight: 500;font-size:30px;}

.ntp{ }
.ntp img{ max-width:100%; border: 1px solid #eee;}

.nts{ color:#3D6AAA ; font-size: 16px;  padding: 20px 0;}
.nts span{ display: block; padding-top:15px;}
.nts span a{ color:#f00 ; margin-right: 20px; }
.nts span a:nth-child(1){ } 
.nts span a:nth-child(1)::before {    display: inline-block;
    content: "查看更多";
}

.nts span a:nth-child(2)::before {    display: inline-block;
    content: "在线观看";
}


.nts span a:nth-child(3)::before {    display: inline-block;
    content: "下载资料";
}

.nty{ line-height: 30px; background: #f8f8f8; font-size: 16px;  padding: 15px; margin-right: 20px;border-radius:10px;}
.nti{ font-size: 16px; font-weight: 600; margin: 20px 0 0 15px}
.ntc{ line-height: 30px; font-size: 16px;padding:10px 0;}

.ntk{ padding-top: 30px;}

.ndo{ margin: 15px 0 40px 15px;}
.ndo a{ margin-right: 30px; font-size: 16px; color: #f00}

/*2级栏目的子栏目*/
.ntz{ margin: 30px 15px;}
.ntz ul{  display: block; margin-bottom: 20px;border: 1px solid #eee;}

.zit{border-bottom: 1px solid #eee;}
.zit strong{ float: left; font-size: 18px; font-weight: 500; padding: 5px 10px;}
.zit a{padding:10px; display: table; float: right; color: #fff;  background: #3D6AAA; font-size: 14px;}

.ntz ul{}
.ntz ul li{ float: left; margin: 10px 15px; width:185px;}
.ntz ul li span{ display: block; width: 185px; height: 185px; overflow: hidden; border: 1px solid #ddd;border-radius:15px;}
.ntz ul li span img{ width:100%}
.ntz ul li a.tza{ display: block; padding: 10px 0; text-align: center;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*2级栏目的子栏目-第三块文字显示*/
.ntz ul:nth-of-type(3) .zit{ margin-bottom: 10px;}
.ntz ul:nth-of-type(3){ background: #fff; padding-bottom: 15px;  }
.ntz ul:nth-of-type(3) li{  margin: 10px 15px; width:43%;position: relative; padding-left: 15px;}
.ntz ul:nth-of-type(3) li::before {display: inline-block;border: 5px solid transparent;border-left-color:#ddd;content: "";position:absolute; top:4px;	left:5px;}

.ntz ul:nth-of-type(3) li span{ display: none;}
.ntz ul:nth-of-type(3) li a.tza{ text-align: left; padding: 0}

/*内页-一级封面*/
.fz{ margin-left: 15px;}
.fz ul.fza{ padding-top: 15px;}
.fz ul.fza li.fzai{ width: 240px; height:370px; position: relative; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #ddd; float: left; margin-right:45px;}
.fz ul.fza li.fzai:nth-child(4n){ margin-right:15px; float: right;}
.fz ul.fza li.fzai a.fzp{  width: 240px; height: 240px;}
.fz ul.fza li.fzai a.fzp span{ display: block;  box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.3); }
.fz ul.fza li.fzai a span img{ width: 100%;}
/*标题*/
em.pxh{ display: block; padding-top:20px; text-align: center; color:#3D6AAA }
.fz ul.fza li.fzai a.fzp strong{display: block; font-size: 16px; padding-top:10px; text-align: center;}

/*标题下的简介*/
.fz ul.fza li p{ display: block; height:66px;  padding-top: 10px;  line-height: 22px; color: #666;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*图片上的文字*/
dl.ws{display: block; position: absolute; top: 210px; width: 240px; left: 6px;  }
dl.ws dd{width:26%; margin: 0 3%; background:rgba(248,248,248,0.7) ; float: left;   border-bottom: 0; border-radius: 10px;  }
dl.ws dd a{ text-align: center; font-size:12px; display: block;color: #000;padding: 5px 0; }
dl.ws dd a:hover{ color: #f00; text-decoration: underline}


/*内页-产品内容*/
.aml{ min-height: 600px; margin: 0 15px;}
.amt{ position: relative;}

.amt h2{ font-size:26px; padding-bottom:5px;}

.amt span{ display: block; line-height:25px; font-size: 14px;  color: #666;}

.amt i{ display: block; font-size:20px; color: #eee}
.amt em{display: block; font-size:30px; color: #eee}

.amt .dow{  padding: 15px 0;}
.amt .dow a{font-size: 20px;    background: #3D6AAA; color: #fff; padding: 5px 10px; margin-right: 10px;}

/*视频播放*/
.ams{ margin-top:2px; height:600px; background: #000}

video {            /* 设置视频宽度为其父元素宽度的 100% */            width: 100%;            /* 设置视频最大宽度为 800px */            max-width: 800px;
            /* 让视频在容器中水平居中 */            display: block;            margin: 0 auto;            /* 设置视频边框 */            border: 0px solid #ccc;
            /* 设置视频圆角 */            border-radius: 5px;            /* 设置视频阴影 */            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);        }


.amsa{ margin-top: 20px; }
.jscs{  line-height: 40px; font-size: 18px;}
.jscs img{ margin: 0 auto;}

.ctx{ line-height:40px; font-size: 18px;}
.ctx a{ color: #00f; text-decoration: underline;}

.xtu{padding: 20px 3px; margin-top: 20px;}
.xtu span{ display: block; text-align: center;}
.xtu span img{width: 100%; border: 1px solid #000; margin-bottom: 15px;}


.sx {padding:10px 0;color:#333;border-top:1px solid #ddd;font-size:12px;}
.sx a {color:#666;font-size:12px;line-height:28px; margin-right:20px;}



/*内页-文字列表*/
.gw{ padding:20px 0 0 15px;}
.gw strong{ font-size:30px; font-weight: 500}
ul.bpuw li a{ display: block; padding: 10px 0; font-size: 16px;}
ul.bpuw{ padding: 20px 15px;}


/*内页终极列表-关键词*/
ul.bw39 { }
ul.bw39 li{ width:15%; margin-right: 10px; float: left;border-bottom: 1px solid #ddd;}


/*内页终极列表-行业资料*/
ul.bw184  li{ border-bottom: 1px solid #f8f8f8; position: relative; padding-left: 15px;}
ul.bw184  li::before {display: inline-block;border: 5px solid transparent;border-left-color:#3D6AAA;content: "";position:absolute; top:15px;	left:5px;}





/*加密*/
.heam {  color: #3D6AAA; width: 100%;  text-align: center; line-height: 75px;}
 .heam a {    font-size: 30px;   font-weight: bolder;   color: #3D6AAA }

.srm{ text-align: center; padding-top: 30px;}
input.sra{ padding: 5px ; border: 1px solid #ddd; font-size:16px; border-radius: 20px; width:400px; text-align: center;}
input.srb{ padding: 5px; width: 100px; background: #eee;border-radius: 20px;}

.fhs{  padding-top: 60px; text-align: center;}
.fhs a{ margin: 0 15px;}


/*技术文字-封面板块pkf*/


.pkf{ margin:10px 15px 0 0; border: 1px solid #eee;}
.pkf .pkt{ font-size: 20px; font-weight: bolder; padding:5px 10px; border-bottom: 1px solid #eee;}

.pkf .pkt strong{ float: left;}
.pkf .pkt span{ float: right; background: #3D6AAA;}
.pkf .pkt span a{ color: #fff; padding: 0 10px}

.pkf .pku{}
.pkf .pku ul{padding: 15px;}
.pkf .pku ul li{ margin-bottom:5px;}
.pkf .pku ul li a{ display: block; font-size: 18px; padding: 8px 0}
.pkf .pkm{ text-align: center; padding-bottom:5px; }
.pkf .pkm a{ color: #fff; font-size: 16px; background: #3D6AAA; padding: 5px; display: block;}


/*技术文字-封面板块pkf-pk40-关键词*/
.pk39 ul { }
.pk39 ul li{ width:15%; margin-right: 10px; float: left;border-bottom: 1px solid #ddd;}

/*技术文字-封面板块pkf-pk40-关键词*/
.pk184 ul { }
.pk184 ul li{ border-bottom: 1px solid #f8f8f8; position: relative; padding-left: 15px;}
.pk184 ul li::before {display: inline-block;border: 5px solid transparent;border-left-color:#3D6AAA;content: "";position:absolute; top:15px;	left:5px;}


/*下载列表*/
ul.bpli{ margin: 0 15px;}
ul.bpli li{ border-bottom: 1px solid #eee; padding: 10px 0;position: relative; padding-left: 15px;}
ul.bpli li a{ font-size: 16px;}
ul.bpli li span{ float: right;}
ul.bpli li span a{ margin: 0 15px; padding: 3px 5px; background: #3D6AAA; color: #fff;}
ul.bpli li::before {display: inline-block;border: 5px solid transparent;border-left-color:#3D6AAA;content: "";position:absolute; top:15px;	left:5px;}




/*文字-图文-列表*/
ul.btw{ padding-top: 20px; padding-left: 15px;}
ul.btw li{ width:340px; margin-right:30px; float: left; margin-bottom: 15px;}
ul.btw li span{ display: block; width:340px; height: 190px; border: 1px solid #eee; overflow: hidden;}
ul.btw li span img{ width: 100%;}
ul.btw li strong{ font-size: 20px; display: block; padding: 10px;}
ul.btw li p{ display: block; height: 100px; line-height: 25px; overflow: hidden; background: #f8f8f8; padding: 5px;}