@charset "utf-8";
/* CSS Document */
body,h1,h3,h3,p,ul,li,form,dl,dt,dd{padding:0;margin:0;}
body{background-color:#FFF;font-size:14px;text-align:center;line-height:24px;font-family:Arial, Helvetica, sans-serif;max-width:1440px;overflow-x:hidden;margin-left:auto;margin-right:auto;}
a{text-decoration:none;}
ul,li{list-style-type:none;}
.nav{width:1000px;margin-left:auto;margin-right:auto;}
#logoNav{height:100px;overflow:hidden;position:relative;}
#logo{width:570px;float:left;margin-top:20px;}
#tel{margin-top:40px;float:right;margin-right:30px;width:280px;height:42px;background:url(images/icon_tel.jpg) no-repeat top left;line-height:42px;font-size:24px;text-align:left;padding-left:45px;font-family:Arial, Helvetica, sans-serif;}
#tel span{font-size:12px;color:#999;display:block;float:right;line-height:42px;}
#lanbtn{position:absolute;top:10px;right:40px;font-size:12px;border:1px solid #E9E9E9;}
#lanbtn li{width:60px;height:24px;float:left;line-height:24px;}
.nocurlan{background-color:#c13c3d;color:#FFF;}
.nocurlan a{color:#FFF;}
#menuNav{height:44px;background-color:#c13c3d;line-height:44px;color:#FFF;}
#menu{position:relative;}
#menu li{float:left;padding:0 30px;}
#menu li a{color:#FFF;}
#mpro{display:none;}
#pcpro{display:block;}
#banner{background-color:#1c2e52;}
#emailNav{position:absolute;right:80px;border-left:1px solid #ce4a4b;}

#indexPros{height:450px;margin-top:70px;}
#indexPros b{font-size:24px;color:#d62c2c;}
#indexPros p{line-height:30px;color:#666;}
#indexPros ul{margin-top:50px;}
#indexPros li{float:left;padding:0 25px;}
#indexPros li img{width:190px;height:190px;border-radius:100px;overflow:hidden;padding:3px;border:1px dashed #D6D6D6;}
#indexPros li img:hover{border:1px dashed #F60;}
#indexProsExpo{background:url(images/bg_line.jpg) no-repeat bottom center;padding-bottom:9px;}
#indexCompany{height:590px;background-color:#F3F3F3;overflow:hidden;}
#indexCompanyTitle{width:540px;margin-left:auto;margin-right:auto;padding-top:50px;}
#indexCompanyTitle b{font-size:24px;color:#d62c2c;padding-bottom:8px;line-height:36px;}
#indexCompanyTitle p{color:#666;font-size:12px;line-height:20px;}
#btnMore{margin-top:15px;height:30px;line-height:30px;width:80px;margin-left:auto;margin-right:auto;color:#FFF;background-color:#d62c2c;}
#btnMore a{color:#FFF;}
#btnMore:hover{background-color:#F60;}

#indexCompanyList li{float:left;margin:50px 22px;height:305px;width:284px;overflow:hidden;color:#FFF;}
#indexCompanyList li h3{margin-top:20px;font-size:20px;line-height:30px;font-weight:200;}
#indexCompanyList li p{line-height:20px;padding:10px 30px;font-size:12px;}
.icbg1{background-color:#3191d3;}
.icbg2{background-color:#c13c3d;}
.icbg3{background-color:#87c149;}

#bottom{background-color:#3a3a3a;height:60px;padding:15px 0;line-height:18px;color:#dedede;font-size:12px;}
#bottom span{padding-left:15px;}

#nowposition{padding-left:20px;height:30px;border-bottom:1px solid #E9E9E9;margin-top:30px;background:url(images/bg_pos.jpg) no-repeat top left;}
#nowposition a{padding:0px 4px;color:#666;}
#nowposition a:hover{color:#F30;}
#mainTitle{float:left;font-size:24px;color:#545454;line-height:30px;position:relative;}
#mainTitle span{color:#c03c3c;font-size:24px;padding-left:10px;position:relative;bottom:2px;}
#pos{float:right;font-size:12px;color:#666;}

#mainNav{margin-top:30px;margin-bottom:50px;}
#aboutLeft{width:370px;float:left;text-align:left;}
#aboutRight{width:595px;float:right;text-align:left;color:#555;}
#aboutRight h1{color:#3b3b3b;margin-top:30px;}
#aboutRight h2{color:#d52626;font-size:18px;}
#aboutRight p{padding-top:10px;text-indent:2em;}
#aboutLine{width:340px;border-bottom:1px solid #E6E6E6;}

#contactLeft{width:350px;float:left;}
#contactLeft h1{font-size:24px;line-height:32px;color:#686868;text-align:left;margin-bottom:15px;margin-top:20px;}
#contactLeft li{padding:4px 0;line-height:24px;color:#666;text-align:left;}
#contactLeft li a{color:#666;}

#productsLeft{width:200px;float:left;min-height:500px;background:url(images/bg_class.jpg) repeat-x top center; }
#classTitle{font-size:16px;height:36px;background-color:#ca3636;color:#FFF;line-height:36px;padding-left:35px;text-align:left;font-weight:bolder;}
#productsLeft ul{margin:30px 25px;}
#productsLeft li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #F9F9F9;line-height:24px;color:#555;text-align:left;font-size:16px;padding-left:15px;}
#productsLeft li a{color:#555;}

#productsRight{width:780px;float:right;}
#app{margin-bottom:10px;color:#333;text-align:left;font-size:14px;font-weight:bolder;}
#productsRight dl{height:54px;line-height:20px;border-bottom:1px solid #E6E6E6;border-top:1px solid #FFF;font-size:12px;overflow:hidden;}
.dlbg{background-color:#faf6ee;}
#productsRight dt{padding:6px 0;float:left;line-height:20px;width:80px;font-weight:bolder;border-right:1px solid #F3F3F3;color:#F33;}
#productsRight dd{padding:6px 0;height:42px;line-height:20px;border-right:1px solid #F3F3F3;float:left;text-align:center;color:#555;overflow:hidden;}
.tabTitle{background-color:#f8faff;}
.dnum{width:80px;}
.component{width:200px;}
.dspeed{width:80px;}
.density{width:110px;}
.dcontent{width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px; vertical-align:baseline;}
.pic{width:50px;}
.pic img{width:30px;height:30px;margin-top:6px;}

/******手机版css***********/
@media screen and (max-width:650px) {
.nav{width:100%;}
#logoNav{height:90px;overflow:hidden;position:relative;}
#logo{width:100%;}
#logo img{margin-top:20px;width:90%;}
#tel{display:none;}
#lanbtn{height:30px;background-color:#666;width:100%;top:0px;right:0px;}
#lanbtn li{width:60px;height:20px;float:right;line-height:20px;border-radius:2px;overflow:hidden;margin-top:5px;margin-right:5px;}
#menuNav{height:36px;line-height:36px;}
#menu li{width:33%;float:left;padding:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#mpro{display:block;}
#pcpro{display:none;}
#emailNav{display:none;}
#banner{width:100%;overflow:hidden;background-color:#FFF;}
#banner img{width:100%;}
#indexPros{margin-top:2em;overflow:hidden;}
#indexPros b{font-size:1em;color:#d62c2c;}
#indexPros p{line-height:30px;color:#666;font-size:0.8em;}
#indexPros li{float:left;width:35%;padding:0px;margin:0;margin-left:10%;padding-bottom:1em;}
#indexPros li img{width:100%;height:auto;border-radius:50%;overflow:hidden;padding:3px;border:1px dashed #D6D6D6;}

#indexCompanyTitle{width:95%;margin-left:auto;margin-right:auto;padding-top:2em;}
#indexCompanyTitle b{font-size:1.2em;color:#d62c2c;padding-bottom:0.6em;line-height:1.5em;}
#indexCompanyTitle p{color:#666;font-size:0.8em;line-height:1.4em;}
#indexCompanyList li{margin-top:2em;margin-left:10%;margin-bottom:0;height:290px;width:80%;overflow:hidden;color:#FFF;}
#indexCompanyList li img{width:100%;height:auto;}
#indexCompanyList li h3{margin-top:0.6em;font-size:1.5em;font-weight:200;}
#indexCompanyList li p{padding:10px;font-size:0.8em;}

#mainTitle{float:left;font-size:1.2em;color:#545454;line-height:30px;position:relative;}
#mainTitle span{font-size:1.0em;color:#666;bottom:0px;}
#aboutLeft{display:none;}
#aboutRight{width:90%;margin-left:5%;margin-right:5%;}
#aboutRight h1{font-size:1.5em;color:#3b3b3b;margin-top:20px;}
#pos{display:none;}

#contactLeft{width:90%;margin-left:5%;margin-right:5%;}
#dituContent{display:none;}

#productsLeft{float:none;width:100%;min-height:60px;}
#productsLeft ul{margin:30px 5px;}
#productsLeft li{border-bottom:1px solid #F9F9F9;line-height:24px;color:#555;text-align:left;font-size:1em;padding-left:15px;float:left;}
#productsLeft li a{color:#555;}

#productsRight{width:100%;}
#productsRight dl{margin-top:10px;width:100%;height:258px;line-height:30px;border-bottom:1px solid #E6E6E6;border-top:1px solid #FFF;font-size:13px;}
#productsRight dt{background-color:#c13c3d;line-height:30px;width:100%;font-weight:bolder;color:#FFF;overflow:hidden;}
#productsRight dd{margin:0;padding:0;text-align:left;width:100%;height:30px;line-height:30px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #E6E6E6;}
#productsRight dd span{height:30px;display:block;float:left;width:45%;padding-right:5px;margin-right:5px;text-align:right;border-right:1px solid #E3E3E3;background-color:#F9F9F9;}
#app{padding-left:1.5em;}
.tabTitle{background-color:#f8faff;} 
.dnum{}
.component{}
.dspeed{}
.density{}
.dcontent{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pic{}
.pic img{width:30px;height:auto; vertical-align:middle;padding-bottom:2px;}
}