@charset "utf-8";
/* CSS Document */
/*==全局样式==*/
*{padding:0;margin:0;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,p,span,a{border:0;list-style:none;}
img,input{border:none;vertical-align:middle;}
body{font-size:12px;background:#FFF;color:#333;font-family:'microsoft yahei'}
ul{ list-style:none;}
#mian{width:100%;margin:auto;}
a{color:#333;text-decoration:none;}
a:hover{color:#333;text-decoration:underline;cursor: hand}
table{border-collapse: collapse;text-align: center;width: 1200px; }
.MsoNormal {word-break: break-all;}
.clr{clear: both;}
.left{
    float: left;
}
/*==顶部样式==*/
#top{ width:100%; border-bottom:#dcdcdc solid 1px;}
#topm{ width:1200px;line-height:29px; margin:auto; margin-top: -15px;}
.tomp_l{float:left;width:780px;height:29px;line-height:29px;}
.tomp_2{ background:url(../images/index_100.jpg) no-repeat 0 3px;float:left;width:100px;height:29px;line-height:29px; text-align:center; }
.tomp_3{float:left;width:100px;height:20px;line-height:23px; background:url(../images/Great-Britain.png) no-repeat; padding-left: 22px; margin-top: 2px;}
/*==头部样式==*/
#header{ width:1200px; height:100px; margin:auto;}
#logo{ width:400px; height:66px; float:left; margin-top:17px;}
#slogan{ width:500px; height:100px; float:left;}
#slogan ul{ width:530px; height:100px; float:left; line-height:100px;}
#slogan ul li{ float:left; font-size:18px; font-style:italic; padding-left:32px;}
#slogan ul li a{color:#999;}
#tel{ width:150px; height:60px;float:left; background: url("../images/iconpng.png") no-repeat; padding-left: 70px; font-size: 18px; margin-top: 20px;}


/*==导航样式==*/
.navArea{background: #606060;border-top: 1px #444444 solid;}
.navBg{}
.nav{width:1100px;height:42px;margin:0 auto;line-height:42px;font-family:"微软雅黑"; }
.nav li{float:left;width:128px;border-right:1px #666 solid;}
.nav li a{display:block;width:128px;text-align:center;font-size:14px;font-weight:bold;color:#fff;}
.nav li a:hover, .nav li a:hover.on{text-decoration:none;font-size: 16px;}
.nav li a.on2{text-decoration:none;}
.nav li:hover.on{background:#1c1c1c;text-decoration:none;}
.nav li ul{display:none;position:absolute;z-index:9999; background: #fff;}
.nav li ul li{float:none;display:block;position:relative;line-height:25px;_display:inline;border:0px;}
.nav li .nav_ts li a:first-child{font-weight: bold}
.nav li ul li a{display:block;width:128px;height:20px;padding:4px 0 8px 0px;text-align:center;background:#fff;text-align:left;font-weight:normal;font-size:12px;color:#000;text-align: center;
    filter:alpha(opacity=80); /*IE滤镜，透明度50%*/
    -moz-opacity:0.8; /*Firefox私有，透明度50%*/
    opacity:0.8;/*其他，透明度50%*/}
.nav li ul li .red{color: red;}
.nav li ul li a:hover{font-size: 14px;}


#nav{ width:100%; height:40px; background:#5d5c5c; margin:auto;}
#nav_bar{ width:1200px; margin:auto;}
#nav_bar ul{ height:40px; line-height:40px; float:left;}
#nav_bar ul li{ float:left; font-size:16px; width:133px; text-align:center;}
#nav_bar ul li a{color:#FFF;}



/*==banner样式==*/
.banner{height:184px;background:url(../images/banner1.jpg) center;}
.banner a { color:#fff;}
.banner a:hover { color:#fff;}
.bcontent{width:1000px;margin:auto;padding-top: 20px}
.bcontent .btitle{width: 1000px;float: left;color: #fff}
.bnav{width: 1000px;float: left;}
.bnav li{margin-top:45px;float: left;width: 150px;text-align:left;height: 30px;line-height: 30px;font-size: 13px;font-weight: bold;}
.bnav a{padding-bottom:10px;text-decoration: none;}
.bnav .on{color: #fff;border-bottom: 2px orange solid;}


/*==内容样式==*/
#content{width:1200px; margin:auto; height:580px;}

#content_l{ width:281px; float:left; height:530px; margin-top:28px;}
#content_l dl{ width:281px; float:left;}
.news_img{margin-top:10px;}
.nwes{color:#999;}
.new{ font-size:16px; font-weight:bold; color:#535353;}

#new_list{ width:281px; height:100px; float:left; margin-top:12px;}
#new_list ul li{ width:281px; height:15px; padding-top:7px;}
#new_list ul li a{ color:#555;}


#more{ width:281px; height:60px; float:left;}
#more a{ height:60px; line-height:60px; color:#960;}

#video{ width:281px; height:190px; float:left;}


#w64{ width:64px; height:530px; float:left;}

#content_c{ height:530px; width:416px; float:left; margin-top:28px;}


#Products{ height:18px; width:416px; float:left}
#Products ul li{ float:left; height:18px; width:416px;}
.moerthan{ float:right;  color:#960;}
#Products{ height:290px; width:416px; float:left; margin-top:10px;}
#Products dl{ height:75px; width:416px; float:left;}
#Products dl dt{ float:left;height:69px; width:106px;}
#Products dl dd{ float:left; padding-left:10px;width:300px; height:15px; color:#999; padding-top:8px; font-weight:bold;}
.cp{ color:#333; font-weight:bold;}

#konwleage{ width:416px; height:20px; float:left; margin-top:20px;}

#konwleage_l{ width:416px; height:120px; float:left;}

#konwleage_l ul li{line-height:24px;height:24px;background:url(../images/index_79.jpg) no-repeat 0 12PX; padding-top:3px;}
#konwleage_l ul li span{ float:right; color:#555;}
#konwleage_l ul li a{color:#555; padding-left:10px;}

#w52{ width:70px; height:530px; float:left; }

#caes{ width:273px; height:530px; float:left; margin-top:28px;}
#caes_show{ width:300px; height:20px; float:left;}

#comp{ height:230px; width:300px; float:left; margin-top:15px;}
#comp dl dt{ padding-bottom:10px;font-size: 14px}
#comp dl dd{ padding-top:5px; float:left;}

/*==底部样式==*/

#partner_k{ width:1200px; height:111px; margin:auto;}
#wh50{ width:10px; height:111px; float:left;}
#partner{ width:1140px; height:111px; margin:auto; }
#partner dl dt{ padding-bottom:15px;}

#search_j{ width:100%; height:60px; margin:auto;background:#CCC;}
#search{ width:1200px; height:60px; margin:auto; }
#search_l{ height:30px; width:400px; float:left; margin:15px 0 0 60px;}
#search_r{ width:500px; height:30px; float:left; margin:15px 0 0 60px;}
#search_r li{ height:30px; float:left; line-height:30px;} 

#bottom{height:300px; width:100%; margin:auto; background:#333;}
#bottom_b{ height:300px; width:1200px; margin:auto;}

.bottom_l{height:300px; width:100px; float:left;}
.bottom_l ul li{ height:15px; padding-top:20px; line-height:15px; color:#cccccc;}
.zit{ font-size:16px;}
.bottom_l ul li a{color: #ccc}
.bottom_l ul li a:hover{color: #fff;text-decoration: none;}

.bottom_2{ height:190px; width:100px; float:left;}
.bottom_2 ul li{ height:15px; padding-top:20px; line-height:15px; color:#cccccc; }
.bottom_2 ul li a{color: #ccc}
.bottom_2 ul li a:hover{color: #fff;text-decoration: none;}
.bottom_3{ height:190px; width:120px; float:left;}
.bottom_3 ul li{ height:15px; padding-top:20px; line-height:15px; color:#cccccc; }
.bottom_3 ul li a{color: #ccc}
.bottom_3 ul li a:hover{color: #fff;text-decoration: none;}

.bottom_4{ height:190px; width:120px;float:left; margin-top:15px;text-align: center  }
#erweima{ height:120px; width:110px; float:left;}
#erweima dl dt{ padding-bottom:10px;}
.bottom_4 dl dd{ color:#FFF;}

#link{ height:160px; width:1200px; margin:auto;}

#link_1{ height:15px; width:400px; margin:auto; margin-top:20px;}

#link_1 ul{ float:left; text-align:center;}
#link_1 ul li{ height:15px; line-height:15px; float:left; color:#999; font-weight:bold;}

#link_2{height:70px; width:650px; margin:auto;}
#link_2 ul{ float:left; width:650px; }
#link_2 ul li{ height:15px; line-height:15px; padding-left:15px; color:#999; padding-top:10px; text-align:center;}

#link_3{height:50px; width:300px; margin:auto;}
#link_3 ul{ float:left; width:300px; }
#link_3 ul li{ height:50px; padding-left:15px; float:left;}

#w51{ width:51px; height:256px; float:left;}
#w12{ width:150px; height:256px; float:left;}
#w13{ width:150px; height:256px; float:left;}
#w14{ width:150px; height:256px; float:left;}
#w15{ width:100px; height:256px; float:left;}
#w10{ width:30px; height:600px; float:left;}


/*----------内容页样式-------------*/
#mews{ height:80px; width:1000px; margin:auto;}
#mews p{ float:left; font-size:18px; font-weight:bold; height:80px; line-height:80px;}

#title{ width:1200px; height:80px; margin:auto; }
#title h2{ height:50px; line-height:50px; text-align:center; font-size:24px; font-weight:bold;}
#title p{ height:18px; line-height:18px; text-align:center;color: #777}

#w1200{ width:1000px; height:auto;margin:auto;margin-top: 15px;color: #555;line-height: 28px;font-size: 14px }
#introduction{ width:1000px; height:80px; border:#dcdcdc solid 1px; margin:auto; background:#feeacc;}
#introduction li{height:20px; line-height:20px; width:950px; margin:auto; padding-top:20px;color: #333;font-weight: bold;font-size: 14px}

#w1201{ width:1200px; height:40px; margin:auto;}
#list_top{ width:1000px; height:40px; margin:auto;}
#list_top li{ height:40px; line-height:40px; float:left; color:#999;}


#list_first{ width:1000px; height:60px; margin:auto}
#list_first li{ height:20px; line-height:20px; float:left; margin-top:20px;}


#list_second{ width:1000px; height:100px; margin:auto;}
#list_second li{ height:20px; line-height:20px; float:left; padding-top:20px;}


#list_picture{ height:360px; width:500px; margin:auto;}
#list_picture_1{ height:360px; width:500px; margin:auto; margin-top:25px;}

/*详细页功能区*/
.preNext{position:relative;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{font-size: 12px;height: 30px;line-height: 30px;color: #777}
.preNext .text a{color: #777}
.preNext .actBox{position:absolute;top:25px;right:0;font-size: 12px;}
.preNext .actBox li{display:inline;padding-left:22px;background-image:url(../images/actbox-ico.gif);background-repeat:no-repeat;margin-left:10px;}
.preNext .actBox li a{color:#666;}
.preNext .actBox li#act-fav{background-position:4px 0px;}
.preNext .actBox li#act-err{background-position:4px -37px;}
.preNext .actBox li#act-pus{background-position:4px -73px;}
.preNext .actBox li#act-pnt{background-position:4px -109px;}

/*---列表----*/
#listcontent{ width:1000px; margin:auto;}
.lcontent{width: 750px;float: left;}
.rcontent{width: 250px;float: left;}


#content_1{ float:left; height:100px; width:750px; margin-top:15px;}
#comp_t{ height:95px; width:135px; float:left;border:1px #dcdcdc solid;}
#w60{ width:15px;float:left;}
#content_1 ul{ float:left; width:500px;}
#content_1 ul h4{height:40px; line-height:40px; font-size:18px;}
#content_1 ul p{ height:18px; line-height:18px;color: #777}

#content_1_r{ float:left; width:100%; height:auto; margin-top:15px; }
#content_1_r ul li{ height:28px; line-height:28px;}
.comp{ font-size:18px; font-weight:bold;padding-bottom: 7px;}

#figure{ height:20px; width:1200px; margin:auto; }
#figure li{ float:left; width:20px; height:20px; border:#666 solid 1px; line-height:20px; text-align:center;}
#qiye{height:50px; width:1200px; margin:auto}
#qiye li{ height:50px; line-height:50px; float:left; font-size:24px; font-weight:bold;}

/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;font-size: 12px;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}

/*产品列表*/
.products{width: 206px;height: 180px;float: left;padding:15px;margin-bottom:27px;}
.pimg{float:left;width: 206px;height: 180px;overflow: hidden;}
.pimgtitle{width:100%;float:left;height: 40px;line-height: 40px;text-align: center;}

.psearch{width: 100%;height: 70px;}
.pstitle{width: 100%;height:35px;line-height: 35px;font-size: 16px;font-weight: bold;}
.psbody{width: 100%;height: 80px;}
.key{float:left;width:185px;height:25px;line-height: 25px;border:1px #dcdcdc solid;text-indent: 8px;color: #777}
.sub{float:left;width: 50px;height: 26px;background: #e54517;border:1px #e54517 solid;color: #fff;cursor: hand;}

.ptitle{width: 1000px;margin:auto;height:60px;line-height: 60px;border-bottom: 1px #dcdcdc solid;}
.ptitle h2{font-size: 18px;}

.pcleft{float:left;width: 400px;height: 360px;}
.pcright{float:left;width: 560px;font-size: 12px;text-align: left;padding:0 20px 0 20px;}

.productinfo{width: 1000px;margin:auto;line-height: 22px;border-top: 1px #dcdcdc solid;padding:15px;}

/*留言栏目*/
.msg_input{width:400px;border:1px solid #dcdcdc;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{width: 100%;text-align: left;margin-top:15px;}
.msg_btn_area a{display:inline-block;padding:5px 65px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#F60}

.picarr{position:relative;margin:0 auto;float: left}
.picarr .picture{width:400px;}
.picarr .picture a{display:none;}
.picarr .preview{width:400px;margin-top:20px;padding:5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.picarr .preview li{float:left;margin:1px;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a img{vertical-align:middle;}
.picarr .preview li.current a{border:1px solid #000;}