@charset "utf-8";
/* CSS Document */
body,*,html,a,span,div,h1,h2,h3,ul,li{margin:0 auto; padding:0px;font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
body{background:url(../images/bg.jpg) center top; font-size:12px; color:#444; line-height:21px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.ll{font-size:8px;}
ul,li{list-style:none;}
img{border:0px none;}
.clear{ clear:both;}
a{ text-decoration:none; color:#333;}
a:visited{color:#333;}
a:hover{color:#333;}

#wap{ width:1260px; margin:0 auto; background:#fff;}
#top{ background:url(../images/topbg.jpg) no-repeat center top; padding:22px 30px 0px 30px;}
.logo{ float:left; height:81px;}

.top_right{float:right; text-align:right;}
.topnav{}
.topnav a{ padding:0 4px;}
.topnav .nav1{ background:url(../images/en.jpg) no-repeat 10px center; padding:0 0 0 35px;}
.topnav .nav2{ background:url(../images/cn.jpg) no-repeat 10px center; padding:0 0 0 35px;}

.tel{font-family: font-family:Arial, Helvetica, sans-serif; color:#e20303; font-size:26px; font-weight:bold; line-height:30px; margin:5px 0 0 0;}

.menu{ background:url(../images/menubg.jpg) repeat-x left top; height:48px; margin:0 30px;}
.menu dl{ list-style-type:none;}
.menu dd{line-height:48px; border-left:1px solid #dcbd1d; color:#ffffff; float:left; width:148px; text-align:center;}
.menu dd a{ display:block; line-height:48px; color:#fff; font-size:15px;}
.menu dd a:visited{ color:#fff;}
.menu dd a:hover{color:#e40000;background:url(../images/mhover.jpg) repeat-x left top;}
.menu .noborder{ border:none; width:150px;}
.menu #current{color:#e40000;background:url(../images/mhover.jpg) repeat-x left top;}


/* 首页焦点图 */
.slide { width:1200px; height: 338px; overflow: hidden; position:relative; margin:5px auto 20px auto;}
.slide .bd { position: relative; z-index: 0; }	
.slide .bd ul { width:100% !important; }
.slide .bd li { width:100% !important; height: 338px; overflow:hidden; }
.slide .hd { position: relative; top: -50px; z-index: 2; width: 1200px; margin: 0 auto; left:50px;}
.slide .hd li { width: 20px; height: 6px; background: #666; float: left; margin-right: 10px; text-indent: -9999px; cursor: pointer; -webkit-transition: all .6s ease; transition: all .6s ease; border-radius: 3px; }
.slide .hd li.on { background: #f3d737; width: 38px; }

.imain{ width:1200px; margin:0 auto;}

.icompany{ float:left; width:400px; padding:15px; background:#114B94; color:#fff; min-height:230px;}
.icompany h1{ font-size:15px; margin-bottom:5px;}
.icompany p{ text-indent:2em; line-height:24px; margin-bottom:5px;}

.iproduct{ float:left; width:406px; padding:0 26px;}
.iproduct h1{ color:#e40000; font-size:15px; margin-bottom:5px;}
.iproduct h1 a{ float:right; padding:6px 0 0 0;}

.iplist{ width:33%; float:left; text-align:center; padding:5px 0;}
.iplist img{ border:1px solid #ccc; padding:1px; margin:0 0 5px 0;}
.iplist a{ display:block; text-align:center; color:#333;}
.iplist a:visited{color:#333;}
.iplist a:hover{color:#e40000;}

.icontact{ float:left; width:282px; padding:15px; background:#ebebeb url(../images/map.png) no-repeat bottom right; min-height:230px;}
.icontact h1{color:#333; font-size:15px; margin-bottom:5px;}


.advantages{padding:30px; border:1px #cccccc dashed; margin:20px 0 0 0;}
.advantages h1{color:#333; font-size:15px; float:left; line-height:50px; width:120px;}
.advantages .list{ float:left; width:250px; height:50px; background:#156aab url(../images/menubg.jpg) repeat-x left top;}
.advantages .list span{ display:block; height:50px; line-height:50px; width:50px; background:#fff; float:left; text-align:center;}
.advantages .list p{ width:200px; color:#fff; text-align:center; line-height:50px; font-size:15px; float:left; height:50px;}


.features{ background:#ebebeb; margin:0 0 20px 0;}
.features h1{color:#e40000; font-size:15px; height:40px; line-height:40px; background:#fff;}
.features .app{ padding:10px 20px;}

.copyright{ margin:0 auto; line-height:26px; font-size:13px; padding:20px; background:#114B94; color:#fff; margin:0 30px;}

.banner{ width:1200px; margin:0 auto;}

.main{ width:1200px; margin:20px auto;}
.left{ float:left; width:260px; margin:0 40px 0 0;}
.right{ float:left; width:900px;}


.product_nav{ background:#e9e9e9;}
.product_nav h1{color:#e40000; font-size:16px; height:40px; line-height:40px; background:#fff; padding:0 0 5px 2px;}
.product_nav dl{ padding:5px 0;}
.product_nav dt{ list-style-type:none; line-height:30px;}
.product_nav dt a{ line-height:30px; font-size:14px; padding:0 5px 0 20px; display:block; margin:3px 0;}
.product_nav dt a:visited{}
.product_nav dt a:hover{ background:url(../images/menubg.jpg) repeat-x left top; color:#fff;}
.product_nav dt #current{ background:url(../images/menubg.jpg) repeat-x left top; color:#fff;}
.product_nav dd{ background:url(../images/cion01.gif) no-repeat 30px 10px; padding:0 0 0 40px; line-height:24px;}
.product_nav dd a{ display:block; line-height:24px;}
.product_nav dd a:visited{}
.product_nav dd a:hover{}

.contact{ padding:10px 0 0 0; background:url(../images/contact.gif) no-repeat right bottom;}
.contact h1{ color:#114B94; line-height:40px; font-size:16px;}
.contact .con{}

.title{ height:40px; margin-bottom:5px;}
.title span{ background:url(../images/menubg.jpg) repeat-x left top; height:40px; line-height:40px; display:block; float:left; padding:0 40px; color:#fff; font-size:16px;}
.title .place{ float:right; line-height:30px; padding:10px 10px 0 0;}
.title .place a{ padding:0 6px; line-height:30px;}

.border{border:1px #cccccc dashed; padding:30px;}

.contactus{ line-height:24px;}

.aboutus{}
.aboutus p{ text-indent:2em; line-height:24px; margin:0 0 10px 0;}

.company{}
.company p{ width:33.2%; float:left; text-align:center; margin:0 0 20px 0;}

.download{}
.download ul{ list-style-type:none;}
.download li{ line-height:32px; background:#ebebeb;}
.download .none{ background:none;}
.download li a{ display:block; line-height:32px; padding:0 15px;}
.download li img{ float:right; margin:6px 0 0 0;}

.prolist{ width:25%; float:left; text-align:center;}
.prolist a{ display:block;}
.prolist p{ line-height:24px; padding:5px 0 10px 0;}
.prolist img{ border:1px solid #ccc; padding:2px;}


.productshow{}
.productshow .img{ border:8px solid #f9f5f5; float:left; margin:0 30px 30px 0;}
.productshow h2{ font-size:24px; color:#114B94; line-height:60px;}
.productshow .brief{ line-height:24px; font-size:13px;}
.productshow .brief strong{ font-size:16px;}
.productshow h3{color:#114B94; height:40px; }
.productshow h3 span{background:#e9e9e9; line-height:36px; float:left; font-size:15px; width:100px; text-align:center;}
.productshow .message{ margin:20px auto;}
.productshow .detail{ padding:15px;}