﻿ @charset "utf-8";
.c-left { float: left; width: 288px; background: #f5f5f5;}
.c-right { float: right; width: 892px; }
.-c-right img{ max-width:100% !important;}
.right-video { margin-top: 60px; margin-left: 1567px; margin-bottom: -252px; }
.right-video2 { margin-top: 60px; margin-left: 1567px; margin-bottom: -252px; }
.content { width: 1200px; margin: 0 auto; margin-top: 50px; }
.left-h2 { width: 100%; height: 45px; }
.left-h2 h2 { font-weight: normal; font-size: 16px; padding: 10px; float: left; }
.left-h2 p a { float: right; color: #3ea3ff; padding: 10px; line-height: 25px; }
.xw-3 { width: 100%; height: 308px; position: relative; }
.xw-3bj1{background: url(../images/xw-3bj.png) no-repeat; width:288px; height:288px;    overflow: hidden;}
.xw-3bj { width: 100%; height: 288px;  position: absolute; top: 0px; left: 0px; z-index:10; }
 .xw-3bj2 {width: 100%; height: 288px; position: absolute;  display: flex; align-items: center; justify-content: center; z-index:9;}
  .xw-3bj2 img{ height:288px !important; width:288px; opacity:0.9;transition-property: opacity 1s;  -moz-transition: opacity 1s; -webkit-transition: opacity 1s;   -o-transition: opacity 1s; }
.xw-3bj h2 { font-size: 14px; font-weight: normal; padding: 12px 3px; margin: 0px 8px; border-bottom: 1px solid #fff; color: #fff; padding-bottom: 4px; }
.xw-3bj p { font-size: 12px; margin: 41px; color: #fff; opacity:0; padding-top:40px; }
.xw-3bj1:hover p{ padding-top:0;opacity: 1;transition-property: padding-top 1s, opacity 1s;  -moz-transition: padding-top 1s, opacity 1s; -webkit-transition: padding-top 1s, opacity 1s;   -o-transition: padding-top 1s, opacity 1s;}
.xw-3bj1:hover img{ opacity:0.5;}
.xw-3bj p a { display: block; background: #fff; color: #3ea3ff; width: 80px; border-radius: 10px; text-align: center; margin: 35px auto 0; font-size: 13px; }
.xw-3bj p a:hover{ background:#3ea3ff;color:#fff;}
.slide-ol{position:absolute;right:127px;top:305px;display: flex; align-items: center; justify-content: center;}
.slide-ol li{float:left;display:inline;margin-left:6px;width:6px;height:6px;background-color:#3ea3ff;border-radius:6px;cursor:pointer;overflow:hidden}
.slide-ol .on,.gundong .slide-ol li:hover{ width: 8px; height: 8px;border-radius: 8px;}
.chanpin .vip :hover {
    background-color: #f5f5f5;
}

.xwzx li .liebiaowz:hover {
background-color: #f5f5f5;
}

li.cpc:hover {
transform: scale(1.01);
}
.yiyi li a {
    color: #5f5f5f;
}
.chanpin li img {
    width: 98%;
}
.xwimages img { width: 180px; height: 180px;  margin: 50px auto 10px; }
.wx1 { text-align: center; font-size: 16px; }
.wx2 { margin: 30px; font-size: 14px; letter-spacing: 2px; line-height: 20px; margin-bottom: 50px; }
.right-h2 span { display: block; width: 37px; height: 3px; background: #3ea3ff; }
.right-h2 h2 { font-size: 24px;font-weight: normal; }
.right-h2p { font-size: 12px;text-transform: uppercase; }

.qyjjke10 {margin-top: -82px;margin-left: 11px;margin-bottom: 30px;color: #0370d5;}
.qyjjke10 p1 { font-size: 20px; }


.right-h21 span {display: block; width: 123px; height: 13px; background: #68b7ff; margin-top: -11px; }
.right-h21 h2 {font-size: 24px;font-weight: normal;margin-left: 13px; }
.right-h21 h3 {font-size: 20px; font-weight: normal; margin-left: 603px; color: #0571d4; margin-top: -31px;width: 290px; border-bottom: 2px dashed #ff4700; text-align: center;}

.right-h22 { margin-top:30px; }
.right-h22 span {display: block; width: 123px; height: 13px; background: #68b7ff; margin-top: -11px; }
.right-h22 h2 {font-size: 24px;font-weight: normal;margin-left: 13px; }
.right-h21p {font-size: 19px; text-transform: uppercase; margin-top: -37px; margin-left: 150px; border-bottom: 1px solid #3ea3ff; max-width: 220px;}
.right-h22p {font-size: 19px; text-transform: uppercase; margin-top: -37px; margin-left: 150px; border-bottom: 1px solid #3ea3ff; max-width: 290px;}
.right-h22p1 { font-size: 26px;text-transform: uppercase; margin-left: 132px;margin-top: -31px;}
.right-h22 h3 {font-size: 20px; font-weight: normal; margin-left: 660px; color: #0571d4; margin-top: -24px;width: 220px; border-bottom: 2px dashed #ff4700; text-align: center;}
.xqy { margin-top: 20px; }
.xqy img { width: 100%; height: 100%;}
.xqy1 { margin-top: 20px; }
.xqy1 img { width: 735px; height: 100%;}
	
.right-h3 h3 { font-size: 16px; font-weight: normal;  margin-left: 20px; }
.right-h3 {width: 98.7%;; background: #fff linear-gradient(to left, #4194fa00, #3ea3ff); margin: 0px 0px 12px; float: left; }
.right-h33 { width: 290px;
    background: #fff linear-gradient(to left, #41a1fa, #3ea3ff);
    margin:8px 1px 10px;
    text-align: center;
         float: left;
}

.right-h333 { width: 200px;
    background: #fff linear-gradient(to left, #41a1fa, #3ea3ff);
    margin:8px 1px 10px;
    text-align: center;
         float: left;
}


.lxbt-u { font-size: 27px; }
.lxbt-u span { font-size: 14px; color: #ffffff;}
.lxfs-us img { float: left; display: block;  }
.lxfs-us { margin: 0 auto;  background-color: #6eb9ff; color: #fff;}
.lxnr1 {margin-left: 10px; float: left; padding-top: 80px; line-height: 33px; }
.lxnr1 p { margin-bottom: 8px; }

.lximg1 {     margin-left: 350px; }
.k11, .k22 { margin-top: 30px; }
.k22bt { font-size: 16px; margin-bottom: 10px; }
.lxnr2 { float: left;margin: 50px 180px 0px 350px;line-height: 30px;}

.lxywfw {text-align: center; line-height: 42px;width: 1204px;margin-top: 50px;}
.lxywfw h2 {color: #3ea3ff;font-weight: 400;font-size: 26px;}
.lhywzy	{text-align: center; 50px 0px 0px 152px; line-height: 30px;margin-top: 40px;margin-left: 142px;}	
.lhywzy1 {text-align: center; float: left; line-height: 30px; }	
.lhywzy2 {text-align: center; float: left; line-height: 30px; margin-left: 100px;}	
.lhywzy3 {text-align: center; float: left; line-height: 30px; margin-left: 100px;}	
.lhywzy4 {text-align: center; float: left; line-height: 30px; margin-left: 750px; margin-top: -188px;}
.blankl  { height: 1px; overflow: hidden; width: 100%; margin: auto; clear: both; margin-bottom: 80px;}

.lhjd { margin: 40px 0;margin-left: 140px;     margin-top: 70px;}
.lhjd li { margin: 40px 0px; }
.lhjd li img { float: left; display: block;  }
.lhjd li p { display: block; margin-left: 30px; font-size: 15px; margin-bottom: 5px; }
.lhjd li div { float: left; margin-top: 12px; }
/*下载中心*/
.xzwj-c { width: 100%; margin: 20px 0px; }
.xzwj-c ul li { display: block; width: 100%; height: 60px; margin-bottom: 2px; background: #f5f5f5 }
.xiazaixinghao { font-size: 20px; line-height: 60px; margin-left: 20px; }
.shijianxz { font-size: 16px; line-height: 60px; float: right; margin-right: 20px; color: #999999 }
.xzjian { float: right; margin-right: 20px; margin-top: 16px; display: none; }
.xzwj-c ul li:hover .xzjian { display: block; }
.xzwj-c ul li:hover .shijianxz { display: none; }
.xzwj-c ul li:hover .xiazaixinghao { color: #3ea3ff; }
/*加入硕方*/
.jiaruwz { text-align: center; margin-top: 40px; }
.jiaruwz h2 { letter-spacing: -5px; color: #3ea3ff }
.jiaruwz h2 span { letter-spacing: 1px; color: #000 }
.jiaruwz p { margin: 40px 0px; font-size: 16px;color: #666666;}
.jrwz { margin: 0px 120px; }
.jrwz p { line-height: 30px; font-size:16px; color:#666666; }
.jrwz p:nth-child(2), .jrwz p:nth-child(4) { margin-bottom: 40px; margin-left: 30px;     text-align: center; }
/*产品实现*/
.chanpinshixian { margin: 0px 20px; margin-bottom: 20px; }
.chanpinshixian h2 { font-size: 18px; font-weight: normal; margin-top: 30px ;color: #57afff; }
.chanpinshixian p { font-size: 15px; line-height: 23px; letter-spacing: 2px; }
/*求购信息*/
.qgxxli { position: relative; }
.qgxxp { position: absolute; bottom: 10px; right: 20px; font-size: 18px; }
.dxhxtb{ margin-top: 90px; margin-left: 396px; font-size: 25px;border-bottom:1px solid #3ea3ff; /* #555换成链接的颜色 */display: inline-block; padding-bottom:0px;  /*这里设置你要空的距离*/}
.dxhxt { margin-top: 90px; margin-left: 692px; font-size: 25px;border-bottom:1px solid #3ea3ff; /* #555换成链接的颜色 */display: inline-block; padding-bottom:0px;}
.qiugoufk { font-size: 23px; margin-right: 5px; color: #3ea3ff; }
.dxhxk { width: 70%; margin: 0 auto; margin-bottom: 40px }
.dxhxk p { font-size: 14px; line-height: 25px; letter-spacing: 1px; margin-top: 20px; }
.lsq { color: #3ea3ff }
.dxhxk .lsqb { font-size: 16px; }
.qgxxd { text-align: center; font-size: 21px; line-height: 30px; margin-top: 10px; color: #999; margin-bottom: 50px; }
.qgxxdfk { font-size: 33px; color: #3ea3ff; margin-right: 5px; }
/*解决方案*/
.leftlb { width: 100%; margin-bottom: 25px; }
.leftlb li { padding-left: 0px; border-bottom: 1px solid #3ea3ff; position:relative;text-align: center; }
.leftlb li a { display:block; line-height: 40px; font-size: 16px; color: #000; }
.leftlb li.cur a{ color:#3ea3ff; font-size: 18px;}
.leftlb li.cur:hover >a{color:#3ea3ff;font-size: 16px;}
.leftlb li:hover >a{color:#3ea3ff;}
.leftlb li:hover{cursor:pointer;}
.leftlb li:hover .nav_right{left:288px; }
.leftlb .toph2 { font-size: 18px; background: #3ea3ff; color: #fff; line-height: 50px; }
.leftlb .nav_right { width: 270px; height: auto; overflow: hidden; position: absolute; left: -9208px; top: -1px; background: #e6e6e6; z-index: 999; }
.leftlb .nav_right a{ width: 100%; line-height: 30px; text-align: left; color: #222; text-indent: 20px; display: block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; font-size:14px;border-bottom: 1px solid #3ea3ff; }
.leftlb .nav_right a:hover { color: #f93819;font-size: 16px;}
/*解决方案*/
.cpyyly ul li { display: block; float: left; height: 212px; width: 212px; margin-right: 10px; }
.cpzs ul li { display: block;  float: left;   height: 186px; width: 287px; margin-right: 10px; color: #fff;}
.cpyylywz { display: none; width: 100%; height: 100%; background: #3ea3ff; opacity: .5; }
.cpyylywz .ccp { font-size: 16px; margin:0 8px 8px;  padding:10px 0 20px 30px; border-bottom: 1px solid #fff;transition-property: padding 0.5s;  -moz-transition: padding 0.5s; -webkit-transition: padding 0.5s ;   -o-transition: padding 0.5s;}
.cpyylywz .ccp2 { border: 1px solid #fff; position: absolute; font-size: 12px; padding: 1px 6px; border-radius: 10px; margin-left: 10px; margin-top: 25px; }
.cpyylywz .ccp2:hover{color: #007eff;}
.cpyyly a:hover { color: #fff; }
.cpyyly li:hover .cpyylywz { display: block; }
.cpyylywz:hover .ccp{ padding:10px 0 5px 0;}
.cpyylywz:hover .ccp2{}
/*新闻中心*/
.xwzx { width: 100%; }
.xwzx li { width: 278.5px; float: left; margin-right: 18px; margin-top: 25px; }

.xwzx .preview{width: 288px;  height: 288px; display: flex; align-items: center; justify-content: center; background: #f5f5f5;}
.xwzx .preview img{ max-width:288px!important}
.divs .imgs { display: inline-block; vertical-align: middle; }
.divs .infos { display: inline-block; color: #999999; font-size: 12px;}
.xwzx li .h22 { font-size: 16px; margin-top: 6px; margin-left: 5px; }
.xwzx li .divs { margin-left: 5px; }
.t22 { margin-top: 8px; font-size: 14px; height:60px; overflow:hidden; margin-left: 5px; line-height: 20px; letter-spacing: 1px; }
.ydqw { float: left; margin-top: 30px; margin-left: 5px; padding: 2px 10px; border-radius: 14px; border: 1px solid #3ea3ff; color: #3ea3ff; font-size: 13px; }
.ydqw:hover,.xwzx li:hover .ydqw{ background:#3ea3ff; color:#fff;}
/*产品列表*/
.chanpin li { border: 4px solid #f2f2f2; color: #999; position: relative;margin-right: 10px; margin-top: 10px;}

.chanpin li .cpimg {width: 280px; height: 280px; display: flex;align-items: center; justify-content: center;}

.liebiaowz { padding: 20px; height: 142px; overflow: hidden; background:#ffffff; }
.liebiaowz p { margin-bottom: 8px; }
.liebiaowz .jja { height: 42px; overflow: hidden; }
.chanpin li .more { position: absolute; right: 25px; bottom: 20px; color: #3ea3ff; }
/*产品详情*/
.right-h4 h3 { font-size: 16px; font-weight: normal;  margin-left: 20px; color: #464444; }
.right-h4 { width: 100%; background: #fff linear-gradient(to left, #ffffff, #f2f2f2); }
.cpxqyr .right-h3 { margin: 0px; }
.cpxqyr .canshu h3 { margin-left: 60px; font-size: 14px; line-height: 24px }
.xiazaipdf { color: #3ea3ff; border: 1px solid #3ea3ff; padding: 2px 12px; border-radius: 10px; }
.cpxqyr { width: 73%; float: right; }
.cpxqyl { width: 25%; height: auto; float: left; }
.cpxqyl img { width: 100%; height: 100%; }
.cpxqy2 { width: 32%; height: auto; margin-left: 10px;}
.cpxqy2 img { width: 100%; height: 100%;border: 0.5px solid #ffffff; box-shadow: rgb(90 90 90 / 63%) 4px 4px 4px 2px; }
.cpxqy3 { width:auto; height: auto; float: left;margin-top: -32%; margin-left: 40%; }
.cpxqy3 img { width: 100%; height: 100%; }
/*新闻详情*/
.xwxq { width: 100%; margin: 0 auto; }
.jianjie { padding: 10px 20px; background: #f3f3f3; font-size: 14px; margin-top: 10px; margin-bottom: 20px; }
/*企业简介*/
.qyjjk { width: 100%; margin: 0 auto; font-size: 17px; line-height: 30px }
.qyjjk1 { width: 80%; margin-left: 13px;    margin-top: 17px; font-size: 18px; color:#666666; line-height: 34px }
.qyjjk22 { width: 100%; margin-left: 0px; margin-top: 17px; font-size: 18px; line-height: 34px;border: 4px solid #efefef;}
.qyjjk23 { width: 880px; margin-left:5px; margin-top: 15px; font-size: 18px; line-height: 34px;}
.qyjjk23 img { max-width: 880px;height: auto!important;border: 0; display: block;margin: 0 auto; padding: 10px;}
.txzjl .txlogo { float: left; }
.txzjl .txwz { float: right; width: 75%; margin-top: 20px; }
.txzjl { float: left; width: 69%; color: #666666; font-size: 16px;}
.txzjr { float: right; width: 29%; }
/*分页*/
.dede_pages { margin-left: 180px; }
.dede_pages ul { float: left; padding: 12px 0px 12px 16px; }
.dede_pages ul li { float: left; font-family: Tahoma; line-height: 17px; margin-right: 6px; border: 1px solid #E9E9E9; }
.dede_pages ul li a { float: left; padding: 2px 4px 2px; color: #555; display: block; }
.dede_pages ul li a:hover { color: #690; text-decoration: none; padding: 2px 4px 2px; }
.dede_pages ul li.thisclass, .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover { background-color: #F8F8F8; padding: 2px 4px 2px; font-weight: bold; }
.dede_pages .pageinfo { line-height: 21px; padding: 12px 10px 12px 16px; color: #999; }
.dede_pages .pageinfo strong { color: #555; font-weight: normal; margin: 0px 2px; }

p.sss {
    width: 200px;
  padding: 10px;
   
}

p.ssss {
    width: 200px;
     margin-left: 50px;
}
p.bibi {
    width: 200px;
    padding-left: 10px;
}

p.bibis {
    width: 200px;
 margin: 35px 0px 0px 40px;