﻿
/* CSS Document */

*
{ margin:0; padding:0;  }
body
{  color:#333; font-size:12px; background:#f1f1f1; font-family:"tktype",Arial,Helvetica,sans-serif,"Microsoft YaHei","微软雅黑","SimSun","宋体";   }
*html
{ background-image:url(about:blank);background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none;}
a
{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus
{ outline:none;} 
a:link
{ text-decoration:none;}
a:hover
{ color:#00a0f0; text-decoration: none;}
.clear:after
{content:''; display:block; clear:both; }
.clear
{ clear:both;}

.bodyA
{ background:#d9deeb;}

/*上下翻页*/
/* 文章类别上下页 */
.waiyefanye
{ height:40px;  font-size:12px; padding:20px 0 10px 0;   clear:both;}
.waiyefanye2
{ padding-left:20px;}
.waiyefanye span
{ color:#666;}
.waiyefanye a
{ line-height:16px; text-indent:0px; color: #333;  margin-right: 5px; padding:2px 6px; background:#f6f6f6;  border:1px solid #686765;  display: inline-block; }
.waiyefanye a:hover
{color: #ffffff; background:#01a0f1; text-decoration:none; border:1px solid #955000;}

/* 文章上下篇 */
.wengzhengfanye
{ line-height:25px;   margin:10px 0px;  clear:both; }
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB
{ padding-left:0px; clear:both; font-size:12px; }
.wengzhengfanye span
{font-weight:bold; }
.wengzhengfanye a
{  text-decoration:none; }
.wengzhengfanye a:hover
{ text-decoration:none;}


/*设置最大宽度和高度max-height:335px; height: expression(this.height >335 ? 335: true);
max-width:630px; width: expression(this.width > 630 ? 630: true)*/

/* 数字上下页 */
.page_fanye
{ width:100%; height:auto;  text-align:center; padding:30px 0; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye2
{ color:#333; }
.page_fanye a
{  height:24px; line-height:24px; text-align:center; padding:0 8px; background:#f6f6f6; border:1px solid #686765; display:inline-block;}
.page_fanye span
{  height:24px; line-height:24px;  padding:0 10px; display: inline-block;}
.page_fanye span input
{ width:28px; height:28px; text-align:center; border:1px solid #efefef;}
.page_fanye .page_one
{ background:#955000; color:#FFFFFF; border:1px solid #955000;}
.page_fanye a.page_home,.page_fanye a.page_home:hover
{ width:60px; color:#666666; }
.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px; color:#666666; }
.page_fanye a:hover
{color: #ffffff; background:#955000; text-decoration:none; border:1px solid #955000;}
.page_fanye a.skipA
{ width:80px; height:33px; color:#fff;  background:url(http://www.ansonmetal.com/imagess/page5.jpg) no-repeat center center;}

/*=========================================头部=========================================================*/
.header
{ width:1160px; padding:30px 0 28px; margin:0 auto; overflow:hidden;}
.logo
{ float:left;padding-left: 30px;display: flex;}
.logo img{height: 90px;}
 .logo p{color:#0001ef;}
.logo .logo_l p{text-align: center;font-size: 20px;}
.logo .logo_text{margin-left: 10px;padding-top: 25px;line-height: 26px;}
.logo .logo_text p{font-size: 17px;}
.logo_r
{ color:#fff; font-size:14px; float:right; padding-right:20px;padding-top: 0px ;margin-top: -5px;}
.logo_r img{width: 60px;margin-top: 0px;display: block;}
.logo_r a
{ color:#fff; }

/*导航条*/
.nav
{ width:1120px; height:66px; margin:0 auto; padding:0 20px; background:#0001ef; clear:both;}
.souA
{ width:210px; height:32px; font-size:18px; color:#00a0f0; border:1px solid #00a0f0; margin-top:16px; float:right;margin-bottom: 30px;}
.souA .put1
{ width:106px; height:30px; line-height:32px; color:#0692d8; font-size:16px; padding:0 10px; border:none; float:left;}
.souA .put2
{ width:80px; height:32px; float:left; background:url(../image/t2.jpg) no-repeat center center; cursor:pointer; border:none;}

.nav ul
{ float:right; }
.nav ul li
{ height:21px; margin:20px 57px 0 0; float:left;text-align:center;}
.nav ul li.liA
{ margin-right:inherit;}
.nav ul li a
{ height:26px; line-height:26px;  display:block; font-size:16px; color:#fff;}
.nav ul li.active a,.nav ul li a:hover
{ border-bottom:1px solid #FFF;}

/*=========================================banner=========================================================*/
.bannerA
{ width:1040px; height:357px; margin:0 auto; text-align:center; background:url(http://www.ansonmetal.com/images/bannerbg.jpg) no-repeat;}

.banner
{width:1160px; height:400px; margin:0px auto 0;  overflow:hidden;  position:relative; }
.banner ul li
{width:100%; height:400px; overflow:hidden;  position:absolute; left:0px; top:0px; float:left; }
.banner ul li img
{margin:0 auto; display:block;}
.banner ul li a
{ height:400px; display:block;}

.ban_con
{ padding:20px 30px; background:#00a0f0; color:#fff; margin-top:50px; float:left;}



.banner .pic_pre,.banner .pic_next
{ width:60px; height:90px; background:url(http://www.ansonmetal.com/images/banner_arrows.png); position:absolute; top:140px; z-index:99; cursor:pointer;}
.banner .pic_pre
{ background-position:0px 180px; left:5px;}
.banner .pic_next
{ background-position:0px 90px; right:5px;}
.banner .pic_pre:hover
{ background-position:0px 0px; left:5px;}
.banner .pic_next:hover
{ background-position:0px 270px; right:5px;}

.banner_btn
{ width:100%; height:40px; text-align:center; position:absolute; bottom:0px; z-index:22;}
.banner_btn ol
{  height:30px; margin:0 auto; text-align:center; }
.banner_btn ol li
{ width:28px; height:4px; background:#fff; display:inline-block; cursor:pointer; margin:0 4px;}
.banner_btn ol .Btn_ys
{ background:#00a0f0; }

.jiange
{ width:1160px; height:10px; background:#fff; margin:0 auto;}
/*=========================================中间正文=========================================================*/
/*main*/
.main
{ width:1160px; margin:0px auto; overflow:hidden;  background:#fff;}
.main_left
{ width:225px; padding-right:5px; float:left;}
/*搜索*/
.search
{ width:210px; height:16px; margin:0 0 30px 20px; padding: 6px 5px; background:#f8f8f8;  border:1px solid #dddddd; border-top:1px solid #7c7c7c;}
.search .souA
{ width: 120px;  color: #999; font-size: 14px; float: left; border:none; background:#f8f8f8;}
.search .souB
{ float:right;}    

/*左边新闻列表*/
.lanmu_txt
{ width:260px; height:55px; line-height:50px; font-size:18px; margin:0 0 8px 20px; background:url(../image/tb2.gif) no-repeat;}
.lanmu
{ width:260px; padding-left:20px; }   
.lanmu ul li
{ padding-left:18px; margin-bottom:8px; background:url(../image/tb3.gif) no-repeat left center; }
.lanmu ul li a
{ font-size:11px; color:#000  }
.lanmu ul li a:hover
{ color:#003c7d; text-decoration:underline; }


.main_right
{ width:920px; float:right;}
/*中间详情*/
.about
{ width:665px; padding-left:10px; float:left; }
.info_titleA
{ line-height:18px; color:#000; font-size:16px; font-weight:bold; padding:4px 0 14px; border-bottom:1px dotted #333;}
.info_textA
{ line-height:18px; padding:20px 0 0;}


/*右边栏目*/
.about_right
{ width:215px; padding-top:30px; float:right;}
.product_right
{text-align:right;}
.rlanmu_txt
{ height:30px; line-height:30px; font-size:14px;}
.rlanmu
{ padding:5px 0 5px 0;}
.rlanmu ul li
{ padding-left:18px; margin-bottom:5px; background:url(../image/tb4.gif) no-repeat left center; }
.rlanmu ul li a
{ font-size:12px; }

.Share
{ width:205px; float:right;}
.Share a
{ padding-right:3px;}
.Share a.a1
{ padding-right:0px;}

/*底部*/
.footA
{ width:1120px; color:#fff;  background-color: #0001ef; padding: 35px 20px 30px; margin:0 auto; overflow:hidden; }
.footA1
{ width:222px; float:left;}
.footA1 ul
{ padding-right: 24px;}
.footA1 ul li
{ height:40px;  border-bottom: 1px solid #ccc; }
.footA1 ul li a
{  line-height:26px; display:block; font-size:18px; font-size:16px; color:#fff; padding:7px 0; }
.footA1 ul li a:hover
{ text-decoration:underline;}
.footA2
{ width:218px; float:right;}
.footA2a
{ line-height:26px; font-size: 24px; padding:20px 0 40px;}
.footA2b
{ line-height:1; font-size: 17px; padding-bottom:17px;}
.footA2c
{ overflow:hidden;}
.footA2c a
{ width: 42px; height: 42px; float: left; text-indent: -99999px; margin-right: 12px; display: block; background: transparent url("../image/t3.png") no-repeat scroll 0 100px;}
.footA2c .a1
{ background-position: 0 -42px;}
.footA2c .a1:hover
{ background-position: 0 0;}
.footA2c .a2
{ background-position: -42px -42px;}
.footA2c .a2:hover
{ background-position: -42px 0px;}
.footA2c .a3
{ background-position: -84px -42px;}
.footA2c .a3:hover
{ background-position: -84px 0px;}
.footA2c .a4
{background-position: -126px -42px;}
.footA2c .a4:hover
{background-position: -126px 0px;}

.footB
{ width:1120px; margin:0 auto; padding:10px 20px 30px; overflow:hidden; background:#0001ef; clear:both;font-size: 17px; color: #fff;}
	
	
	
/*=========================================新闻列表=========================================================*/
.lanmub
{ width:225px; padding-bottom:15px;}
.lanmub ul li
{ height:26px; line-height:26px; padding-left:20px; background:#f0f0f0; border-bottom:1px solid #fff; }
.lanmub ul li a
{ font-size:11px; color:#00a0f0 }
.lanmub ul li.active a
{ font-weight:bold;}
.lanmub ul li a:hover
{ color:#003c7d; text-decoration:underline; }
/*.lanmub ul li.li1 a
{ font-size:14px;}*/

.mainr_pic
{ height:240px;height:305px; padding-bottom:15px;}
.mainr_pic img{width:100%;height:100%;}

/*新闻列表*/
.news
{ padding-top:10px;}
.news ul li
{ height:30px; line-height:30px; padding-left:18px;  background:url(../image/tb4.gif) no-repeat left center; border-bottom:1px solid #e6e6e6; }
.news ul li span
{ float:right;}
.news ul li a
{ font-size:12px; }

/*=========================================poto=========================================================*/
.photo
{ width:1160px;  margin:0 auto; padding-top:10px; background:#fff; overflow:hidden; } 
.photo ul li
{ width:262px; margin:0 0 20px 22px; float:left; position:relative; }
.photo ul li ._tit
{ height:150px; overflow:hidden; position:relative;}
.photo ul li ._tit h2
{ width:90%; line-height:26px; font-size:14px; position:absolute; left:10px; top:70px; color:#eaf1dd; z-index:20px;}
.photo ul li ._con
{ line-height:1.5; margin-top:3px; background:#cbcccc; padding:10px; font-size:12px; color:#333;}
.photo ul li.clear
{ width:100%; height:2px; margin:0 auto; clear:both; }

.yu2_box_bj
{ width:100%; background:url(../image/tb8.png); position: fixed; top:0; left:0; z-index:9999; overflow:hidden; opacity: 0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; }
.yu2_box
{ width:635px; height:315px; margin:0 auto; padding:50px 20px 20px;  overflow: hidden; position:absolute; top:0px; left:0px;  z-index:9999; display:none;}
.yu2_box_close 
{ width:100px; height:29px; background:url(../image/tb7.png) no-repeat; position:absolute; top:20px; right:20px; cursor:pointer;}
.yu2_boxs
{ width:610px; line-height:18px;  margin:0 auto; padding:10px; background:#ffffff;}
.yu2_boxs img
{ max-width:630px; width: expression(this.width > 630 ? 630: true)}


/*=========================================Product&Service=========================================================*/
.oneB_t
{ line-height:1.2; font-size:14px; padding:5px 0; clear:both;}
.oneB 
{ line-height:1.5; overflow:hidden; padding-bottom:5px;}
.oneB1
{ width:120px; float:left;}
.oneB2
{ width:355px; float:right;}

/*=========================================product=========================================================*/
.pro_lanmu
{}
.pro_lanmu  ul li
{ padding-left:0px; }
.pro_lanmu  ul li a
{ height:26px; line-height:26px; display:block; padding-left:12px;  color:#00a0f0; border-left:8px solid #1f7fb6;}
.pro_lanmu  ul .li1 a
{ border-color:#1f7fb6; }
.pro_lanmu  ul .li2 a
{ border-color:#7cb2de }
.pro_lanmu  ul .li3 a
{ border-color:#7b2935;}
.pro_lanmu  ul .li4 a
{ border-color:#de9d22; }
.pro_lanmu  ul .li5 a
{ border-color:#e2c400 }
.pro_lanmu  ul .li6 a
{ border-color:#c2b476 }
.pro_lanmu  ul .li7 a
{ border-color:#35873c }
.pro_lanmu  ul .li8 a
{ border-color:#a16a17 }

.pro_lanmu  ul li.active a
{ font-weight:bold;}

