@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
em , i {font-style: normal;}
.content{width: 1200px;margin:0 auto;}

/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:600px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:#dfdfdf;display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#ffa23b}
.flexslider .slides a img{width:100%;height:600px;display:block}

/*header*/
.xzsheader{height: 230px;overflow: hidden;}
.header{ width: 100%;background: rgb(255, 255, 255);}
.header .wel{ width: inherit; background: #ccc; line-height: 36px;}
.header .header_top .right{ float: right; text-align: center;}
.header .header_top .left,.header .header_top .right a{ color: #666; font-size: 14px;}
.header .header_top .right a{ margin-right: 25px;}
.header .header_top .right a:last-child{ margin-right: 0;}
.header .header_top .right a img{ vertical-align: middle; }
.header .nr{height: 123px;overflow: hidden;}
.header .nr .zb>div,.header .nr .right>div{ display: inline-block; vertical-align: top;}
.header .nr .zb .left{margin-right: 28px;}
.header .nr .zb .wb{padding: 0px 33px 36px;border-left: 1px solid #ccc; height: 44px; margin-top: 27px;}
.header .nr .zb .left img{ vertical-align: top;width: 494px;height: 125px;}
.header .nr .zb .wb i{ display: block; margin: 10px 0 0; line-height:30px; color: #333;font-size:17px;}
.header .nr .zb .wb em{ color: #240e7b;font-weight: bold;  line-height: 30px;font-size:17px;}
.header .nr .right{ margin:38px 0 0;}
.header .nr .right .icon{ margin: 0 16px 0 0;}
.header .nr .right .dz-rx b{ display: block; color: #444; font-size: 22px;line-height: 22px; margin-bottom: 10px;}
.header .nr .right .dz-rx p{ font-size: 26px; color: #b31c23;font-weight: bold; line-height: 26px;}
.slogen{ width:690px; overflow: hidden; height:60px;}

/*栏目*/
.header .head_nav{background:#240e7b;height: 50px;border-top: 3px solid #fff;}
.header .head_nav ul li{width:171px;color: #fff;float: left;height: 50px;line-height: 50px;font-size: 16px;text-align: center;position: relative;}
.header .head_nav ul li a{color: #fff;display: block;width: 100%}
.header .head_nav ul li:hover{background: #eee;height:50px;}
.header .head_nav ul li:hover a{color: #b31c23;font-weight:bold; border-top: 3px solid #b31c23;position: absolute;top: -3px}
.header .head_nav ul li.on {background: #eee;height:50px;}
.header .head_nav ul li.on a{color: #b31c23; font-weight: bold;border-top: 3px solid #b31c23;position: absolute;top: -3px}

/*统一使用的标题*/
.pubtit , .pubtit1 {height: 115px;margin:0 auto;text-align: center; }
.pubtit span{display: block;line-height:30px;font-size: 32px;color: #c7c6c6;text-transform:Uppercase;font-family:"arial";}
.pubtit p{text-align: center;color: #666;font-size:36px;font-weight: 600;}
.pubtit1 span{display: block;line-height:30px;font-size: 32px;color: #bbb;text-transform:Uppercase;font-family:"arial";}
.pubtit1 p{text-align: center;color: #e0dfdf;font-size:36px;font-weight: 600;}

/*产品*/
.pro{padding:60px 0; }
.pro-nav{width:270px;}
.pro-tit{height:102px; background:#240e7b;text-align: center;}
.pro-tit a{display: block;height:102px;padding-top:24px; box-sizing: border-box;}
.pro-tit span{height:36px; line-height: 36px;font-size: 30px; color:#FFFFFF; font-weight: bold;}
.pro-tit em{display: block; height:20px; line-height: 20px;font-size: 18px; color:rgba(255,255,255,0.35); font-family: "arial"; text-transform: uppercase;letter-spacing: 2px;}
.pro-nav .pro-con{background:#F4F4F4;padding:14px 14px 11px 14px; box-sizing: border-box;}
.pro-nav .pro-con li{ display:block;  height:41px;margin-bottom: 15.4px;border-radius:6px;box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.2);padding-left:16px;background:#E2E2E2 url(../images/pro-icon.png) no-repeat 90%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro-nav .pro-con li a{color:#333;line-height:41px; font-size:16px;}
.pro-nav .pro-con li:hover{background:#b31c23 url(../images/pro-icon.png) no-repeat 90%;}
.pro-nav .pro-con li:hover a{color:#fff;}
.pro-nav .pro-bot{height:151px; background:url(../images/pro-lxbj.jpg) no-repeat center; box-sizing: border-box;padding-top: 32px; box-sizing: border-box; width: 270px;}
.pro-nav .pro-bot i{display: block; width:145px; height:29px;margin-bottom: 9px;    margin: 0 auto;}
.pro-nav .pro-bot i img{width:100%;}
.pro-nav .pro-bot span{display: block; }
.pro-nav .pro-bot span em{display: block; text-align: center; line-height: 32px; font-size: 16px; color:#FFFFFF;}
.pro-nav .pro-bot span p{text-align: center;line-height: 30px;font-size: 30px; color:#FFFFFF; font-family: "arial"}

/*右侧*/
.pro-bd{width:912px;}
.hot-list li{float:left;width:280px; margin: 0 36px 20px 0;background-color: #f5f5f5;}
.hot-list li .pimg{display: block; width:280px; height:210px; overflow: hidden;}
.hot-list li .pimg img{width:100%; transition: 1s;}
.hot-list li p{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: center; line-height: 45px; font-size:17px; color:#333;  }
.hot-list li span{display: block;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 20px;color:#999;text-align: left;padding: 0 10px;}
.hot-list li i{display: block; line-height: 30px;width: 100px;color: #fff;margin:8px auto;background-color: #b31c23;border-radius: 20px;text-align: center;}
.hot-list li:hover .pimg img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1);}
.hot-list li:nth-child(3n){float: right;margin-right: 0}
/*下排*/
.pro-bd ul.list li{float:left;width:289px; margin: 0 22px 22px 0;}
.pro-bd ul.list li .pimg{display: block; width:287px; height:215.25px; border:1px solid #e1e1e1; overflow: hidden;}
.pro-bd ul.list li .pimg img{width:100%; transition: 1s;}
.pro-bd ul.list li em{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  line-height: 40px; font-size:15px; color:#333; padding-left:15px; background:#f1f1f1 url(../images/pro-jt3.png) no-repeat 90%;}
.pro-bd ul.list li:nth-child(3n){margin-right: 0;float: right;}
.pro-bd ul.list li:hover .pimg{border:1px solid #333;;}
.pro-bd ul.list li:hover em{background:#240e7b url(../images/pro-jt3.png) no-repeat 90%;color: #fff}
.pro-bd ul.list li:hover .pimg img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1);}

/*关于*/
.abt{height: 650px;padding-top:60px;margin-bottom:60px;background: url(../images/abt.jpg) no-repeat center;box-sizing: border-box;position: relative;}
.abt .content p{color: #ffffff;line-height:32px;text-align: left;text-indent: 2rem;font-size: 15px;}
.abt .more{ width: 92px;font-size: 18px;color: #fff;height: 30px;margin: 5px auto 20px;border-bottom: 2px solid #b31c23;display: block;transition:all 0.5s;}

/*生产车间  荣誉资质*/
.lunbo{overflow: hidden;background: #fff; padding: 10px  10px 10px 10px;position: absolute;}
.lunbo .hd{width:170px; float:left;margin-top: 15px;}
.lunbo .hd ul li{height:90px; background:#EBEBEB; margin-bottom: 2px;display: block;text-align: center; padding-top: 18px;box-sizing: border-box;position: relative;}
.lunbo .hd ul li span{display: block;line-height:30px;font-size: 20px; color:#240e7b;}
.lunbo .hd ul li i{display: block;color:rgba(41,45,51,0.25);text-transform:uppercase;}
.lunbo .hd ul li.cur{border-left:4px solid #b31c23;background:#240e7b;}
.lunbo .hd ul li.cur span{color:#FFF;}
.lunbo .hd ul li.cur i{color:rgba(255,255,255,0.25);}
.lunbo .hd ul li:before{top: 30px;width:25px; height:25px;background:url(../images/abo-jt.png) no-repeat center; content:""; position: absolute;right:0;opacity: 0; transition: .5s;}
.lunbo .hd ul li.cur:before{right:-11px;opacity: 1;}
.lunbo .lunbo-list{width:980px; overflow: hidden;float: left; margin-left: 48px;margin-top:16px;}
.lunbo .lunbo-list .bd li{width: 230px;height:172.5px;float:left; margin-right: 7px; margin-left: 11px; box-sizing: border-box;border:1px solid #ccc;}
.lunbo .lunbo-list .bd img{width:100%;}

/*adv start*/
.advantage {background: url(../images/advbg.jpg)   no-repeat top  center;}
.advantage .adv_body{margin:30px auto 40px auto;height: 752px;background: url(../images/adv.png)   no-repeat center;}
.advantage .adv_body .adv_con:nth-child(1) {width: 550px;margin-left: 85px;position: relative;top: 50px;}
.advantage .adv_body .adv_con:nth-child(2) {width: 550px;margin-left: 85px;position: relative;top: 125px;}
.advantage .adv_body .adv_con:nth-child(3) {width: 520px;margin-left: 85px;float: right;position: relative;top: 270px;}
.advantage .adv_body .adv_con:nth-child(4) {width: 520px;margin-left: 85px;float: right;position: relative;top: 285px;}
.advantage .adv_body .adv_con b{font-size: 30px;color: #240e7b}
.advantage .adv_body .adv_con:nth-child(1) em{display: block;width: 270px;height: 7px;background: url(../images/adv_03.jpg) repeat-x;margin: 10px 0}
.advantage .adv_body .adv_con:nth-child(2) em{display: block;width: 270px;height: 7px;background: url(../images/adv_03.jpg) repeat-x;margin: 10px 0}
.advantage .adv_body .adv_con:nth-child(3) em{display: block;width: 300px;height: 7px;background: url(../images/adv_03.jpg) repeat-x;margin: 10px 0}
.advantage .adv_body .adv_con:nth-child(4) em{display: block;width: 280px;height: 7px;background: url(../images/adv_03.jpg) repeat-x;margin: 10px 0}
.advantage .adv_body .adv_con p{font-size: 16px;line-height: 160%}
/*隔断广告*/
.adv2{ height: 200px;background: url(../images/adv1.jpg) no-repeat center;}
.adv2 .tel{margin-top:107px;width: 500px;}
.adv2 .tel p{font-size: 16px;color: #fff}
.adv2 .tel b{font-size: 36px;font-family: arial;color: #fff;line-height: 140%;letter-spacing: 1px}

/*新闻中心*/
.news{padding:60px 0;background-color:#fff}
.new_l{width:786px;height:539px;box-sizing:border-box;border:1px solid #e8e8e8}
.new_l .exm{font-weight:400;padding:18px 26px 0;height:169px;border-bottom:1px solid #e8e8e8;overflow:hidden}
.new_l .exm i{display:block;overflow:hidden}
.new_l .exm i span{display:inline-block;width:49px;height:48px;font-size:24px;background:url(../images/h_hot.png) no-repeat;padding:8px 6px 0 0;line-height:39px;text-align:center;margin-right:6px;float:left}
.new_l .exm i a{display:inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float:left;color:#111;font-size:18px;padding-top:17px}
.new_l .exm i a:hover{color:#240e7b}
.new_l .exm em{display:block;color:#999;line-height:26px;padding-top:10px}
.new_l .exm em a{color:#240e7b}
.new_l .exm em a:hover{color:#b31c23}
/*两个示范*/
.n_on{height:155px;border-bottom:1px solid #e8e8e8;margin-bottom:20px}
.n_on .n1{overflow:hidden;float:left;padding:28px 0 0 28px;width:342px;margin-right:23px}
.n_on .n1:last-of-type{margin-right:0;border-left:1px solid #e8e8e8;height:128px}
.n_on .n1 .date{float:left;width:52px;height:99px;background:#ccc;text-align:center;box-sizing:border-box;font-family:Arial;font-size:16px;color:#fff;padding-top:30px}
.n_on .n1 .date span{display:block; font-size: 20px;line-height: 30px;}
.n_on .n1 .nr{float:right;width:278px;float:right}
.n_on .n1 .nr a{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:16px;color:#333;font-weight:400;margin:10px 0}
.n_on .n1 .nr p{color:#999;line-height:26px}
.n_on .n1:hover .date{background:#240e7b}
.n_on .n1:hover .nr a{color:#240e7b}
/*左边*/
.new_l ul{padding-left:28px}
.new_l ul li{overflow:hidden}
.new_l ul li{padding-left: 18px; line-height: 35px;overflow: hidden;background:url(../images/n_io.jpg) no-repeat 0 15px}
.new_l ul li a{color:#666;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_l ul li a:hover{color:#240e7b}
.new_l ul li span{display:inline-block;float:right;padding-right:28px;color:#8c8c8c;}
/*右侧百科*/
.new_r{width:381px;height:539px;background:#f1f1f1;box-sizing:border-box;padding:0 15px}
.new_r .nrtit{font-weight:400;line-height:100%;padding:20px 0 19px 0}
.new_r .nrtit a{font-size:20px;color:#333}
.new_r .nrtit span{display:inline-block;float:right;padding-top:7px}
.new_r .nrtit span a{color: #b31c23; font-size: 16px; font-weight: 600;}
.new_r .nrtit a:hover{color:#240e7b}
.new_r .n2{height:288px;overflow:hidden;border-bottom:1px dashed #ccc;margin-bottom:20px}
.new_r .n2img{width: 360px;height: 200px;}
.new_r .n2img img{width: 360px;height: 200px;}
.new_r a.n2tit{display: block; color: #454545; font-size: 16px; line-height: 27px;padding: 18px 18px 0;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.new_r a.n2tit:hover{color:#240e7b}
.new_r ul li{padding-left:24px;line-height: 35px;background:url(../images/n_io.png) no-repeat 8px 15px}
.new_r ul li a{color:#666;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_r ul li a:hover{color:#240e7b}

/*footer*/
.footWrap{background:#353535;box-sizing:border-box;overflow:hidden;}
.footer{width:1200px;margin:0 auto;overflow:hidden; padding: 100px 0;}
.footWrap span{display: block;line-height:30px;color:#fff; font-size: 26px;font-weight: 700;margin-bottom: 20px;font-family: arial; text-transform: uppercase;}
.fnav{overflow:hidden;width:335px;float:left;height:208px;border-right:1px solid #4a4a4a}
.fnavv a{font-size:15px;color:#cecece;line-height:36px;}
.fnav  em  ,  .fcontact  em{display: block;width: 100px;height: 2px;background-color: #fff;margin: 4px 0 12px 0;}
.fnavv li{float: left;height:36px;margin-right:35px;width:93px;}
.fcontact {float:left;overflow:hidden;width:474px;height:208px;box-sizing:border-box;border-right:1px solid #4a4a4a;padding-left:51px}
.fcontact p{height:42px;line-height:42px;padding-left:50px;background:url(../images/fttel.png) no-repeat left center;font-size:26px;color:#b31c23;font-weight:700;margin-bottom:15px}
.fcontact li , .fcontact1 li{line-height:28px;color:#949494;font-weight:400;font-size:15px;}
.fcontact li em , .fcontact1 li em{padding:0 10px}
.fcontact li a , .fcontact1 li a{color: #949494}
.fcontact1{float:left;overflow:hidden;width:385px;height:208px;box-sizing:border-box;padding-left:51px;padding-top: 94px;}
.fcontact1 p{height:42px;line-height:42px;padding-left:50px;font-size:26px;color:#fff;font-weight:700;margin-bottom:15px}

/*copyright*/
.footWrap2{height:58px;color:#666;background:#2e2e2e}
.footWrap2 a{color:#666}
.footWrap2 p{opacity:.4;color:#fff;line-height:58px;text-align: center;}
.footWrap2 p a{color:#fff;opacity:1}
.footWrap2 em{padding:0 5px}