﻿@charset "utf-8";
@import url("commens.css");
/*-------------------------------*/
html,body{ background:#fff}
.body{width:100%; text-align:center; margin:0px auto; background:#fff}
.body-resize{width:960px; margin:0px auto; text-align:left}
/*-------------------------------*/
.header{border-top:3px solid #1C60B1;background:url(../images/map.gif) no-repeat 650px 0;padding:5px 0; position:relative}
.header .logo{width:180px;height:70px;}
.header .head-menu{ position:absolute;right:20px;top:30px;padding-left:10px;text-align:right; background:url(../images/dot.gif) no-repeat 0 center}
.header .head-menu a{margin:0 4px;}
.header .head-menu a:hover{ text-decoration:underline;}
.header .dater{color:#fff;position:absolute;right:200px;top:0; background:url(../images/top-timer.gif) no-repeat center 0;width:265px;height:18px; line-height:18px;text-align:center}
/*-------------------------------*/
.menu ul{ background:url(../images/men-bg.gif) repeat-x 0 0;height:39px;z-index:9999;}
.menu ul li{float:left;position:relative;z-index:995;}
.menu ul li a{display:block;text-align:left;width:133px;height:39px;line-height:39px;background:url(../images/menu-item-bg.gif) no-repeat 0 0;font-family:Microsoft YaHei,"微软雅黑",Lucida,Verdana,Hiragino Sans GB,STHeiti,WenQuanYi Micro Hei,Droid Sans Fallback,SimSun,sans-serif;}
.menu ul li a span{color:#fff;font-size:16px;font-weight:bold; display:block; padding-left:5px;}
.menu ul li.frist a{width:162px;background:url(../images/menu-item-frist-bg.gif) no-repeat 0 0}
.menu ul li.frist a span{padding-left:60px;}
/*-------------------------------*/
.slider{border-bottom:5px solid #1C60B1;margin:5px auto 0;padding:0;width:960px;height:300px;position:relative; background:#fff;}
.slider .loader{width:100%; height:300px; background:#fff; overflow:hidden; position:absolute; left:0; top:0; background:url(../image/loading.gif) no-repeat center center}
.slider ul{margin:0 auto;height:300px; overflow:hidden;display:block; position:relative}
.slider ul li{position:absolute; display:none;width:100%;height:300px; left:0;top:0; overflow:hidden; background-position:center;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;background-size: cover;}
.slider ul li a{display:block;width:100%;height:100%;}
.slider ul li img{width:960px;height:300px;}
.slider .slider-num{position:absolute;bottom:10px;left:10px;width:100%;text-align:center}
.slider .slider-num span{cursor:pointer; height:5px; margin:0 3px;display:inline-block;width:30px;background:#fff;}
.slider .slider-num span:hover,.slider .slider-num span.select{ background:#c60000;}
/*-------------------------------*/
.footer{padding:0;padding:10px 0; border-top:6px solid #1C60B1}
.footer .copyrights{ text-align:center;line-height:1.5;color:#333; font-size:12px;}
.footer .copyrights a{color:#333;}
.footer .copyrights a:hover{color:#fff; text-decoration:underline}
/*-------------------------------*/
.left-grid{width:200px;margin-left:10px;padding-bottom:80px; background:url(../images/phone.gif) no-repeat right bottom}
.left-grid .products-cls{ margin-bottom:20px;}
.left-grid .products-cls .pc-top{ background:url(../images/left-top-bg.gif) no-repeat 0 0;height:50px;}
.left-grid .products-cls .pc-bottom{ background:url(../images/left-top-bg.gif) no-repeat 0 bottom;height:10px;}
.left-grid .products-cls ul{padding:0 30px;background:#1C60B1;width:131px; margin:0 auto;}
.left-grid .products-cls ul li.frist{ background:url(../images/icon-1.gif) no-repeat 0 center; padding:6px 0 6px 30px;}
.left-grid .products-cls ul li.frist a{color:#fff; font-weight:bold}
.left-grid .products-cls ul li.sec{ border-top:1px solid #eee;padding:6px 0 6px 30px;}
.left-grid .products-cls ul li.sec a{color:#fff;}
.left-grid .image{ background:url(../images/image-title.gif) no-repeat 0 0;width:191px; margin: 0 auto 20px; padding-top:50px;}
.left-grid .contact{background:url(../images/contact-title.gif) no-repeat 0 0;width:191px; margin: 0 auto 20px; padding-top:50px;}
.left-grid .contact .contact-content{ line-height:1.8}
/*-------------------------------*/
.right-grid{width:720px;padding:20px 0;}

.profile{}
.profile .text{margin:20px auto;overflow:hidden;line-height:2;}
.profile .text img{ float:left;margin:0 20px 20px 0}

.products{}
.products ul{margin:20px auto;overflow:hidden;line-height:2;}
.products ul li{ float:left; margin-right:26px;width:160px; margin-bottom:15px;}
.products ul li.last{ margin-right:0}
.products ul li span{display:block;padding:5px 0;text-align:center;width:160px; overflow:hidden;height:18px;}


.stitle{border:1px solid #D7D7D7; background:url(../images/title-bg.gif) repeat-x 0 0;padding:2px 10px; overflow:hidden}
.stitle h3{padding-left:15px;font-size:14px;color:#155AAD; background:url(../images/title-bg-icon.gif) no-repeat 0 center;float:left;font-family:Microsoft YaHei,"微软雅黑",Lucida,Verdana,Hiragino Sans GB,STHeiti,WenQuanYi Micro Hei,Droid Sans Fallback,SimSun,sans-serif;}
.stitle span{ float:right; line-height:1.6;}
.stitle span a.more{ margin-top:8px;background:url(../images/more.gif) no-repeat 0 0;display:block;width:33px;height:5px; text-indent:-8000px;}
/*-------------------------------*/
.article-title{color:#000;padding:10px 0;margin-bottom:10px;text-align:center;font: bold 22px Microsoft Yahei,"Arial","Times New Roman";}
.article-info{color:#888;padding:5px 0;border-bottom:1px solid #eee;border-top:1px solid #eee; text-align:center}
.article-show{font-size:12px;line-height:2;color:#333;padding:10px 0;}
/*-------------------------------*/
ul.item-list{padding:10px 0;}
ul.item-list li{padding:10px 0 10px 20px; background:url(../images/icon-1.gif) no-repeat 0 center;}
ul.item-list li a{color:#333; font-size:16px;}
ul.item-list li a:hover{color:#000; text-decoration:underline}
ul.item-list li span{color:#888; padding-left:20px;line-height:20px;}
/*-------------------------------*/
.feed-box{padding:20px 0;}
.feed-box .feed-block{border-bottom:1px dotted #FDF1F6;padding:10px 0;}
.feed-box .feed-block h1{font-size:14px;color:#000;display:block;width:100px;padding-top:8px;padding-right:20px; text-align:left}
.feed-box .feed-block label{display:block;color:#000;padding:5px 0px; t}
.feed-box .feed-block .input{ background:#fff;width:300px;border:1px solid #ccc;padding:5px 5px;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;-ms-transition: all .4s linear;-o-transition: all .4s linear;transition: all .4s linear;}
.feed-box .feed-block .input:focus{ border:1px solid #155AAD}
.feed-box .feed-block .feed-submit{cursor:pointer;width:177px;border:none;padding:0px;height:30px;display:block; text-indent:-9999px;background:url(../images/feed-submit-btn.gif) no-repeat 0 0;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;-ms-transition: all .4s linear;-o-transition: all .4s linear;transition: all .4s linear;}
.form-success{ background:#56BA2A;display:block;margin:10px auto;padding:5px 10px;color:#fff;-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.feed-box .tip_err{color:#f00;margin:0px;background:url(../images/err.gif) no-repeat 10px center;padding:3px 0px 3px 25px; line-height:25px;}
/*-------------------------------*/
ul.products-list{margin:20px auto;overflow:hidden;line-height:2;}
ul.products-list li{ float:left; margin-right:60px;width:200px; margin-bottom:25px;}
ul.products-list li.last{ margin-right:0}
ul.products-list li span{display:block;padding:5px 0;text-align:center;width:200px; overflow:hidden;height:18px;}