@charset "utf-8";


.n_banenr{height:280px;width:100%;overflow:hidden}

.n_banenr h1{font-size: 30px; color: #f36825; display:block; font-weight:bold;text-transform: uppercase;} 

.n_banenr h2{font-size: 24px; margin-bottom:10px; margin-top:0px; color: #fff;  display:block;}

.n_banenr strong{font-size: 14px; color: #797a7c;  display:block;}

.status{border-bottom: #e8e8e8 1px solid;height: 50px;/* line-height: 50px; */}
.status .content{ width:1200px; margin:0 auto;}
.status .content .fl{ width:1200px; /*width:1168px;*/ }
.status .content .fr{padding: 17px 0 0 0;position:relative;cursor:pointer}
/*#content_ss{width:220px;height:36px;line-height:36px;background-color: #1b2a55;position:absolute;top:50px;right:0; display:none;}
#content_ss input[type="text"]{border: none;width: 165px;display: block;height:36px;color: #787882;font-size: 14px;background:none;line-height:36px;padding: 0 0 0 15px;font-family:"Microsoft YaHei";}
#content_ss input[type="submit"]{position:absolute;right: 12px;top: 8px;padding: 0;z-index:2;background:url(../images/sousuo.png) center no-repeat;height:20px;width:20px;cursor:pointer;border:none;}*/

.status h4{float:left;display:inline-block;color: #1e2d68;font-size: 16px;box-sizing:border-box;background: url(../images/tel.png) 5px center no-repeat;padding-left: 30px;font-weight: bold;line-height: 50px; }
.status h5{float:left;display:inline-block;width:255px;color: #1e2d68;font-size: 16px;box-sizing:border-box;background: url(../images/ico-phone.png) 25px center no-repeat;padding-left: 54px;line-height: 50px;font-weight: bold;}
.status ul{ float:right; margin-top:15px;}
.status ul li{float:left;box-sizing:border-box;text-align:center;margin: 0 5px;}
.status ul li a{ display:block;}
.status ul li a .img{float:left;box-sizing:border-box;text-align:center;display:table; font-size:14px; color:#1e2d68;}
.status ul li a i{ display:table-cell; vertical-align:middle;}
.status ul li img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);filter: gray; filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8; -khtml-opacity:0.8;}
.status ul li:hover img{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);filter: none; filter:alpha(opacity:100); opacity:1;  -moz-opacity:1; -khtml-opacity:1;}
.status ul li a{ display:block;}


#header{ }
#header .main_box{position:relative;height: 94px;}
#header .logo{position:absolute;top: 5px;left:0;z-index:3;}
#header .logo a {display:table;  height:140px;}
#header .logo a img{display:table-cell;vertical-align:middle;}
/*=================导航=================*/
#nav{position:absolute;top: 39px;right:0px;}
#nav li{ display:block; display: inline-block; margin-left: 40px; min-width:30px;  position:relative;  }
#nav li .a{display: inherit;text-align:center;height: 55px;}
#nav li .a strong{display:block;font-size: 16px;color: #3d3d3f;text-align:center;position:relative;z-index:4;font-weight: normal; font-weight:bold;}
#nav li .a span{ position:absolute; bottom:0px; left:-37.5px; width:140px;  text-align:center;}
#nav li .a i{ display:block; margin:0 auto; text-align:center;  z-index:1; height:2px; width:0; background: #1e2d68;}
#nav .on .a strong{  }
#nav li.on .a strong{ color:#1e2d68;}
#nav li .a:hover i{ width:140px; }
#nav li .a:hover strong{ color:#1e2d68;}
#nav li.on .a:hover i{transform:rotateX(0deg);-webkit-transform:rotateX(0deg); /* Safari and Chrome */-moz-transform:rotateX(0deg); /* Firefox */  }
#nav.title{position: relative;}
#nav .list {width: 140px;left:-37.5px;max-height: 0;position: absolute;top: 55px;z-index: 0;-webkit-perspective: 400px;-moz-perspective: 400px;-ms-perspective: 400px;-o-perspective: 400px;perspective: 400px;}
#nav .list a{width:140px;  height:50px;line-height:50px; text-align: center; color: #222;  display: block; font-size: 14px; text-decoration: none; opacity: 0;background-color:#fff;border-bottom:#e9ecf1 1px solid; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg);transform: rotateY(90deg);-webkit-transition: opacity .4s, -webkit-transform .5s; -moz-transition: opacity .4s, -moz-transform .5s;-ms-transition: opacity .4s, -ms-transform .5s;transition: opacity .4s, transform .5s; }
#nav .list a:hover{ color: #1e2d68; border-bottom:#1e2d68 1px solid;} 
#nav li:focus .list,#nav li:hover .list{max-height:2000px;z-index:10;  }
#nav li:focus .list a,#nav li:hover .list a{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
#nav li:hover .list a:nth-child(1){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
#nav li:hover .list a:nth-child(2){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}
#nav li:hover .list a:nth-child(3){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
#nav li:hover .list a:nth-child(4){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}
#nav li:hover .list a:nth-child(5){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
#nav li:hover .list a:nth-child(6){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}
#nav li:hover .list a:nth-child(7){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
#nav li:hover .list a:nth-child(8){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}
#nav .list a:nth-child(1){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}
#nav .list a:nth-child(2){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
#nav .list a:nth-child(3){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}
#nav .list a:nth-child(4){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
#nav .list a:nth-child(5){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}
#nav .list a:nth-child(6){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
#nav .list a:nth-child(7){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}
#nav .list a:nth-child(8){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}

#banner{width:  100% !important;position:relative;height:413px;}
#banner .bd{position:relative}
#banner .bd a{display:block;width:100%;height:413px}
#banner .hd{margin:0 auto;position:absolute;width:100%;overflow: hidden;height: 16px;bottom: 30px;}
#banner .hd ul{margin:0 auto;z-index:9;width:100%;display:inherit;text-align:center;position:relative;height: 16px;}
#banner .hd ul li{line-height:500px;border-radius:50%;height:12px;width:12px; margin:0 5px;display:inline-block; background-color:#fff }
#banner .hd ul li:hover{background:#1e2d68; }
#banner .hd ul li.on{background:#1e2d68;}
#banner .bnt{position:absolute;top:50%;z-index:3;margin-top:-21px}
#banner .prev{position:absolute;left:-54px}
#banner .next{position:absolute;right:-54px}
#banner:hover .prev{left:50px;opacity:.5;filter:alpha(opacity=50)}
#banner:hover .next{right:50px;opacity:.5;filter:alpha(opacity=50)}

footer{height:620px;background:url(../images/footer-bg.jpg) center top no-repeat;padding: 68px 0 0 0;box-sizing:border-box;}
footer .title{text-align:center;margin-bottom: 100px;}
footer .title h4{color:#FFF;font-size:24px;font-weight:bold;text-transform:uppercase;}
footer .title h2{font-weight:bold;border-bottom:#363036 2px solid;display:inline-block;padding: 0 30px;height: 20px;text-align: center;}
footer .title h2 span{color: #fff;font-size:30px;display:block;height:20px;width:100%;height:50px;padding: 0 5px;margin-left: -5px;}
footer .content .left{ float:left; width:462px; position:relative;}
footer .content .left h4{ font-size:20px; color:#fff; margin-bottom:15px;}
footer .content .left p{ line-height:22px; height:44px; overflow:hidden; font-size:14px; width:376px; color:rgba(255,255,255,0.6)}
footer .content .left h2{ padding:0 0 0 20px; background:url(../images/local01.png) left center no-repeat; font-size:14px; color:#fff; margin-bottom:6px;}
footer .content .left h3{ padding:0 0 0 20px; background:url(../images/tel03.png) left center no-repeat; font-size:24x; font-weight:bold; color:#fff}
footer .content .left ul li{display:inline-block;margin: 25px 3px;}
#fix_ewm_box{position:fixed; top: 0px; right: 0; z-index: 9999; display: none; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.9); }
#fix_ewm_box .ewm img{display: block;position: absolute;top: 50%;margin-top: -160px;left: 50%;margin-left: -100px;width: 200px;height: 200px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
footer .content .left .llq{position:absolute;top: 110px;right:0;}
footer .content .right{ float:right; width:630px;}
#job_form{ width:602px; margin: 0 auto;}
#job_form h1{ display:block; text-align:center; color:#737373; margin-bottom:25px; padding-top: 25px;}
#job_form h1 strong{ font-weight:bold; font-size:18px;}
#job_form form{ margin-right:-20px;}
#job_form  .text{width:259px;padding: 0 15px;height: 50px;line-height: 50px;background: none;border: 1px solid #fff;font-size: 14px;color: #474949;margin: 0 0 20px 0;float: left;}
#job_form  textarea{display:block;height:160px;resize:none;margin-bottom: 30px;background:none;border: 1px solid #fff;width:560px;padding:10px 15px;font-size:14px;color:#474949;line-height:20px;}
#job_form .hr_form_fot{ position:relative;}
#job_form  .text:focus{ border:1px solid #f67b8e;}
#job_form  textarea:focus{ border:1px solid #f67b8e;}
#job_form .submit{background: #1e2d68;font-size:14px !important;border:0;height:45px !important;color:#fff;line-height:45px !important;width:150px;cursor:pointer;float: right;}
#job_form .submit:hover{ background-color:#363036; color: #fff;}
#job_form  .file_box { position:relative; padding-left:60px; line-height:28px; font-size:14px;}
/*#job_form  .file_box input[type="file"]{ opacity:0; filter:alpha(opacity=0); cursor:pointer;}*/
#job_form  .file_box .f_box{ position:relative; }
#job_form  .file_box input[type="file"]{ cursor: pointer;}
#job_form  .file_box strong{ position:absolute; left:0; top:3px; color:#727272;}
#job_form  .file_box .bnt_file{ text-align:center;  height:28px; line-height:28px; color:#fff; font-size:12px; width:85px;  cursor:pointer;  margin-left:5px; background:#a9a9a9; border-radius:2px; position:absolute; left: 0px; top: 3px;}
#job_form  .f_box input{  }
#job_form  .file_box #jianli{ width:80px !important; height:28px !important; cursor:pointer; opacity:0; filter:alpha(opacity=0); position:absolute; left:95px; top:3px;}
#job_form  .file_box #jianli:hover .bnt_file{ background:#10578e; color: #fff; }

footer .bottom{ text-align:center; color:rgba(255,255,255,0.3); font-size:12px; margin-top:80px;}
footer .bottom a{ color:rgba(255,255,255,0.3); font-size:12px;}
footer .bottom a:hover{ color:rgba(255,255,255,1);}


/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

.container01{ height:80px; background-color:#1e2d68; position:relative;}
.container01 .left{ float:left; width:825px; height:80px;}
.container01 .left #content_ss{float:left;width:274px;height:38px;line-height:38px;background-color:#fff;margin-top: 20px; position:relative; margin-right:30px;}
.container01 .left #content_ss input[type="text"]{border: none;width: 215px;display: block;height:36px;color: #787882;font-size: 14px;background:none;line-height:36px;padding: 0 0 0 15px;font-family:"Microsoft YaHei";}
.container01 .left #content_ss input[type="submit"]{position:absolute;right: 2px;top: 1px;padding: 0;z-index:2;background:url(../images/sousuo.png) center no-repeat;height: 35px;width: 34px;cursor:pointer;border:none;}
.container01 .left dl{ float:left; width:480px; height:80px; line-height:80px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.container01 .left dl dt{ float:left; font-size:14px; color:#fff; margin-right:5px;}
.container01 .left dl dd a{ float:left; font-size:12px; color:rgba(255,255,255,0.7); margin-right:15px;}
.container01 .left dl dd a:hover{ color:#fff}
.container01 .right{width:735px;height:80px;position:absolute;top:0;background-color:#363036;right:50%;margin-right: -959.5px; box-sizing:border-box; padding:15px 0 0 50px;}
.container01 .right .ico{ float:left; margin-right:15px;}
.container01 .right .ico img{ margin:5px 0 0 0 }
.container01 .right h6{ font-size:14px; color:#fff}
.container01 .right h3{ font-size:20px; color:#fff; font-weight:bold;}

.container02{ padding:40px 0 0 0}
.container02 .title{ text-align:center; margin-bottom:42px;}
.container02 .title h4{ color:#1e2d68; font-size:24px; font-weight:bold; text-transform:uppercase;}
.container02 .title h2{font-weight:bold;border-bottom:#363036 2px solid;display:inline-block;padding: 0 30px;height: 20px;text-align: center;}
.container02 .title h2 span{color:#1e2d68;font-size:30px;display:block;height:20px;background-color:#fff;width:100%;height:50px;padding: 0 5px;margin-left: -5px;}
/*图文*/
.container02 ul{width: 1245px;}
.container02 li{float:left;width: 370px;text-align: center;overflow: hidden;height: 400px;margin-right: 45px;display:block;position:relative;}
.container02 ul li .up{float:left;width: 370px;height: 280px;overflow:hidden;margin-bottom:10px;}
.container02 ul li .up img{float:left;width: 370px;height: 280px;}
.container02 ul li .text{float:left;width: 370px;height: 74px;line-height: 74px;background-color: #f7f7f8;box-sizing:border-box;padding:0 35px;text-align: center;border: #dcdcdc 1px solid;color: #333335;font-size: 16px;}
.container02 ul li .text:hover{ background-color:#1e2d68; color:#fff}
.container02 ul li .text h1{ float:left; width:112px; height:120px; line-height:120px; font-size:20px; color:#292929}
.container02 ul li .text p{ float:left; width:194px; height:48px; line-height:24px; color:#747474; overflow:hidden; font-size:14px; margin-top:35px;}
.container02 ul li .font{width: 370px;height: 155px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:125px;}
.container02 ul li .font h3{font-size:36px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:36px;}
.container02 ul li:hover img{transform: scale(1.05, 1.05);}
.container02 ul li .font::before,.container02 ul li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.container02 ul li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.container02 ul li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.container02 ul li:hover .font::before,.container02 ul li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}
.container01 ul li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.container01 ul li:hover .font::before,.container02 ul li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}

.container03{ height:275px; background-color:#1e2d68; background-image:url(../images/bg.jpg)}
.container03 .w1200 .left{ float:left; width:710px;}
.container03 .w1200 .left h2{ margin:65px 0 42px 0}
.container03 .w1200 .left .bt a{ float:left; display:block; width:137px; height:42px; background-color:#fff; line-height:42px; text-align:center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; color:#1e2d68; margin-right:18px; font-size:14px; }
.container03 .w1200 .left .bt a:hover{ background-color:#363036; color:#fff}
.container03 .w1200 .left .tel{ float:left; display:block; width:207px; height:42px; line-height:42px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; color:#1b2a55; padding:0 0 0 45px; box-sizing:border-box; background:#fff url(../images/tel01.png) 14px center no-repeat; font-weight:bold; font-size:18px; color: #1e2d68;}
/*.container03 .w1200 .left .tel a:hover{ background:#363036 url(../images/tel01-on.png) 34px center no-repeat; color:#fff}*/
.container03 .w1200 .right img{ margin-top:25px; float:right;}

/*巴瑞尔八大优势*/
.container04{ padding:80px 0 115px 0}
.container04 .title{ text-align:center; margin-bottom:42px;}
.container04 .title h4{ color:#1e2d68; font-size:24px; font-weight:bold; text-transform:uppercase;}
.container04 .title h2{font-weight:bold;border-bottom:#363036 2px solid;display:inline-block;padding: 0 30px;height: 20px;text-align: center;}
.container04 .title h2 span{color:#1e2d68;font-size:30px;display:block;height:20px;background-color:#fff;width:100%;height:50px;padding: 0 5px;margin-left: -5px;}
.container04 .w1200 .tab-hd{ width:1200px; margin-bottom:75px; position:relative; z-index:100}
.container04 .w1200 .tab-hd ul{width: 1280px; margin-left:-40px; background:url(../images/container04-line.png) center 69px no-repeat;}
.container04 .w1200 .tab-hd ul li{ float:left; width:160px; text-align:center; cursor:pointer}
.container04 .w1200 .tab-hd ul li h5{font-size:16px;font-weight:bold;color:#1e2d68;line-height: 50px;}
.container04 .w1200 .tab-hd ul li span{display:block;width:41px;height:41px;line-height:41px;font-size:16px;color:#fff;background-color:#d4d5da;margin: 0 auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%;}
.container04 .w1200 .tab-hd ul li:hover h5,.container04 .w1200 .tab-hd ul li.on h5{ color:#363036;}
.container04 .w1200 .tab-hd ul li:hover span,.container04 .w1200 .tab-hd ul li.on span{ background-color:#363036;}
.container04 .w1200 .tab-bd{ position:relative; z-index:1 !important;}
.container04 .w1200 .tab-con{ float:left; width:100%; height:250px; background:url(../images/yh01.png) left top no-repeat, url(../images/yh02.png) right bottom no-repeat; position:relative;}
.container04 .w1200 .tab-con .left{ float:left; width:502px;}
.container04 .w1200 .tab-con .left .img{ float:right; width:360px; height:250px;}
.container04 .w1200 .tab-con .con{ float:right; width:620px; padding:30px 0 0 0; box-sizing:border-box;}
.container04 .w1200 .tab-con .con h5{ color:#1e2d68; font-size:24px; line-height:36px; font-weight:bold; display:inline-block;}
.container04 .w1200 .tab-con .con small{ color:#363036; font-size:14px; line-height:36px; font-weight:bold; margin-left:10px; text-transform:uppercase;}
.container04 .w1200 .tab-con .con p{ font-size:14px; color:#585859; line-height:26px; margin-top:30px; height:52px; width:465px;}
.container04 .arrow{position:absolute;right: 536px;top: 348px;}
.container04 .arrow a{ display:block; text-align:center; width:34px; height:34px; line-height:34px; float:right; margin:0 5px; overflow:hidden;cursor:pointer; background-color:#d4d5da; color:#fff; font-size:14px; font-family:simsun; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%;}
.container04 .arrow a:hover{ background-color:#1e2d68;}
.container04 .w1200 .tab-con .left .img .font{width: 360px;height: 125px;top:0;left: 142px;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:125px;}
.container04 .w1200 .tab-con .left .img .font::before,.container04 .w1200 .tab-con .left .img .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.container04 .w1200 .tab-con .left .img .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.container04 .w1200 .tab-con .left .img .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.container04 .w1200 .tab-con .left .img:hover .font::before,.container04 .w1200 .tab-con .left .img:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}
/*您的家庭供暖热水系统*/
.container05{ padding:80px 0 75px 0; background-color:#edeef3}

.container05 .title{text-align:center;margin-bottom: 70px;}
.container05 .title h4{ color:#1e2d68; font-size:24px; font-weight:bold; text-transform:uppercase;}
.container05 .title h2{font-weight:bold;border-bottom:#363036 2px solid;display:inline-block;padding: 0 30px;height: 20px;text-align: center;}
.container05 .title h2 span{color:#1e2d68;font-size:30px;display:block;height:20px;background-color:#edeef3;width:100%;height:50px;padding: 0 5px;margin-left: -5px;}
.container05 .w1200 ul{width:1230px;margin-bottom: 52px;}
.container05 .w1200 ul li{float:left;width: 175px;height: 218px;text-align:center;box-sizing:border-box;background-color: #fff;margin-right:30px;}
.container05 .w1200 ul li a{ display:block; width:100%; height:100%; }
.container05 .w1200 ul li a:hover{background-color: #1e2d68;}
.container05 .w1200 ul li:nth-child(7){border-right: #e5e5e5 1px solid;}
.container05 .w1200 ul li .img{float:left;width:100%;height: 90px;display:table;margin-top: 30px;}
.container05 .w1200 ul li .img i{ display:table-cell; vertical-align:middle;}
.container05 .w1200 ul li h5{float:left;width:100%;height:24px;line-height:24px;color: #1e2d68;font-size: 16px;}
.container05 .w1200 ul li h6{float:left;width:100%;height:18px;line-height:18px;color: #1e2d68;font-size: 12px; text-transform:uppercase;}
.container05 .w1200 ul li .img .img02{ display:none;}
.container05 .w1200 ul li a:hover .img01{ display:none;}
.container05 .w1200 ul li a:hover .img02{ display:inline;}
.container05 .w1200 ul li a:hover h5,.container05 .w1200 ul li a:hover h6{ color:#fff}
.container05 .w1200 .con{ text-align:center;}
.container05 .w1200 .con .bt,.container05 .w1200 .con .tel{ display:inline-block; vertical-align: middle;}
.container05 .w1200 .con .bt a{display: inline-block;width: 170px;height: 50px;background-color:#1e2d68;line-height: 50px;text-align:center;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;color:#fff;margin-right:18px;font-size: 18px;}
.container05 .w1200 .con .bt a:hover{ background-color:#363036; color:#fff}
.container05 .w1200 .con .tel a{display: inline-block;width: 225px;height: 50px;line-height: 50px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;color:#fff;padding: 0 0 0 40px;box-sizing:border-box;background: #363036 url(../images/tel01-on.png) 30px center no-repeat;font-weight:bold;font-size: 24px;}
/*.container05 .w1200 .con .tel a:hover{ background:#1e2d68 url(../images/tel01-on.png) 34px center no-repeat; color:#fff; padding: 0 0 0 36px;}*/

/*选择我们的四大理由*/
.container06{ padding:80px 0 75px 0; background:url(../images/container06-bg.jpg) center top no-repeat;}
.container06 .title{text-align:center;margin-bottom: 70px;}
.container06 .title h4{color: #fff;font-size:24px;font-weight:bold;text-transform:uppercase;}
.container06 .title h2{font-weight:bold;border-bottom:#363036 2px solid;display:inline-block;padding: 0 30px;height: 20px;text-align: center;}
.container06 .title h2 span{color: #fff;font-size:30px;display:block;height:20px;background-color: #303338;width:100%;height:50px;padding: 0 5px;margin-left: -5px;}
.container06 .w1200 .center{ text-align:center; /*font-size:0;*/}
.container06 .w1200 .center img{ margin:0 auto; display:block; }
.container06 .w1200 .con{text-align:center;margin-top: 36px;}
.container06 .w1200 .con .tel a{display: inline-block;width: 312px;height: 68px;line-height: 68px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;color:#fff;padding: 0 0 0 70px;box-sizing:border-box;background: url(../images/ico-tel.png) 38px center no-repeat;font-weight:bold;font-size: 27px;border: #8f9093 2px solid;}
/*.container06 .w1200 .con .tel a:hover{ background:#1e2d68 url(../images/ico-tel.png) 42px center no-repeat; color:#fff; padding: 0 0 0 66px;}*/

/*icon*/
.container07 .w1200 ul{overflow:hidden;margin: 90px 0 70px 0;}
.container07 .w1200 ul li{float:left;width: 255px;height: auto;text-align:center;box-sizing:border-box;}
.container07 .w1200 ul li a{ display:block; width:100%; height:100%; }
.container07 .w1200 ul li .img{width: 137px;height: 110px;display:table;margin: 0 auto;}
.container07 .w1200 ul li .img i{width: 137px;height: 110px;background-color: #fff;border-radius: 50%;display:table-cell;vertical-align:middle;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container07 .w1200 ul li .img i:hover{transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg);}
.container07 .w1200 ul li h5{float:left;width:100%;height:30px;line-height:30px;color: #252526;font-size: 18px;}
.container07 .w1200 ul li p{float:left;width:100%;height: 48px;line-height: 24px;color: #a9a9aa;font-size:12px;margin-top:5px;}
.container07 .w1200 ul b{ float:left; width:60px; height:185px; background:url(../images/jiantou.png) center center no-repeat;}

.container08{ background:url(../images/container08-bg.jpg) center top no-repeat; height:390px; box-sizing:border-box; padding:90px 0 0 0; text-align:center;}
.container08 a{ display:block;}
.container08 h3{ font-size:30px; color:#fff; text-transform:uppercase;}
.container08 h4{ font-size:18px; color:#fff; line-height:40px;}
.container08 h6{ font-size:14px; color:#fff; margin-bottom:56px;}
.container08 img{ margin:0 auto;}
.container08:hover img{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";  /* For IE 8 */ filter: 
progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');  /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */ -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%;}

/*工程案例*/
.container09{padding: 50px 0 70px 0;}
.container09 .title{ text-align:center; margin-bottom:42px;}
.container09 .title h4{ color:#1e2d68; font-size:24px; font-weight:bold; text-transform:uppercase;}
.container09 .title h2{font-weight:bold;border-bottom:#363036 2px solid;display:inline-block;padding: 0 30px;height: 20px;text-align: center;}
.container09 .title h2 span{color:#1e2d68;font-size:30px;display:block;height:20px;background-color:#fff;width:100%;height:50px;padding: 0 5px;margin-left: -5px;}
.container09 .picScroll{ width:1200px;}
.container09 .scrollWrap{width: 1094px;height: 291px;margin: 0 auto;overflow: hidden;}
.container09 ul li{float:left;width:335px;margin: 20px 44px 0 0;}
.container09 ul li a{ display:block;}
.container09 ul li a .img{display:block;width:335px;height:290px;overflow:hidden;position: relative;}
.container09 ul li a img{ display:block; width:335px; height:290px;    object-fit: cover;}
.container09 ul li a h1{ padding:17px 0px 12px 0px;  padding-bottom:0px;  display:block; position:relative;}
.container09 ul li a h1 { font-size:16px;  margin-bottom:10px; color:#222225; display:block;  }
.container09 ul li a:hover h1  {color: #363036;}
.container09 .fot_box{position:relative;height: 14px;line-height:14px;}
.container09 .fot_box span{color:#5b5c5e; font-size:12px; }
.container09 .fot_box a{ display:block;  color:#4a4b57; font-size:12px; position:absolute; right:0px; top:0; }
.container09 .fot_box a:hover{ color: #363036;}
.container09 .bd{ position:relative;}
.container09 .prev,.container09 .next{display: block;width: 34px;height: 34px;line-height: 32px;z-index: 9;overflow: hidden;box-sizing:border-box;border:#c1c2c6 2px solid;font-family:simsun;color:#c1c2c6;font-size: 23px;font-weight:bold;text-align:center;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%;}
.container09 .prev{position:absolute;left:0;top:50%;margin-top: -45px;}
.container09 .next{position:absolute;right:0;top:50%;margin-top: -45px;}
.container09 ul li a .img .font{width: 335px;height: 145px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:125px;}
.container09 ul li a .img .font::before,.container09 ul li a .img .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.container09 ul li a .img .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.container09 ul li a .img .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.container09 ul li a .img:hover .font::before,.container09 ul li a .img:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}

/*经销商见证*/
.container10{padding: 60px 0 60px 0; background-color:#1e2d68}
.container10 .title{ text-align:center; margin-bottom:42px;}
.container10 .title h4{color: #fff;font-size:24px;font-weight:bold;text-transform:uppercase;}
.container10 .title h2{font-weight:bold;border-bottom:#363036 2px solid;display:inline-block;padding: 0 30px;height: 20px;text-align: center;}
.container10 .title h2 span{color: #fff;font-size:30px;display:block;height:20px;background-color: #1e2d68;width:100%;height:50px;padding: 0 5px;margin-left: -5px;}
.container10 .focusBox {float:left;position: relative;width: 410px;height: 284px;overflow: hidden;text-align: left;}
.container10 .pic img {width: 410px;height: 284px;display: block;}
.container10 ul li .top{position:absolute;width: 100%;height: 60px;line-height: 60px;bottom: 0;}
.container10 ul li .top h6{font-size:15px;color:#3c3c3e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding:0 25px;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC1e2d68', endColorstr='#CC1e2d68');background: rgba(0,0,0,0.5);}
.container10 .notice .tab-bd .con{float:right;width: 725px;}
.container10 .notice .tab-bd .con ul li{float:left;width: 100%;padding: 0px 0 6px 0;border-bottom: #e0e0e1 1px solid;margin-bottom: 6px;}
.container10 .notice .tab-bd .con ul li h5{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin:0 0 10px 0;}
.container10 .notice .tab-bd .con ul li h5 .span{ color:#d42c30;}
.container10 .notice .tab-bd .con ul li a{ color:#323131; font-size:15px;}
.container10 .notice .tab-bd .con ul li p{ color:#929294; font-size:12px; line-height:22px; height:44px; overflow:hidden;}
.container10 .content .con{float:right;width:725px;}
.container10 .content .con .first{width:100%;overflow:hidden;}
.container10 .content .con .first a{display:block;font-size: 15px;color: #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;height: 44px;line-height: 22px;margin-bottom: 15px;border-bottom: #2fafb1 1px solid;}
.container10 .content .con .first span{display:inline-block;width:100%;line-height: 20px;color:#9e9ea1;font-size:12px;}
.container10 .content .con .first p{float: left;font-size: 12px;color: rgba(255,255,255,0.45);line-height: 22px;height: 44px;overflow:hidden;margin-top: 5px;margin-bottom: 15px;}
.container10 .content .con ul{ padding:10px 0 0 0}
.container10 .content .con ul li{float:left;width:100%;line-height: 50px;height: 50px;border-bottom: #2fafb1 1px solid;}
.container10 .content .con ul li i{float:left;width: 7px;margin-right: 8px;}
.container10 .content .con ul li i img{float:left;width:100%;height:auto;margin-top: 22px;}
.container10 .content .con ul li a{float:left;width:66%;font-size: 14px;color: #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.container10 .content .con ul li a:hover,.container10 .content .left .con .first a:hover,.container10 .content .con .first a:hover{color: #363036;}
.container10 .content .con ul li span{float:right;width:68px;text-align:right;font-size:12px;color: #fff;}
.container10 .content .con .first .left{ width:540px;}
.container10 .content .con .first .right{ width:70px; text-align:right;}
.container10 .content .con .first .right h1{font-size:35px;color: #ffffff;line-height:40px;font-weight:bold;}
.container10 .content .con .first .right h6{ color:#fff}
.container10 .content .con .first .right h2{ font-size:12px; color:#353537; line-height:30px}
.container10 .content .con .first .right strong{font-size:14px;color:#e94609;font-family:simsun;margin: 0 11px 0 0;line-height: 50px;}

/*巴瑞尔全国体验店*/
.container11{padding: 70px 0 30px 0;background-color:#f9f9fa;}
.container11 .title{text-align:center;margin-bottom: 65px;}
.container11 .title h4{ color:#1e2d68; font-size:24px; font-weight:bold; text-transform:uppercase;}
.container11 .title h2{font-weight:bold;border-bottom:#363036 2px solid;display:inline-block;padding: 0 30px;height: 20px;text-align: center;}
.container11 .title h2 span{color:#1e2d68;font-size:30px;display:block;height:20px;background-color: #f9f9fa;width:100%;height:50px;padding: 0 5px;margin-left: -5px;}
.container11 ul{ float:left; width:1260px; margin-bottom:20px}
.container11 ul li{float: left;width: 580px;height: 192px;position:relative;margin: 0 50px 30px 0;background-color: #fff;border: #e2e2e3 1px solid;box-sizing: border-box;}
.container11 ul li .text_box{width: 220px;}
.container11 ul li .text_box{position: relative;width: 325px;padding: 11px 30px 0 30px;height: 188px;margin: 0 0 0 245px;box-sizing: border-box;} 
.container11 ul li h1{font-size: 18px;margin:0 10px 5px 0;color: #1e2d68;padding-top: 25px;display:inline-block;}
.container11 ul li small{ font-size:12px; color:#c7c8c9; display:inline-block; padding:1px 13px; border:#c7c8c9 1px solid; border-radius:2px;}
.container11 ul li p{padding-left: 22px;font-size: 14px;line-height:22px;overflow: hidden;margin-bottom: 10px;}
.container11 ul li .p1{color: #353537;background: url(../images/tel02.png) 0 4px no-repeat;margin-top: 15px;}
.container11 ul li .p2{color: #353537;background: url(../images/local.png) 0 4px no-repeat;margin-top: 8px;height: 44px;overflow: hidden;}
.container11 ul li img{position:absolute;left: 16px;top: 16px;height: 160px;width: 230px;display: block;}

/*新闻中心*/
.container12{padding: 56px 0 65px 0;}
.container12 .title{ text-align:center; margin-bottom:12px;}
.container12 .title h4{ color:#1e2d68; font-size:24px; font-weight:bold; text-transform:uppercase;}
.container12 .title h2{font-weight:bold;border-bottom:#363036 2px solid;display:inline-block;padding: 0 30px;height: 20px;text-align: center;}
.container12 .title h2 span{color:#1e2d68;font-size:30px;display:block;height:20px;background-color:#fff;width:100%;height:50px;padding: 0 5px;margin-left: -5px;}
.container12 ul{ width:1260px; float:left;}
.container12 ul li{float:left;width: 365px;margin: 20px 52.5px 0 0;}
.container12 ul li a{ display:block;}
.container12 ul li a .img{display:block;width: 365px;height: 215px;overflow:hidden;position: relative;}
.container12 ul li a img{display:block;width: 365px;height: 215px;}
.container12 ul li a h1{padding: 30px 0px 12px 0px;padding-bottom:0px;display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.container12 ul li a h1 {font-size: 15px;margin-bottom: 10px;color:#222225;display:block;}
.container12 ul li a:hover h1  {color: #363036;}
.container12 .fot_box{position:relative;line-height:14px;}
.container12 .fot_box span{color: #b6b6b9;font-size:12px;}
.container12 .fot_box p{font-size:14px;color:#797979;line-height:24px;margin: 15px 0 40px 0;}
.container12 .fot_box a{display:block;color:#999999;font-size:16px;width: 88px;height: 34px;line-height: 30px;box-sizing: border-box;border: #eeeeee 1px solid;text-align: center;}
.container12 .fot_box a b{ font-family:simsun; font-size:12px}
.container12 .fot_box a:hover{ background-color: #363036; color:#fff}
.container12 ul li a .img .font{width: 365px;height: 90px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:125px;}
.container12 ul li a .img .font::before,.container12 ul li a .img .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.container12 ul li a .img .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.container12 ul li a .img .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.container12 ul li a .img:hover .font::before,.container12 ul li a .img:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}


/*友情链接*/
.container13{ border-top:#ececee 1px solid; background-color:#f9f9fa; }
.container13 .w1200{border:none; position:relative;}
.container13 .nav{float:left;width:100px;font-size: 14px;color: #1e2d68;height: 70px;line-height: 70px;font-weight: bold;}
.container13 ul{float:left;width: 1020px;height: 30px;overflow:hidden;box-sizing: border-box;margin: 20px 0 20px 0;}
.container13 ul li{float:left;line-height: 30px;padding: 0 6px;height: 30px;overflow: hidden;}
.container13 ul li a{color: #5c5c5e;font-size: 12px;}
.container13 ul li a:hover{ color:rgb(19, 38, 104)}
.container13 button{width:15px;height:16px;position:absolute;right:0;top: 33px;background:url(../images/down.png) no-repeat;border:none;cursor:pointer;}
.container13 .height{ height:auto;}




/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

/*=======================内页==============================*/
.n_main_box{ position:relative; width:1200px; margin:0 auto 30px auto;  background:#fff; margin-top:30px; }
#n_banner{ position:relative; overflow:hidden;   width:100%; height:280px;}
 
/*==============当前位置=====================*/
.position{ position:absolute; top:5px;  right:0px; padding-left:22px; background:url(../images/icon_home.png) left center no-repeat; color:#8a8986; line-height: 30px;}
.position span, .position a, .position i{ color:#8a8986; font-size:12px;}
.position em{ color:#1e2d68; font-style:normal; font-size:12px;}
.position a:hover{ color:#1e2d68;}

/*==============n_content_left=====================*/
#n_left{ float:left;   overflow:hidden; width:230px;}
 
#n_left .up{background:#1e2d68}
#n_left .up .title{height:95px;background:#1e2d68}
#n_left .up .title h1{padding:20px;color:#fff}
#n_left .up .title h1 strong{font-size:24px;display:block;font-family:Arial;text-transform:uppercase}
#n_left .up .title h1 span{font-size:16px;display:block}  
  
 
/*=================侧导航==================*/
#n_nav dt{height:40px;line-height:40px;position:relative;background:#e4e5e8;border-bottom:1px solid #fff}
#n_nav dt a{padding:0 30px 0 20px;display:block;color:#444;font-size:14px}
#n_nav dt.on a{font-weight:700;color:#1e2d68}
#n_nav dt.title_on.on{ border:none;}
#n_nav dt:hover a{font-weight:700;color:#1e2d68}
#n_nav dt.title{background:url(../images/icon_jh.png) 200px center no-repeat #e4e5e8}
#n_nav dt.title_on{background:url(../images/icon_j_h.png) 200px center no-repeat #e4e5e8;border-bottom:1px solid #e4e5e8}
#n_nav dd{ background:#e4e5e8;padding:0 20px 10px 20px;border-bottom:1px solid #fff; display:none;}
#n_nav dd .box{border-top:1px solid #cdcdd1}
#n_nav dd a{padding-left:10px;line-height:32px;font-size:12px;color:#636060;display:block;height:32px;background:url(../images/icon_nav_sub_li.png) left center no-repeat}
#n_nav dd a:hover{font-weight:700;color:#1e2d68}
#n_nav dd a.on{font-weight:700;color:#1e2d68}
#n_nav dd a.on{background:url(../images/icon_nav_sub_li_on.png) left center no-repeat}
  
  
#n_sub_nav{}
#n_sub_nav ul{  }
#n_sub_nav ul li{ position:relative; }
#n_sub_nav ul li>a{ padding: 0 20px 0 35px; font-size: 12px;  line-height: 45px; border-bottom: 1px solid #e9e6e6; display:block;}
#n_sub_nav ul li strong{ color: #333333;}
#n_sub_nav ul li span{ color: #333333; position:absolute; left:20px; top:0px; }
#n_sub_nav ul li.on>a{background: #1e2d68 !important;}
#n_sub_nav ul li.on>a strong{ color:#fff;}
#n_sub_nav ul li.on>a span{ position:absolute; right:20px; top:0px; color: #fff; }
#n_sub_nav ul li>a:hover{ background: #1e2d68;}
#n_sub_nav ul li>a:hover strong{ color:#fff;}
#n_sub_nav ul li>a:hover span{ position:absolute; right:20px; top:0px; color: #fff;}

/*===========二级下啦============*/
#n_sub_nav ul li.title a{}
#n_sub_nav ul li.title .list{ display:none; padding:10px; background:ff;}
#n_sub_nav ul li.title .list a.on{ }
#n_sub_nav ul li.title .list a{ display:block; line-height:30px; font-size:12px; color:#939090; padding-left:20px;}
#n_sub_nav ul li.title .list a:hover{ color:#1e2d68;  }
#n_sub_nav ul li.title .list a.on{ color:#1e2d68;  }


#left_pro{ background:#eff2f4; padding:20px 0; margin-top:25px;}
#left_pro .title{display:block;height:20px;line-height:20px;border-bottom:1px solid #fff;padding: 0 20px 10px 20px;font-size:15px;color:#444;}
#left_pro ul { padding:20px; padding-bottom:5px; }
#left_pro li{   width: 190px; }
#left_pro li a{ position: relative; overflow: hidden; width:190px;   }
#left_pro li .pic_box{width: 190px;height: 144px;overflow:hidden;}
#left_pro li img{width:190px;height: 144px;display: block;background:#fff;} 
#left_pro li h1{ height: 36px; margin-top: 15px; padding:0 5px; line-height: 18px; color: #444; font-size: 12px; text-align: center; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; }
#left_pro li:hover h1{ color:#1e2d68;}
#left_pro  li:hover{    }
#left_pro .more{display:block;margin:0 auto;width:190px;height:30px;line-height:30px;background: #1e2d68;border-radius:3px;overflow:hidden;text-align:center;font-size:12px;color:#fff;}
#left_pro .more:hover{ background:#1e2d68;}

  
/*==============n_content_right=====================*/
.n_right{float:right; width:930px;  }
.n_title{ position:relative; height:40px;border-bottom:1px solid #dcdce0; line-height:40px; margin-bottom:10px;}
.n_title h1{ background:url(../images/icon_n_title.jpg) left center no-repeat; padding-left:10px; display:inline-block; margin-bottom:0px ;color:#151515; font-size:16px; }

/*==============n_content=====================*/
.n_content{ padding-top:30px; min-height:360px; padding-bottom:30px;}

#n_zizhi ul {width: 980px;margin-bottom: 20px;overflow:hidden;}
#n_zizhi li{display:block;float:left;width: 296px;margin: 0 30px 35px 0;box-sizing: border-box;}
#n_zizhi li.last{ margin-bottom:0; border-bottom:none; padding-bottom:0;}
#n_zizhi li a{ display:block;  }
#n_zizhi li .pic_box{width: 267.5px;height: 202px;display:table;overflow:hidden;background: #e5e7e9;padding: 5px 5px;text-align: center;}
#n_zizhi li .pic_box .box{display:table-cell; vertical-align:middle; }
#n_zizhi li img{max-width: 267px;height: 202px;display:block;margin: 0 auto;}
#n_zizhi li span{display:block;text-align:center;font-size:14px;color: #6a6a6d;padding-top:15px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#n_zizhi li:hover a span{color: #6a6a6d;}
#n_zizhi li:hover img{ box-shadow:none;}

.page {margin: 10px auto 0 auto;}
.page .box{display:inherit;width:100%;height: 35px;text-align:center;}
.page a{width: 35px;height: 35px;line-height: 35px;display:inline-block;margin: 0px 3px;color: #fff;background-color: #d0d0d0;font-size: 15px;vertical-align: top;}
.page .a{font-family:"SimSun";width: 55px;}
.page .on{background: #1e2d68;color:#fff !important;}
.page a font{  font-size: 14px; font-family: "SimSun"; color: rgb( 68, 68, 68 );}
.page span{ background:#1e2d681e2d68; color:#fff !important;}
.page a:hover{ background:#1e2d68; color:#fff !important; text-decoration:none;}
.page a:hover font{ color:#fff;}
.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */}

#n_product ul{width: 1245px;}
#n_product li{float:left;width: 280px;text-align: center;overflow: hidden;height: 310px;margin-right: 45px;display:block;position:relative;}
#n_product ul li .up{float:left;width: 280px;height: 212px;overflow:hidden;margin-bottom:10px;}
#n_product ul li .up img{float:left;width: 280px;height: 212px;}
#n_product ul li .text{float:left;width: 280px;height: 50px;line-height: 50px;background-color: #f7f7f8;box-sizing:border-box;padding:0 35px;text-align: center;border: #dcdcdc 1px solid;color: #333335;font-size: 16px;}
#n_product ul li .text:hover{ background-color:#1e2d68; color:#fff}
#n_product ul li .text h1{ float:left; width:112px; height:120px; line-height:120px; font-size:20px; color:#292929}
#n_product ul li .text p{ float:left; width:194px; height:48px; line-height:24px; color:#747474; overflow:hidden; font-size:14px; margin-top:35px;}
#n_product ul li .font{width: 280px;height: 87px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:125px;}
#n_product ul li .font h3{font-size:36px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:36px;}
#n_product ul li:hover img{transform: scale(1.05, 1.05);}
#n_product ul li .font::before,#n_product ul li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
#n_product ul li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
#n_product ul li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
#n_product ul li:hover .font::before,#n_product ul li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}
.container01 ul li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.container01 ul li:hover .font::before,#n_product ul li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}

#news .con{float:right;width: 930px;margin-bottom: 30px;margin-top: -10px;}
#news .con .first{width:100%;overflow:hidden;}
#news .con .first a{display:block;font-size: 15px;color: #222225;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;height: 44px;line-height: 22px;margin-bottom: 15px;border-bottom: #efefef 1px solid;}
#news .con .first span{display:inline-block;width:100%;line-height: 20px;color:#9e9ea1;font-size:12px;}
#news .con .first p{float: left;font-size: 12px;color: #797979;line-height: 22px;height: 44px;overflow:hidden;margin-top: 5px;margin-bottom: 15px;}
#news .con ul{float: left; width: 100%;}
#news .con ul li{float:left;width:100%;line-height: 50px;height: 50px;border-bottom: #efefef 1px solid;}
#news .con ul li i{float:left;width: 7px;margin-right: 8px;}
#news .con ul li i img{float:left;width:100%;height:auto;margin-top: 22px;}
#news .con ul li a{float:left;width:66%;font-size: 14px;color: #222225;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#news .con ul li a:hover,#news .left .con .first a:hover,#news .con .first a:hover{color: #363036;}
#news .con ul li span{float:right;width:68px;text-align:right;font-size:12px;color: #979595;}
#news .con .first .left{width: 820px;}
#news .con .first .right{ width:70px; text-align:right;}
#news .con .first .right h1{font-size:35px;color: #222225;line-height:40px;font-weight:bold;}
#news .con .first .right h6{color: #222225;}
#news .con .first .right h2{ font-size:12px; color:#353537; line-height:30px}
#news .con .first .right strong{font-size:14px;color:#1e2d68;font-family:simsun;margin: 0 11px 0 0;line-height: 50px;}

#n_contact{}
#n_contact .link_box a{ margin-top:25px;}
#n_contact .link_box a{ background:#a3a3a6; border-radius:3px; position:relative; display:inline-block; margin-right:10px; height:40px; line-height:40px; padding-left:50px; width:105px; color:#fff; font-size:14px;}
#n_contact .link_box a i{ display:block; position:absolute; left:0; height:40px; width:45px;}
#n_contact  .link_box a:hover{ background:#00468c;}
#n_contact .map{ border:1px solid #e5e7eb; height:260px; overflow:hidden;}

#talent ul{float:left;position: relative;z-index: 3;width: 1240px; margin-bottom:30px;}
#talent ul li{float:left;width: 450px;height: 140px;margin: 0px 30px 25px 0;text-align:center;cursor:pointer;overflow:hidden;background-color: #eeeff2;box-sizing:border-box;}
#talent ul li:hover{ background:#1e2d68; border:none}
#talent ul li .con{float:left;width: 100%;height: 140px;position:relative;z-index:1;}
#talent ul li h6{ text-align:center;}
#talent ul li h6 span{display:inline-block;font-size:12px;margin-bottom:20px;color: #868789;margin: 0 15px;}
#talent ul li h2{font-size:22px;color: #1e2d68;line-height:40px;margin-top:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 10px;}
#talent ul li:hover h2,.talent ul li:hover p,.talent ul li:hover span{ color:#fff}


.zp .nav{background:url(../images/news-nav-bg.png) left bottom no-repeat;margin-bottom: 20px;}
.zp .ar_article h3{color:#4f5050;font-size:22px;line-height: 24px;margin-bottom: 20px;text-align: left;font-weight: normal;}
.zp .ar_article h6{display: inline-block;color:#7e8080;font-size:12px;line-height:24px;margin-bottom:25px;font-weight:normal;text-align: left;}
.zp .ar_article p{ line-height:28px;}
.zp form{width:980px;margin-top: 20px;}
.zp .messlist {height: 43px;margin: 0 17px 12px 0;float:left;width: 454px;border: #e2e4e6 1px solid;color:#5e5f61;}
.zp .messlist label,.form-list .messlist01 label,.zp .messlist03 label{float:left;width: 120px;height: 43px;line-height: 43px;text-align: left;color: #5e5f61;font-size: 14px;box-sizing: border-box;padding: 0 0 0 20px;background-color: #e2e4e6;}
.zp .messlist input{float:left;width: 256px;height: 43px;padding: 0 10px;background: none;border: none;outline: none;color:#5e5f61;font-size:12px;} 
.zp .messlist01{height: 43px;margin-top: 30px;float:left;width: 880px;border:#d3d7d8 1px solid;background:#fbfbfc;color:#5e5f61;margin-right: 44px;}
.zp .messlist01 input{float:left;width: 712px;height: 48px;padding: 0 10px;background-color:#fbfbfc;border: none;outline: none;color:#5e5f61; font-size:12px;} 
.zp .messlist02{height: 151px;margin: 0 0 12px 0;float:left;width: 930px;border: #e2e4e6 1px solid;color:#5e5f61;box-sizing: border-box;}
.zp .messlist02 textarea{float:left;width: 691px;height: 149px;color:#5e5f61;font-size:12px;border: none;outline: none;padding: 16px 10px;resize:none;box-sizing: border-box;background: none;}
.zp .messlist02 label{float:left;width: 120px;height: 150px;line-height: 45px;text-align: left;color: #424a59;font-size: 12px;box-sizing: border-box;padding: 0 0 0 20px;background-color: #e2e4e6;}
.zp .yanzheng{display:inline;float:left;position: absolute;right: -152px;top: 3px;}
.zp .messsub input{float: left;width: 120px;height: 43px;line-height: 43px;background: #1e2d68;font-size: 14px;cursor:pointer;color: #fff;border:none;margin: 5px 142px 0 0;font-family:Microsoft Yahei;}
.zp .messsub input:hover{ background:#363036; }
.zp .messlist03{height: 44px;margin: 0 0 0 0;float:left;width: 310px;border: #dcdcdc 1px solid;color:#5e5f61;box-sizing: border-box;position: relative;}
.zp .messlist03 input{float:left;width: 188px;height: 43px;color:#5e5f61;font-size:12px;border: none;outline: none;padding: 10px 10px;resize:none;box-sizing: border-box;background: none;}




.uploader{height: 43px;position:relative;display:inline-block;overflow:hidden;cursor:default;padding:0;width: 456px;margin: 0 0 0 165px;box-sizing: border-box;}
.filename{float:left;display:inline-block;outline:0 none;height: 43px;width: 195px;margin:0;padding:8px 10px;overflow:hidden;cursor:default;color:#777;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border: #e2e4e6 1px solid;}
.button{float:left;width: 120px;height: 41px;display:inline-block;outline:0 none;padding:8px 12px;margin:0;cursor:pointer;border: none;margin-left: 20px; font-family:"Microsoft Yahei"; color:#5e5f61}
.uploader input[type=file]{position:absolute;top:0;left: 0;right: 0;bottom:0;border:0;padding:0;margin:0;width: 455px;height: 41px;cursor:pointer;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0;}
.zp .uploader label{float:left;width: 120px;height: 43px;line-height: 43px;text-align: left;color: #5e5f61;font-size: 14px;box-sizing: border-box;padding: 0 0 0 20px;background-color: #e2e4e6;}

.news .nav{ background:url(../images/news-nav-bg.png) center bottom no-repeat; margin-bottom:40px;}
.gy .ar_article h4{ color:#848486; font-size:16px; line-height:24px; font-weight:normal; text-transform:uppercase }
.gy .ar_article h5{ color:#49494c; font-size:16px; line-height:24px; margin-bottom:25px; font-weight:normal}
.news .ar_article h3{color:#4f5050;font-size:22px;line-height: 24px;margin-bottom: 30px;text-align: left;font-weight: normal;}
.news .ar_article h6{display: inline-block;color:#7e8080;font-size:12px;line-height:24px;margin-bottom:25px;font-weight:normal;text-align: left;}
.shart_box{ display:inline-block; float:right;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{ padding-left:60px; position:relative;}
#j_shart_s_24 strong{display:block;position:absolute;left:0;z-index:2;line-height:36px;font-size:12px;color: #a3a0a9;font-weight: normal;}
##j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}


/*==========================================内页 结束=============================================*/


#n_case ul{float:left;width:1040px;margin-bottom: 30px;}
#n_case ul li{float:left;width: 290px;margin: 0px 30px 30px 0;}
#n_case ul li a{ display:block;}
#n_case ul li a .img{display:block;width: 290px;height: 164px;overflow:hidden;position: relative;}
#n_case ul li a img{ display:block; width:335px; height:190px;}
#n_case ul li a h1{ padding:17px 0px 12px 0px;  padding-bottom:0px;  display:block; position:relative;}
#n_case ul li a h1 { font-size:14px;  margin-bottom:10px; color:#222225; display:block;  }
#n_case ul li a:hover h1  {color: #363036;}
#n_case .fot_box{position:relative;height: 14px;line-height:14px;}
#n_case .fot_box span{color:#5b5c5e; font-size:12px; }
#n_case .fot_box a{ display:block;  color:#4a4b57; font-size:12px; position:absolute; right:0px; top:0; }
#n_case .fot_box a:hover{ color: #363036;}
#n_case .bd{ position:relative;}
#n_case .prev,#n_case .next{ display: block; width: 34px; height: 34px; line-height:34px; z-index: 9; overflow: hidden; box-sizing:border-box; border:#c1c2c6 2px solid; font-family:simsun; color:#c1c2c6; font-size:18px; font-weight:bold; text-align:center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%; }
#n_case .prev{position:absolute;left:0;top:50%;margin-top: -45px;}
#n_case .next{position:absolute;right:0;top:50%;margin-top: -45px;}
#n_case ul li a .img .font{width: 290px;height: 39px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:125px;}
#n_case ul li a .img .font::before,#n_case ul li a .img .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
#n_case ul li a .img .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
#n_case ul li a .img .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
#n_case ul li a .img:hover .font::before,#n_case ul li a .img:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}

.pro .picScroll{ width:930px;}
.pro .scrollWrap{width: 838px;height: 291px;margin: 0 auto;overflow: hidden;}
.pro ul li{float:left;width:260px;margin: 20px 30px 0 0;}
.pro ul li a{ display:block;}
.pro ul li a .img{display:block;width:260px;height: 148px;overflow:hidden;position: relative;}
.pro ul li a img{display:block;width:260px;height: 148px;}
.pro ul li a h1{ padding:17px 0px 12px 0px;  padding-bottom:0px;  display:block; position:relative;}
.pro ul li a h1 { font-size:14px;  margin-bottom:10px; color:#222225; display:block;  }
.pro ul li a:hover h1  {color: #363036;}
.pro .fot_box{position:relative;height: 14px;line-height:14px;}
.pro .fot_box span{color:#5b5c5e; font-size:12px; }
.pro .fot_box a{ display:block;  color:#4a4b57; font-size:12px; position:absolute; right:0px; top:0; }
.pro .fot_box a:hover{ color: #363036;}
.pro .bd{ position:relative;}
.pro .prev,#news .next{ display: block; width: 34px; height: 34px; line-height:34px; z-index: 9; overflow: hidden; box-sizing:border-box; border:#c1c2c6 2px solid; font-family:simsun; color:#c1c2c6; font-size:18px; font-weight:bold; text-align:center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%; }
.pro .prev{position:absolute;left:0;top:50%;margin-top: -70px;}
.pro .next{position:absolute;right:0;top:50%;margin-top: -70px;}
.pro ul li a .img .font{width: 260px;height: 65px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:125px;}
.pro ul li a .img .font::before,#news ul li a .img .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.pro ul li a .img .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.pro ul li a .img .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.pro ul li a .img:hover .font::before,#news ul li a .img:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}

#news h3{ margin-bottom: 15px; font-size:16px; color:#333; font-weight:bold; padding-bottom:15px; background:url(../images/news-nav-bg01.png) left bottom no-repeat;}

#news h2{ margin-bottom: 15px; font-size:16px; color:#333; font-weight:bold;}
/*==========================================首页 结束=============================================*/


#door ul{ float:left; width:1260px; margin-bottom:20px}
#door ul li{float: left;width: 450px;height: 150px;position:relative;margin: 0 30px 30px 0;background-color: #fff;border: #e2e2e3 1px solid;box-sizing: border-box;}
#door ul li .text_box{width: 220px;}

#door ul li .text_box{position: relative;width: 242px;padding: 11px 30px 0 30px;height: 145px;margin: 0 0 0 192px;box-sizing: border-box;} 
#door ul li h1{font-size: 14px;margin:0 10px 5px 0;color: #1e2d68;padding-top: 8px;display:inline-block;}
#door ul li small{ font-size:12px; color:#c7c8c9; display:inline-block; padding:1px 13px; border:#c7c8c9 1px solid; border-radius:2px;}
#door ul li p{padding-left: 22px;font-size: 12px;line-height: 18px;overflow: hidden;margin-bottom: 10px;}
#door ul li .p1{color: #353537;background: url(../images/tel02.png) 0 2px no-repeat;margin-top: 0px;}
#door ul li .p2{color: #353537;background: url(../images/local.png) 0 4px no-repeat;margin-top: 0px;height: 48px;overflow: hidden;}
#door ul li img{position:absolute;left: 16px;top: 16px;height: 115px;width: 174px;display: block;}


/*=================视频=================*/

#show_video_box{position:fixed;top:0;left:0;z-index:9999; display: none; width:100%;height:100%;background:rgba(0,0,0,.7);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000'); }

#show_video_box .box{position:absolute;top:50%;left:50%;margin-top:-290px;margin-left:-550px}

#playercontainer{ opacity:0;filter:alpha(opacity=0);}

#show_video_box.on #page_video{-moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1); opacity:1;filter:alpha(opacity=100);}

#show_video_box.on #playercontainer{ opacity:1;filter:alpha(opacity=100);}

#page_video{position:relative;width:1080px;height:580px;background:0 0; opacity:0;filter:alpha(opacity=0);-moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }

#page_video .video_box{width:1000px;height:570px;border: 5px solid #1e2d68;background-color: #000;}



#bnt_close1{position:absolute;top:0;right:0;display:block;width:70px;height:70px;background:#fff}

#bnt_close1 img{position:absolute;top:18px;left:18px;display:block}

#bnt_close1:hover img{-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);-ms-transition:all .6s ease-in-out}

/*==========================================内页 开始=============================================*/
.piaofu{position:absolute;right:0px;top:40%;margin-top: 0px;position:fixed;z-index:99999999;}
.piaofu .box a{ display:block; position:relative; width:70px; height:70px;  }
.piaofu .wx{ position:relative;}
.piaofu .wx{ transition:1s; }
.piaofu .wx:hover .ewm{ display:block;  }
.piaofu .ewm_box{ position:relative;}
.piaofu .ewm_box{ transition:1s; }
.piaofu .ewm_box:hover .ewm{display:block;background-color: #1e2d68;border: #1e2d68 3px solid;}

img.ewm {}
.piaofu .ewm{ display:none; position:absolute; right:70px; top:0; }
.piaofu .qq{ border:1px solid #ddd; width: 100px; color:#545454; font-size:14px; background:#f9f9f9; border-radius:3px; padding:15px 20px;  display:none; position:absolute; right:70px; top:0; }
.piaofu .box:hover .qq{display:block;}
.piaofu .qq h6 a{ display:inline-block; height:24px; line-height:24px; background:none !important; color:#545454; font-size:12px;}
.piaofu .tel{ position:relative;}
.piaofu .tel{ transition:1s; }
.piaofu .tel:hover #tel_box{ display:block;   }
.piaofu #tel_box{border:1px solid #ddd;line-height: 28px;width: 100px;color:#545454;font-size:14px;background:#f9f9f9;border-radius:3px;padding: 15px 20px;display:none;position:absolute;right:70px;top:0;}
.piaofu .box a{ transition:1s; background-size:30px auto ;}
.piaofu  .qq a{  background:url(../images/icon_pf_qq.png) center 10px no-repeat;}
.piaofu  .qq:hover a{ background:url(../images/icon_pf_qq_hj.png) center 10px no-repeat;}
.piaofu  .zx1 a{  background:url(../images/icon_zx1.png) center 10px no-repeat;}
.piaofu  .zx1:hover a{ background:url(../images/icon_zx1h.png) center 10px no-repeat;}
.piaofu  .zx2 a{  background:url(../images/icon_zx2.png) center 10px no-repeat;}
.piaofu  .zx2:hover a{ background:url(../images/icon_zx2h.png) center 10px no-repeat;}
.piaofu  .zx3 a{  background:url(../images/icon_zx3.png) center 10px no-repeat;}
.piaofu  .zx3:hover a{ background:url(../images/icon_zx3h.png) center 10px no-repeat;}
.piaofu  .ewm_box a{  background:url(../images/icon_weixin.png) center 10px no-repeat;}
.piaofu  .ewm_box:hover a{ background:url(../images/icon_weixinhj.png) center 10px no-repeat;}
.piaofu  .wx a{  background:url(../images/icon_weixin.png) center 10px no-repeat;}
.piaofu  .wx:hover a{ background:url(../images/icon_weixinhj.png) center 10px no-repeat;}
.piaofu  .tel a{  background:url(../images/icon_tel.png) center 10px no-repeat;}
.piaofu  .tel:hover a{ background:url(../images/icon_telh.png) center 10px no-repeat;}
.piaofu  .address a{  background:url(../images/icon_address.png) center 10px no-repeat;}
.piaofu  .address:hover a{ background:url(../images/icon_addressh.png) center 10px no-repeat;}
.gotop a{ background:url(../images/icon_gotop.png) center 10px no-repeat;}
.piaofu .gotop:hover a{ background:url(../images/icon_gotoph.png) center 10px no-repeat;}
.piaofu .box a{margin-bottom: 2px; }
.piaofu .box span{font-size:12px;color:#fff;position:absolute;bottom:5px;text-align:center;display: block;width: 100%;}
.piaofu .box:hover a{  }
.piaofu .box:hover span{ color:#fff;}

.piaofu .li1 a{ background: url(../images/icon_pf1.png) center 12px no-repeat #1e2d68;}
.piaofu .li2 a{ background: url(../images/icon_pf2.png) center 12px no-repeat #1e2d68;}
.piaofu .li3 a{ background: url(../images/icon_pf3.png) center 12px no-repeat #1e2d68;}
.piaofu .li4 a{ background: url(../images/icon_pf4.png) center 12px no-repeat #1e2d68;}
.piaofu .li5 a{ background: url(../images/icon_gotop.png) center 18px no-repeat #363036;}

.piaofu .box.li1:hover a{ background: url(../images/icon_pf1.png) center 12px no-repeat #1e2d68; }
.piaofu .box.li2:hover a{ background: url(../images/icon_pf2.png) center 12px no-repeat #1e2d68; }
.piaofu .box.li3:hover a{ background: url(../images/icon_pf3.png) center 12px no-repeat #1e2d68; }
.piaofu .box.li4:hover a{ background: url(../images/icon_pf4.png) center 12px no-repeat #1e2d68; }
.piaofu .box.li5:hover a{ background: url(../images/icon_gotop.png) center 15px no-repeat #1e2d68; }
.piaofu .li3{ position:relative;}
.piaofu .li3:hover #tel_box{ display:block;}
.piaofu .qq h6 a:hover{ color: #f7a341 }


.n_contact{ position:relative; width:100%; overflow:hidden; }

.n_contact .info{ padding-bottom:30px; padding-top:15px; text-align:center; color:#666666; font-size:14px;}

.n_contact .info img{ margin-top:15px;}



.n_contact .up_box { border:1px solid #dbdbdb;   margin-bottom:40px; position:relative;}

.n_contact .up_box .title span{ display:block; color:#51575f; font-size:12px; margin-bottom:15px;}

.n_contact .up_box .text_box{ border-right:1px solid #dbdbdb; width:530px; padding: 35px 20px;}

.n_contact .up_box .text_box .box{ padding-left:25px; background:url(../images/icon_contact.png) left 8px no-repeat; font-size:14px; color:#666666; line-height:29px;}




.n_contact .ewm_box{ position:absolute; right:0; top:40px; width:345px;  display:block;}

.n_contact .ewm_box .box span{ font-size:12px; color:#666666; display:block; text-align:center; margin-top:8px;}

.n_contact .ewm_box img{ width:115px; height:115px; display:block; margin:0 auto;  }


.n_right{ width:925px;float:right;  }

.n_title{ position:relative;  border-bottom:1px solid #ccc; height:30px; line-height:30px; }

.n_title h1{font-size:16px;border-bottom:2px solid #1e2d68;display:inline-block;color:#444444;margin-bottom:-1px;}


 
img.framed { 
padding: 6px; 
border: 1px solid #CCC; 
background-color: #FFF; } 


.n_left{ width:225px; float:left;   overflow:hidden;}

.n_left .title{ padding:23px 0; background:#1e2d68; text-align:center;}

.n_left .title span{ display:block; color:#fff; display:block; font-weight:bold; font-size:30px;  }

.n_left .title strong{ display:block; color:#adc0df; text-transform:uppercase; display:block;  font-size:10px; } 

.n_left {  }

.n_left .content{ margin-bottom:22px;}

.n_left .content a{ display:block;  border:1px solid #e9e9e9; border-top:none;  height:39px;  background:url(../images/icon_left_li.png) 200px center no-repeat; }

.n_left .content a strong{ width:175px; margin:0 auto; display:block; position:relative; font-size:14px; color:#555555; line-height:38px; height:38px; overflow:hidden;}

.n_left .content a:hover { border:1px solid #999999; border-top:none;  background:url(../images/icon_left_li_on.png) 200px center  no-repeat  #828384; color:#555555;}

.n_left .content a:hover strong{  font-weight:bold; color:#fff;}

.n_left a.on {border:1px solid #999999; border-top:none;background:url(../images/icon_left_li_on.png) 200px center  no-repeat  #828384; color:#fff;}

.n_left a.on strong{ font-weight:bold; color:#fff;}

.n_left .link_box a{ display:block; margin-bottom:10px;}





#n_news .un_box{ margin:-30px 0;}

#n_news .un_box ul{overflow:hidden}

#n_news .un_box li{display:block;padding:30px 0;border-bottom:1px solid #eaebec}

#n_news .un_box li .box{padding:0 0 0 120px;position:relative;height:100px}

#n_news .un_box li a{display:block;font-size:16px;padding-top:8px;color:#4c4c4f;margin-bottom:13px}

#n_news .un_box li p{line-height:24px;font-size:12px;color:#99999b;height:48px; overflow:hidden;}

#n_news .un_box li a:hover{color:#4c4c4f;}

#n_news .un_box .date_box{position:absolute;left:0;top:0; text-align:center; background:#8e8f91; padding:22px 0px;text-align:center;width:86px}

#n_news .un_box .date_box strong{ display:block;font-size:30px;color:#fff}

#n_news .un_box .date_box span{font-size:14px;color:#fff;margin-top:4px;display:block;text-transform:uppercase}

#n_news .un_box li:hover .date_box{background:#1e2d68;}

#n_news .un_box li.last{ border-bottom:none; padding-bottom:10px;}





/*==============新闻详情=====================*/

.n_article { margin-bottom:20px;}

.n_article .ar_title{ padding:10px 0 20px 0;  margin-bottom: 10px;}

.n_article .ar_title{ padding:0 0 0px 0; position:relative; }

.n_article .ar_title h1{ font-size:18px; margin-bottom:30px;  display:block; font-weight:bold; text-align:center; line-height:30px; color:#555555;}

.n_article .ar_title h2{ font-size:12px; position:relative;  display:block; border-top:1px solid #d6d6d6; padding:0 5px; color:#999999; line-height:50px;}

.n_article .ar_article{ padding-top:20px; padding-bottom:30px; min-height:400px;}

.n_article .bnt_page{ position:relative; height:40px; margin-bottom:10px; line-height:40px; font-size:12px; color:#8a8a8a;   border-top:1px dotted #e4e4e4;}

.n_article .bnt_page a{ color:#8a8a8a;}

.n_article .bnt_page a:hover{color:#007cc2;}

.n_article .back_box{ margin:40px auto 0 auto; padding-bottom:80px;}

.jiathis_style{ margin-top:10px;}

.n_article .bnt_page{ position:relative;}

.n_article .bnt_page .shart_box{ position:absolute; right:0; top:10px;}

#ar_fot{ position:relative; padding:15px 0; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}

#ar_fot h1{ display:block; font-size:12px; line-height:30px; color:#777777; font-weight:bold;}

#ar_fot h1 a{ font-size:12px; color:#777777; font-weight:normal;}

#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#1e2d68; padding:0 25px; font-size:14px; height:30px; line-height:30px;}

#ar_fot .bnt_back:hover{ border-radius:3px;}










#n_pro{}

#n_pro{ overflow:hidden; margin-top:10px;}

#n_pro ul { margin:-13px; }

#n_pro li{ display:block; border:3px solid #fff; background:#f2f4f8; width:285px;  float:left; margin:13px; }

#n_pro li a{ display:block; }

#n_pro li img{ width:285px; height:210px;object-fit: cover;  }

#n_pro li h1{ display:block; text-align:center; font-size:14px; height:50px; padding:0 20px; line-height:50px; color:#444444; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#n_pro li:hover{ background:#0059b4;  border:3px solid #0059b4;}
#n_pro li:hover h1 {
    color: #fff;
}