/* 通用 */
body,IMG,ul,li,i,dd,ol,dl,dt,abbr,i,header{ list-style:none; margin:0; padding:0; border:0;}
i{ font-style:normal;}
a{ text-decoration:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}

.wrap,.wrap a{font-size:1em;}
.main{width:96.25%; margin:0 1.875%;}
.fl{ float:left} .fr{ float:right;}


/* top */
.z_bj{ background:#232c65;}
.top_zt{ padding:1em 0;}
.logo{height:4.25em;}
.m_en img{ height:2em;} .m_en{ margin-top:1em; margin-right:4%;}

.m_nav { background:#0b0d12;line-height:3.333em;text-align:center;position:relative; float:left; z-index:99;}
.m_nav b{position: absolute; top:-5.55em; z-index:99999; right:1.6%;}
.m_nav:before{position:absolute;content:"";width:100%;height:1px;background:#ccc;top:3.333em;left:0;}
.m_nav li{ width:25%; text-align:center; height:3.333em; line-height:3.333em; float:left; font-family:微软雅黑;position:relative;}
.m_nav li a{ color:#fff; font-size:1.1666em; position:relative; width:100%; float: left;}
.m_nav li:before{position:absolute;content:"";width:1px;height:50%;background:#fff;top:25%;left:-1px;}
.menu_h{ height:auto}
.menu_h2{ height:3.333em;}

/*通栏广告*/

.g-adv{ position:relative; background-size:100%;padding:0.3em 0 0.2em;}

.g-adv .sclwrap_box,.g-adv .m-box{height:16.25em; width:100%; z-index:100;}

.g-adv .m-box img{ display:block;width:100%;height:16.25em;}

.g-bd{background:url('../images/tbg.gif') repeat; background-size:50px;}



/* youshi */
.youshi{position:relative; width:100%;}
.youshi .tite{ height:auto;width:100%;}
.youshi .tite .xian{width:13%; height:2px; background:#232c65;}
.youshi .tite .bt{color:#040404; font:1.3em/2.5em 微软雅黑; margin-top:0.3em;}.youshi .tite .bt i{color:#232c65;} 
.youshi .nr{ width:100%; height:auto;}
.youshi .nr li{ width:48%; height:auto;float:left; border-top:2px solid #232c65; margin:0 1%; margin-top:1em;}
.youshi .nr li a{ width:100%;float:left; height:100%; position:relative;}
.youshi .nr li a > dl > dt{ width:100%;float:left;  font:1.167em/2em 微软雅黑; padding-top:0.116em; text-align:center; color:#232c65;}
.youshi .nr li a > dl > dd{ font:1em/1.5em 微软雅黑; color:#717171;width:100%;float:left; height:4.5em; overflow:hidden; }
.youshi .nr li img{ width:100%;}
/* youshi end */


/* por */
.por{overflow:hidden; background:#dde6e8; position:relative; margin-top:4em;}
.por .tite{ height:auto;width:100%;}
.por .tite .xian{width:100%; text-align:center;border:0 !important;}
.por .tite .bt{color:#232c65; font:1.3em/2.5em 微软雅黑; margin-top:0.3em;text-align:center;}
.por .tite .wz{ height:auto; color:#5a5a5a; font:1em/1.5em 微软雅黑; text-align:center; margin:1em 0;}
.por .nr{ width:100%; height:auto;overflow:hidden; padding-bottom:2em;}
.por .nr li{ width:48%;float:left; background:#fff; margin:0 1%;}
.por .nr li a{ width:100%;float:left; height:100%; background:#fff; position:relative;}
.por .nr li a > dt{ width:100%;float:left;  font:1em/2em 微软雅黑; overflow:hidden; padding-top:0.1em; text-align:center; color:#232c65;}
.por .nr li a > img{ margin:2%; width:96%;}
/* por end */

/* adv_03 */
.adv_03{overflow:hidden;position:relative; width:100%;}

.adv_03 .nr{ width:96%; margin:0 2%; height:auto;}
.adv_03 .tite{ width:100%; height:auto; position:relative; }
.adv_03 .xian{ margin-top:-1em; margin-bottom:1em;}
.adv_03 .tite img{height:4.6667em; margin:-0.5em 2%;}
.adv_03 .tite h1{ padding-left:2%; color:#262626; font-size:1em; line-height:2em;width:98%; padding-top:2em;}
.adv_03 .tite h1 i{font:italic bolder 0.9em/3em 微软雅黑; color:#9eb0b0;width:100%; margin-left:-2%; padding-top:1em;}
.adv_03 .tite dt{color:#232c65; font-size:3em; width:98%; padding-left:2%;float:right; font-family:Chianti BdIt bt; font-weight:bolder;}
.adv_03 .tite dt img{ height:1.5em;}

.adv_03 .nr > dl{ width:100%; float:left;}
.adv_03 .nr > dl dt{ font:1em/2em 微软雅黑; color:#232c65;position:relative; padding:1em 0 1em 25%;}
.adv_03 .nr > dl dt i{ font:1em/1em 微软雅黑; color:#fff; position:absolute; top:1em; left:3%; width:3em; height:3em; background:#232c65;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=250%); float:left; box-shadow:6px 6px #dcd3f3;}
.adv_03 .nr > dl dt i > b{ font: bolder 2em/1.5em 微软雅黑_Black;color:#fff; position:absolute;width:1.5em; height:1.5em; text-align:center;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=350%);}

.adv_03 .nr > dl dd{ font:1em/2em 微软雅黑; color:#272727;position:relative; float:left; width:100%;margin-top:1em;}
.adv_03 .nr > dl dd i{ width:2.333em; height:2.333em; background:url(../images/adv_tubiao.jpg) no-repeat; background-size:100% 100%; float:left; margin-right:5%; position:relative;}
.adv_03 .nr > dl dd span{ float:left; width:80%;}

.adv_03 .nr .com_01 + .com_01{margin-top:2em;}

@font-face {font-family:微软雅黑_Black; src: url(../font/arialbi.TTF) format("truetype"); }
@font-face {font-family:微软雅黑_B; src: url(../font/arialbd.TTF) format("truetype"); }
@font-face {font-family:Cooper; src: url(../font/tt0631m.TTF) format("truetype"); }
/* adv_03 end */

/* about_sy */
.about_sy{overflow:hidden; width:100%; background:#dde6e8; position:relative;padding-bottom:4em;}
.about_sy .tite{ height:auto;width:100%;}
.about_sy .tite .xian{width:100%; text-align:center; border:0 !important;}
.about_sy .tite .bt{ height:1em; color:#232c65; font:2em/1em 微软雅黑; text-align:center; margin-top:0.5em;}.about_sy .tite .bt i{color:#232c65;} 
.about_sy .tite .wz{ height:auto; color:#5a5a5a; font:1em/2em 微软雅黑; text-align:left; margin:1em 0; float:left; width:100%;}
.about_sy .nr{ width:96%; height:auto; float:left; margin:0 2%;}
.about_sy .nr li{ width:48%;float:left; background:#fff;}
.about_sy .nr li img{ width:96%; margin:2%;}
.about_sy .nr li + li{float:right;}
.about_sy .m_more{ background:#c0c6c8;}

/* about_sy end */


/* news_sy */
.news_sy{ width:100%; overflow:hidden; padding:2.5em 0; position:relative;}
.news_sy .tite{ height:5.1667em; width:100%;border:1px solid #dfdfdf;}
.news_sy .tite .bt{padding-left:25%;background:url(../../images_1/images/news_sy_ico01.jpg) bottom left no-repeat; color:#cacaca; font:2em/2.5em 微软雅黑;}
.news_sy .zixun{ width:96%; height:auto; padding:1em 2% ; margin-top:1em; float:left; border:1px solid #dfdfdf;}
.news_sy .zixun li{ width:100%; height:auto; float:left;position:relative;}
.news_sy .zixun li img{ width:48%;}
.news_sy .zixun li a dl{ float:left; width:96%; margin-left:4%}
.news_sy .zixun li a dl > i{ width:auto; background: url(../../images_1/images/sj.png) center left no-repeat; height:2em; padding-left:15%;float:left; text-align:center ; font:1em/2em 微软雅黑;color:#da251d;}
.news_sy .zixun li a{ width:48%; height:auto; float:left;color:#292929; }
.news_sy .zixun li a dl > dt{font: bold 1.1667em/2em 微软雅黑;width:100%; float:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.news_sy .zixun li a dl > dd{font:1em/2em 微软雅黑; color:#717171;overflow:hidden; height:6em; float:left; width:100%;}
.news_sy .zixun li a dl > i:last-child,.news_sy .zixun li:hover a dl > i:last-child,.news_sy .zixun li + li a dl > i,.news_sy .zixun li + li:hover a dl > i{background:none; padding-left:0;}

.news_sy .zixun li + li{width:100%; height:3em; float:left;position:relative;border-bottom:1px dashed #ccc;}
.news_sy .zixun li + li a dl > dt{font: bold 1em/3em 微软雅黑;width:100%; float:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.news_sy .zixun li + li img, .news_sy .zixun li + li a dl > dd,.news_sy .zixun li + li a dl > i:last-child,.news_sy .zixun li + li:hover a dl > i:last-child,.news_sy .zixun li a dl > em{ display:none;}
.news_sy .zixun li + li a dl{ float:left; width:100%; margin-left:20%;}
.news_sy .zixun li + li:hover{background: none;}
.news_sy .zixun li + li a dl > i{ width:auto;height:2em; padding:0 5%;text-align:center; font:1em/2em 微软雅黑;color:#da251d; position:absolute; right:0px;}
.news_sy .zixun li + li a dl > dt{ font-weight:normal;}
.news_sy .zixun li + li:hover a,.news_sy .zixun li + li:hover a dl > dt,.news_sy .zixun li + li:hover a dl > i{ color:#232c65;}
.news_sy .zixun li + li:hover a dl > dt{text-decoration:underline;}
.news_sy .zixun li + li a dl > em{ background: url(../images/new_tubiao.jpg) left center no-repeat;display:block;height:3em;width:1.667em; float:left; position:absolute; left:0; }
/* news_sy end */


/* footer */
.footer{ width:100%; overflow:hidden;float:left; background:#252525; }
.db_logo{ height:6.6666em;}
.language{height:2.8333em; margin-left:1em;}
.footer .wz{height:auto; padding:2em 2% 5em; width:auto; text-align:center; float:left;color:#fff; font:1em/2em 微软雅黑, Helvetica, sans-serif;}



/* footer end */


/*底部浮动栏样式3*/

.social_nav3{ height:55px; width:320px; position:fixed; bottom:0; left:0; z-index:999; overflow:hidden;font-size:12px;}

/*底部浮动社交导航/电话*/

.social_nav3 .social3{display:block; width:280px; height:55px;  margin-right:18px;overflow:hidden;position:relative;padding-left:8px;}

.social_nav3 a{ height:55px; line-height:85px; font-size:13px; width:65px; display:inline-block; font-size:12px; position:relative; z-index:11; text-align:center; color:#fff;}

.social_nav3 a.tel{ width:65px;}

.social_nav3 span{display:block;width:35px;height:25px;position:absolute;top:0;z-index:10;}

.social3{ background-color:#686868;

	background:linear-gradient(top,#686868,#000);

	background:-moz-linear-gradient(top,#686868,#000);

	background:-o-linear-gradient(top,#686868,#000);

	background:-ms-linear-gradient(top,#686868,#000);

	background:-webkit-linear-gradient(top,#686868,#000);}

.social3:before{ content:''; height:1px; width:100%; background:#686868; border-bottom:1px solid #ccc; position:absolute; top:0; left:0;}

.social3:after{ content:''; height:1px; width:100%; background:#000; border-top:1px solid #000; position:absolute; bottom:0; left:0;}

.social3 b{width:1px; height:100%;  border-left:1px solid #ddd; position:absolute; top:0; right:0;}

/*底部社交-电话-动画*/

.social_nav3 span.tel{

	left:27px;

	top:5px;

	height:30px;

	background-position:3px -49px;

	animation-name: telshow;

	animation-duration: 1.0s;

	animation-timing-function: linear;

	animation-iteration-count: infinite;

	-webkit-animation-name: telshow;

	-webkit-animation-duration: 1.0s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;

	-o-animation-name: telshow;

	-o-animation-duration: 1.0s;

	-o-animation-timing-function: linear;

	-o-animation-iteration-count: infinite;

}

@keyframes telshow {

	0% {transform: rotate(0deg)}

	5% {transform: rotate(-13deg)}

	10% {transform: rotate(0deg)}

	15% {transform: rotate(-13deg)}

	20% {transform: rotate(0deg)}

	25% {transform: rotate(-13deg)}

	100% {transform: roate(0deg)}

}

@-webkit-keyframes telshow {

	0% {-webkit-transform: rotate(0deg)}

	5% {-webkit-transform: rotate(-13deg)}

	10% {-webkit-transform: rotate(0deg)}

	15% {-webkit-transform: rotate(-13deg)}

	20% {-webkit-transform: rotate(0deg)}

	25% {-webkit-transform: rotate(-13deg)}

	100% {-webkit-transform: roate(0deg)}

}

/*底部社交-微信-动画*/

.social_nav3 span.weichat{

	background-position: 9px -150px;

    background-repeat: no-repeat;

    left: 86px;

    top: 7px;

}

@keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}

@-o-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}

@-webkit-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}

/*底部社交-微博-动画*/

.social_nav3 span.weibo{ background-position: 1px -430px;background-repeat: no-repeat;height: 26px;left: 165px; top: 7px;}

@keyframes xshow2 {0% {opacity:0;}20% {opacity:1;}40% {opacity:0;}60% {opacity:1;}80% {opacity:0;}100% {opacity:0;}}

@-o-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}

@-webkit-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}

.social_nav3 span.talk99{background-position:1px -200px; background-repeat:no-repeat;left:234px; height:24px; width:26px; top:8px;}

.social_nav3 .btn{ display:block; width:32px; height:55px; position:absolute; right:0; background-position:0 -786px; }

.social_nav3 .btn2{ display:block; width:32px; height:55px; position:absolute; right:0;background-position:0 -249px; display:none;}



/*定位图片样式*/

.header .tel_bt, .title .icon, .sytitbg .icon, .probox .content ul li, .probox .content ul li ul li, .navbg, .brand_advance .yscontent h2, .social_nav3 .btn, .social_nav3 .btn2, .social3 span, .brand_advance .yscontent .telbg {

    background-image: url(../images/SkinsBar3.png);

    background-size: 32px 889px;}

.social_nav3 .btn, .social_nav3 .btn2{background-image: url(../images/SkinsBar2.png);}

/*底部结束*/


/* 内页 */
 /* con-zt */
.con-zt{ width:98%; float:left; background:#fff; height:auto; margin:0.5em 1% 0 1%; position:relative; z-index:999;}

.con-zt li{ margin:1em 3% 1.7em 3%; width:27%; border-left:1px solid #000; text-align:center; font-size:1em; float:left; height:1em; line-height:1em;position:relative; }

.con-zt li a{color:#7f7f7f;font-family:微软雅黑;}
/*.con-zt:before{position:absolute;content:"";width:100%;height:1px;background:#ccc;top:2.5em;left:0;}*/

.con-zt li:nth-child(3n+1){ border-left:0px solid #000;}

 /* con-zt END */
 
 /* m-btit */
 .m-btit,.m-con{ width:96%; float:left;margin:1em 2% 0; font:1.1667em/2em 微软雅黑; border-bottom:2px solid #009;}
 .m-con{ font:1em/1.5em 微软雅黑; border-bottom:0px solid #009; margin:0 2%}
 .m-con img{ width:50%; margin-right:2%;}
 .m-con dt{ display:none;}
 .ab img { width:100% !important;}
 /* m-btit END */
 
 
.cp_list{ width:100%; float:left; margin:1em 0; height:auto;border:0px solid #fff !important;border-left:1px solid #ddd !important;}.cp_list li{ width:21%; padding:2%; overflow:hidden; height:auto !important; border:1px solid #ddd !important; margin:-1px !important; margin-top:0px !important; float:left; position:relative;}.cp_list li a{ width:100%; padding:0 !important; margin:0 !important; height:auto !important; float:left; }.cp_list li a i{position:absolute; display:none; bottom:-50px; left:0;width:90%; padding:0 5%;word-wrap:break-word;background: url(../../images_1/images/cp_list_bj.png) repeat; text-align:center;line-height:50px; font-size:16px; height:50px;z-index:999; color:#fff;}.cp_list li:hover a i{ bottom:0;}.cp_list li:hover{background:#fff;}

.cp_nr{ margin:20px 0;}

.cp_nr li{ width:100%;height:auto;float:left; margin:0.5em 0; overflow:hidden; border-bottom:1px solid #ddd;font:1em/3em Arial, Helvetica, sans-serif; background:#fff;  color:#ccc;}
.cp_nr li .REF,.cp_nr li .OEM,.cp_nr li .DESCRIPTION,.cp_nr li .APPLICATION,.cp_nr li .img_bt,.cp_nr li .REF_bt,.cp_nr li .OEM_bt,.cp_nr li .DESCRIPTION_bt,.cp_nr li .APPLICATION_bt{ background:#fff; width:46%;float:left; height:auto;text-align:left; color:#222; line-height:1em;}.cp_nr li .img,.cp_nr li a{ padding:0 !important;}

.cp_nr li .REF p{ margin:0; padding:0;}


.cp_nr li .img{ width:50%; float:left; margin-right:2%;}
.cp_nr li .img_bt,.cp_nr li .REF_bt,.cp_nr li .OEM_bt,.cp_nr li .DESCRIPTION_bt,.cp_nr li .APPLICATION_bt{ height:auto; font-size:16px;color:#005493; font-weight: bold;}


.nr_new .zixun{ width:100%; height:auto; padding-top:1em;}
.nr_new .zixun > li{ width:100%; margin-bottom:1.5em; height:5.83em; float:left; background:#fff; position:relative;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s; background:#f2f2f2}
.nr_new .zixun > li > i{ width:20%; background:#d0d0d0; height:4.167em; padding:10px 0; float:left; text-align:center ; font:1em/2em Arial;color:#353535;}
.nr_new .zixun > li > i:first-line{ font: bold 2em/1em Arial; color:#005493; }
.nr_new .zixun > li a{ width:76%; height:5.03em; float:left; padding:0.4em 2%; color:#292929; }
.nr_new .zixun > li a > dd{font:1.333em/1.5625em Arial;width:100%; float:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.nr_new .zixun > li a > dd + dd{font:1em/2em Arial; color:#717171;}
.nr_new .zixun > li:hover{background:#005493;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.nr_new .zixun > li:hover a,.nr_new .zixun > li:hover a > dd + dd,.nr_new .zixun > li:hover a > i{ color:#fff;}


 
 .EQ_ny dl{ width:100%;float:left;  height:100%; position:relative;}
.EQ_ny dl > li{ position:relative;float:left; }
.EQ_ny dl dt{position: absolute; background:url(../../images/tit.png) no-repeat; width:auto; height:1.5em; padding:1.7083em 2% 0.4583em 4%; float:right; color:#fff; right:0px;font: bold 1.5em/1.25em Arial;}
.EQ_ny dt i{font:0.6667em/1em Arial;}
.EQ_ny dl + dl{float:right; margin-right:1%;}
.eq_01 dd , .eq_02 dd + dd{ width:100%; float:left; margin-bottom:10px;}
.eq_02 dd{ width:100%; float:left; margin-bottom:10px;}
.eq_03 dd{ width:100%; float:right; margin-bottom:10px;}
.EQ_ny dd .wz{ font:16px/30px Arial, Helvetica, sans-serif; color:#000; float:left; padding:15px;}

 .eq_01 dd { width:50%;}  .eq_01 dd + dd + dd { width:100%;}

 .g-bd .EQ_ny img{ width:98%;}
 
/* more */

.m_more{ width:100%; height:1px; background:#dddcdc; text-align:center; margin-top:4em;}
.m_more img{ height:4.416em; margin-top:-2.208em;}

/* more end */
.xian{border-bottom:1px solid #9eb0b0;}


/* 页码 */
.ym{ height:40px; width:40px; background:#ccc; color:#fff; text-align:center; line-height:40px; font-size:12px; padding:5px 12px;}
.ym2{ height:40px; width:40px; background:#fa6c67; text-align:center; line-height:40px; font-size:12px; padding:5px 12px;}



@media screen and (min-width:320px) {

	body { font-size:75%;}

}

@media screen and (min-width:360px) {

	body { font-size:87%;}

}



@media screen and (min-width:400px) {

	body { font-size:100%;}

}

@media screen and (min-width:480px) {

	body { font-size:112%;}



}

@media screen and (min-width:568px) {

	body { font-size:131%;}



}

@media screen and (min-width:639px) {

	body { font-size:150%;}

}

<!-- {text-transform:uppercase; /* 英文字母大写 */} -- >