@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-family: "Microsoft YaHei" !important; font-size:12px; line-height:22px; background:#e3e5e6;}
li{ list-style:none}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
.clear{ clear:both}
a img{ border:0}


.containers{ width:100%; height:auto;  background:#eeeeee;}
.containers .top{ width:820px; height:110px; padding:30px 0 0 0;  margin:0 auto;}
.containers .top .logo{ width:150px; height:90px; float:left; }
.containers .top .logo a{ display:block; width:150px; height:90px; background:url(../images/bg.jpg) -25px -22px; }
.containers .top .muen{ width:490px; height:30px; float:left; padding:56px 0 0 15px}
.containers .top .muen span{ color:#CCCCCC}
.containers .top .muen span a{ background:url(../images/bg.jpg); margin:0 7px 0 7px;}
.containers .top .muen span a:hover{ border-bottom:2px solid #10146e}
.containers .top .muen span .index{ padding:5px 10px 0 20px; background-position: -26px -131px}
.containers .top .muen span .aboutuss{ padding:5px 10px 0 48px; background-position: -74px -131px}
.containers .top .muen span .products{ padding:5px 10px 0 48px; background-position: -153px -131px}
.containers .top .muen span .contactuss{ padding:5px 10px 0 48px; background-position: -232px -131px}
/*.containers .top .muen span .skills{ padding:5px 10px 0 48px; background-position: -313px -131px}*/
.containers .top .muen span .jobss{ padding:5px 10px 0 48px; background-position: -394px -131px}


.containers .top .phone_languter{ height:180px; height:75px; float:right; }
.containers .top .phone_languter dl{}
.containers .top .phone_languter dl dt{ font-family:"黑体"; clear:both; text-align:right }
.containers .top .phone_languter dl dt a{ font-weight:bold;  color:#808080; font-family:"黑体"; margin:0 0 0 30px}
.containers .top .phone_languter dl dd{ width:158px; height:60px; background:url(../images/bg.jpg) -492px -105px; margin:10px 0 0 0}

.containers .pagebody{ width:820px; min-height:406px; height:auto; margin:0 auto; padding:0 0 30px 0}
.containers .pagebody .soller_banner{ height:436px;}

.containers .pagebody .soller_banner .box_four{ width:780px; height:110px; position:absolute; z-index:985; margin:324px 0 0 10px; padding:0 0 0 10px}
.containers .pagebody .soller_banner .box_four ul li{ float:left; margin:0 10px 0 10px}


.containers .pagebody .soller_banner .lefts{ width:94px; height:113px; position:absolute; margin:160px 0 0 -40px; z-index:999}
.containers .pagebody .soller_banner .lefts a{width:94px; height:113px; display:block; background:url(../images/left.png) no-repeat}
.containers .pagebody .soller_banner .lefts a:hover{ background:url(../images/left_over.png) no-repeat}

.containers .pagebody .soller_banner .rights{width:94px; height:113px; position:absolute; margin:160px 0 0 770px;  z-index:999}
.containers .pagebody .soller_banner .rights a{width:94px; height:113px; display:block; background:url(../images/right.png) no-repeat}
.containers .pagebody .soller_banner .rights a:hover{ background:url(../images/right_over.png) no-repeat}

.containers .pagebody .soller_banner .imgbg{ width:820px; height:436px; }
.containers .pagebody .soller_banner .imgbg div{ position:absolute;}
.containers .pagebody .soller_banner .imgbg #one{ z-index:983}
.containers .pagebody .soller_banner .imgbg #two{ z-index:982}
.containers .pagebody .soller_banner .imgbg #three{ z-index:981}
.containers .pagebody .soller_banner .imgbg #five{  z-index:980}



.blocks{ display:block}
.nones{ display:none}


.containers .pagebody .aboutus{ background:#FFFFFF; border:1px solid #e1e1e1; padding:28px; height:420px; clear:both;}
.containers .pagebody .aboutus .company_info{ color:#002e5f; width:410px; float:left; padding:0 0 0 5px }
.containers .pagebody .aboutus .company_info h3{ font-size:14px; color:#002e5f}
.containers .pagebody .aboutus .company_info p{ margin:0 0 20px 0; color:#002e5f}

.containers .pagebody .aboutus .imgs{ position:absolute; margin:0 0 0 455px}
.containers .pagebody .aboutus .banner_img{ clear:both;}
.containers .pagebody .aboutus .banner_img ul li{ width:175px; height:100px; float:left; margin:0 15px 0 0}



.containers .pagebody .contactus{ background:#FFFFFF; border:1px solid #e1e1e1; padding:28px; min-height:420px; height:auto; clear:both;}
.containers .pagebody .contactus .company_info{ color:#002e5f; width:410px; float:left; padding:0 0 0 5px }
.containers .pagebody .contactus .company_info h1{ font-size:28px; color:#002e5f}
.containers .pagebody .contactus .company_info p{ margin:0 0 20px 0; color:#002e5f}

.containers .pagebody .contactus .imgs{ position:absolute; margin:0 0 0 455px}
.containers .pagebody .contactus .banner_img{ clear:both;}
.containers .pagebody .contactus .banner_img ul li{ width:175px; height:100px; float:left; margin:0 15px 0 0}


/* xiaml 2024/12/20 new contactus page don't need those.
.containers .pagebody .contactus .maps{ width:490px; overflow:hidden; height:429px; float:left}
.containers .pagebody .contactus .contact_body{ padding:33px 0 0 0; width:210px; height:298px; float:right; }
.containers .pagebody .contactus .contact_body dl{ margin:0 0 30px 0; width:160px;}
.containers .pagebody .contactus .contact_body dl dt{ color:#c80018; font-weight:bold; margin:0 0 10px 0; font-family:"Microsoft YaHei"; font-size:14px;}
.containers .pagebody .contactus .contact_body dl dd{ color:#333333; font-family:"Microsoft YaHei"; line-height:20px;}
*/

.containers .pagebody .product{ background:#FFFFFF; border:1px solid #e1e1e1; padding:10px; height:auto; min-height:490px; clear:both;}
.containers .pagebody .product span{ padding:10px 5px 9px 15px; margin:0 0 15px 0; border-bottom:1px solid #e1e1e1; color:#ababab; width:100%; display:block; width:780px}
.containers .pagebody .product span a{ color:#002e5f; font-size:14px; margin:0 10px 0 10px; padding:3px 0 0 0; }
.containers .pagebody .product span .red{ color:#FF0000; font-weight:bold}

.containers .pagebody .product dl{ padding:0 0 0 27px; margin-bottom:15px; width:389px; clear:both}
.containers .pagebody .product dl dt{ color:#FF0000; font-weight:bold;  }
.containers .pagebody .product dl dt a{ color:#ff0000; text-decoration:underline}
.containers .pagebody .product dl dt{ line-height:25px;}
.containers .pagebody .product dl dd b{ font-size:12px; margin:0 0 0 -3px}


.containers .pagebody .product ul{ width:756px; margin:0 auto; padding:0 0 0 5px}
.containers .pagebody .product .nx{ width:756px; overflow:hidden; padding:0}
.containers .pagebody .product .nx li{ float:left; width:372px; margin:0 5px 10px 0; text-align:center; overflow:hidden; height:300px;}
.containers .pagebody .product .nx li img{ width:360px}


.containers .pagebody .product .sidbar{ width:180px; float:left; margin:0 20px 0 20px}
.containers .pagebody .product .sidbar ul{ width:auto}
.containers .pagebody .product .sidbar ul li{ border-bottom:1px solid #CCCCCC; color:#828282;  padding:5px 0 5px 0;}
.containers .pagebody .product .sidbar ul li a{ color:#828282;}
.containers .pagebody .product .sidbar ul li .blue{ font-size:14px; color:#0e59a9; padding:0 0 0 20px; background:url(../images/j.jpg) no-repeat left;}

.containers .pagebody .product .infopage{ width:520px; float:left; padding:5px 0 0 0}
.containers .pagebody .product .infopage h3{ margin:0 0 15px 0; font-size:14px; color:#FF0000; text-decoration:underline}
.containers .pagebody .product .infopage h4{ font-size:14px;  margin:0 0 15px 0;}
.containers .pagebody .product .infopage p{ margin:0 0 10px 0; color:#666666}
.containers .pagebody .product .infopage b{ color:#000000}
.containers .pagebody .product .infopage .imgcenter{ text-align:center; padding:15px 0 15px 0}
.containers .pagebody .product .infopage .imgcenter img{border:1px solid #CCCCCC;} 
.containers .pagebody .product .infopage .imgcenters{ text-align:center; padding:15px 0 15px 0}
.containers .pagebody .product .infopage .imgcenters img{ } 
.containers .pagebody .product .infopage .cen{ font-size:14px; color:#000000; text-align:center}





.containers .footer{ height:140px; width:100%; background:#e3e5e6; padding:20px 0 0 0; margin:10px 0 0 0}
.containers .footer .footer_body{ width:820px; margin:0 auto; color:#383d40}
.containers .footer .footer_body ul{ width:230px; float:left;}
.containers .footer .footer_body ul li{line-height:20px}
.containers .footer .footer_body ul li b{ font-weight:lighter;  font-size:14px; padding:0 0 5px 0; display:block }
.containers .footer .footer_body ul li a{ color:#383d40}

.containers .footer .footer_body dl{ width:155px; float:left; }
.containers .footer .footer_body dl dt{ line-height:20px}
.containers .footer .footer_body dl dt b{font-weight:lighter;  font-size:14px; padding:0 0 5px 0; display:block}
.containers .footer .footer_body dl dt a{ color:#383d40}

.containers .footer .footer_body .partner{ width:260px; float:right; }
.containers .footer .footer_body .partner dd{}
.containers .footer .footer_body .partner dd a{ margin:0 5px 0 0; cursor:inherit}