@charset "utf-8";

/* CSS Document */

/*this is css comment*/

body,p,ul,dl,dt,dd,ol,h1,h2,h3,h4,span,strong,img,table,td,tr{ margin:0; padding:0}

img{ border:0; vertical-align:middle}

a{font-size:12px;color:#1E1E1E;text-decoration:none;}

a:hover{ color:#E10000;}

li{ list-style:none}

p{ text-indent:2em; font-size:12px; color:#1E1E1E; text-align:justify}

body{ overflow-x:hidden;}

/*css start*/

body{ background:url(../images/bg.png) repeat-x;}

#header,#main,#footer,#banner,#midd,#footer1,#warp,#midd1{ width:1002px; margin:0 auto; overflow:hidden;zoom:1;}

#nav{width:1002px; margin:0 auto;}

#logo{ float:left;}

#login{ float:right; padding-top:28px; padding-right:10px;}

#login,#login a{ font-size:12px; color:#fff;}

#login span{ padding:0 10px;}

/*===nav====*/

#nav{height:38px; line-height:38px;}

#nav a{ font-size:14px; display:block; color:#fff}

.navlist li{float:left;position:relative; _display:inline; text-align:center; height:38px; line-height:38px; background:url(../images/muse.jpg) no-repeat right center; margin:0 1px; }

.navlist li:hover{ background:url(../images/hov.jpg) repeat-x; height:38px; line-height:38px;}

#nav .navlist li a{text-decoration:none; display:block; outline:none}

.subnav{ position:absolute; z-index:9999;top:36px; left:0; display:none; background:#fff; opacity:0.8; padding:10px 0;}

#nav .navlist li .subnav li{ width:100%; text-align:center;float:left; margin:0; line-height:30px; height:30px; background:none;}

#nav .navlist li .subnav li a{color:#000;height:38px; font-size:12px;padding-left:5px;}

#nav .navlist li .subnav li:hover{ background-color:none; color:#E10000;}

/*===nav end====*/

#banner{ background:url(../images/1274165013.jpg) no-repeat; height:277px;}

.bann{ float:right; height: 100%; width:665px; margin-right:3px;}

#main{ background:url(../images/1274167634.jpg) no-repeat; overflow:hidden;zoom:1;}

#mleft{ float:left; width:310px; padding-left:23px;overflow:hidden;zoom:1;}

#mright{ float:right; width:662px;padding-right:5px;overflow:hidden;zoom:1;}



#leftad ul li{ background:url(../images/listt.jpg) no-repeat left center; overflow:hidden;zoom:1; padding-left:13px; margin-left:4px; line-height:22px;}

#leftad ul li a{ color:#1E1E1E; font-size:12px; float:left;}

#leftad ul li span{ color:#A4A4A4; font-size:12px;float:right; font-family:Verdana, Geneva, sans-serif; padding-right:10px;}

#leftad h1,#leftad h2,#leftext h1{ background:url(../images/title.jpg) no-repeat; height:26px; line-height:26px; margin-top:10px;}

#leftad h1 a,#leftad h2 a,#leftext h1 a{ float:right; padding-top:8px; padding-right:10px;}

#leftad ul{ overflow:hidden;zoom:1; padding:15px 0 10px 0}

#leftad h2{ background:url(../images/title1.jpg) no-repeat;}

#leftext h1{ background:url(../images/title3.jpg) no-repeat; margin-bottom:11px;}

.labout p{ text-indent:0; line-height:21px;}

#midd{ background:url(../images/mm.jpg) repeat-y;}

#midd1{ background:url(../images/mm1.jpg) repeat-y;}

#rightext h1{ background:url(../images/title4.jpg) no-repeat; height:38px; line-height:38px;}

.mabout{ padding:20px 30px;}

.mabout p{ line-height:22px;}



#marqueebox{ width:580px; padding:15px; overflow:hidden;margin:0 auto;}

#marqueeson{ width:10000%;}

#marqueeson_cont{float:left;overflow:hidden;zoom:1;}

#marqueeson img{border:none;}

#marqueeson_hidden{float:left}



#marqueebox1{ width:600px; padding:5px; overflow:hidden; margin:0 auto;}

#marqueeson1{ width:10000%;}

#marqueeson_cont1{float:left;overflow:hidden;zoom:1;}

#marqueeson1 img{border:none; margin-top:10px;}

#marqueeson_hidden1{float:left}

#rightpic h2,#rightpic h3{ background:url(../images/title2.jpg) no-repeat; height:28px;}

#rightpic h2 a,#rightpic h3 a{ float:right; padding-top:10px;}

#rightpic{ padding-left:27px; margin-right:20px;}

#rightpic h3{ background:url(../images/title5.jpg) no-repeat; margin-top:8px;}

#footer,#footer1{ background:url(../images/1289366363.jpg) no-repeat; height:75px; text-align:center; padding-top:45px;}

#footer p,#footer1 p{ text-indent:0em; text-align:center; padding-top:10px;}

#footer p,#footer p a,#footer1 p,#footer1 p a{ font-family:Verdana, Geneva, sans-serif;}

#footer span,#footer1 span{ padding:0 10px;}

/*left nav*/

.menu ul li.hide{ position:relative; margin-left:6px;border-bottom:1px dotted #DFDFDF; line-height:30px;}

.menu ul li ul {display: none; margin-left:40px; width:145px; background:#EEEEEE; }

.menu ul li.hide ul a{margin:0; padding:0; display:block}

.menu{ position:relative; z-index:999; padding:15px 0 10px 0}

.menu ul li.hide a{ background:url(../images/quan.jpg) no-repeat left center; padding-left:25px; margin-left:40px;}

.menu ul li a{display:block;overflow:hidden; color:#505050; }

.menu ul li ul li{float:left;position:relative; border-bottom:1px dotted #DFDFDF;line-height:30px; z-index:9999;width:145px;}

.menu ul li ul li a{ color:#505050;display:block;}

.menu ul li.hide ul li a{ padding-left:25px;}

.menu ul li ul li a:hover,.menu ul li a:hover{color:#f00}



/* specific to non IE browsers */

.menu ul li:hover ul {display:block; position:absolute; top:0px; left:120px;}

.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li:hover ul {display:block; position:absolute;left:98px; top:0px; width:145px;}

.menu ul li ul li ul li{ width:80px;}

/*left nav end*/ 

#warp{ background:url(../images/1289367939.jpg) no-repeat; overflow:hidden;zoom:1;}

#footer1{ background:url(../images/1289370445.jpg) no-repeat; overflow:hidden;zoom:1;}

#wleft{ width:200px; float:left; padding-left:25px;}

#wright{ width:770px; float:right; padding-right:6px;}

#leftnav h1{ background:url(../images/title7.jpg) no-repeat; margin-top:11px; height:26px;}

#te_word h1{ background:url(../images/title6.jpg) no-repeat; height:26px; margin:15px 0}

#te_word .labout{ padding-right:15px;}

.wh1{ background:url(../images/title8.jpg) no-repeat; height:38px; line-height:38px; text-indent:4.5em; font-weight:500; font-size:12px;} 

.wh1,.wh1 a{ color:#5C5C5C;}

.about p{ color:#555555; margin-top:10px; line-height:24px;}

.about{ padding:15px 35px;}



/*fenye*/

.page1{margin:10px 57px 0px 20px;}

.page{ clear:both;padding-top:50px; overflow:hidden;zoom:1;}

.page,.page a,option,select{ color:#505050; font-size:13px;}

.zong{ float:left;}

.page .ye{ float:right; color:#323031}

.page .ye a{ background-color:#DDDAD5; padding:3px 8px; margin-left:10px;color:#323031}

.page .ye a.dang{ border:1px solid #DDDAD5; background-color:#EDEFEC}

.page2{ margin-top:30px; margin-bottom:30px;}

* .page2 p,* .page2 p a{color:#3595D5}

* .page2 p{text-indent:0; margin-top:5px; margin-left:15px;}

/*fenye end*/

.news,.newsxq{ padding:15px 25px}

.news ul li{overflow:hidden;zoom:1;height:39px; line-height:32px; background:url(../images/line.jpg) no-repeat left center;}

.news ul li a{float:left; padding-left:15px; margin-left:5px; color:#343331}

.news ul li a:hover{ color:#FF6600;}

.news ul li span{float:right; font:10px/36px Verdana,Arial,Helvetica,sans-serif; color:#8C8C8C;}

.newsxq h3{font-size:20px; color:#505050; margin-top:20px;}

.newsxq h4,.newsxq h3{ text-align:center;}

.newsxq h4{ font-weight:500; background-color:#F7F7F7; border:1px solid #E8E8E8; padding:8px 0; font-size:13px; margin-top:15px; margin-bottom:20px; color:#505050}

.newsxq h4 span{ margin:0 15px;}

.tou span{ color:#FF6600;}

.tou{ color:#505050; border:1px dotted #ddd; font-size:12px; padding:15px 0px 15px 15px; margin-bottom:30px; background-color:#FFF}

#zoom p{ line-height:24px; margin-bottom:10px;}

div#productquery {text-align: center; float: left; display: inline;}

.product div#productquery {padding:6px 0px 0 30px;}

div#productquery div.fang {padding: 3px; text-align: center; border: 1px solid #ddd; }

div#productquery div.picFit {overflow:hidden;}

.picFit {

        /*非IE的主流浏览器识别的垂直居中的方法*/

        display: table-cell;

        vertical-align:middle;

        /*设置水平居中*/

        text-align:center;

        /* 针对IE的Hack */

        *display: block;

        *font-size: 149px;

        *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/

}

.product{ padding:15px 10px}

.product .prodtitle{ height:30px; line-height:42px;}

.xiangqing{ clear:both; width:700px; margin:0 auto; border-top:1px dotted #ccc; margin-top:22px; padding-top:20px;}

.xiangqing div,.productxq dd div{ font-size:13px; color:#424443; margin:5px 0;}

.productxq dt{ float:left; width:360px;}

.productxq dd{ line-height:22px; margin-left:15px; float:right; width:309px;}

.xiangqing p{ line-height:22px;}

.productxq{ padding:10px;}

.productxq dl{ overflow:hidden;zoom:1; padding:20px;}

.productxq dd p{ text-indent:0;}

.message{ padding-top:15px;}

form div.input20 input{ width:220px;}

form div.input30 input{ width:300px;}

form{ margin-top:15px; margin-bottom:20px;}

form div{ margin-bottom:10px;}

form div span{ color:#F00; margin-left:5px; font-size:12px;}

form div strong{ font-size:12px; font-weight:500; color:#505050; margin-left:10px;}

form label{ width:150px; float:left; text-align:right; font-size:12px; color:#505050; margin-right:5px;height:22px; line-height:22px; font-family:Verdana, Geneva, sans-serif}

form input{border:1px solid #DDDDDD; background-color:#FBFBFB; width:405px; height:22px; line-height:22px;}

textarea{border:1px solid #DDDDDD; background-color:#FBFBFB; width:405px;}

form div.yanzheng input{ width:50px; margin-right:3px;}

form div.submit input{ width:40px; margin-left:155px;height:24px; line-height:24px; margin-top:10px;}

/*job.html*/

.job .zhaopin{background:url(../images/tr.jpg) no-repeat; height:39px; line-height:39px; font-size:13px; text-align:left; color:#505050;}

.job .zhaopin th{padding-left:25px;}

.job td{padding-top:20px;font-size:13px;color:#5C5C5C; padding-left:25px;}

.trr{ margin-top:20px; margin-bottom:20px;}

/*jobxq.html*/

.hui{ background-color:#F5F5F5; text-indent:1em; padding:3px 0; font-weight:bold; margin-top:15px;}

.zhiwei{ border-bottom:1px solid #DDD; padding-bottom:5px; margin-top:15px;}

.jobxq{ margin-right:30px;}

.jobxq p{ margin-bottom:10px;}

.jobxq form label{ width:80px}

.message,.job,.jobxq{ padding:20px;}

form div.input20 input{ width:220px;}

form div.input30 input{ width:300px;}

.jobxq form div.submit input{ margin-left:85px;}

.rongyuxq{width:622px; background-color:#F0F0F0; border:1px solid #DDD; padding:30px 15px 10px 15px; margin:30px 0 0 60px;}

.rongyuxq dt{ text-align:center; padding:20px 0; background-color:#FFF; border:1px solid #DDD; margin-bottom:10px;}

.rongyuxq dd{ background-color:#FFF; border:1px solid #DDD; padding:20px}

.rongyuxq dd h3{ font-size:16px; color:#555; margin-bottom:10px;}

.rongyuxq dd p{ text-indent:0; line-height:23px;}

.kefudiv{position:absolute;height:160px;width:118px;}

.kefulist{background:url(../images/mid001.gif);}

.kefutitle{background:url(../images/list_001.gif);margin-left:9px;font-size:9pt;width:101px;height:20px;text-align:center;}

.kefuitem{text-align:center;margin-top:8px;font-size:9px;}

.kefuitem a{color:#000; font-size:12px;}

.ratio {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.ratio::before {
  display: block;
  content: "";
}
.ratio .ratio-item,
.ratio iframe,
.ratio embed,
.ratio object,
.ratio video,
.ratio img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.img-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-slick, .slick-list, .slick-track {
  height: 100%;
}

.banner-slick .ratio {
  height: 100%;
}

.d-none {
  display: none !important;
}