@CHARSET "UTF-8";
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:hover,a:active,a:focus{color:#e87518;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}




.wt_t{width: 1200px;margin:0 auto;}
.wt{position: relative;width: 1920px;left: 50%;margin-left: -960px;}






/*头部样式*/
.top1{height: 35px;background: #e6e6e6;color: #595959;line-height: 35px;overflow: hidden;}
.wel{color: #595959;font-size:14px;}
.kk1{float:right;text-align:right;position: relative;z-index: 9999;color: #595959;font-size:14px;}
.kk1 a{color: #595959;}


.top2{height: 90px}
.logo{float:left;line-height: 90px;}




/*热门搜索*/
.sou{margin: 15px 0;}

.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;color:#666}
.hotSearch a{margin-right:6px;color:#666}

/*搜索和热门搜索*/

#formsearch{width:200px;margin-left:20px;float:left;background:url(//cdn.myxypt.com/1d0d5082/21/09/e53a56008b94ae8b19b56fed362767e70348259c.png) no-repeat center top;height:32px;margin-top:30px}
#formsearch input{height:32px;background:none;border:none;line-height:32px;outline:none;}
#formsearch input#keyword{height:32px;line-height:32px;padding-left:14px;color:#242424;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:none;color:#fff;border:none;cursor:pointer;font-size: 12px;}
#formsearch input::placeholder{color:#242424;}


.yu{margin-top:35px}


/*导航栏样式*/



.nav_list{ position:relative; height:90px; float:left; margin-left:20px;}
.nav_list li{height:90px; float:left; display:inline;margin-left: 14px;}
.nav_list li>a{line-height: 90px;}
a.frist_nav{ display:block;  color:#242424; font-size:16px;}
a.navdown{ background:url(//cdn.myxypt.com/1d0d5082/21/09/c3e11dd0e207b42eb55411d7f72915134659944b.png) no-repeat right center;padding-right:22px;}
a.frist_nav:hover,.nav_list li.chodet a.navdown,.nav_list li.chodet1 a.navdown{ color:#00bbd2;}
.nav_list li.chodet a.navdown,.nav_list li.chodet1 a.navdown{ background:url(//cdn.myxypt.com/1d0d5082/21/09/bbed030c4541af9f9a79da5bfb84d94157e9c87e.png) no-repeat right center;}
.drop-down{ background:url(//cdn.myxypt.com/1d0d5082/21/09/87008e512c1986d1db7365258c7f5e57c837bce9.png);background:#fff; border:1px solid #ccc; width:100%;  left:0px; top:75px; position:absolute; display:none; z-index:100; font-size:14px;}
.nav_list li.chodet1 .drop-down{ display:block;}
.productnav{padding:15px 0px; width:635px;}
.hardwarenav{ float:left; margin-left:15px; border-right:1px solid #57acc8; height:300px;}
.productnav h3{ color:#00bad1; font-size:16px; font-weight:700; margin-bottom:25px; padding-left:5px;}
.consnav{ float:left; margin-right:60px;}
.consnav h4{ color:#00bad1; font-size:14px; font-weight:700; margin-bottom:5px; line-height:24px; padding-left:5px;}
.consnav a{ color:#00bad1; display:block; padding-right:20px; position:relative; padding-left:5px;}
.consnav a:hover{ color:#fff; background:#00bad1;}
.software_nav{ float:left; margin-left:35px;}
.software_nav h3{ margin-left:15px;}
.software_nav dd{ width:110px; line-height:24px; padding-right:2px; position:relative;}
.nav_bpr{ position:relative;}
.software_nav dd h5{ padding:0 15px; font-size:14px;}
.software_nav dd h5 a{ background:url(//cdn.myxypt.com/1d0d5082/21/09/854bdabe433344e36aeaaacbe3b21a9d2a178f07.png) no-repeat right center; display:block; color:#00bad1; font-weight:700;}

.software_nav dd.cnavd h5 a{  background:url(//cdn.myxypt.com/1d0d5082/21/09/67536e6e2b54fa6d5661f803118130ef0aa67aae.png) no-repeat right center;}
.thrnav{ padding:0px 10px 10px; width:182px; position:absolute; left:110px; top:0px; background:url(//cdn.myxypt.com/1d0d5082/21/09/bd043505dfd1b1fea21781372b075e401d426fb1.png); background:#19c1d6; display:none;}
.software_nav dd.cnavd .thrnav,.software_nav dd.cnavd1 .thrnav{ display:block;}
.thrnav p{ line-height:24px; position:relative;}
.thrnav p a{ color:#fff;}
.thrnav p:after{ content:""; display:none; width:100%; height:1px; background:#fff; position:absolute; left:0px; bottom:0px;}
.thrnav p.tcurt:after{ display:block;}
.conlest{ position:relative;}
.solution{ padding:20px 30px; width:136px; left:50%; margin-left:-98px;}
.solution a{ color:#00bad1; font-weight:700; display:block; padding:0 5px;}
.d_navbg .solution{ width:160px; margin-left:-80px;}
.solution a:hover{ color:#fff;background:#00bad1;}
.snewsnav{ padding:20px; left:50%; margin-left:-60px; width:80px; display:block;}
.snewsnav a{color:#00bad1; font-weight:700;}
.snewsnav a:hover{ color:#fff;}
.snewsnav dd{ position:relative;}
.sthree{ position:absolute; left:80px; top:0px; width:120px; display:none; background:url(//cdn.myxypt.com/1d0d5082/21/09/87008e512c1986d1db7365258c7f5e57c837bce9.png); padding:15px;}
.snewsnav dd:hover .sthree{ display:block;}






/* box1 */
.box1{background:#f6f8fb;padding:100px 0}

.fen{width:224px;border-top:none;padding-bottom: 10px;float:left}
.ptt{	font-family: MicrosoftYaHeiUI-Bold;
	font-size: 34px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 3px;
	color: #242424;}
.ptt span{	font-family: MicrosoftYaHeiUI-Bold;
	font-size: 16px;
	font-weight: 400;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 1px;
	color: #242424;display: block;text-transform: uppercase;}

.xx1{	width: 220px;
	height: 4px;
	background-color: #01847f;margin-top:20px}


.sort1{width: 224px;margin:0 auto;padding-top:25px}
  
.sort1 > li {
  position: relative;width:224px;margin:0 auto;margin-bottom:10px;
}


.sort1 > li > a {
  display: block;
  font-size: 20px;
  line-height: 46px;background:#f6f8fb;
  color: #242424;padding-left:5px;border-bottom: 1px solid #dddddd;
 
}
.sort1 > li:hover > a{background:#f6f8fb;  color: #242424;}
.sort1 > li.clicked > a{background:#f6f8fb;  color: #242424;}

.sort1 > li .ddjj {
  position: absolute;
  z-index: 99;
  width: 30px;
  height: 30px;
  text-align: center;
  top: 20px;
  right: 20px;
  cursor: pointer;
  background: url(//cdn.myxypt.com/1d0d5082/21/09/225187a2f89eb161657401ab124b1ca3ba9fb54f.png) no-repeat;
}


.sort1 > li .ddjj.clicked {
background: url(//cdn.myxypt.com/1d0d5082/21/09/03e5c0bf05edf24ac7f49b5ea1a614a7a1ff1d80.png) no-repeat;
}

.sort1 > li:hover > a, .sort1 > li.clicked > a {
  color: #555555;
}

.sort1 > li:hover .ddjj, .sort1 > li.clicked .ddjj {
  color: #01847f;
}

.sort1 .sort2 {
  display: none;
  padding: 0 10px;
}

.sort1 .sort2 > li {
 background:#f6f8fb;width:205px;margin:0 auto;color:#555555;font-size:16px;margin-top:10px;
}

.sort1 .sort2 > li > a {
line-height:45px;background:#f6f8fb;width:205px;margin:0 auto;color:#555555;font-size:16px;
}

.sort1 .sort2 > li > a:hover {
  color: #01847f;
}

.sort1 .sort2 > li.clicked > a {
  color: #01847f;
}


.ppfr{width:858px;float:right}
.pp_ll li{float:left;margin-right:1px;margin-bottom: 1px;position: relative;overflow: hidden;}
.pp_ll li a.img{display:block}
.pp_ll li a.img img{width:100%;height:100%;}
.pp_ll li:nth-child(1){width:569px;height:306px}
.pp_ll li:nth-child(2){width:285px;height:306px}
.pp_ll li:nth-child(3){width:425px;height:280px}
.pp_ll li:nth-child(4){width:430px;height:280px}




.pp_ll li:hover h2 a{color:#0758b3}
.pp_ll li:nth-child(1) .dnn{display:none}
.pp_ll li .dnn{position: absolute;width:100%;height:100%;left:0px;top:0px;}
.pp_ll li:nth-child(2) .dnn h2{	font-family: MicrosoftYaHeiUI-Bold;
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 1px;
	color: #ffffff;margin-right: 15px;text-align: right;margin-top:50px}

.pp_ll li:nth-child(2) .dnn h2 a{color:#fff}

.pp_ll li:nth-child(2) .dnn span{display:none;}
.pp_ll li:nth-child(2) .dnn .mm1{	width: 80px;margin:0 auto;margin-top:190px;
	height: 22px;
	background-color: #ffffff;
	border-radius: 11px;text-align: center;}
.pp_ll li:nth-child(2) .dnn .mm1 a{	font-family: MicrosoftYaHeiUI;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 22px;
        letter-spacing: 0px;
        color: #01847f;text-align: center;}




.pp_ll li .dnn h2{	font-family: MicrosoftYaHeiUI-Bold;
	font-size: 20px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 2px;
	color: #ffffff;margin-top:46px;margin-left:25px}

.pp_ll li .dnn h2 a{color:#fff}

.pp_ll li .dnn span{	width: 203px;
	height: 72px;
	font-family: MicrosoftYaHeiUI;margin-top:20px;margin-left:25px;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;display: block;overflow: hidden;}


    .pp_ll li .dnn .mm1{	width: 80px;margin:0 auto;margin-top:25px;
        height: 22px;
        background-color: #ffffff;
        border-radius: 11px;text-align: center;margin-left:25px}
    .pp_ll li .dnn .mm1 a{	font-family: MicrosoftYaHeiUI;
            font-size: 12px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 22px;
            letter-spacing: 0px;
            color: #01847f;text-align: center;}








/* box2 */
.box2{margin-top:70px}
.kkhh{margin-top:60px;	font-family: MicrosoftYaHeiUI;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 1px;
	color: #555555;height:60px;overflow: hidden;}


.mm1{width: 220px;
	height: 49px;
	background-color: #01847f;text-align: center;margin-top:80px}

.mm1 a{	font-family: MicrosoftYaHeiUI;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 49px;
        letter-spacing: 1px;
        color: #ffffff;text-align: center;}




/* <!-- 滚切换 -->*/
.chan{width:910px;float:right;position: relative;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:45%;}
.l_btn{left:0px;}
.r_btn{right:0px;}

.twt li{float: left;overflow: hidden; margin-left: 6px;}
.twt li a.img{display:block;}
.twt li a.img img{display:block;width: 299px;height:336px;}


#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}







.box3{margin-top:127px;background:#f9f9f9;padding: 80px 0;}

.nn_ll{width:890px;float:right}
.nn_ll li{margin-bottom: 40px;}
.nn_ll li .dbc{width:688px}
.nn_ll li .dbc h2{font-family: MicrosoftYaHeiUI-Bold;
	font-size: 18px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 2px;
	color: #242424;}
.nn_ll li .dbc h2 a{color: #242424;}
.nn_ll li .dbc p{	font-family: MicrosoftYaHeiUI;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #555555;height:50px;overflow: hidden;margin-top:15px;}
.nn_ll li .dbc p a{	font-family: MicrosoftYaHeiUI;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 26px;
        letter-spacing: 1px;
        color: #01847f;}


.nn_ll li .img_33{width:160px;height:100px;float:left}
.nn_ll li .img_33 img{width:160px;height:100px}



/* dff */
.dff{background:#2e2e2e;padding:55px 0}
.logo3{text-align: left;}

.lxwm{color:#e0e0e0;	font-family: MicrosoftYaHeiUI;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;margin-top:15px}

.dd1{width:340px;float:left}
.dd2{width:850px;float:right;margin-top:15px}
.dd2 dt{	font-family: MicrosoftYaHeiUI-Bold;
	font-size: 18px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 2px;
	color: #ffffff;margin-bottom: 20px;}

.dd2 dl{width:16%;float:left}

.dd2 dd{	font-family: MicrosoftYaHeiUI;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;}

.dd2 dd a{font-family: MicrosoftYaHeiUI;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 36px;
        letter-spacing: 1px;
        color: #ffffff;
        opacity: 0.8;}

/*友情链接*/

.f_link{line-height: 30px;margin:0 auto;	font-family: MicrosoftYaHeiUI-Bold;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 1px;
	color: #ffffff;margin-top: 50px;}
.f_link a{color: #ffffff;}


.xx3{	width: 1200px;
	height: 1px;
	background-color: #fbfcfe;
	opacity: 0.25;margin: 0 auto;margin-top:30px;margin-bottom: 35px;}



.seo{	font-family: MicrosoftYaHeiUI;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
text-align: center;text-align: center;  color: #838383;}

.seo a{line-height: 30px;
            letter-spacing: 1px;
            color: #838383;
          text-align: center;}



/*内页左侧样式*/
.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-product-inquiry a{color: #fff;}



.page-wrap-left{
    float: left;
    width: 240px!important;margin-right:0px
}
.page-wrap-right{
    float: right;
    width: 920px;
}
