@charset "utf-8";
/* CSS Document */
body{ background:#363f4b; margin:0; padding:0; color:#fff; width:100%; height:auto; font-family:Arial, Helvetica, sans-serif;  line-height:20px;}

#warp{ width:100%; height:auto;}
.head{ background:#031b33; height:153px; width:100%;}
.head-top{ height:21px; width:970px; margin:0 auto; padding:0; text-align:right; padding-right:10px;}
.head-top a{ color:#fff; text-decoration:none; padding:0 10px;font-size:11px;}
.head-top a:hover{ color:#fff; text-decoration:underline;}
.head-bottom{ height:132px; width:980px; margin:0 auto; padding:0;}
.logo{ height:48px; width:355px; background: url(images/logo-bg.png) no-repeat; float:left; padding:22px 0 62px 35px;}
h1{ margin:0; padding:0; font-size:41px; font-weight:bold;}
h2{ margin:0; padding:3px 0 0 3px; font-weight:lighter;font-size:12px;}
.menu{ height:92px; width:567px; background: url(images/head1.png) no-repeat; float:right; padding: 40px 23px 0 0; text-align:right;  font-family: Calibri;}
.menu p { margin:0; padding:0 0 30px 0;font-size:18px;}
.menu ul{ margin:0; padding:0; list-style:none; height:21px; font-size:12px;}
.menu ul li{ float:left; margin:0 3px 0 0 ; width:78px; height:21px; background: url(images/tab.gif); padding:0; text-align:center; font-size:14px;}
.menu ul li a{ color:#FFFFFF; text-decoration:none;}
.menu ul li a:hover{ color:#ffbf00; text-decoration:underline;}
.menu ul li a.active{ color:#000; text-decoration:underline;}

.banner{ width:980px; margin:0 auto; height:160px; repeat-x;}
.banner-pic{ float:left; background:url(images/slide-p.jpg); width:980px; height:160px;}
.banner-pic2{ float:left; background:url(images/slide-a.jpg); width:980px; height:160px;}
.banner-pic3{ float:left; background:url(images/slide-n.jpg); width:980px; height:160px;}
.banner-pic4{ float:left; background:url(images/slide-s.jpg); width:980px; height:160px;}
.banner-pic5{ float:left; background:url(images/slide-r.jpg); width:980px; height:160px;}
.banner-pic6{ float:left; background:url(images/slide-support.jpg); width:980px; height:160px;}
.banner-pic7{ float:left; background:url(images/slide-partner.jpg); width:980px; height:160px;}
.banner-text{ float:right; width:980px; padding:35px 15px 0 10px;}
.banner-text p{ margin:0; margin:0; line-height:10px; color:#58617f; font-size:13px;}

h3{ font-size:25px; color:#000; font-weight:250; margin:0; padding:0;}
h4{ font-size:30px; color:#000; margin:0; padding:0; line-height:50px;}
h5{ color:#00264d; font-size:13px; margin:3px 0 0 3px; padding:0 0 0 9px; background:url(images/sanjiao.gif) no-repeat 2px 6px;}
h6{ margin:0;color:#58617f; font-size:14px; padding:0 0 5px 9px; font-weight:bold;}
.product-title{ font-size:33px; color:#069; margin:0; padding:0; line-height:40px; font-family:Lucida Sans; font-weight:bold;}
.model-1{ font-size:24px; font-weight:lighter; margin-right:160px; padding:2px; color: #FFF; background-color:#06C}
.model-2{ font-size:22px; font-weight:400; margin:0; padding:0; color: #F00;}
.about-tit{ font-size:20px; font-weight:250; margin:0; padding:0; color: #F00;}
.tabletitle{ font-size:25px; color:#069; margin:0;padding:0; font-family:Calibri; background-color:#EEE;}
.xx-small{ font-size:12px; color:#999; margin:0;padding:0; font-family:Calibri; padding-right:10px;}
.new-title{ font-size:25px; color:#555; margin:0;padding:3px; font-weight:bold;}

.content{ height:auto; width:950px; margin:0 auto; padding:15px 15px 30px 15px; background:#FFF;}
.tit-blue{ height:18px; background:#0059b3; padding:1px 1px 0 15px;  font-size:14px;line-height:16px;}
.tit-blue p{ margin:0; padding:0; float:left; font-weight:bold;color:#fff; }
.tit-blue span{ margin:0; padding:0; float:right; display:block; font-size:9px;color:#fff;}
.tit-blue a{ color:#fff; text-decoration:none;}

.content1{ float:left; width:630px; height:auto;}
.content1 img{float:left;margin: 0px 10px 0px 0px;width:160px;height:120px;border:#b9b9b9 1px solid;}
.content1-text { background:url(images/home-aboutus-pic1.jpg) repeat-x; padding:15px 10px 0 10px; width:610px;}
.content1-text p{ margin:0px 10px 0 170px; padding:0; color:#58617f; font-size:13px; line-height:15px; font-weight:lighter; font-family: Calibri;}
.readmore p{ margin:0px 10px 0 170px; padding:0; color:#58617f; font-size:13px; line-height:15px; font-weight:lighter; font-family: Calibri; float:right}

.content2{ float:left; width:630px; margin:0 10px;}
.content2 img{ float:left; margin: 0px 10px 0px 0px; width:auto; height:100px;}
.content2-text { background:url(images/home-aboutus-pic1.jpg) repeat-x; padding:15px 10px 0 10px; width:610px;}
.content2-text p{ text-indent:2em; margin:0px 10px 0 170px; padding:0; color:#58617f; font-size:13px; line-height:15px; font-weight:lighter;}

.content3{ float:right; width:305px; bottom no-repeat; height:580px; text-align:left;}
.content3-gray{ height:300px; background:#f1f2f1; height:220px; }
.content3-tit{ width:302px; height:20px; margin:10px 0 0 0; background:#e6e7e8; padding:0 0 0 2px;}
.content3 img{float:right;}
.content3-text {  background:url(images/home-aboutus-pic1.jpg) repeat-x; padding:10px 10px 10px 10px; font-family: Calibri;}
.content3-text p{margin:0;padding:0;color:#58617f;font-size:13px;line-height:15px;font-weight:lighter;}
.content3-text ul{ margin:0; padding:0 0 0 15px; list-style:none;}
.content3-text ul li{ background:url(images/square.jpg) no-repeat 0 12px ; padding: 3px 0 0 7px; line-height:16px;}
.content3-text ul li a{ color:#00264d; font-size:12px; text-decoration:none;line-height:16px;}
.content3-text ul li a:hover{ text-decoration:underline;}

.product_home_content{ float:left; width:630px; height:auto; color: #036; font-size: 14px; font-family: Calibri;}
.product_content{ width:630px;}
.product_content img{ float:left; margin: 0px 10px 0px 0px; width:auto; height:171px; border:0}
.product_brief{ float:left; height: 245px; width: 200px; background-color: #FFFFFF; border: 1px dashed #CCCCCC; margin: 4px;}
.product_brief img{border: 0px;}
.product_brief p{ padding:0 0 0 3;}
.content5{ width:600px;}
.content5-text p{ margin:0; padding:0; color:#FFFFFF; font-size:11px; line-height:15px; font-weight:lighter;}
.content5-text img{ padding-top:10px; width:326; height:320;}
.content5-text ul{ margin:0; padding:0 0 0 15px; list-style:none;}
.content5-text ul li{ background:url(images/square.jpg) no-repeat 0 12px ; padding: 3px 0 0 7px; line-height:16px;}
.content5-text ul li a{ color:#009fd8; font-size:11px; text-decoration:none;line-height:16px;}
.content5-text ul li a:hover{ text-decoration:underline;}



.foot{ height:83px; width:980px; background:url(images/foot-bg.jpg) repeat-x; margin:0 auto; padding:25px 0 0 0; text-align:center; color:#58595b; font-size:11px;}