@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; font-size: 16px; font-weight: normal;font-family: "microsoft yahei";}
a{ text-decoration:none;-Webkit-tap-highlight-color: rgba(0,0,0,0);}
img{ border:none;}
.clear{ clear:both;}
.kx{display: block; width: 100%; height: 60px; float: left; }
.hide{display: none};
body{ position: relative;}


.top{ width:100%; background:url(../images/topbg.jpg) repeat-x; }
.logo{ width:100%; max-height: 60px;  overflow: hidden; background-color:#f3f3f3; }
.logo img{ max-height: 60px; display: block; margin:0 auto; width: 100%;}
.menu{ width:100%; line-height: 50px; background: url('../images/menu_bg.jpg') repeat-x 100% ;}
.menu ul{}
.menu ul li{ list-style-type:none; width:25%; float:left; text-align:center; }
.menu ul li a{ color:white;   display:block; font-size: 1em;}
.menu ul li a:hover{ background-color: #3057b3; color: white;
	 filter:alpha(opacity=60);  
      -moz-opacity:0.6;  
      -khtml-opacity: 0.6;  
      opacity: 0.6; }


.bannerjpg{width:100%;}
.bannerjpg img{ width:100%; }
.center{background-color: #f3f3f3; }
.corp{ width:100%; margin:0 auto; }
.corp .banner{  width:100%;  line-height: 40px; font-size:20px; color:white; float: left; background: url('../images/bar_bg.jpg') repeat-x 100%;}
.corp .banner span{ display:block;  float:left;font-weight:bold; text-align:center; text-indent: 20px;}
.corp .content{  line-height:30px; font-size:16px; float: left;   color:#4d4d4d; padding:10px 5%; width: 90%; }
.ajaxmore{ display: block; width: 70%; min-width: 80px; height: 40px; border:1px solid #d3d6d6; line-height: 40px; text-align:center; margin: 10px auto  10px; background-color: white;  font-size:16px;   color:#4d4d4d; font-weight: normal;}
.news{ width:100%; margin:0 auto;  padding-bottom: 10px; }
.news .banner{  width:100%; line-height:40px; float: left; font-size:20px; color:white; background: url('../images/bar_bg.jpg') repeat-x 100%;}
.news .banner span{ display:block;float:left;font-weight:bold; text-align:center;text-indent: 20px;}
.news .banner a{ display:block; width:58px; height:34px; float:right; color:white; font-weight:bold; text-align:center; line-height:34px; margin-right:8px;}
.news .content{ line-height:20px; font-size:12px; font-weight:bold;float: left; width: 100%;}
.news .content ul{ width: 90%; margin: 10px auto 0px;}
.news .content ul li{ list-style: none; height:80px; line-height:25px; border-bottom:1px solid #ededed;background: url('../images/li.png') no-repeat 95% center; background-size: 8px;}
.news .content ul li a{color:#4d4d4d; font-size: 16px; font-weight: normal; display: block; width: 85%; height: 60px; padding-top: 20px; }
.news .content ul li span{color:#b2b2b2; margin-right:10px; display: block;  font-size: 16px;font-weight: normal;}
.product{ width:100%; margin:0 auto;} 
.product .banner{  width:100%; line-height:40px; font-size:20px; color:white; background: url('../images/bar_bg.jpg') repeat-x 100%; float:left;}
.product .banner span{ display:block; float:left;font-weight:bold; text-align:center;text-indent: 20px;}
.product .content{ width: 100%;  line-height:20px; font-size:12px; font-weight:bold; color:#288dfe;  float:left; }
.product .content ul{ margin-bottom: 40px;  width:100%; }
.product .content ul li{ list-style-type:none; height:130px; padding-top: 20px; text-align:center; width:50%; float:left; }
.product .content ul li a{ color:#444444; display: block; width: 140px; height: 140px; margin:0 auto;}
.product .content ul li .img{ height:120px;  margin: 0 auto; margin-bottom:5px;}
.product .content ul li .img img{ width:100%; height:120px;}
.before_foot{ width: 100%;   background-color: white; border-top: 1px solid #d5d5d5; text-align: center; float: left; color: #666666; padding: 20px 0px; line-height: 25px; font-size: 0.8em;}
.footer{ height:55px; position: relative; right:0; bottom:0; float:left; width:100%; position: fixed; }
.f1{ width:100%; background:url(../images/back.png) no-repeat  center 15%; background-size: 30px; height:100%; float:left;  text-align:center;}
.f2{width:100%;background:url(../images/home.png) no-repeat center 15%; background-size: 30px;  height:100%; float:left;text-align:center;}
.f3{width:100%;background:url(../images/tel.png) no-repeat center 15%;  background-size: 30px; height:100%; float:left;text-align:center;}
.f4{width:100%;background:url(../images/menu.png) no-repeat center 15%;  background-size: 30px;height:100%; float:left;text-align:center;}
.footer a{ color:#444444;   display: block; width: 25%; height: 100%;float: left; line-height:80px; text-align: center; background:url(../images/footer_bg.jpg) no-repeat right; background-color:#e4e4e4;  }



/** news_info 新闻详细页  **/
.news_info{ width:100%;margin:0 auto; background-color: #f3f3f3;}
.news_info .banner{ width:100%; height:40px;  line-height:40px;  text-indent: 20px;  background-color: #355ecc;}
.news_info .banner a{ color:white;}
.news_info .pbanner{ width:100%; margin: 0 auto; margin-top:10px;  text-align:center;line-height:40px; color:#4d68c4; font-size: 20px; font-weight:bold;}
.news_info .pbanner span{ font-size: 14px; color: #b2b2b2; font-weight: normal; display: block;}
.news_info .content{ margin: 0 auto; padding: 20px; line-height:30px; font-size:18px; font-weight:bold; color:#4d4d4d; font-weight: normal;border-bottom:2px solid #ededed; border-top:2px solid #ededed; }
.news_info .content img{ width: 100%; height: auto;}
.news_info .tools { padding: 30px 0px; width: 100%;}
.news_info .tools .pagec{ margin: 0 auto; width: 250px; }
.news_info .tools .pagec a{ width: 100px; display: inline-block;  padding: 10px; margin-bottom: 20px; color: #686868;  border:1px solid #d3d6d6; text-align: center; } 
.news_info .tools .pagec .pre{ background: url('../images/pre.png') no-repeat 10% center;background-color: white;}
.news_info .tools .pagec .next{background: url('../images/next.png') no-repeat 90% center; background-color: white;}
.news_info .tools .backtop a{ display: block; width: 80%; padding: 15px;background: url('../images/backtop.png') no-repeat 70% center;  background-color: #4d68c4; border-radius: 4px; margin: 0 auto; color: white; font-size: 18px; text-align: center;}

/** news  新闻列表页  **/
.news .bannerjpg img{ z-index: -1; position: relative;}
.news .bannerjpg h3{  margin-top: -45px;  height: 40px; line-height: 40px;background-color: rgba(25,26,28,0.6);font-weight: normal; font-size: 20px; color: white; text-indent: 20px;}

/** contact  联系我们页  **/
.contact{ width:100%; margin:0 auto;  padding-bottom: 10px; font-size: 18px; color: #444444;}
.contact .bannerjpg img{ z-index: -1; position: relative;}
.contact .bannerjpg h3{ margin-top: -45px;  z-index: 999; height: 40px; background-color: rgba(25,26,28,0.6);  line-height: 40px; font-weight: normal; font-size: 20px; color: white; text-indent: 20px;}
.contact .content{ padding:20px;}
.contact .content p{ margin: 20px 0px;}
.contact .content p a{ background-color: #16bb1b; padding: 5px 10px; border-radius: 4px; color: white;}
.contact .backtop a{ display: block; width: 80%; padding: 15px;background: url('../images/address.png') no-repeat 20% center;  background-color: #4d68c4; border-radius: 4px; margin: 0 auto; color: white; font-size: 18px; text-align: center;}

/** corpinfo  公司简介页  **/
.corpinfo{ width:100%; margin:0 auto;  padding-bottom: 10px; font-size: 18px; color: #444444;}
.corpinfo .bannerjpg img{ z-index: -1; position: relative;}
.corpinfo .bannerjpg h3{  margin-top: -45px; z-index: 1; height: 40px; background-color: rgba(25,26,28,0.6);line-height: 40px; font-weight: normal; font-size: 20px; color: white; text-indent: 20px;}

.corpinfo .content{ margin: 0 auto; padding: 20px; line-height:30px; font-size:18px; font-weight:bold; color:#4d4d4d; font-weight: normal; }


/** product  产品列表页  **/
.product_page{ width:100%;margin:0 auto; background-color: #f3f3f3;}
.product_page .banner{ width:100%; height:40px;  line-height:40px;  text-indent: 20px;  background-color: #355ecc;}
.product_page .banner a{ color:white;}
.product_page .content{ width: 100%; padding-top: 20px; line-height:20px; font-size:12px; font-weight:bold; color:#288dfe;  float:left; }
.product_page .content ul{ margin-left:5%; margin-right:5%;    width:90%;}
.product_page .content ul li{ list-style-type:none; border:1px solid #e0e0e0; background-color: white; height:150px; padding-bottom: 10px; text-align:center; width:45%;  margin-bottom: 30px; float:left; margin-left:2%; margin-right:2%;}
.product_page .content ul li a{ color:#1142ab; font-weight: normal;}
.product_page .content ul li .img{ height:120px;  margin: 0 auto; margin-bottom:5px;}
.product_page .content ul li .img img{ width:98%; margin: 0 auto; height:120px;}
.content img{ width: 100%; height: auto;}



/** product_info 产品详细页  **/
.product_info{ width:100%;margin:0 auto;  }
.product_info .banner{ width:100%; height:40px;  line-height:40px;  text-indent: 20px;  background-color: #355ecc;}
.product_info .banner a{ color:white;}
.product_info .pimg{ width: 100%; background-color: #2b2b2b;}
.product_info .pimg img{ width:80%;  margin: 20px 10%;}
.product_info .content{  margin: 0 auto; padding: 30px; line-height:30px; font-size:18px;color:#4d4d4d;}
.product_info .content img{ width: 100%; height: auto;}
.product_info h3{ color: #1142ab; font-size: 20px; font-weight: normal; text-align: center; width: 100%;}
.product_info .title{ width:100%; line-height:40px; color: white; margin-top: 15px; margin-bottom: 15px; font-weight: normal;  text-indent: 20px;  background-color: #355ecc;}


/** procate   **/
.procate{ width:100%; margin:0 auto;  padding-bottom: 10px;}
.procate .banner{  width:100%; line-height:40px; float: left; font-size:20px; color:white; background: url('../images/bar_bg.jpg') repeat-x 100%;}
.procate .banner span{ display:block;float:left;font-weight:bold; text-align:center;text-indent: 20px;}
.procate .banner a{ display:block; width:58px; height:34px; float:right; color:white; font-weight:bold; text-align:center; line-height:34px; margin-right:8px;}
.procate .content{ line-height:20px; font-size:12px; font-weight:bold;float: left; width: 100%;}
.procate .content ul{ margin:0px 20px;}
.procate .content ul li{ list-style: none; height:100px; line-height:25px; border-bottom:1px solid #ededed;  background: url('../images/li.png') no-repeat 95% center; background-size: 8px;}
.procate .content ul li a{color:#2b2b2b; font-size: 16px; font-weight: normal; display: block; width: 100%; height: 80px; padding-top: 10px; padding-bottom: 10px;}
.procate .content ul li h3{ width: 90%;}
.procate .content ul li span{color:#b2b2b2;margin-right:10px; display: block;  font-size: 16px;font-weight: normal; width: 90%;}
.procate .content ul li .img{ width: 100px; height: 80px; background-color: #848484; display: block; float: left; margin-right: 15px;}


.right_menu{ position: fixed; right: 0px; bottom: 55px;   z-index: 999; display: block; width: 50%;  background-color: rgba(67,67,67,0.9);  height: 360px;}
.hide{ display:none;}
.right_menu ul{ }
.right_menu ul li{list-style-type:none; width: 90%; margin: 0 auto; height:60px; background: url('../images/right_bg.png') repeat-x; line-height: 60px;}
.right_menu ul li a{ display:block; width: 100%; color: white; margin: 0 auto; line-height: 60px; text-align: center;}  

.message{ width:100%; margin:0 auto;  padding-bottom: 10px; font-size: 18px; color: #444444;}
.message .bannerjpg img{ z-index: -1; position: relative;}
.message .bannerjpg h3{ margin-top: -45px;  z-index: 999; height: 40px; background-color: rgba(25,26,28,0.6);  line-height: 40px; font-weight: normal; font-size: 20px; color: white; text-indent: 20px;}
.message .content{ padding:20px;}
.message .content .notice{ margin-bottom: 10px;}
.message .content table{ width: 100%;}
.message .content table tr{ padding: 10px 0;}
.message .content table .la{ width: 25%; height: 30px; }
.message .content table .li{ width: 85%; }
.message .content table .i{ width: 85%;height: 30px; border: 1px solid #d9cfcf; border-radius: 4px; background-color: white;}
.message .content table textarea{width: 85%; height: 90px;border: 1px solid #d9cfcf; border-radius: 4px;}
.message .content table .submit{ width: 85%;  height: 40px;border: 1px solid #d9cfcf; border-radius: 4px; color:white;  background: -webkit-gradient(linear, 0 0, 0 100%, from(#6B89F0), to(#4D6BD3));}