@charset "utf-8";

/* CSS Document */

*{margin:0; padding:0; border:0;}

li {list-style:none;}

body {background:#f2f2f2; font-family:宋体,"microsoft yahei","华文细黑","幼圆"; font-size:12px; color:#444; }

a{text-decoration:none;}select,input,textarea{outline:none;}textarea{resize:none;}select{border:1px solid #eee;}

#main { margin:0 auto;overflow:hidden;zoom:1;}

img{border:none;}

/*GLOBAL*/

.center{width:1002px;margin:0 auto;}

.lf{float:left;overflow:hidden;}

.rt{float:right;overflow:hidden;}

#top .red{color:#d20b00}



#header {height:146px;background:url(../images/headerbg.png) repeat-x;}

#top{/*height:30px;line-height:30px;*/text-align:right;}

#top a{color:#b5b5b5;padding:0 10px;height:100%;border-right:1px solid #c2c2c2;display:inline-block;}

#top #last{margin-right:50px;border-right:none;}

#top a:hover{color:#d20b00}

#logo {height:107px;display:block;float:left;}

#headercenter{background:url(../images/headercenter.jpg) no-repeat;height:107px;}


/*nav*/	

#nav {height:39px;font-size:16px;font-family:"微软雅黑";}

#nav li {float:left;display:block;position:relative;}

#nav li a {width:125px;display:block;height:39px;text-align:center;line-height:39px;color:#FFF;}

#nav li ul {overflow:hidden;height:208px;width:180px;position:absolute;bottom:-208px;z-index:999;}


#nav li ul li{height:30px;margin:0px 0px;/*background:url(../images/subnavlbg.jpg) no-repeat right center;*/font-size:14px;font-family:"微软雅黑";border-bottom:1px #6C6C6C solid;}

#nav li ul li a{height:30px;line-height:30px;background:url(../images/subnavubg.png) repeat;width:126px;}

#nav li ul li a:hover{color:#f7eb30}



/*banner*/

#inbanner{height:203px;background:url(../images/inbanner.jpg) no-repeat center;margin-bottom:16px;}

#inbanner2{height:203px;background:url(../images/inbanner2.jpg) no-repeat center;margin-bottom:16px;}

#inbanner3{height:203px;background:url(../images/inbanner3.jpg) no-repeat center;margin-bottom:16px;}

#inbanner4{height:203px;background:url(../images/inbanner4.jpg) no-repeat center;margin-bottom:16px;}

#inbanner5{height:203px;background:url(../images/inbanner5.jpg) no-repeat center;margin-bottom:16px;}

#inbanner6{height:203px;background:url(../images/inbanner6.jpg) no-repeat center;margin-bottom:16px;}

#inbanner7{height:203px;background:url(../images/inbanner7.jpg) no-repeat center;margin-bottom:16px;}



#banner {height:313px !important;position:relative;overflow:hidden;}

#slideshow { width:100%; height: 313px; }

#slideshow ul { display: none; }



#slides { display:block; width:100%; height:313px; list-style:none; padding:0; margin:0; position:relative}

#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}

#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}



#pagination { display:block; list-style:none; position:absolute; left:50%; bottom:20px; z-index:9900;  padding:5px 15px 5px 0; margin:0}

#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }

#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}

#pagination li.current { background:#0092CE}

/*gg*/

#gg{background:url(../images/gg.jpg) #c4c4c4 no-repeat center;height:35px;line-height:35px;margin-bottom:21px;}

#gg .center{height:35px;}

#ggct{width:795px;height:35px;float:right;}

#ggct a{color:#000;font-size:12px;font-family:"宋体";margin-right:120px;}

/*middle */

#middle {overflow:hidden;margin-bottom:6px;}

#news {width:355px;height:280px;float:left;background:#fff;margin:0 6px 6px 3px;_margin-left:1.5px;margin:0 6px 6px 0 ;}

#news h2{height:44px;overflow:hidden;background:url(../images/tabbg.jpg) no-repeat;margin-bottom:14px;}

#news h2 span{display:block;width:103px;height:29px;float:left;margin-right:4px;margin-top:11px;cursor:pointer;}

span#s1{margin-left:21px;_margin-left:10.5px;}

h2 .more{display:block;width:38px;height:100%;float:right;margin-right:11px;}



.ubox{width:315px;margin:0 auto;}

.ubox img{float:left;margin-right:10px;}

.ubox .ct strong{color:#dc0f00;margin-bottom:10px;}   

.ubox li{line-height:32px;height:32px;border-bottom:1px dashed #cfcfcf;margin:0 auto;clear:both;}

.ubox li a{color:#000;}

.ubox li a:hover{color:#dc0f00}

li a span{float:right;}

li a font{float:left;}



#ubox2{display:none;}



#contactus {width:280px;float:left;}



#aboutcon {margin-top:5px;width:280px; overflow:hidden;line-height:20px;color:#444;font-size:12px;}



#newscon li {height:32px;border-bottom: dotted #CCCCCC 1px; position:relative;}

#newscon li a{color:#444;padding:0px 8px;font-size:12px;display:block;}

#newscon li a:hover{color:#ff8400;}



.rightinfo{font-size: 12px;color: #000000;line-height: 26px;padding: 10px 16px;}

.date {color:#999;font-family:Arial, Helvetica, sans-serif;font-size:12px;display:block;float:right;}

#contactcon{margin-top:3px;}

#contactcon li {line-height:20px;font-size:12px;color:#444;}



#product {width:409px;height:280px;background:url(../images/productbg.jpg) no-repeat;float:left;}

#product h2{height:30px;}

#cates{height:60px;line-height:60px;font-family:微软雅黑;font-size:14px;text-align:left;}

#cates span{cursor:pointer}

#cates .shover{color:#f61100}



.cp_nr{ width:409px; height:auto; overflow:hidden;  margin:0 auto; position:relative;}

#zuo{ width:24px; height:28px;  position:absolute; top:54px; left:1px; cursor:pointer}

#you{ width:24px; height:28px;  position:absolute; top:54px; right:8px;cursor:pointer}

/*vediobox*/

#rbox{width:219px;height:280px;float:right;}

#vediobox{height:172px;background:url(../images/vediobg.jpg) no-repeat;margin-bottom:4px;}

#vediobox h2{text-indent:-999em;height:30px;margin-bottom:8px;}

#messagebox{height:104px;background:url(../images/mimg.jpg) no-repeat;display:block;}



.pro li{height:189px;text-align:center;/*height:172px;*/width:175px;margin-bottom:20px; _margin-right:5px; float:left;margin-right:5px;margin-left:5px;_margin-left:10px;}

.pro li img{width:175px;height:170px;}

.pro li a{display:block;height:170px;width:175px;text-align:center;}



.cp {border: 1px solid #FFF; box-shadow: 0 0 6px #666;display:block;width: 186px;margin: 0 auto;}

.pro a {height: 172px;display:block;color:#000;margin-right:10px;}

.pro a:hover {color:#e30000;}

.probg {margin-right: 38px;  float:left;width: 190px;height: 176px;display: block;}



#productcon{padding: 10px 0 0 18px;}

#productcon img {border: 1px solid #FFF;box-shadow: 0 0 6px #666;display:block;margin: 0 auto;}

.probg:hover {background: #dc0f00;width: 190px;height: 176px;display: block;border-top:#dc0f00 solid 1px;}

.cpname{line-height: 28px;margin-top: 3px;background:#eee}



.cpname span {position: relative;}



#graybar{width: 98%;height: 30px;background: #eeeeef;margin:20px auto 10px auto;}

#graybar span{font-size: 14px;display: block;float:left;width: 80px;text-align: center;height:30px;color: #fff;line-height: 30px;background:#dc0f00;}



#product li:hover {background:#318900;border:#318900 solid 1px;}

.pro li.mright{margin: 10px 20px;display:inline;}

#bar {height:37px;background:url(../images/product-bar.jpg) no-repeat ;line-height:37px;padding:0 8px;margin-bottom:15px;}



.protitle h2{display:block;float:left;font-size:16px;color:#FFF;}

.protitle h3{float:left;text-indent:5px;font-family:Arial, Helvetica, sans-serif;font-size:16px; color:#bfd6b8;font-weight:100;}

.protitle a {float:right;color:#FFF;font-size:12px;}

.protitle a:hover {color:#FF6;text-decoration: underline;}


 #foot #btmnav .lf{text-align:center}

 #foot_index #btmnav .lf{text-align:center}

#foot_index .lf{line-height:60px;color:#808080;width:1000px;margin-left:232px;}
#foot_index .lf a{color:#808080}
#foot_index .rt{margin-top:20px;}


#foot .lf{line-height:60px;color:#808080;width:880px;margin-left:320px;}
#foot .lf a{color:#808080}
#foot .rt{margin-top:20px;}

#btmnav{background:url(../images/btmnav.jpg) no-repeat right;height:258px;text-align:center}

#btmnav ul{float:left;width:130px;height:100%;display:block;}

#btmnav ul p{font-size:14px;font-family:宋体;line-height:48px;margin-bottom:16px;font-weight:bold;}

#btmnav ul p a{color:#000;}

#btmnav ul li{line-height:24px;}

#btmnav ul li a{color:#808080}

#btmnav ul li a:hover{color:#dc0f00}



#btmnav2{background:url(../images/btmnav2.jpg) no-repeat right;height:258px;text-align:center}

#btmnav2 ul{float:left;width:130px;height:100%;display:block;}

#btmnav2 ul p{font-size:14px;font-family:宋体;line-height:48px;margin-bottom:16px;font-weight:bold;}

#btmnav2 ul p a{color:#000;}

#btmnav2 ul li{line-height:24px;}

#btmnav2 ul li a{color:#808080}

#btmnav2 ul li a:hover{color:#dc0f00}



.mcenter{width:992px;margin:0 auto;padding-left:12px;}

.mcenter dl{float:left;margin-top:20px;margin-right:10px;}


.mcenter dl dd img{ width:188px; height:160px; cursor:pointer}

.mcenter dl dt{text-align:center;line-height:22px;height:22px;}
#contactus{width:272px;margin:0 auto;float:right;}

.mcenter dl dt a{color:#999}

.mcenter dl dt a:hover{color:#F00}

#contactus h2{height:48px;margin-bottom:16px;text-indent:-999em;}

#contactus p{line-height:22px;color:#808080}



#left {width:216px;float:left;margin-left:4px;_margin-left:2px;margin-bottom:-9999px;padding-bottom:9999px;background:#fff;}	

#list{padding-bottom:120px;}

#list h2{height:48px;width:200px;margin:0 auto; color:#dc0f00;font-family:微软雅黑;font-size:14px;text-align:right;line-height:60px;border-bottom:1px solid #b3b3b3;overflow:hidden;}

#list h2 font{color:#000;font-size:18px;float:left;}

#list li{width:200px;height:30px;line-height:30px;border-bottom:1px dotted #cfcfcf;margin:0 auto;text-align:left;}

#list li a{color:#000;font-size:14px;}

#list li a:hover{color:#dc0f00}



#rightcontent {width:774px;float:right;background:#fff;/*margin-bottom:10px;*/min-height:386px;}

#rightcontent h2{height:30px;line-height:30px;background:url(../images/rh2.jpg) no-repeat;margin-bottom:4px;text-indent:22px;color:#fff;font-size:16px;font-family:微软雅黑;}

#rightcontent h2 font{color:#ee7966;font-size:12px;}

#rightcontent img{max-width:720px;}



#rightcontent h1 {  text-align: center;  line-height:30px;  color:#dc0f00;font-size:16px}

#rightcontent .news_tit_d{color: #999999;font-size: 12px;text-align: center;margin: 14px auto 0px auto;}

#prolist {background:url(../images/pro-listbg.jpg);width:243px;height:37px;line-height:37px;padding-left:10px;color:#fff;font-size:16px;}

#prolist span {color:#d1e1cb;margin-left:4px;font-size:14px;}



#leftcontact {margin-top:15px;}

#leftcontact li {font-size:12px;line-height:20px;}

#leftcontact p {margin-bottom:3px;}

#line {background:url(../images/line.jpg);width:100%;height:128px}

#rightbar {background:#ebebeb;height:35px;line-height:35px;border-bottom:#dc0f00 2px solid;padding:0 10px;  margin-bottom:10px;}



.path {float:right;font-size:12px;color:#ffb8b3;  position: relative;margin-right:20px;}

.path a {  color: #ffb8b3;}

.path a:hover {  color: #FFF;}

.right-title {color:#093;float:left;}

.gray {  color: #999;}

.jobinfo{border-bottom:1px dotted #999;padding: 20px 0 20px 0 ;width: 96%;margin: 0 auto;height: 150px;}

.jobinfo2{padding: 20px 0 20px 0 ;width: 96%;margin: 0 auto;height: 150px;}

.jobtxt {position: relative;float:left;}

.jobtxt	b {display: block;width: 132px;height: 149px;background-position: -41px -81px ;position:absolute;left:-5px;}

.jobtxt li {line-height: 32px;_height:5px;_line-height:13px;color: #444;}

.view {background:#dc0f00;width: 63px;height: 30px;float:right;line-height: 30px;text-align: center;margin-top: 10px;}

.view  a {display: block;color: #fff;}

.jobtxt ul {display: block;width:220px;height: 150px;padding-left:150px;}

.jobtitle {color:#dc0f00;}

/*order*/

.order {margin: 40px 0 120px 46px;line-height: 40px;}

#contact,#tel,#addr,#email,#name {background: url(../images/sprite.png) no-repeat 0px -240px;width: 278px;height:30px;text-indent:8px;}

#ps,#note{background: url(../images/sprite.png) no-repeat 0px -280px;width: 550px;height:180px;text-indent:8px;}

#captcha {background: url(../images/sprite.png) no-repeat -290px -240px;width: 103px;height:30px;text-indent:8px;}

#submit{width: 78px;height: 30px;background:#dc0f00;color: #fff;cursor:pointer;}

b{background:url(../images/sprite.png);}

.shadow {box-shadow: 0 0 6px #666;}

.pro_name {text-align: center;padding-top: 15px;color:#dc0f00;}

/*page*/

#newscon .page ul li{border:none;float:left;margin-left:8px;text-align:center}

#newscon .page ul{margin:auto;width:400px;}

.page{clear:both;text-align:center}

.page ul {text-align:center}



.page a{display:inline-block; display:none;height:18px;line-height:18px;/*border:1px solid #dbdbdb;*/padding:0 2px 0;}

.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}

.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}

/*sitemap*/

.mesmore{float:right;margin-top:5px;color: #333333;}

.mesmore:hover{color:#da020d;text-decoration:underline;}



.sitemap{ width:996px;height:130px; float:left; margin-top:10px; margin-bottom:10px;}

.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}

.m2{ margin-left:20px; margin-top:20px; line-height:25px;}

.m2 span{ font-size:14px; font-weight:bold;}

.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;overflow:hidden;zoom:1;}

.m2t ul{}

.m2t ul li{ list-style-type:none; float:left; width:150px;}

.m2t ul li a:hover{ color:red}

.f{ float:right; margin-right:10px; _margin-top:7px;}

.page ul{width:200px;margin:auto}

.page ul li{line-height:15px;height:15px;}

.bjc{background:url(/templets/default/images/ico01.jpg) no-repeat 0px 10px;padding-left:17px; }

.bjc a{color:#5B5B5B}





.zt{font-family: "Microsoft YaHei", "微软雅黑", monospace !important;}

.hot_news .news{ padding-left:0px; padding-top:15px;}

.hot_news .news2{ padding-left:0px; }

.hot_tit{font-size:18px; font-weight:bold; color:#3075b8; border-bottom:1px dashed #ccc; line-height:35px; padding-bottom:5px; background:url(../images/j_03.gif) no-repeat 100px 50%; /*padding-left:35px;*/}


.news2{width:992px;margin:0 auto;padding-left:12px;}

.news2 dl{float:left;margin-top:20px;margin-left:12px;}


.news2 dl dd img{ width:151px; height:150px; cursor:pointer}

.news2 dl dt{text-align:center;line-height:22px;height:22px;}
#contactus{width:272px;margin:0 auto;float:right;}

.news2 dl dt a{color:#999}

.news2 dl dt a:hover{color:#F00}

.news2 {margin-bottom:35px;}


.news{padding:22px 15px 0;}

.news dt{ height:100px; border-bottom:1px solid #e8e8e8; margin-bottom:10px;}

.news dt h2{ font-weight:bold; line-height:18px; padding-bottom:5px;}

.news dt em{ font-style:normal;}

.news dt span{ float:left; width:114px; display:block; padding-right:15px;}

.news dd{ line-height:24px; height:24px; overflow:hidden;}

.news dd em{ line-height:24px; font-family:"宋体";color:#9d9d9d; font-style:normal; padding-right:5px;}

.news dd i{ padding-left:10px; font-style:normal; font-family:"宋体";color:#9d9d9d;}
#map{ width:100%; height:467px;border:1px solid #dcdbdb}
.bottom{ display:none}
/**响应式布局**/
@media screen and (max-width: 768px) {
   *{ margin:0; padding:0;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
   body{font-family: Microsoft Yahei,Simsun,Arial,Helvetica,sans-serif;}
   .center,#news,#product,#foot_index .lf,.mcenter,.ubox,.cp_nr,#left,#rightcontent,#list h2,#list li,#foot .lf{ width: 100%; float:none;}
   #banner,#rbox,#zuo,#you,.path,#headercenter img,table.contact td:nth-of-type(2){ display: none;}
   #nav:after,#list:after,#btmnav:after{content:'.';height:0;visibility:hidden;display:block;clear:both}
   #headercenter{ background:none}
   .rightinfo{ padding:10px;}
   .rightinfo img,#rightcontent img{ max-width:100%; height:auto}
   #headercenter a{height: 0;width: 100%;display: block;padding-bottom: 14%;background: url(../images/54c207d17ee16.jpg);background-repeat: no-repeat;background-size: cover; background-position:center}
   #header{ height:auto; background:none}
   #nav{ height:auto; line-height:32px; font-size:14px;}
   #nav li{width: 25%;background: #c80405;line-height: 32px;border-left: 1px solid #d33637;border-bottom: 1px solid #d33637;}
   #nav li a{ color:#fff; width:100%; height:auto;background: #c80405;line-height:32px;}
   #foot_index .lf,#foot .lf{ margin-left:0; line-height:26px; text-align:center;background: #f2f2f2;}
   #news,#product,#btmnav,#headercenter{ height:auto}
   #foot_index{ background:#fff}
   #btmnav{ background:#fff}
   /**首页**/
   #middle{ padding:0 10px; background:#fff}
   .cp_nr{ background:#fff}
   #mq{ height:auto; width:100%}
   .mcenter{ padding-left:0}
   .mcenter dl,.pro li{width: 18%;margin: 1%;height: auto;padding: 0;}
   .mcenter dl dd a{width: 100%;height: 0;padding-bottom: 75%;display: block;overflow: hidden;vertical-align: middle;}
   .mcenter dl dd img{ width:100%; height:auto}

   /**列表页面**/
   #left{    padding-left: 10px;padding-right: 10px;}
   #list{ padding-bottom:5px;}
   #list li{ float:left; width:50%}
   .pro li a{ width:100%; height:auto}
   .pro li img{ width:100%; height:100%;}
   #newscon li a{ padding:0}
   /**文档页面**/
   #rightcontent{ min-height:auto; height:auto}
   #productcon{ padding:0}
   .pro_name{ padding-top:0}
   .bjc{ background:none; padding-left:0}

}

@media screen and (max-width:576px) {
    #newscon li span,table.likepro tr td:nth-of-type(2){ display:none}
	#image_box{ float:none; width:100%; height:auto; margin-right:0}
	.mcenter dl,.pro li{ width:48%}
	#map {height: 260px;}
}