@charset "utf-8";

p{ color:#666; line-height:32px; text-indent:2em; margin-bottom:20px;	}

.about-bg{ width:100%; height:180px; background:url(../img/about-bg.jpg) top center no-repeat; }
.about-bg h2{ font-size:46px; padding:0 20px; border-left:solid 1px #fff;border-right:solid 1px #fff; color:#fff; margin-top:60px;}
.about-bg span{color:#fff;line-height:180px;}
 .about-nav li { display:block; width:248px; height:55px; border:solid 1px #d5d5d5; background:#fff; padding-left:30px; padding-top:20px; margin-bottom:5px;}
 .about-nav li a{border-left:solid 3px #666666; font-size:20px; margin-top:28px; padding-left:30px;}
 .about-nav li.active,.pro_nav a.active{border:solid 1px #3694d6; background:#3694d6; color:#fff;}
  .about-nav li.active a,.about-nav li:hover a,.pro_nav a:hover{ color:#fff;border-left:solid 3px #fff;}
 .about-nav li:hover,.pro_nav a:hover{border:solid 1px #3694d6; background:#3694d6;}


.warp{ width:100%; overflow:hidden; background:#f5f5f5; padding:20px 0;}
.main,.about-bg section{ width:1200px; margin:auto;}
.about-content{ width:840px; padding:20px 30px; background:#fff;}
.about-content img{ max-width:840px; margin-right:10px;}
.about-content aside li{ margin-bottom:10px; overflow:hidden;}
.about-content aside li span{ color:#333;}
.pro-bg{background:url(../img/pro-bg.jpg) top center no-repeat; }
.pro_nav{ padding:0 20px; margin:auto; margin-bottom:20px; margin-left:70px;}
.pro_nav a{ display:block; padding:0 20px; height:50px; border:solid 1px #d5d5d5; background:#fff; text-align:center; line-height:50px; font-size:18px; margin-right:10px; float:left;}
.prolist{ width:1200px; margin:auto; padding-top:20px; overflow:hidden;}
.product{ margin-top:0;}
ul.prolist { width:1200px;}
ul.prolist li{ width:284px;}
.page-inner a{ margin-right:5px;  font-size:16px;}
.page-inner a:hover{ color:#000;}
.page-inner{ width:300px; margin:auto; margin-top:20px;}
.pro-content{ width:1160px; margin:auto; background:#fff; text-align:center; padding:20px; overflow:hidden;}
.pro-content h1{ font-size:30px; margin-top:30px; border-bottom: dashed 1px #d5d5d5; padding-bottom:30px;}
.pro-img{ width:400px; height:400px; margin:auto; padding:100px;border:solid 1px #d5d5d5; margin-top:30px;}
.pro-img img{ width:400px; height:400px;}
.pro-content p{ text-align:left; margin-top:20px;}
.newsbg{ background:url(../img/news-bg.jpg) top center no-repeat;}
.new-content{ width:900px; background:#fff; overflow:hidden; padding-bottom:20px; }
.new-content .news_list a{ padding:10px;}
.new-content .news_list p{ margin-bottom:0;}
.new-content .news_list img{ height:60px;}
.new-content .news_list li:nth-child(2){ width:500px;}
.new-content .news_list li p{font-size:14px;}
.new-content .news_list h3{ margin-bottom:10px; margin-top:5px; }
.new-content .news_list ul{ width:860px;}
.new-content .news_list ul img{ margin-top:20px;}
.contact-bg{ background:url(../img/contact-bg.jpg)}
.contact-l{ width:480px;}
.contact-content h3{ font-size:20px; color:#333; text-align:left; color:#000;}
.contact-r{ width:620px;}


.contact-l li{ width:400px; overflow:hidden;}

.contact-r input{ width:275px; padding-left:20px; height:60px; border:solid 1px #d5d5d5; outline:none}
.contact-r input:focus{
     box-shadow: 0 0 2px #dadada;

}
.contact-r p input{ margin-right:10px;}
.contact-r p{ margin-bottom:10px; text-indent:0;}
.contact-r .form-text input{ width:590px; height:260px;}
.contact-r .button{ width:590px; text-align:left;}
.contact-r .button input { width:200px; height:60px; border:none; padding-left:0; font-size:18px; margin-left:0; background:#2e94db; color:#fff; margin-left:0;}
.contact-r .button input:focus{ background:#258ad0;}
.bus-bg{ background:url(../img/bus-bg.jpg) center top no-repeat;}
.bus-content .img-group img{ width:260px; margin-right:25px; margin-bottom:25px;}
.qu-bg{ background: url(../img/qu-bg.jpg) center top no-repeat;}
.qu-img{ margin-top:20px;}