@charset "utf-8";

html { }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body { font-size: 12px; background: #ccc; color: #646464;  font-family:Arial; min-width:1340px; }
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }
p{ line-height:180%}


@font-face
{
font-family: Gill Sans MT;
src: url('Gill Sans MT.ttf'),
     url('Gill Sans MT.eot'); /* IE9+ */
}

/* 全局 */
a { text-decoration: none; color: #646464; }
a:hover { text-decoration: underline; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }

.wrapper { width: 1340px; margin: 0 auto; }

.header { height: 110px;  }
.header .logo { float: left; }
.header .logo img { display: block; }
.header .search { width:225px; float: right; text-align: right; margin-top:60px; }
.header .search .input { padding-left: 30px; height: 25px;}

/* 导航 */
.navbar { height: 60px; line-height: 60px; background:#646464; }
.nav { width: 100%; margin: 0 auto; height: 60px;  }
.nav .nLi { float: left; width:16.6%; text-align: center; }
.nav .nLi .na { font-size: 26px; color: #cccccc; display: block; text-decoration: none; height: 60px; }
.nav .nLi .na:hover { background: #ed3529; color: #cccccc; }
.nav .Li{ position:relative; }
.nav .Li a{ height:60px; line-height:60px; font-size: 26px; color: #cccccc; display:block; z-index:999;}
.nav .Li a:hover{ color:#cccccc; text-decoration:none;}
.nav .Li:hover{ background: #ed3529; width:16.6%; height:60px;}
.nav .Li.on{ background: #ed3529; width:16.6%;  height:60px; }
.nav .Li.on a{ color:#cccccc;}
.nav .Li .sub{ position:absolute; background:#ed3529; width:350px; top:60px; left:-1px; z-index:98; display:none;  }
.nav .Li .sub li a{ width:350px; height30px; line-height:35px; font-size:20px;color:#ccc;  }
.nav .Li .sub li a:hover{ background:#ed3529; color:#cccccc; width:350px;}

/* top */

.top{ background:#fff; height:150px; }


/* banner */
.banner { height: 500px; width: 100%; position: relative; margin-bottom: 30px; }
.banner .bd, .banner .bd ul, .banner .bd ul li { height: 500px; width: 100% !important; }
.banner .bd ul li { background-repeat: no-repeat; background-position: center top; }
.banner .bd ul li a { height: 500px; width: 100% !important; display: block; }
.banner .prev, .banner .next { width: 51px; height: 100px; position: absolute; top: 50%; margin-top: -50px; background-repeat: no-repeat; background-position: 0 0; }
.banner .prev { left: 30px; background-image: url(../img/arrow_l.png); }
.banner .next { right: 30px; background-image: url(../img/arrow_r.png); }
.banner .prevStop, .banner .nextStop { display: none; }

.banner .hd { position: absolute; bottom: 20px; width: 100%;  }
.banner .hd ul { width: 100%; text-align: center; }
.banner .hd ul li { width: 20px; height: 20px; border-radius: 50%; margin: 0 15px; display: inline-block; text-indent: -9999px; cursor: pointer; background: #646464;opacity: .8; filter: alpha(opacity=40); }
.banner .hd ul li.on { background: #ed3529; }

/* 首页内容 */
.indexmain{ margin:30px auto;}

.left{ background:#fff; width:380px; margin-right:14px; padding:10px;}
.lefttit{color:#646464; font-size:14px; font-family:Arial;text-decoration:none; line-height:20px;}
.lefttop{ margin-top:10px;}

.right{ background:#fff; width:920px; height:339px; }
.newul{margin:25px 0 6px;}
.newul li{ font-family:Arial; text-indent:12px; line-height:29px; border-bottom:1px solid #cccccc; padding-right:10px;}
.newul li a{ text-decoration:none;}
.newul li a:hover{ text-decoration:none; color:#ed3529;}
.newul li .time{float:right;}


.pro{ margin:10px 20px;}
.pro .tit{ color:#646464; font-size:18px; padding:30px 0px;}
.friendLink{ height:200px; padding:10px; overflow:hidden; clear:both; margin-top:25px;   }
.friendLink ul{ overflow:hidden; zoom:1; }
.friendLink ul li{ width:288px; float:left; margin:0px 10px 0px 0px;  display:inline; }
.friendLink ul li img{ width:288px; height:155px; border:1px solid #cccccc;   }
.friendLink ul li .tit1{ font-size:14px; text-align:left; padding:20px 0px; }
.friendLink ul li a{ color:#646464; text-decoration:none;}

/* contect */

.main{ margin:0 auto; background:#fff; min-height:600px; padding:20px 70px;}

.company p{ line-height:40px; font-size:20px; font-family:Arial; font-weight:normal;}
.company img{ border:0; }



.product{  padding:10px; }
.product .tit{ color:#646464; font-size:30px; margin:10px auto; text-align:center;}
.product ul{ overflow:hidden; zoom:1; }
.product ul li{ width:500px; float:left; margin:20px 40px;  display:inline; height:340px; }
.product ul li img{ width:500px; height:261px; border:1px solid #cccccc; display:block   }
.product ul li .tit1{ font-size:20px; text-align:left; padding:20px 0px; }
.product ul li a{ color:#646464; text-decoration:none;}


.con { width:400px;}
.conright{ margin:100px 20px; width:700px; display:block}
/* messgae */

.messcon { font-size: 14px; line-height: 24px; padding: 10px; color: #646464; font-family:Arial; }
.messcon p { margin-bottom: 10px; font-size: 22px; }
.messcon h3 { font-size: 18px; font-weight: normal; color: #005bac; margin-bottom: 20px; padding-left: 10px; border-left: 2px solid #005bac; }
.messagetit { font-size: 16px; font-weight: normal; font-family:Arial; line-height: 30px; height: 30px; }
.messagetarea { border-radius:10px;  border: 1px solid #646464; font-size: 16px; line-height: 26px; font-family:Arial; color: #666; resize: none; width: 100%; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; margin-bottom: 10px; box-sizing: border-box; }
.messagetarea:focus { color: #333; border: 1px solid #ed3529; outline: none; box-shadow: 0 0 5px #ed3529; background: #fff; }
.messageinput { border-radius:10px; width: 100%; padding: 5px; height: 25px; line-height: 26px; font-size: 14px; border: 1px solid #646464; margin: 0 5px 0 0; font-family:Arial; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; margin-bottom: 10px; }
.messageinput:focus { color: #333; border: 1px solid #ed3529; outline: none; box-shadow: 0 0 5px #ed3529; background: #fff; }
.messagebtn { width: 200px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; font-family:Arial; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon {  border-radius:10px; width: 200px; color: #fff; background: #ed3529; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }




.titlea{color:#646464; font-size:22px; font-family:Arial; font-weight:bold;  text-decoration:none; line-height:45px; border-bottom:2px solid #646464;}
.titlea a{color:#646464; font-size:22px; font-family:Arial; font-weight: normal;  text-decoration:none; }
.titleb{color:#646464; font-size:40px; font-family:Arial;text-decoration:none; line-height:100px;}
.titlec{color:#646464; font-size:22px; font-family:Arial; text-decoration:none; line-height:35px; width:320px; margin:0 auto; }
.titled{color:#646464; font-size:16px; font-family:Arial; text-decoration:none; line-height:35px;}

.titdd{color:#ed3529; font-size:34px; font-family:Arial; text-decoration:none; line-height:50px; margin-left:30px; margin-top: 20px;}

/* footer */
.footer { background: #646464; color: #cccccc; padding: 30px 0 5px 0;  line-height: 35px;font-size:23px;  font-family:Arial;}
.foot{  width: 1340px; margin: 0 auto; }
.cont{ margin-left:150px;}
.cont strong{margin: 15px 0; line-height:50px; font-size:27px;}
.add{ margin-right:150px;}
.add strong{margin: 15px 0; line-height:50px; font-size:27px;}
.bq{ line-height:20px; text-align:center; font-size:16px; margin-top:10px;}


.nav .Li{ position: relative;line-height:60px; }
.nav_ul_01{ z-index: 10;  position: absolute; top: 60px; width:400px; background:rgba(237,53,41,1); display: none;}
.nav_ul_01 li{ position: relative; width:350px; padding: 0  0  0 25px; float: left; text-align:left; }

.nav_ul_02{display: block;text-align:left; position: absolute; top: 0px; left: 350px;  width: 550px; background:rgba(237,53,41,1); display: none;  }
.nav_ul_02 li{width:600px;}
 
.bgtable{border:1px solid #646464;border-top:none;border-left:none;width:80%; }
.bgtable td{border:1px solid #646464;line-height:40px;border-right:none;border-bottom:none;text-align:left;padding:0px 15px;font-size:17px;font-family:Arial;  color:#646464;}



/* 翻页*/
.digg4 { padding:3px; margin:3px; text-align:center; font-family:Tahoma, Arial, Helvetica, Sans-serif;  font-size: 12px;}
.digg4  a { border:1px solid #ddd; padding:4px 8px; margin:2px; color:#aaa; text-decoration:none;}
.digg4  a:hover { border:1px solid #a0a0a0; }
.digg4  span.current {border:1px solid #e0e0e0; padding:4px 8px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}
.digg4  span.disabled { border:1px solid #f3f3f3; padding:4px 8px; margin:2px; color:#ccc; font-family: Tahoma, Verdana;} 

/* 上一个产品和下一个产品的样式*/
.nextone { font-size:16px; line-height:25px;}
.nextone a:hover {color:#ed3529;text-decoration:none;}

#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{ font-size:14px;width:300px;height:240px;margin:0 auto;display:none;background-color:#ffffff;position:fixed;top:50%;left:50%;margin:-120px 0 0 -150px;z-index:10000;border:1px solid #ccc;border-radius:10px;-webkit-border-radius:10px;box-shadow:3px 2px 4px #ccc;-webkit-box-shadow:3px 2px 4px #ccc;}
.dialogTop{width:90%;margin:0 auto;border-bottom:1px dotted #ccc;letter-spacing:1px;padding:10px 0;text-align:right;}
.dialogIco{width:50px;height:50px;position:absolute;top:-25px;left:50%;margin-left:-25px;}
.editInfos{padding:15px 0;}
.editInfos li{width:90%;margin:8px auto auto;text-align: center;}
.ipt{border:1px solid #ccc;padding:5px;border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 3px #ccc inset;-webkit-box-shadow:0 0 3px #ccc inset;margin-left:5px;}
.ipt:focus{outline:none;border-color:#66afe9;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);}
.submitBtn{width:90px;height:30px;line-height:30px;font-family:"微软雅黑","microsoft yahei";cursor:pointer;margin-top:10px;display:inline-block;border-radius:5px;-webkit-border-radius:5px;text-align:center;background-color:#ed3529;color:#fff;box-shadow: 0 -3px 0 #ed3529 inset;-webkit-box-shadow: 0 -3px 0 #ed3529 inset; border: 0 none;}
.J_show_download_a {width: 20%; margin:0 auto; text-align: center; cursor: pointer; float: left; background: #646464; padding: 18px 0; margin-right: 6.6%; margin-top:2vw;}
.J_show_download_a:nth-child(4n){margin-right:0}
.J_show_download_a font{font-size: 1vw;text-transform: uppercase; color: #fff;}

.J_newopoduct_list_a {width: 20%; margin:0 auto; text-align: center; cursor: pointer; float: left; padding: 18px 0; margin-right: 6.6%; margin-top:2vw;}
.J_newopoduct_list_a:nth-child(4n){margin-right:0}
.J_newopoduct_list_a font{font-size: 1vw;text-transform: uppercase; color: #333;}

.J_newopoduct_list_a img{ max-width:100%; width:400px; height:180px;}