@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px; border:none; list-style:none; font-style:normal; -webkit-text-size-adjust: none;}
body{ width:100%;  font-family:PingFang,"微软雅黑", Arial, Helvetica, sans-serif;color:#333; font-size:100%; overflow-x:hidden; }
a{ color:#666; text-decoration:none; }
a:hover{ color:#333;}
.l,.left{ float:left;}
.r,.right{ float:right;}
.clear{ clear:both; height:0px; overflow:hidden;}
.center{ width:1465px; margin:0px auto;}
.mb,#mbnav{ display:none;}
input{ -webkit-appearance: none; outline: none; background:none;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    color: #fff !important;
    -webkit-text-fill-color:#575757;
    -webkit-transition: background-color 43200s ease-in-out 0s;
    transition: background-color 43200s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus {
    -webkit-text-fill-color:#575757);
    -webkit-transition: background-color 43200s ease-in-out 0s;
    transition: background-color 43200s ease-in-out 0s;
}

#searchForm .active .searchText{-webkit-text-fill-color:#fff;}

.header{ width:100%;}
.header .top{ width:100%; background-color:#2556a0; text-align:right; font-size:1em; line-height:180%; padding:1em 0px;}


.header .top a.search,.header .top a.register,.header .top span{ border:1px solid #fff; border-radius:6px; display:inline-block; color:#FFF; margin-right:0.4em; padding-left:2em; padding-right:0.5em; height:2em;}
.header .top a.register{ margin-right:2%;}

.header .top .language{ background: url(../images/a003.png) 0.5em center no-repeat; background-size: auto 70%; cursor:pointer; position:relative;}
.header .top .language a{ color:#fff;}
.header .top .language em{  position:absolute; width:100%; left:0em; top:100%; background-color:#2556a0; border:1px solid #fff; border-radius:6px; z-index:999; display:none; padding-bottom:5px; z-index:9999;}
.header .top .language em a{ display:block; text-align: left; padding-left:2.2em; margin:5px 5px 0px; color:#2556a0;}
.header .top .language em a.cn{ background:url(../images/002.jpg) 0.5em center no-repeat #FFF;}
.header .top .language em a.en{ background:url(../images/001.jpg) 0.5em  center no-repeat #FFF;}
.header .top .language em a.ru{ background:url(../images/003.jpg) 0.5em  center no-repeat #FFF;}
.header .top .language em a.ar{ background:url(../images/004.jpg) 0.5em  center no-repeat #FFF;}
.header .top .language em a.bo{ background:url(../images/005.jpg) 0.5em  center no-repeat #FFF;}


.header .top a.search{ background: url(../images/a004.png) 0.5em center no-repeat; background-size: auto 70%;}
.header .top a.register{ background: url(../images/a002.png) 0.5em center no-repeat; background-size: auto 70%;}
.header .top form{ display:inline-block; float:right;}

#searchForm .ssk{ width:auto; padding-left:2em; display:inline-block; border:1px solid #fff; border-radius:6px; background: url(../images/a004.png) 0.5em center no-repeat; background-size: auto 70%; height:2em;}

#searchForm .ssk .searchText{ background:none; height:100%; width:3.5em; display:inline-block; float:left; line-height:100%;}
#searchForm .ssk .searchButton{width:0px;  display:inline-block; background:none;}

#searchForm .active{ background:none; padding-left:0px;}
#searchForm .active .searchText{ width:15em; padding-left:1em;}
#searchForm .active .searchButton{width:2em; background: url(../images/a004.png) 0.2em center no-repeat; background-size: auto 70%;  height: 100%;}

.ssk input,.ssk input::-webkit-input-placeholder{ color:#fff; font-size:1em;font-family:PingFang,"微软雅黑"; background-color:#2556a0;}


.header .nav{ width:100%; padding:0.6875em 0px; margin:0px auto; position:relative;}
.header .nav .center{ position:relative;}
.header .nav .logo{ width:11.75%; display:inline-block;  position:relative; z-index:999;}
.header .nav .logo img{ width:100%;}
.header .nav .navslogo{ display:none;}

.header .navs{ position: fixed; left:0px; top:0px; z-index:99999; background-color:#2556a0;}
.header .navs .navlogo { display:none;}
.header .navs .logo{ width:8%;}
.header .navs .navslogo{ display:block;}




/*.header .navs .logo{ width:6.46%;}*/

/*.header .navs .logo img{ filter: grayscale(100%) brightness(900%);}*/


#menu{ width:60%; text-align:center; vertical-align:middle;  position: absolute; right:0px; bottom:0px; white-space: nowrap; float:left;}
#menu li{ width:calc((100% - 10px)/5); margin-left:2px; float:left; display:block;  text-align:center; z-index:998; position:relative;}
#menu li#shouye{ margin-left:0px;}
#menu li a.cattop{  display:block;  padding:0.3em 0em; font-size:1em; line-height:180%; background-color:#efefef; position:relative; z-index:9998; transition:all 0s ease; border-radius:5px 5px 0px 0px; text-transform:uppercase;}
#menu li ul{ width:calc(200% + 2px); position: absolute;   z-index:99;  top:2.25em;   display:none; left:0px;}
#menu #ziul05{ right:0px; left:auto;}
#menu li ul div{ width:100%; margin-top:0.6875em; display:block; float:left; background-color:rgba(239,239,239,0.8);}
#menu li ul li{ width:100%; height:auto; border:none;  margin-left:0px; padding:0px; float:left;}
#menu li ul li a{  line-height:normal;  background:none; display:block; white-space:nowrap; padding:0px; color:#2e3f52; line-height:240%; font-size:0.875em; text-align:left; padding:0px 2.5em 0px 1em; position: relative;}
#menu li ul li a::after{ width:1em; height:1em; position:absolute; right:0.5em; top:50%; margin-top:-0.5em; content:">"; line-height:1em;}


#menu li a:hover,#menu li.on a.cattop,#menu li ul li a.on{color:#FFF; background-color:#0e9aa8;}

#menu li a.cattop::after{width:0px;height:0px;border-left:0.5em solid transparent;border-right: 0.5em solid transparent;border-top: 0.5em solid #efefef; content: ''; position:absolute; left:calc(50% - 0.25em); bottom:-0.5em;}
#menu li a.cattop:hover::after,#menu li.on a.cattop::after{border-top: 0.5em solid #0e9aa8;}

.slide-main{position:relative; }
.slide-box{width:100%; position:relative;overflow:hidden;}
.slide{display:none; }
.slide .img01{ width:100%;}

.slide .bncenter{ width:77%; position:absolute; height:100%;  left:11.5%; top:0px; display:table;}
.slide .bncenter .con{display:table-cell; vertical-align:middle;}
.slide p{ width:60%;  color:#FFF; }


@media (min-width: 1903px) {
.slide .bncenter{  left:calc((100% - 1465px)/2);  max-width:1465px;} 
.slide{ height:850px; overflow:hidden;}
.catbanner{ height:580px; overflow:hidden;}
}

.slide .p00{  animation:p01 0.8s 0s linear;-webkit-animation:p01 0.8s 0s linear; }
.slide .p00 img{ width:10%;}
.slide .p01{font-size:3.4em;animation:p01 0.8s 0s linear;-webkit-animation:p01 0.8s 0s linear; font-weight:bold; text-shadow: 2px 2px 20px #2556a0; margin:0.3em 0px 0.8em;}
.slide .p02{ font-size:2em; padding-left:1.2em; line-height:150%; animation:p02 1.5s 0s linear;-webkit-animation:p02 1.5s 0s linear;  text-shadow: 2px 2px 2px #2556a0; position:relative;}
.slide .p02::before{ width:0.6em; height:calc(100% - 0.8em); background-color:#0e9aa8; position:absolute; left:0px; top:0.4em; content: '';}


.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:9999;top:50%; margin-top:-20px; overflow:hidden;cursor:pointer;opacity:0.6;filter:alpha(opacity=60);}
.prev img,.next img{ width:100%;}
.prev:hover,.next:hover{opacity:1;filter:alpha(opacity=100);}
.prev{left:3%;}
.next{right:3%;}

.item{display:block;width:100%;position:absolute;z-index:999; bottom:10px;left:0;text-align:center;}
.item a{display:inline-block;width:1em; padding:0.5em 0px; margin:0px 0.6em;}
.item a::before{display:block; content:''; width:100%; height:1em; background-color:#FFF;border-radius:50%;}
.item a.cur::before{  background-color:#0e9aa8;}



.main01{ width:100%; margin:4em auto 5em;}
.main01 p{ width:100%; font-size:1.125em; color:#2556a0; line-height:155%;}
.main01 ul{ width:100%; margin:3.5em auto 0px; text-align:center;}
.main01 li{  text-align:center; display:inline-block; padding:0px 5%; position:relative;}
.main01 li::before{ content:""; position:absolute; width:2px; height:80%; top:10%; background-color:#2556a0; left:0px;}
.main01 .li01{ padding-left:0px;}
.main01 .li01::before{ display:none;}

.main01 li em{font-weight:bold; color:#2556a0; display:inline-block; padding-left:5.5em; font-size:1em; line-height:4.9em; white-space: nowrap; }
.main01 .li01 em,.main01 .li02 em,.main01 .li03 em,.main01 .li04 em{background-position: left center; background-repeat:no-repeat; background-size: auto 100%;}




.main02{ width:100%; margin:4em auto 0px;}
.main02 h2,.main03 h2{ width:100%; border-bottom:1px solid #0e9aa8;}
.main02 h2 strong,.main03 h2 strong{ color:#fff; background-color:#0e9aa8; text-align:center; font-size:1.4em; display:inline-block; border-radius:8px 8px 0px 0px; font-weight:normal; line-height:140%; padding-left:0.8em; padding-right:0.8em; }

.main02 ul{ width:100%; margin-top:2%;}
.main02 ul li{ width:49%; background-color:#efefef; float:left; margin-bottom:2%; position:relative;}
.main02 ul li:nth-child(2n+2){margin-right: 0;}
.main02 ul li .img{ width:47%; display:block; margin-right:2em; float:left; position:relative;}
.main02 ul li .img::after{ content:""; width:0;height:0; border-top:0.6em solid transparent; border-bottom:0.6em solid transparent;    border-right:0.6em solid #efefef; position:absolute; right:0px; top:1.8em;}
.main02 ul .li02{ float:right;}
.main02 ul .li02 .img{ width:100%; margin-right:0px; }


.main02 ul .li02 .img::after{ content:""; width:0;height:0; border-right:0.6em solid transparent; border-left:0.6em solid transparent;    border-bottom:0.6em solid #efefef; position:absolute; left:6.8%; bottom:0px; top:auto;border-top:0px solid transparent;}
.main02 ul li .img img{ width:100%; float:left;}


.main02 ul li .tit{ display:block; font-size:1.25em; padding-top:1.3em; color:#2556a0; display:block; text-transform:uppercase; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.main02 ul .li02 .tit{ width:calc(100% - 3.2em); float:left; margin-left:1.6em; margin-right:1.6em; margin-top:4%;}
.main02 ul .li02 span{ width:calc(100% - 3.2em); float:left; margin-left:1.6em; margin-right:1.6em;}
.main02 ul .li02 .more{ left:2.22em;}
.main02 ul li span{ display:block; color:#595757; padding-top:0.6em; font-size:1em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; padding-right:1.6em;}
.main02 ul li .more{ display: inline-block; background-color:#898989; color:#FFF;border-radius:0.75em; padding:0em 0.8em; font-size:0.9em; line-height:160%; position:absolute; left:calc(47% + 2.22em); bottom:1.25em;}



.main02 ul .li01,.main02 ul .li03,.main02 ul .li04,.main02 ul .li06{ margin-right:2%;}


.main02 ul .li08{ width:100%; margin-bottom:0px;}
.main02 ul .li08 .img{ width:49%; float:right; margin-right:0px;}
.main02 ul .li08 .img img{ float:right; margin-right:0px;}
.main02 ul .li08 .tit,.main02 ul .li08 span{ width:36%;margin-left:7%; margin-right:7%;}
.main02 ul .li08 .tit{ margin-top:8%;}

.main02 ul .li08 .more{ left:7%; margin-bottom:8%;}

.main02 ul .li08 .img::after{ content:""; width:0;height:0; border-top:0.6em solid transparent; border-bottom:0.6em solid transparent;    border-left:0.6em solid #efefef; position:absolute; left:0px; top:50%; margin-top:-0.6em; border-right:0px solid transparent;}

.main03{ width:100%; margin:4em auto 0px;}
.main03 ul{ width:100%; margin:0px auto ; display:flex; flex-wrap: wrap;}
.main03 ul li{  float:left; margin-right:2%; margin-top:2%; flex:0 0 23.5%;}
.main03 ul .li04,.main03 ul .li08{ margin-right:0px;}
.main03 ul li .img img{ width:100%; padding:10px 0; border: 1px solid #e8e8e8;}
.main03 ul li span{ display:block;  padding:1em 1% 1.8em; width:98%;  position:relative; height:calc(40% - 5.8em)}
.main03 ul li span .tit{ display:block;  padding-left:0.5em; font-weight:bold; color:#2556a0; position:relative; font-size:1.25em;height: 30px; line-height: 30px;overflow: hidden;margin-bottom: 10px;}
.main03 ul li span .tit::before{ width:3px; height:0.8em; position:absolute; background-color:#0e9aa8; display:block; left:1px; top:calc((100% - 0.8em)/2);content: '';}
.main03 ul li span em{  color:#595757; font-size:1em; padding-top:1em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.main03 ul li span .more{display: inline-block; background-color:#898989; color:#FFF;border-radius:0.75em; padding:0em 0.8em; font-size:0.9em; line-height:160%;  left:1.33; bottom:1em; }



/*.main03 ul li:hover span{background-color:#2556a0;}*/
.main03 ul li:hover span .tit{color:#0e9aa8;}
.main03 ul li:hover em{ color:#fff;}

.footer{ width:100%; background-color:#2556a0; margin-top:4em;}
.foot_t{ width:100%; padding:5em 0px 4em; display:table;}
.foot_t dl{ display:table-cell; padding-right:3em;}
.foot_t dl dt{  display:block; margin-bottom:30px; }
/*.foot_t dl dd{ padding:1em 9em 0px 0px;}*/
.foot_t dl dt a,.foot_t dl.dlcontact dt{font-size:1.75em; color:#fff; font-weight:bold; text-transform:capitalize;}
.foot_t dl.dlcontact dd{ padding:0px;}


.foot_t dl dd a{ font-size:1em; color:#ddd; display:block; white-space: nowrap; margin-bottom:0.5em;}
.foot_t dl dd span{ color:#ddd; display:block;}
.foot_t dl dd strong{color:#eee; display:block; font-size:1em; margin-top:0.5em; font-weight:500}

.dlcontact{padding-right:0!important;}
.dlcontact dd{width:30%; float:left; margin-right:5%;}
.dlcontact dd:nth-child(4){margin-right:0}
.dlcontact dd img{width:100%; max-width:120px;}

.foot_b{ width:100%; display:table; padding:1.8em 0px; border-top:1px solid rgba(255,255,255,0.2);}
.foot_b .left{ width:55%; display:table-cell;}
.foot_b .left p{ font-size:0.875em; color:#ddd; display:block;}
.foot_b .left em{ display: none; margin-top:1.6em;}
.foot_b .left em a{color:#757ca2; margin-right:2.8em; font-size:0.875em;}
.foot_b .right{ width:auto;}
.foot_b .right a{ margin-left:0.6em; display:block; float:left; position:relative;}
.foot_b .right a .tubiao1{ width:100%; }
.foot_b .right a .tubiao2{ display:none; width:500%; position:absolute; top:-450%; right:0px;}
.foot_b .right a:hover .tubiao2{ display:block;}

.position{ width:100%; color:#2556a0; line-height:380%;}
.position span{ margin-right:0.5em;}
.position a,.position a:hover{color:#2556a0; position:relative; padding-right:1.2em; display:inline-block; text-transform:capitalize;}
.position a::after{width:0; height:0; border-top:0.4em solid transparent; border-bottom: 0.4em solid transparent; border-left: 0.4em solid #2556a0; content: ''; position:absolute; top:50%; margin-top:-0.4em; right:0.4em; }

.main{ width:100%;}
.main .about .left{ width:25%;}
.main .about .right{ width:72%;}
.catbanner{ width:100%;}
.catbanner img{ width:100%;}

/*关于我们*/
.main .about .left dl{ border:1px solid #e9e9e9; padding:3.25em;}
.main .about .left dl dt{ display:block; position:relative; color:#2556a0; font-size:1.25em; text-transform:Uppercase; margin-bottom:1em;}
.main .about .left dl dt::before{ width:3px; height:1em; position:absolute; left:-10px; background-color:#0e9aa8; content: ''; top:50%; margin-top:-0.5em;}
.main .about .left dl dd a{ display:block; font-size:1em; line-height:200%; margin-left:-0.5em; padding-left:0.5em;}
.main .about .left dl dd a.on{ border:1px solid #2556a0; background-color:#2556a0; color:#FFF;}

.aboutshow{ width:100%; font-size:1em; color:#565656; line-height: 30px;}
.aboutshow h2{margin-bottom: 10px;color: #2556a0;}
.aboutshow p{  line-height:180%;}
.aboutshow img{float:left; width:49.5%; margin-right:2em; margin-bottom:1em; }

/*解决方案*/
.qianyan{ width:calc(100% - 1em);; font-size:1.5em; color:#2556a0; line-height:180%; padding-left:1em; position:relative;}
.qianyan::before {width: 0.6em;height: calc(100% - 0.8em);background-color: #0e9aa8;position: absolute;left: 0px;top: 0.4em; content: '';}
.applict{ width:100%;}

.mod01{ width:100%;margin-top:4em; position:relative; float:left;}
.mod01 img{ width:58%; float:right; margin-left:6%;}
.mod01 .tit{ display:block; font-size:1.5em; color:#2556a0; font-weight:bold; padding-top:3em;}
.mod01 span{ display:block; color:#595656; font-size:1.25em; padding-top:1.8em; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.mod01 .more{ display: inline-block; background-color:#898989; color:#FFF;border-radius:0.75em; padding:0em 0.8em; font-size:0.9em; line-height:160%; position:absolute; left:0px; bottom:1.25em;}

.mod02{ width:100%; margin-top:4em; float:left;}
.mod02 li{ width:calc((100% - 2em)/3); float:left;}
.mod02 li.li02{ margin:0px 1em;}
.mod02 li img{ width:100%;}
.mod02 li .tit{ display:block; font-size:1.5em; color:#2556a0; font-weight:bold; padding-top:1em;}
.mod02 li span{  color:#595656; font-size:1.25em; padding-top:0.5em; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mod02 li .more{ display: inline-block; background-color:#898989; color:#FFF;border-radius:0.75em; padding:0em 0.8em; font-size:0.9em; line-height:160%; margin-top:1.5em;}

.mod03{ width:100%; margin-top:4em; float:left;}

.mod031{ width:51.5%; float:left;}
.mod031 img{ width:100%;}
.mod031 span{width:150%;}
.mod032{ width:46.5%; float:right; float: right;}
.mod032 img{ width:45%; float:left; margin-right:6%;}
.mod03 .tit{ display:block; font-size:1.5em; color:#2556a0; font-weight:bold; padding-top:1em;}
.mod03 span{  color:#595656; font-size:1.25em; padding-top:0.5em; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.mod03 .more{ display: inline-block; background-color:#898989; color:#FFF;border-radius:0.75em; padding:0em 0.8em; font-size:0.9em; line-height:160%; margin-top:1.5em;}


.mod04{ width:100%;margin-top:4em; position:relative; float:left;}
.mod04 img{ width:58%; float: left; margin-right:6%;}
.mod04 .tit{ display:block; font-size:1.5em; color:#2556a0; font-weight:bold; padding-top:3em;}
.mod04 span{ display:block; color:#595656; font-size:1.25em; padding-top:1.8em; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.mod04 .more{ display: inline-block; background-color:#898989;  color:#FFF;border-radius:0.75em; padding:0em 0.8em; font-size:0.9em; line-height:160%; position:absolute; left:64%; bottom:1.25em;}


/*解决方案内页*/
.applictshow{ width:100%;}
.applictshow h1{ font-size:2.5em;  color:#2556a0; padding:1em 0px 0.5em;}
.applictshow .depict{ width:75%; font-size:1.8em; line-height:130%; color:#595656; }

.applictshow .content{ width:100%; border-top:1px solid #8597b2; margin-top:2.5em; padding-top:2.5em;}
.applictshow .con_t{ width:100%; display:flex; flex-wrap: wrap;}
.applictshow .con_t .l{ flex:0 0 56%; margin-right:3%;}
.applictshow .con_t .l p{  line-height:180%; font-size:1.125em; }
.applictshow .con_t .r{flex:0 0 41%;   /*background:url(../images/a301.jpg) center center no-repeat; background-size:100% 100%;*/}
.applictshow .con_t .r img{ width:100%; display: none;}
.applictshow .con_t .pc{background-size:100%; background-position: center top; background-repeat:no-repeat;}

.applictshow .con_f{ width:100%; margin-top:4em; background-color:#efefee; display:flex; flex-wrap: wrap;}
.applictshow .con_f .l{flex:0 0 41%; overflow:hidden;}
.applictshow .con_f .l img{ width:100%; display:block; height:100%;}
.applictshow .con_f .r{flex:0 0 59%;}
.applictshow .con_f .r .con01{ display:table; height:100%; font-size:1.125em;  padding:10px 5%; line-height:180%;}
.applictshow .con_f .r .con01 .con02{ display:inline-block; display:table-cell; vertical-align:middle; padding-left:5%;}

.relatedpro{ width:100%; margin-top:5em;}
.relatedpro dt{ width:100%; border-bottom:1px solid #0e9aa8;}
.relatedpro dt strong{ width: auto; padding:0.2em 1em; color:#fff; background-color:#0e9aa8; text-align:center; font-size:1.8em; display:inline-block; border-radius:8px 8px 0px 0px; font-weight:normal; line-height:140%;}
.relatedpro ul{ width:100%; }
.relatedpro ul li{ margin-right:2.7%; margin-top:2.7%; width:calc(22.9% - 2px); float:left; border:1px solid #ececec; }
.relatedpro ul li img{ width:100%; background-color:#efefed;}
.relatedpro ul li:nth-child(4){ margin-right:0px;}
.relatedpro ul li a.tit{ display:block; font-size:1.1em; color:#2556a0; font-weight:bold; text-align:center; line-height:200%; padding-bottom:0.5em;height: 40px;
    overflow: hidden;}

/*产品*/
.product .left{ width:23.4%;}
.product .left h2{ width:100%; font-size:2.2em; background-color:#0e9aa8; color:#FFF; text-align:center; line-height:167%;    border-radius: 0.4em 0.4em 0px 0px; font-weight:normal;}
.product .left dl{ border:1px solid #e6e6e6; border-top:none; padding-bottom:2.4em;}
.product .left dl:hover,.product .left dl.on{ background-color:#e5e9ef;}
.product .left dl dt{ padding-left:10%; padding-top:2.4em;}
.product .left dl dt a{ font-size:1.25em; color:#2556a0; display:block; position:relative;}

.product .left dl dt a::before{ width:0.22em; position:absolute; height:1em; top:50%; margin-top:-0.5em; left:-0.55em;content: ''; background-color:#0e9aa8;}
.product .left dl dd{ padding-left:10%; padding-top:1.25em;}
.product .left dl dd a{ display:block; font-size:1.125em; line-height:180%; color:#3e3a39;}
.product .left dl dd a.on{ color:#0e9aa8;}

.product .right{ width:74.3%;}

.product .procate { width:100%; display:flex; flex-wrap: wrap;}
.product .procate li{flex:0 0 1; width:calc((94%)/3 - 2px); margin-right:2.7%; float:left; padding-bottom:1em; border:1px solid #ddd; margin-bottom:2.7%;}
.product .procate li:nth-child(3n+3){ margin-right:0px;}
.product .procate li a.img{ display:block; border:1px solid #fff; }
.product .procate li a.img img{ width: calc(80% - 2px); padding:10%; display:block; }
.product .procate li a.tit{ font-size:1em; color:#2556a0; display:block; padding:0.8em 0px 0.4em 5.4%; font-weight:bold;}
.product .procate li span{ font-size:1em; color:#595656; display:block; margin: 0px 5.4%; overflow:hidden;}
.product .procate li a.more{display: inline-block; background-color:#898989; color:#FFF;border-radius:0.75em; padding:0em 0.8em; font-size:0.9em; line-height:160%; margin-top:1em; margin-left:5.4%;}
.product .procate li a.cadmod{display: inline-block; background-color:#898989; color:#FFF;border-radius:0.75em; padding:0em 0.8em; font-size:0.9em; line-height:160%; margin-top:1em; margin-left:5.4%;}


.product .prolist{ width:100%; float:left; }
.product .prolist li{ width:100%; margin-bottom:2.7%; background-color:#efefef; float:left; position:relative; display:table;}
.product .prolist li a.img{ width:100%; display:block; float:left;}
.product .prolist li a.img img{ width:80%; padding:10% 15% 10% 5%; display:block; }
.product .prolist li span{ display:table-cell; vertical-align:middle; width:68%; padding-top:1em; padding-bottom:1em;}
.product .prolist li strong{ display:block; font-size:1.5em; color:#2556a0; font-weight:normal;  margin-bottom:0.3em;}
.product .prolist li strong i{ margin-left:0.5em;}

.product .prolist li strong b{ display:block; font-weight:bold;}
.product .prolist li strong b i{ display:inline-block;  font-size:0.8em; color:#2556a0; font-weight:normal; margin-left:2em;}
.product .prolist li table{ margin-right:5%;}
.product .prolist li table th{ font-size:1em; color:#000; line-height: 140%; padding-right:2em; white-space:nowrap; vertical-align:top; font-weight:normal;}
.product .prolist li table td{ color:#3e3a39;}
.product .prolist li em{ display:block; margin-top:0.5em;}
.product .prolist li em .es{ display:inline-block; padding-left:2em; color:#e60012; font-size:0.8em; background:url(../images/043.jpg) left center no-repeat; background-size: auto 100%; margin-right:2em;}
.product .prolist li em .cadmod{display:inline-block; padding-left:2em; color:#e60012; font-size:0.8em; background:url(../images/044.jpg) left center no-repeat; background-size: auto 100%; }
.product .prolist li em a.more{display: inline-block; background-color:#898989; color:#FFF;border-radius:0.75em; padding:0em 0.8em; font-size:0.9em; line-height:160%; float:right; margin-right:5%;}


 /*page fenye*/
.zc-page-turn{margin-left:auto;margin-right:auto;clear:both;display:table;overflow:hidden;padding:40px 0;}
.zc-page-turn a{float:left;background:#777; font-size: 14px;padding-left:10px;padding-right:10px;height:30px;line-height:30px;text-align:center;display:block;margin-right:4px;color:#fff;text-decoration:none;font-weight:700; border-radius: 5px;}
.zc-page-turn span{float:left;height:30px;line-height:30px;text-align:center;display:block;margin-right:4px;color:#777}
.zc-page-turn a:hover,.zc-page-turn a.Ahover{background:#2556a0;color:#fff}
.zc-page-turn a.nextPage,.zc-page-turn a.prePage{}
.zc-page-turn .pagenum{float:left;display:table}
.zc-page-turn .hidden{display:none}



/*产品内页*/
.proshow{ margin-top:2.5em;}
.proshow .left{ width:30%; position:relative;}
.proshow .right{ width:67%;}
.proshow .right img{max-width:100%}

.proshow .left h1{ line-height:120%; color:#2556a0; color: #000;font-size: 1em;}
.proshow .left h1 b{ display:block;}
.proshow .left strong{ font-size:2em; color:#2556a0; line-height:180%; padding-top:0.2em;}


#cpdnr{ width:100%; margin:3em auto; }
#cpdnr ul { display:block; position:absolute; right:0px; top:1.5em;}
#cpdnr .cpul li { float:left; margin-left:0.2EM; }
#cpdnr .cpul li a { text-align:center; display:block; background-color:#e5e9ef; color:#333; padding:0.5EM 1EM;-webkit-border-radius:0.2em;
-ms-border-radius:0.2em;
-o-border-radius:0.2em;
-moz-border-radius:0.2em;
border-radius:0.2em;}
#cpdnr .cpul li.cpft a{background-color:#2556a0; color:#FFF;}
#cpdnr div.cpft { display: block;}
.cpnr { display:none; }

@media only screen and (max-width: 1024px) {
#cpdnr .cpul{ position: relative; width:100%; top:0px;  margin-bottom:2em;}
#cpdnr .cpul li{ margin-left:0px; width:45%;}
#cpdnr .cpul li:first-of-type{}
#cpdnr .cpul li:last-of-type{ float:right;}

}


.proshow .left img{ width:100%; }

.proshow .info{ width:100%;}
.proshow .info dt{ width:100%; margin-bottom:1em;}
.proshow .info dt strong{ display:block; padding-left:0.5em; border-left:4px solid #0e9aa8; line-height:100%; font-size:1.25em; color:#2556a0; }

.proshow .info table{ width:100%; background-color:#FFF; border-top:2px solid #2556a0; border-bottom:2px solid #2556a0;}
.proshow .info th{ width:30%; text-align:left; color:#231815; padding:0.8em 0px 0.8em 1em;}
.proshow .info td{ text-align:left; color:#3f3a39; padding:0.8em 0px 0.8em 1em;}
.proshow .info tr{ background-color:#fff;}
.proshow .info .tr01{ background-color:#e5e9ef;}


.proshow .other{ width:100%; }
.proshow .other dl{ width:45%; margin-right:5%; float:left; margin-top:2em;}
.proshow .other dl dt{width:100%; margin-bottom:1em;}
.proshow .other dt strong{ display:block; padding-left:0.5em; border-left:4px solid #0e9aa8; line-height:100%; font-size:1.25em; color:#2556a0; }

.proshow .download{ width:100%;}
.proshow .download  em{ margin-top:1em; display:block;}
.proshow .download  em a::before{ display:none;}
.proshow .download  em .es{ display:inline-block; padding-left:2em; color:#e60012; font-size:0.8em; background:url(../images/043.png) left center no-repeat; background-size: auto 100%; margin-right:2em;}
.proshow .download .cadmod{display:inline-block; padding-left:2em; color:#e60012; font-size:0.8em; background:url(../images/044.png) left center no-repeat; background-size: auto 100%; }

.proshow .other dd a{ display:block; padding-left:1em; margin:0.5em 0px; font-size:1em; position:relative; line-height:167%; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.proshow .other dd a::before{ width:0.5em; height:0.5em; display:block; background-color:#b2bdce; position:absolute; left:0px; top:50%; margin-top:-0.25em; content:"";}
.proshow .other dl.applicat p{ color:#b2bdce; font-size:0.9em;}

/*technology*/
.technology{ width:100%;display: flex;flex-wrap: wrap; }
.technology li{  margin-right:2.2%; float:left; flex:0 0 23.35%; text-align:center; margin-top:4em;}
.technology li.last{ margin-right:0px;}
.technology li em{ display:block; border-top:1px solid #2556a0; text-align:left; font-size:1.125em; font-weight:bold; padding-top:1.3em; color:#2556a0; margin-top:2em;}
.technology li img{ width:43%;}

/*联系我们*/
.contact{ margin-top:4em; display: table;}
.contact .left{ width:38%; border:1px solid #8093af; display: table-cell; float:none; padding-bottom:1em;}
.contact .left h3{ width:100%; font-size:2.8em; background-color:#2556a0; text-align:center; line-height:200%; color:#FFF;}
.contact .left img{ width:calc(100% - 2px); border:1px solid #fff; margin-bottom:2em;}
.contact .left dl{ width:calc(100% - 2em); margin:0px 0px 1em 1em; }
.contact .left dl dt{ font-size:1.25em; color:#2556a0; padding-left:1.8em;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.contact .left dl dd{ font-size:1em; line-height:30px; padding-left:2.25em;}

.contact .left dl dt{ }


.contact .middle{ width:2%; display:table-cell;}

.contact .right{ width:60%; padding:20px 5%; background-color:#efefef; display:table-cell; vertical-align:middle; float:none;}
.contactmap{ width:100%; text-align:center; margin:4em 0px 0px;}
/*.contactmap img{ width:90%;}*/


.contact .right h3{ margin:0px auto; font-size:1.5em; color:#2556a0;}
.contact .right .txt{ margin:0.8em auto 1.3em; font-size:1.125em; color:#2d2929;}
.form{ width:100%;}
.form p{ width:calc(50% - 0.5em);  margin-bottom:1em; float:left;   font-size:90%; border-radius:0.3em;}
.form .p2{ margin-left:1em;}
.form  span{ display:block; color:#0a0a0a;  font-size:1em; line-height:200%; }
.form  em{ display:block; color:#0a0a0a;  font-size:1em; height:2.5em; background-color:#FFF; border-radius:0.3em;}

.form p input{width:calc(100% - 2em); padding:0px 1em; height:100%; border-radius:0.3em; }
.form p select{ width:100%; padding-left:1em; height:100%;  appearance:none; -webkit-appearance:none; -moz-appearance:none; background:url(../images/c_11.jpg) calc(100% - 10px) center no-repeat;   font-weight:normal; height:100%; border-radius:0.3em;}
.form p select::-ms-expand { display: none; }
.form textarea{width:calc(100% - 2em);  font-size:1.125em; padding:1em; height:7em; border-radius:0.3em; background-color:#FFF;}
.form .submit{font-size:1.125em; padding:0.8em 1em; color:#FFF; background-color:#2556a0; margin-top:0.5em; border-radius:0.3em;}

.form p input,.form p select,.form textarea,.form p input::-webkit-input-placeholder,.form p select::-webkit-input-placeholder,.form textarea::-webkit-input-placeholder{color:#575757; font-size:1em;font-family:PingFang,"微软雅黑", Arial, Helvetica, sans-serif; border:none;}




@media screen and (min-width:1601px) and (max-width:1850px) {

.center{ width:75%;}

}

@media screen and (min-width:1441px) and (max-width:1600px) {
body{ font-size:90%; }
.center{ width:75%;}


}
@media screen and (min-width:1240px) and (max-width:1440px) {
body{ font-size:90%; }
.center{ width:75%;}

.slide .p02{ width:77%;}

.main02 ul li .tit{ font-size:1.2em; padding-top:0.8em;}
.main02 ul li .img::after{ top:1.1em;}
.main02 ul li span{ padding-top:0.3em;}
.main02 ul li .more{ bottom:0.8em;}

.main03 ul li span{ height:calc(45% - 4.8em)}

.mod03 .mod032 .tit{ padding-top:0em;}


#menu{ width:80%;}

.applictshow .con_t{ display:block;}
.applictshow .con_t .l{ width:100%; margin-right:0px; float:none;}
.applictshow .con_t .r{ width:40%; float: right; margin-left:2%;}
.applictshow .con_t .pc{ display:none;}
.applictshow .con_t .mb{ display: block;}
.applictshow .con_t .r img{ display:block;}

}

@media screen and (min-width:1024px) and (max-width:1239px) {
body{ font-size:90%; }
.center{ width:90%;}
#menu{ width:80%;}
#menu li ul{ width:calc(300% + 4px);}
#menu #ziul04{ right:0px; left:auto;}

.slide .p01{ width:77%; font-size:3em;}
.slide .p02{ width:77%; font-size:1.6em;}

.main01 li{  padding:0px 2.5%;}

.main02 ul li .img{ margin-right:1em;}
.main02 ul li .tit{ font-weight:normal; font-size:1.1em; padding-top:0.6em;}
.main02 ul li .img::after{ top:0.8em;}
.main02 ul li span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; padding-top:0.3em;}
.main02 ul li .more{ bottom:0.6em; left:calc(47% + 1.11em);}
.main02 ul .li02 .more{left:1.11em;}
.main02 ul .li02 .tit,.main02 ul .li02 span{ margin-left:0.8em;}

.main03 ul li span .tit{ font-size:1.2em;}
.main03 ul li span{ height:calc(47% - 4.8em)}

.mod03 .mod032 .tit{ padding-top:0em;}
.mod03 span{-webkit-line-clamp:3;}
.mod03 .tit{ font-size:1.3em;}


.applictshow .con_t{ display:block;}
.applictshow .con_t .l{ width:100%; margin-right:0px; float:none;}
.applictshow .con_t .r{ width:40%; float: right; margin-left:2%;}
.applictshow .con_t .pc{ display:none;}
.applictshow .con_t .mb{ display: block;}
.applictshow .con_t .r img{ display:block;}



}

@media screen and (min-width: 850px) and (max-width:1023px) {
body{ font-size:75%; }
.center{ width:94%;}

#menu{ width:75%;}

.slide .p01{ width:77%; font-size:3em;}
.slide .p02{ width:77%; font-size:1.6em;}
.main01 li{  padding:0px 2.5%;}

.main02 ul li .img{ margin-right:1em;}
.main02 ul li .tit{ font-weight:normal; font-size:1.1em; padding-top:0.6em;}
.main02 ul li .img::after{ top:0.8em;}
.main02 ul li span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; padding-top:0.3em;}
.main02 ul li .more{ bottom:0.6em; left:calc(47% + 1.11em);}
.main02 ul .li02 .more{left:1.11em;}
.main02 ul .li02 .tit,.main02 ul .li02 span{ margin-left:0.8em;}

.main03 ul li span .tit{ font-size:1.2em;}
.main03 ul li span{ height:calc(50% - 4.8em)}

.mod03 .mod032 .tit{ padding-top:0em;}
.mod03 span{-webkit-line-clamp:3;}
.mod03 .tit{ font-size:1.3em;}

#menu li ul{ width:calc(300% + 4px);}
#menu #ziul04{ right:0px; left:auto;}


.applictshow .con_t{ display:block;}
.applictshow .con_t .l{ width:100%; margin-right:0px; float:none;}
.applictshow .con_t .r{ width:40%; float: right; margin-left:2%;}
.applictshow .con_t .pc{ display:none;}
.applictshow .con_t .mb{ display: block;}
.applictshow .con_t .r img{ display:block;}

}

@media screen and (min-width: 641px) and (max-width:849px) {
body{ font-size:75%; }
.center{ width:96%;}
.header{ display:none;}
.banner,.catbanner{ margin-top:4em;}
.pc{ display:none;}
.mb{ display:inline-block;}

.qianyan{ font-size:1.2em;}

.slide .p01{ width:77%; font-size:2.4em;}
.slide .p02{ width:100%; font-size:1.3em;}
.slide .p02::before{ width:0.3em;}


#mbnav{ width:100%;   display:block;  padding:1em 0px; background-color:#2556a0;   position: fixed;    left: 0px;    top: 0px;    z-index: 999999999;}
#mbnav .center{ width: 100%;}
#mbnav .l{ height:2em; margin:0px 0px 0px 3%;}
#mbnav .l img{ height:2em;}
#mbnav .mbyy{ right:calc(5% + 24px); position:absolute; }
#mbnav .mbyy a{ display:inline-block; width:2em; margin-right:5px; border-radius:50%;}
#mbnav .mbyy a img{ width:100%; border-radius:50%;}
#mbnav .right{ height:2em; width: auto;   position:absolute; z-index:9999999; right:3%;}
#mbnav .right img{ width:auto; height:2em;}
#guanbi{ display:none;}
#mnavul{ width:100%; height:100%; position: relative; top:0px; background-color:#fff; overflow: auto; display: none; z-index:9996;}
#mnavul h3{ width:calc(97%); background-color:#2556a0; color:#FFF; height:2.667em; line-height:2.667em; padding-left:3%; position:fixed; left:0px; top:0px; z-index:990; font-size:1.5em; }
#mbnav ul{ width:100%; padding:2em 0px 4em;}
#mbnav ul li{ width:100%; border-top:1px solid #eee; padding:1em 0px;}
#mbnav ul li .a1{ color:#333; font-size:1.5em; margin-left:1em; display:block;}
#mbnav ul li span{ border:none; display:block; padding-top:0.5em;}
#mbnav ul li span a{ color:#555; font-size:1.2em; margin-left:3.8em; display:block; line-height:200%;}

.main01{margin: 4em auto 0em;}
.main01 li{  padding:0px 2.5%;}
.main01 li em{ padding-left:3em; line-height:2.5em; font-size:1.5em;}

.main02 h2 strong, .main03 h2 strong{ width:100%; font-size:1.2em; padding:0px;}
.main02 ul li .tit{ font-size:1em; font-weight:normal;}
.main02 ul li .img::after{ top:1.3em;}
.main02 ul li{ width:100%;}
.main02 ul .li01, .main02 ul .li03, .main02 ul .li04, .main02 ul .li06{ margin-right:0px;}
.main02 ul li span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}


.main03 ul li{ flex:0 0 49%;}
.main03 ul .li02{ margin-right:0px;}
.main03 ul .li06{ margin-right:0px;}

.main02 ul .li08 .tit{ margin-top:4%;}
.main02 ul .li08 .more{margin-bottom:4%;}

.main03 ul li span .tit{ font-size:1.2em;}
.main03 ul li span{ height: calc(30% - 5.8em);}

.foot_t{ padding:3em 0px;}
.foot_t dl{ width:100%; display:block;}
.foot_t dl dd{ padding-right:0em; border-bottom:1px solid #1b3a68; padding:1em 0px; display:none;}
.foot_t dl dt a{ font-size:1.2em; border-bottom:1px solid #1b3a68; position:relative; display:block; line-height:300%;}
.foot_t dl dt a::after{ width:1.5em; height:1.5em; content: "+"; font-size:1.5em; font-weight:normal; position:absolute; right:0px; top:50%; margin-top:-0.75em; text-align:center; line-height:1.5em;}
.footer dl dt.on a::after{  content: "-"; }
.foot_t dl.dlcontact dt{font-size:1.2em; display:block; line-height:300%; color:#899ab5;}
.foot_t dl.dlcontact dd{ padding:0px; display:block; border:none;}
.foot_t dl dd a{ font-size:1em;}
.foot_b .cpy{ font-size:0.8em; font-weight:normal;}



/*解决方案*/
.mod01{ margin-top:2em;}
.mod01 .tit{ padding-top:1em; font-size:1.2em;}
.mod01 img{ width:47%; margin-left:2%;}
.mod01 span{ padding-top:0.3em;}
.qianyan::before{ width:0.3em;}
.mod02 li{ width:100%; position:relative;}
.mod02 li img{ width:47%; float:left; margin-right:2%;}
.mod02 li .tit{ font-size:1.2em;}
.mod02 li .more{ position:absolute; left:49%; bottom:1.25em;}
.mod02 li.li02{ margin:4em 0px;}
.mod02 li.li02 img{ float:right; margin-right:0px; margin-left:2%;}
.mod02 li.li02 .more{ left:0px;}

.mod03 .mod032 .tit{ padding-top:1em;}
.mod03 span{display:block; display: -webkit-box; -webkit-line-clamp:3; padding-top:0.3em;}

.mod03 .tit{ font-size:1.2em;}
.mod031{ width:100%; position:relative;}
.mod031 img{ width:47%; float: right; margin-left:2%;}
.mod031 span{ width:auto;}
.mod031 .more{ position:absolute; left:0px; bottom:1.25em;}

.mod032{ width:100%; float:left; margin-top:4em; position:relative;}
.mod032 img{ width:47%; float: left; margin-right:2%;}
.mod032 .more{ position:absolute; left:49%; bottom:1.25em;}

.mod033{position:relative;}
.mod033 img{ width:47%; float: right; margin-left:2%; margin-right:0px;}
.mod033 .more{ position:absolute; left:0px; bottom:1.25em;}

.mod04 .tit{ padding-top:1em; font-size:1.2em;}
.mod04 img{  width:47%; margin-right:2%; left:49%;}
.mod04 span{ padding-top:0.3em;}
.mod04 .more{ left:49%;}

.relatedpro ul li{ margin-right:2%; width:calc(49% - 2px); }
.relatedpro ul li:nth-child(2),.relatedpro ul li:nth-child(4){ margin-right:0px;}

.applictshow .con_t{ display:block;}
.applictshow .con_t .l{ width:100%; margin-right:0px; float:none; margin-top:0.4em;}
.applictshow .con_t .r{ width:40%; float: right; margin-left:10px;}
.applictshow .con_t .r img{ display:block;}


.applictshow .depict{ width:100%;}
.applictshow h1{ padding:0.3em 0px 0.5em;}
.relatedpro dt strong{ display:block; text-align:center;}
.relatedpro ul li a.tit{ font-weight:normal; font-size:1em;}

/*技术支持*/
.technology li em{ font-weight:normal;}

/*产品中心*/
.product .left{ display:none;}
.product .right{ width:100%;}
#cpdnr{ margin-top:0px;}
.proshow .download .cadmod,.proshow .download em .es{ font-size:1em;}
.product .prolist li em .es,.product .prolist li em .cadmod{ display:block; font-size:1em;}
.product .procate li a.tit{ text-align:center; font-weight:normal;}

/*关于我们*/
.main .about .left{ display:none;}
.main .about .right{ width:100%;}



}
@media only screen and (max-width: 640px) {
body{ font-size:75%; }
.center{ width:96%;}
.header{ display:none;}
.pc{ display:none;}
.mb{ display:inline-block;}

.banner,.catbanner{ margin-top:4em;}
.prev{left:1%;}
.next{right:1%;}

.prev,.next{width:22px;height:22px;  margin-top:-20px; }


#mbnav{ width:100%;   display:block;  padding:1em 0px; background-color:#2556a0;   position: fixed;    left: 0px;    top: 0px;    z-index: 999999999;}
#mbnav .center{ width: 100%;}
#mbnav .l{ height:2em; margin:0px 0px 0px 3%;}
#mbnav .l img{ height:2em;}
#mbnav .mbyy{ right:calc(5% + 24px); position:absolute; }
#mbnav .mbyy a{ display:inline-block; width:2em; margin-right:5px; border-radius:50%;}
#mbnav .mbyy a img{ width:100%; border-radius:50%; }
#mbnav .right{ height:2em; width: auto;   position:absolute; z-index:9999999; right:3%;}
#mbnav .right img{ width:auto; height:2em;}
#guanbi{ display:none;}
#mnavul{ width:100%; height:100%; position: relative; top:0px; background-color:#fff; overflow: auto; display: none; z-index:9996;}
#mnavul h3{ width:calc(97%); background-color:#2556a0; color:#FFF; height:2.667em; line-height:2.667em; padding-left:3%; position:fixed; left:0px; top:0px; z-index:990; font-size:1.5em; }
#mbnav ul{ width:100%; padding:2em 0px 4em;}
#mbnav ul li{ width:100%; border-top:1px solid #eee; padding:1em 0px;}
#mbnav ul li .a1{ color:#333; font-size:1.5em; margin-left:1em; display:block;}
#mbnav ul li span{ border:none; display:block; padding-top:0.5em;}
#mbnav ul li span a{ color:#555; font-size:1.2em; margin-left:3.8em; display:block; line-height:200%;}


.slide .p01{ width:77%; font-size:1.2em;}
.slide .p02{ width:90%; font-size:1em; line-height:120%; }
.item a{ width:0.5em;}
.item a::before{ height:0.5em;}
.slide .p02::before{ width:0.3em;}

.main01{ padding-bottom:0px; margin-bottom:0px; margin-top:2em;}
.main02{ padding-bottom:0px; margin-bottom:0px; margin-top:2em;}
.main02 ul,.main03 ul{ margin-top:1em;}

.main01 ul li{ width:25%; padding-left:0px; padding-right:0px; float:left;}
.main01 ul li::before{ display:none;}
.main01 li em{ width:100%; font-size:1em;  padding-bottom:3em; white-space: normal; line-height:100%; font-weight:normal;}
.main01 .li01 em,.main01 .li02 em,.main01 .li03 em,.main01 .li04 em{background-size:  40% auto; background-position: center top;padding-left:0px; padding-top:45%;}
.main01 .li03 em,.main01 .li04 em{ padding-bottom:0px;}


.main02 h2 strong, .main03 h2 strong{ width:100%; font-size:1.2em; padding:0px;}
.main02 ul li .tit{ font-size:1em; font-weight:normal; padding-top:0.8em;}
.main02 ul li .img::after{ top:0.8em;}
.main02 ul li{ width:100%;}
.main02 ul li .img{ margin-right:1em;}
.main02 ul .li01, .main02 ul .li03, .main02 ul .li04, .main02 ul .li06{ margin-right:0px;}
.main02 ul li span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; padding-top:0.2em;}
.main02 ul li .more{ bottom:0.6em; left:calc(47% + 1.11em);}
.main02 ul .li02 .more,.main02 ul .li08 .more{left:1.11em;}
.main02 ul .li02 .tit,.main02 ul .li02 span,.main02 ul .li08 .tit, .main02 ul .li08 span{ margin-left:0.8em;}
.main02 ul .li08 .tit{ margin-top:1%;}
.main02 ul .li08 .more{margin-bottom:1%;}

.main03 ul{ margin-top:0px;}
.main03 ul li{ width:49%;float:left; flex:auto;}
.main03 ul .li02,.main03 ul .li04,.main03 ul .li06,.main03 ul .li08{ margin-right:0px;}
.main03 ul li span .tit{ font-size:1.2em; font-weight:normal; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.main03 ul li span{ height: auto;}

.foot_t{ padding:3em 0px;}
.foot_t dl{ width:100%; display:block;}
.foot_t dl dd{ padding-right:0em; border-bottom:1px solid #225fb9; padding:1em 0px; display:none;}
.foot_t dl dt{margin-bottom: 0px;}
.foot_t dl dt a{ font-size:1.2em; border-bottom:1px solid #225fb9; position:relative; display:block; line-height:300%;}
.foot_t dl dt a::after{ width:1.5em; height:1.5em; content: "+"; font-size:1.5em; font-weight:normal; position:absolute; right:0px; top:50%; margin-top:-0.75em; text-align:center; line-height:1.5em;}
.footer dl dt.on a::after{  content: "-"; }
.foot_t dl.dlcontact dt{font-size:1.2em; display:block; line-height:300%; color:#899ab5;}
.foot_t dl.dlcontact dd{ padding:0px; display:block; border:none;}
.foot_t dl dd a{ font-size:1em;}
.foot_b .cpy{ font-size:0.8em; font-weight:normal;}




.qianyan{ font-size:1.2em;}


/*解决方案*/
.mod01{ margin-top:2em;}
.mod01 .tit{ padding-top:0.3em; font-size:1.1em; font-weight:normal; }
.mod01 img{ width:50%; margin-left:2%;}
.mod01 span{ padding-top:0.2em; font-size:1.1em;}
.mod01 .more{ bottom:0.6em;}
.qianyan::before{ width:0.3em;}
.mod02{ margin-top:0px;}
.mod02 li{ width:100%; position:relative;}
.mod02 li img{ width:50%; float:left; margin-right:2%;}
.mod02 li .tit{ font-size:1.1em; padding-top:0.3em; font-weight:normal; }
.mod02 li .more{ position:absolute; left:52%; bottom:0.6em;}
.mod02 li.li02{ margin:0px;}
.mod02 li.li02 img{ float:right; margin-right:0px; margin-left:2%;}
.mod02 li.li02 .more{ left:0px;}
.mod02 li span{ font-size:1.1em;}

.mod03{ margin-top:0px;}
.mod03 .tit{ font-size:1.1em; padding-top:0.3em; font-weight:normal; }
.mod03 .mod032 .tit{ padding-top:0.3em; font-size:1em;}
.mod03 span{display:block; display: -webkit-box; -webkit-line-clamp:3; padding-top:0.3em; font-size:1.1em;}


.mod031{ width:100%; position:relative; }
.mod031 img{ width:50%; float: right; margin-left:2%;}
.mod031 span{ width:auto; }
.mod031 .more{ position:absolute; left:0px; bottom:0.6em;}

.mod032{ width:100%; float:left;  position:relative;}
.mod032 img{ width:50%; float: left; margin-right:2%;}
.mod032 .more{ position:absolute; left:52%; bottom:0.6em;}

.mod033{position:relative;}
.mod033 img{ width:50%; float: right; margin-left:2%; margin-right:0px;}
.mod033 .more{ position:absolute; left:0px; bottom:0.6em;}

.mod04{ margin-top:0px;}
.mod04 .tit{ padding-top:0.3em; font-size:1.1em; font-weight:normal; }
.mod04 img{  width:50%; margin-right:2%; left:49%;}
.mod04 span{ padding-top:0.3em; font-size:1.1em;}
.mod04 .more{ left:52%; bottom:0.6em;}

.relatedpro ul li{ margin-right:2%; width:calc(49% - 2px); }
.relatedpro ul li:nth-child(2),.relatedpro ul li:nth-child(4){ margin-right:0px;}


.applictshow .con_t{ display:block;}
.applictshow .con_t .l{ width:100%; margin-right:0px; float:none;}
.applictshow .con_t .r{ width:40%; float: right; margin-left:10px; margin-top:0.4em;}
.applictshow .con_t .r img{ display:block;}

.applictshow .con_f{ display:block; background:none; margin-top:2em;}
.applictshow .con_f .l{ float:left; display:block; width:41%; margin-right:10px; margin-top:0.4em;}
.applictshow .con_f .r{ float:none; }
.applictshow .con_f .r .con01{ display:block; padding:0px;}
.applictshow .con_f .r .con01 .con02{ display:block; width:100%; padding:0px; }

.applictshow .depict{ width:100%;}

.applictshow h1{ padding:0.3em 0px 0.5em;}
.relatedpro dt strong{ display:block; text-align:center;}
.relatedpro ul li a.tit{ font-weight:normal; font-size:1em;}

/*产品中心*/
.product .left{ display:none;}
.product .right{ width:100%;}
.product .procate li{ width:calc(49% - 2px); margin-right:2%; float:left;}
.product .procate li:nth-child(3n+3) { margin-right: 2%;}
.product .procate li:nth-child(2n+2) { margin-right: 0;}
.product .procate li.last{ margin-right:2%;}
.product .procate li.mlast{ margin-right:0px;}
.product .procate li span,.product .procate li a.more{ display:none;}
.product .prolist li strong{ font-size:1.2em; display:block;}
.product .prolist li em .es,.product .prolist li em .cadmod{ display:block; font-size:1em;}
.product .prolist li em .es{ margin:0.5em 0px;}
.product .prolist li table{ display:none;}

.proshow .left{ float:none; width:100%; text-align:center;}
.proshow .right{ float:none; width:100%;}

.proshow .other dl{ width:100%; margin-right:0px; }
#cpdnr{ margin-top:0px;}
.proshow .download .cadmod,.proshow .download em .es{ font-size:1em;}
.product .procate li a.tit{ text-align:center; font-weight:normal;}
/*技术支持*/
.technology li em{ font-weight:normal;}

/*关于我们*/
.main .about .left{ display:none;}
.main .about .right{ width:100%;}
.aboutshow img{ margin-right:10px; margin-bottom:0px; width:100%;}

/*联系我们*/
.contact{ margin-top:2em;}
.contact .left h3{ font-size:2em;}
.contact .left{ width:100%; display:block; float:none;}
.contact .right{ width:90%; display:block; float:none; margin-top:2em; padding-bottom:2em; padding-top:2em;}
.contact .middle { display:none;}

}


.leftru{animation: leftru 1s ease 1; -webkit-animation: leftru 1s ease 1; position:relative; left:0px;}

@keyframes leftru{0%{ left:-200px;}100%{ left:0%;}}
@-webkit-keyframes leftru {0%{ left:-200px;}100%{ left:0%;}}


.rightru{animation: rightru 1s ease 1; -webkit-animation: rightru 1s ease 1; position:relative; right:0px;}

@keyframes rightru{0%{ right:-200px;}100%{ right:0%;}}
@-webkit-keyframes rightru {0%{ right:-200px;}100%{ right:0%;}}


.bottomru{animation: bottomru 1s ease 1; -webkit-animation: bottomru 1s ease 1; position:relative; top:0px;}

@keyframes bottomru{0%{ top:200px;}100%{ top:0px;}}
@-webkit-keyframes bottomru {0%{ top:200px;}100%{ top:0px;}}

.csscale{animation: csscale 1s ease 1; -webkit-animation: csscale 1s ease 1; transform:scale(1);}
@keyframes csscale{0%{ transform:scale(1.2);}100%{ transform:scale(1);}}
@-webkit-keyframes csscale {0%{ transform:scale(1.2);}100%{ transform:scale(1);}}


#proliuyan,#xzpro{ width:100%; margin-top:0px; position: fixed; z-index:99999999999; left:0px; top:0px; height:100%; background-color:rgb(0,0,0,0.9); display: table;}
#proliuyan .contact,#xzpro .xzpro{ display:table-cell; width:100%; vertical-align:middle;}
#proliuyan .con,#xzpro .con{ max-width:1200px; width:calc(94% - 4em); margin:0px auto; background-color:#efefef; padding:2em; border-radius:10px; position:relative;}

#proliuyan .con a{ width:1.125em; height:1.125em; position:absolute; display:block; top:1em; right:1em;}
#proliuyan .con a img{ width:100%;}

#xzpro .con table{ width:100%; background-color:#ddd;}
#xzpro .con table td,#xzpro .con table th{ background-color:#FFF; padding:1em 0.5em; text-align:center;}
#xzpro .con a.clo2{ width:1em; height:1em; display:block; position:absolute; right:0.5em; top:0.5em;}
#xzpro .con a.clo2 img{ width:100%; height:100%;}