*{ padding:0; margin:0; list-style-type:none;}
body{ background:#fff; color:#333; text-align:left; font:12px/2 "Microsoft YaHei", simsun, Tahoma, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x:hidden}
button{ cursor:pointer;}
img{border:0;}

.mainbox{ width:1200px; margin:0 auto;overflow:hidden;}
.lf{ float:left}
.rf{ float:right}
.clear5{ margin-top:5px; overflow:hidden;}
.clear10{ margin-top:10px; overflow:hidden;}
.clear20{ margin-top:20px; overflow:hidden;}
.clear30{ margin-top:30px; overflow:hidden;}
.bor-b-x{ border-bottom:1px solid #ddd;}
.bor-all{ border:1px solid #dfdfdf;}
.img-dq{ vertical-align:bottom!important;vertical-align: middle;}
.img-dqa{ vertical-align:middle!important;vertical-align: bottom;}
.display_n{ display:none;}
.display_i{ display:inline}
.pd_lf10{ padding-left:10px;}
.pd_rf10{ padding-right:10px;}
/*--------------------------------- body ------------------------------------*/
.f-999{ color:#999;} /*#999*/
.f-666{ color:#666;} /*#666*/
.f-333{ color:#333}
.f-red{ color:#c00000;} 
.f-blue{ color:#095bad;}
.f-yell{ color:#ff671b;} 
.f-fff{ color:#fff;} 
.f-wh{ font-weight:700;} 
.f24{ font-size:24px;}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
.f14{ font-size:14px;}
.f12{ font-size:12px;}
.line-18{ line-height:18px;}
.line-20{ line-height:20px;}
/*--------------------------------- font ------------------------------*/
a{text-decoration:none; color:#666; blr:expression(this.onFocus=this.blur());outline: none;}
/*a:hover { font-size:12px; text-decoration:underline; color:#d41017; blr:expression(this.onFocus=this.blur());outline: none;}*/

a.f-blue{ color:#095bad}
a.f-blue:hover{ color:#095bad; text-decoration:underline}

a.f-red{ color:#c00000}
a.f-red:hover{ color:#c00000; text-decoration:underline}

a.f14{ font-size:14px;}
a.f14:hover{ font-size:14px;}

a.f-wh{ font-weight:700;}
a.f-wh:hover{ font-weight:700;}

a.f-yelly{ color:#ff671b}
a.f-yelly:hover{ color:#ff671b; text-decoration:underline}

a.f-666{ color:#666}
a.f-666:hover{ color:#d41017; text-decoration:underline}

/*头部*/
.head{height: 100px;overflow: hidden;}
.head .logo{margin-top: 20px;}
.head .nav li{float: left;width: 115px;height: 100px;line-height: 100px;text-align: center;font-size: 16px;}
.head .nav li a{color: #333;}
.head .nav li a:hover{color: #37499f;}
.head .nav li.on{background: #37499f;}
.head .nav li.on a{color: #fff;}
/*幻灯*/
.bannerBox { position: relative; width:100%; height:490px; overflow: hidden;}
.bannerBox .pic { position:relative; z-index:0;}
.bannerBox .pic a { display: block; height:490px; }
.bannerBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1;}
.bannerBox .hd li { margin: 0 5px; background: none;border: solid 1px #fff; height: 10px; overflow: hidden; width: 10px; cursor: pointer; display:inline-block; *display:inline; zoom:1;border-radius: 50%;}
.bannerBox .hd .on {background:#fff;}
/*banner底部三个优势*/
.bnnerbotm{height: 120px;background: #37499f;}
.ysbox{overflow: initial;}
.ysbox li{padding-left: 104px;width: 400px;box-sizing: border-box;float: left;height: 120px;color: #fff;line-height: 30px;position: relative;}
.ysbox li h3{font-size: 18px;font-weight: 500;margin-top: 17px;}
.ysbox li p{font-size: 14px;}
.ysbox li i{display: block;width: 3px;height: 12px;background: #9aa6dc;position: absolute;top: 23px;}
.ysbox .i1{background:#485bb4 url(../images/index_08.png) no-repeat left 24px center;border-left: solid 1px #566ac6;border-right: solid 1px #566ac6;}
.ysbox .i2{background: url(../images/index_03.png) no-repeat left 24px center;}
.ysbox .i3{background:#485bb4 url(../images/index_05.png) no-repeat left 24px center;border-left: solid 1px #566ac6;border-right: solid 1px #566ac6;}
.ysbox li .il{left: -2px;}
.ysbox li .ir{right: -2px;}
/*首页新品推荐*/
.xptj{background: #f7f7f7;padding-top: 30px;padding-bottom: 60px;}
.xptj .tjmain{width: 1200px;margin: 0 auto;}
.mktit{font-family: arial;font-size: 110px;color: #e8e8e7;text-align: center;position: relative;font-weight: bold;line-height: 120px;}
.mktit span{display: block;position: absolute;font-family: "微软雅黑";font-size: 30px;color: #333;font-weight: normal;width: 100%;text-align: center;top: 0;}
.xpbox{position:relative;}
.xpbox .prev,.xpbox .next{ display:block;  width:40px; height:74px;cursor:pointer; background:url(../images/jt_06.png) 0 0 no-repeat;position: absolute;left: -55px;top: 75px;z-index: 99;}
.xpbox .next{background:url(../images/jt_05.png) 0 0 no-repeat;left: auto;right: -55px;}
.xpbox .prev:hover{background: url(../images/jt_03.png) no-repeat;}
.xpbox .next:hover{background: url(../images/jt_04.png) no-repeat;}
.xpbox .bd{width: 1200px;overflow: hidden;}
.xpbox .bd ul{ overflow:hidden; zoom:1; }
.xpbox .bd ul li{width: 224px; margin-right: 20px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.xpbox .bd ul li img{display: block;}
.xpbox .bd ul li .title{ line-height:54px;height: 54px;overflow:hidden;background: #fff;font-size: 14px;}
.xpbox .bd ul li a{color: #333;}
.xpbox .bd ul li:hover .title{background: #37499f;}
.xpbox .bd ul li:hover a{color: #fff;}
/*首页我们的优势+关于我们*/
.ys-wm{height: 543px;background: url(../images/index_13.jpg) no-repeat center top;padding-top: 50px;box-sizing: border-box;}
.ys-wm h3{font-size: 30px;font-weight: normal;line-height: 40px;}
.ys-wm span{font-size: 24px;line-height: 40px;}
.ys-wm p{font-size: 14px;line-height: 28px;margin: 10px 0 40px;}
.index_ys{width: 600px;float: left;padding-right: 40px;box-sizing: border-box;}
.index_ys h3{color: #333;}
.index_ys span{color: #ccc;}
.index_ys p{color: #666;}
.index_ys ul{/* margin-left: -98px; */}
.index_ys ul li{width: 33.3%;float: left;text-align: center;/* margin-left: 98px; */font-size: 18px;line-height: 28px;}
.index_ys ul li .img{margin:0 auto;width: 112px;height:112px;transition: All .5s ease-in-out;-webkit-transition: All .5s ease-in-out;-moz-transition: All .5s ease-in-out;-o-transition: All .5s ease-in-out;}
.index_ys ul li .name{margin:10px 0;}
.index_ys ul li.pic1 .img{background: url(../images/ys_04.png) no-repeat;}
.index_ys ul li.pic2 .img{background: url(../images/ys_05.png) no-repeat;}
.index_ys ul li.pic3 .img{background: url(../images/ys_07.png) no-repeat;}
.index_ys ul li.pic1:hover .img {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);background: url(../images/ys_03.png) no-repeat;}
.index_ys ul li.pic2:hover .img {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);background: url(../images/ys_06.png) no-repeat;}
.index_ys ul li.pic3:hover .img {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);background: url(../images/ys_08.png) no-repeat;}
.index_about{width: 600px;padding-left: 40px;box-sizing: border-box;}
.index_about h3,.index_about span,.index_about p{color: #fff;}
.index_about p a{color: #9ac5ff;float: right;}
/*首页产品中心*/
.probox{padding: 30px 0;}
.probox .tab{text-align: center;margin: 30px 0;}
.probox .tab a{display: inline-block;padding: 10px 20px;font-size: 16px;color: #333;}
.probox .tab a.on{color: #fff;background: #37499f;}
.itembox .list{margin-right: -20px;display: none;}
.itembox .list li{width: 285px;float: left;margin-right: 20px;margin-bottom: 20px;text-align: center;}
.itembox .list li img{display: block;}
.itembox .list li h2{display: block;line-height: 60px;height: 60px;font-weight: normal;background: #f3f3f3;}
.itembox .list li h2 a{font-size: 14px;color: #333;}
.itembox .list li .img{display: block;position: relative;}
.itembox .list li .yellow_80 { background:#000; position: absolute; left: 0; top: 0; width: 285px; height: 285px; transition: 300ms; -webkit-transition: 300ms; transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0; visibility: hidden; } 
.itembox .list li .more-line { position: absolute; left: 50%; top: 50%; margin: -18px 0px 0px -18px; width: 37px;height: 37px;display: block;}
.itembox .list li .more-line .line { display: block; background: #fff; position: absolute; transition: 400ms; -webkit-transition: 400ms; opacity: 0; visibility: hidden; }
.itembox .list li .more-line .line-1 { width: 37px; height: 1px; top: 50%; right: 0px; margin-top: -1px; transform: translateX(30px); -webkit-transform: translateX(30px); }
.itembox .list li .more-line .line-2 { width: 1px; height: 37px; top: 50%; margin-top: -18px; right: 18px; transform: translateY(30px); -webkit-transform: translateY(30px); }
.itembox .list li:hover .yellow_80 { transform: scale(1); -webkit-transform: scale(1); opacity: 0.57; visibility: visible; }
.itembox .list li:hover .more-line .line { transform: translate(0); -webkit-transform: translate(0); visibility: visible; opacity: 1; transition: 300ms ease-in 200ms; -webkit-transition: 300ms ease-in 200ms; }
.itembox .list li:hover h2{background: #37499f;}
.itembox .list li:hover h2 a{color: #fff;}
/*首页广告图*/
.ad{height: 230px;background: url(../images/banner_02.jpg) no-repeat center top;}
/*首页企业动态*/
.qydt{padding: 30px 0;}
.qydt .news_list{margin: 30px -30px 30px 0;}
.qydt .news_list li{width: 380px;float: left;margin-right: 30px;overflow: hidden;text-align: center;}
.qydt .news_list li img{display: block;}
.qydt .news_list li .js{padding: 15px 0;}
.qydt .news_list li h2 a{font-size: 20px;font-weight: normal;color: #333;line-height: 30px;display: block;}
.qydt .news_list li p a{display: block;color: #666;font-size: 14px;line-height: 24px;height: 72px;overflow: hidden;margin: 10px 0;}
.qydt .news_list li a:hover{color: #37499f;}
.qydt .news_list li .more{display: block;width: 86px;height: 30px;border: solid 1px #666;font-size: 14px;text-align: center;line-height: 30px;margin: 0 auto;}
.qydt .news_list li .more:hover{color: #37499f;border: solid 1px #37499f;}
/*底部*/
.foot{background: #39393b;}
.foot .mainbox{padding: 45px 0;}
.foot .menu{width: 644px;border-right: solid 1px #545457;}
.foot .menu ul{overflow: hidden;}
.foot .menu li{float: left;font-size: 18px;margin-right: 30px;}
.foot .menu li a{color: #fff;}
.foot .menu .xx{color: #999;font-size: 14px;line-height: 32px;margin-top: 10px;}
.foot .ewm{color: #fff;}
.foot .btm{border-top:solid 1px #545457;height: 50px;line-height: 50px;text-align: center;color: #999;font-size: 14px;}

/*二级banner*/
.ejbanner{height: 490px;background: url(../images/ejbanner_02.jpg) no-repeat center top;}
/*产品中心*/
.dqwz{padding-top: 24px;border-bottom: solid 1px #ccc;}
.dqwz span{border-bottom: solid 3px #37499f;display: block;font-size: 30px;color: #333;float: left;line-height: 60px;}
.prolist .lfnav{width: 285px;background: #f5f5f5;}
.prolist .lfnav a{display: block;height: 68px;line-height: 68px;border-bottom: solid 1px #ebebeb;overflow: hidden;text-align: center;font-size: 16px;color: #333;box-sizing: border-box;}
.prolist .lfnav a.on{background: #fff;border-left: solid 3px #37499f;}
.pro_l{width: 895px;}
.pro_l .list{margin-right: -20px;padding: 30px 0;overflow: hidden;}
.pro_l .list li{width: 285px;float: left;margin-right: 20px;margin-bottom: 20px;text-align: center;}
.pro_l .list li img{display: block;}
.pro_l .list li h2{display: block;line-height: 60px;height: 60px;font-weight: normal;background: #f3f3f3;}
.pro_l .list li h2 a{font-size: 14px;color: #333;}
.pro_l .list li .img{display: block;position: relative;}
.pro_l .list li .yellow_80 { background:#000; position: absolute; left: 0; top: 0; width: 285px; height: 285px; transition: 300ms; -webkit-transition: 300ms; transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0; visibility: hidden; } 
.pro_l .list li .more-line { position: absolute; left: 50%; top: 50%; margin: -18px 0px 0px -18px; width: 37px;height: 37px;display: block;}
.pro_l .list li .more-line .line { display: block; background: #fff; position: absolute; transition: 400ms; -webkit-transition: 400ms; opacity: 0; visibility: hidden; }
.pro_l .list li .more-line .line-1 { width: 37px; height: 1px; top: 50%; right: 0px; margin-top: -1px; transform: translateX(30px); -webkit-transform: translateX(30px); }
.pro_l .list li .more-line .line-2 { width: 1px; height: 37px; top: 50%; margin-top: -18px; right: 18px; transform: translateY(30px); -webkit-transform: translateY(30px); }
.pro_l .list li:hover .yellow_80 { transform: scale(1); -webkit-transform: scale(1); opacity: 0.57; visibility: visible; }
.pro_l .list li:hover .more-line .line { transform: translate(0); -webkit-transform: translate(0); visibility: visible; opacity: 1; transition: 300ms ease-in 200ms; -webkit-transition: 300ms ease-in 200ms; }
.pro_l .list li:hover h2{background: #37499f;}
.pro_l .list li:hover h2 a{color: #fff;}
/*分页*/
.page {text-align: center;margin: 10px 0 40px;font-family: simsun;}
.page ul > li {display: inline;font-size: 14px;border: 1px solid #ddd;margin: 2px;padding: 5px 0;border-radius: 3px;}
.page ul > li a {padding: 10px;color: #333;}
.page ul > li.active {color: #fff;background: #37499f;border-color: #37499f;}
.page ul > li.active span, .page ul > li.active a {padding: 10px;color: #fff;}

/*新闻中心*/
.news .lfmain{width: 309px;overflow: hidden;background: #f7f7f7;margin-top: 30px;}
.news .lfmain .pictit{height: 50px;background: #37499f;color: #fff;text-align: center;font-size: 20px;line-height: 50px;}
.news .lfmain .lfBox{position: relative;height: 232px;}
.news .lfmain .lfBox .hd{height: 30px;background: rgba(0,0,0,.5);position: absolute;bottom: 0;left: 0;width: 100%;z-index: 99;text-align: right;}
.news .lfmain .lfBox .hd li{color: #fff;height: 30px;line-height:30px;display: inline-block;border-left: solid 1px #fff;font-size: 14px;width: 35px;text-align: center;cursor: pointer;}
.news .lfmain .lfBox .hd li.on{background: #37499f;}
.news .lfmain .contact{padding: 25px 10px 70px;font-size: 14px;line-height: 32px;color: #333;}
.news .lfmain .contact strong{font-size: 30px;font-family: arial;line-height: 50px;display: block;color: #37499f;}
.news .rfmain{width: 831px;overflow: hidden;margin-top: 30px;}
.news .rfmain .news_list .news_jj{width: 650px;}
.news .rfmain .news_list li{overflow: hidden;margin-bottom: 30px;}
.news .rfmain .news_list .line{background: #333;width: 30px;height: 3px;margin-bottom: 10px;}
.news .rfmain .news_list h2 a{font-size: 20px;width: 650px;line-height: 36px;height:36px; overflow: hidden;float: left;color: #333;font-weight: normal;}
.news .rfmain .news_list p{float: left;width: 650px;font-size: 14px;line-height: 20px;}
.news .rfmain .news_list p a{color: #666;}
.news .rfmain .news_list .date{font-size: 12px;color: #666;width: 70px;height: 70px;border: 1px solid #dbdbdb;border-radius: 3px;margin-top: 10px;text-align: center;}
.news .rfmain .news_list .date i{font-size: 20px;color: #999;}
/*资质荣誉*/
.honor{padding-bottom: 40px;overflow: hidden;}
.honor li{width: 277px;float: left;}
.honor li img{display: block;padding: 12px 12px;border: solid 1px #ccc;}
.honor li span{display: block;padding:0 10px;width: 100%;box-sizing: border-box;overflow: hidden;height: 20px;line-height: 20px;font-size: 14px;margin: 10px 0;}
/*企业招聘*/
.recruit .top{height: 48px;background: #37499f;color: #fff;line-height: 48px;text-align: center;}
.recruit .top span{display: inline-block;width: 25%;float: left;font-size: 18px;}
.recruit .zplist .i{height: 48px;background: #fff;color: #333;line-height: 48px;text-align: center;border-bottom: solid 1px #b3b3b3;}
.recruit .zplist .i span{display: inline-block;width: 25%;float: left;font-size: 16px;}
.recruit .zplist .rzyq{background: #f4f4f4;padding: 30px 50px;font-size: 16px;line-height: 30px;display: none;}
/*关于我们*/
.dqwz .rf{font-size: 16px;color: #333;line-height: 60px;}
.dqwz .rf a{margin: 0 10px;color: #333;}
.dqwz .rf a.on{color: #37499f;}
.content{font-size: 14px;line-height: 2.1em;}
.cont_pic{overflow: hidden;margin-right: -24px;margin-top: 25px;}
.cont_pic li{float:left;margin-right: 24px;margin-bottom: 20px;}
.pop{width: 100%;height: 100%;background: rgba(0,0,0,.7);position: fixed;z-index: 999;top: 0;left: 0;display: none;}
.hide{position: fixed;top: 50%;left: 50%;z-index: 1000;display: none;}
/*联系方式*/
.lxfs {overflow: hidden;margin: 0px auto 20px;color: #333333;font-size: 24px;line-height: 34px;}
.lxfsbx{overflow: hidden;margin: 0px auto 20px;}
.lxfsbx li {width: 277px;overflow: hidden;float: left;font-size: 14px;color: #666666;line-height: 20px;}
.lxfsbx li i {float: left;margin-right: 10px;width: 64px;height: 64px;background: #37499f;color: #fff;font-size: 40px;line-height: 64px;text-align: center;display: block;}
.lxfsbx li strong {font-size: 18px;color: #474747;line-height: 24px;}
.lxfsbx li span{display: block;}
.yhzf-bar-b{margin-bottom: 40px;}

/*产品详情*/
.gsjs_top{font-size: 24px;font-family: "Microsoft Yahei";height: 50px;line-height: 50px;border-bottom: solid 2px #d7d7d7;clear: both;}
.cpjs {overflow: hidden;border-bottom: solid 1px #d7d7d7;}
.cpxq {width: 320px;height: 395px;overflow: hidden;padding-top: 20px;border-right: solid 1px #d7d7d7;}
.cpxq ul {width: 299px;height: 299px;position: relative;}
.cpxq ul li {position: absolute;top: 0;display: none;}
.cpxq ol {width: 299px;height: 66px;margin-top: 10px;}
.cpxq ol li {float: left;margin-right: 11px;width: 66px;height: 66px;}
.cpxq ol li.ol_cli {border: solid 1px #37499f;}
.cpxq_rf{width: 550px;overflow: hidden;}
.chanpin_jieshao{height: 175px;overflow: hidden;background: #ebebeb;padding: 20px 20px;font-size: 12px;line-height: 24px;}
.chanpin_jieshao span{color: #333;}
.chanpin_jieshao div{margin: 6px 0;}
.chapin_name{margin-top: 8px;}
.cpxq_buttn{width: 100%;height: 36px;margin-top: 15px;margin-bottom: 20px;}
a.zxyd{background: #db1a27;width: 90px;height: 42px;float: left;margin-left: 20px;line-height: 42px;padding-left: 46px;border-radius: 5px;}
a.lxkf{background: #37499f;width: 90px;height: 42px;float: left;line-height: 42px;padding-left: 46px;border-radius: 5px;}
.wxtishi{color: #999;clear: both;font-size: 12px; line-height: 24px;}
.wxtishi span{color: #ff0000;}
.cpcanshu{overflow: hidden;border-bottom: solid 1px #37499f; clear: both;margin:30px 0 20px;height: 40px;background: #f0f0f0;}
.cpcanshu_title{width: 124px;height: 40px;background: #37499f;line-height: 40px; text-align: center;border-radius: 5px;}
.cpimg{padding-bottom: 20px;border-bottom: solid 1px #d7d7d7;font-size: 12px;line-height: 24px;}
.cpimg img{margin: 20px auto;}
.cpimg p{clear: both;}
.cpjianjie{clear: both;}
.cpjianjie .lf{width: 137px;text-align: center;background: #ccc;}
.cpjianjie .rf{width: 606px;background: #fcfcfb;overflow: hidden;}
.cpimg ul.cpimg_list li{float: left;margin-right: 10px;}
.cpimg ul.cpimg_list li img{margin: 0;}
.cpimg ul.cpimg_list li span{display: block;text-align: center;}
.cpimg ul.cpimg_list li p{padding: 5px 0;}

.cpzxyd{padding: 80px;font-size: 12px;line-height: 24px;}
.yuding_name{padding-bottom: 15px;}
.yuding_name span{color: #37499f;}
.kehu_name{line-height: 26px;margin-bottom: 10px;overflow: hidden;}
.kehu_name input{width: 145px; height: 26px;line-height: 26px;background: #ebebeb;border: none;outline: none;margin-right: 70px;padding: 0 5px;}
.shangpin{line-height: 26px;clear: both;}
.shangpin span{display: block;}
.shangpin_btn{display: inline-block;height: 26px;}
.shangpin_btn .jian,.shangpin_btn .jia{width: 26px;height: 26px;background: #ebebeb;text-align: center;cursor: pointer;}
.shangpin_btn input{width: 50px;height: 26px;background: #fff;border: solid 1px #ebebeb;display: block;margin-right: 0;text-align: center;}
.kehu_dizhi input{width: 450px;}
.kehu_name textarea{width: 450px;height: 70px;background: #ebebeb;border: none;outline: none;padding: 5px;}
.yzm{clear: both;margin-right: 5px;overflow: hidden;margin-bottom: 30px;}
.yzm img{display: inline-block;margin: 2px 5px;}
.yzm input{margin-right: 5px;}
.yzm span{color: #2254ad;}
.yzm span.f-333{color: #333;}
.zxyd_btn{width: 127px;height: 36px;line-height: 36px;text-align: center; background: #37499f;border: none;outline: none;clear: both;display: block;margin-left: 53px;border-radius: 5px;font-size: 16px;}
/*新闻详情*/
.xwxq_title {
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-align: center;font-size: 24px;
}
.xwxq_ly {
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    border-bottom: solid 1px #e6e6e6;
    font-family: simsun;
    padding-top: 30px;
    margin-bottom: 10px;
}