body {width:expression(document.body.clientWidth <= 1200? "1200px": "auto");min-width:1200px; }

body::-webkit-scrollbar {width:8px;background-color:#006eff;}
body::-webkit-scrollbar-thumb {width:8px;background-color:#aeaeae;}
body::-webkit-scrollbar-track-piece {width:8px;background-color:#f8f8f8;}
body::-webkit-scrollbar-thumb:hover {width:8px;background-color:#006eff;}

a:hover{ text-decoration:none !important;}
a:active{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;}

a,.sj-nav-menu{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; tap-highlight-color: rgba(0, 0, 0, 0) !important; }

.main-box{ width: 1200px;  box-sizing: border-box; margin: 0 auto;  }
.act{-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-ms-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}

.footer{ width:100%;  background:#000; padding:60px 0 35px; text-align: center; color: #fff;  }
.footer-nav{ width: 100%; text-align: center; margin-bottom: 10px;    }
.footer-nav a{ color: #fff; display: inline-block; margin:0 20px;  }
.footer h5 em{ margin: 0 20px;  }
.footer h5 a{ color: #fff;   }
.footer h5 a:hover,.footer-nav a:hover{ color: #172a88; }

.home-banner{ width: 100%; height: auto; position: relative; }

/*返回顶部*/
.back-top{display:none;  position:fixed; bottom:40px; right:20px;  width:48px; height:48px; z-index:66; background:url(../images/fhdb.png) no-repeat;  cursor: pointer;  }
.back-top:hover{ background: url(../images/fhdb-on.png) no-repeat;  }


.tbnr{ width: 100%; height: 80px; background: #fff; position:relative;  }
.header{ height: 80px;   position: relative; }
.fixed-header{position: fixed;left: 0;top: 0px;z-index: 99999999;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-transform: none\9;-ms-transform: none\9;transform: none\9;_-webkit-transform: none;_-ms-transform: none;_transform: none;background: #ffffff;  box-shadow: 0 5px 10px -6px rgba(0,0,0,0.1);  }

.tb-logo{ height: 80px;  box-sizing: border-box; position: absolute;
    left: 20px; top: 0px; }
.tb-logo a{ width: 360px; height: 80px;   display: block; position: relative;  z-index:9; }
.tb-logo a img{ width: auto;height: auto;max-height:100%;max-width:100%;left: 50%;top: 50%; position: absolute;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);  }

.tb-nav{ height: 80px;   width: 100%;   }
.tb-nav-cont{ width: 100%;  position: relative; height: 100%;  box-sizing: border-box;  }
.tb-nav-item { width: 100%; height: 80px; text-align: right; box-sizing:border-box;  }
.tb-nav-item a{ font-weight: 500; height: 80px; line-height: 80px; color: #666;  text-align: center;  transition: all .2s ease-in; margin-left: 20px; position: relative; display: inline-block;    }
.tb-nav-item a:first-child{ margin-left:0px; }
.tb-nav-item a:hover{ color: #172a88; font-weight: inherit;  }
.tb-nav-item a.on{  color: #000; font-weight: bold;    }
.tb-nav-item a.on:hover{ color: #333!important; font-weight: bold!important;}


/*主营业务*/
.zyyw{ width: 100%; height: auto; }
.zyyw-box{ padding: 80px 0 ; box-sizing: border-box; }
.zyyw-title{ width: 100%; height: auto; }
.zyyw-title h5{ font-size: 36px; color: #333; height: 36px; line-height: 36px; margin-bottom: 20px;   }
.zyyw-title p{ font-size: 14px; color: #333; height: 14px; line-height: 14px;  }
.zyyw-cont{ width: 100%; height: auto;  }
.zyyw-cont dd{ height: 226px; margin: 20px 20px 0 0; overflow: hidden; float: left; width: 385px; border: 1px solid #eee; box-sizing: border-box; padding: 40px 0 40px; position: relative; transition: all .4s ease-out;  }
.zyyw-cont dd:nth-of-type(3n){ margin-right: 0px!important;  }
.zyyw-cont dd:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3); }
.zyyw-cont dd a{ display: block; width: 100%; height: 100%; }
.zyyw-cont dd a img{ width: 90px; height: 90px; margin: 0 auto; display: block; }
.zyyw-cont dd a h4{ margin: 20px 0 10px; font-size: 20px; color: #333; height: auto; line-height: 25px; text-align: center; }


/*公司介绍*/
.n-gsjs { width:100%; background: #fafafa; padding:80px 0 ; box-sizing: border-box; min-height: 560px; }
.n-gsjs .main-box{ padding:70px 660px 0 0; box-sizing: border-box; position: relative; }
.n-gsjs-pic{ width: 600px; height: 400px;  position: absolute;top: 0px; right: 0px;  }
.n-gsjs-bt{ font-size: 36px; line-height: 36px;height: 36px; color: #333;  }
.n-gsjs-line{ width: 70px; height: 2px; margin: 30px 0;  background: #000; }
.n-gsjs-btn{ padding: 0 50px;   height: 45px; box-sizing: border-box; border:1px solid #e6e6e6; line-height: 45px; display: inline-block; margin-top: 40px; color: #666;  }
.n-gsjs-txt{ font-size: 14px; color:#333;  line-height: 25px;  } 
.n-gsjs-btn:hover{ background: #172a88; color: #fff; border-color: #172a88;  }

.page-bg{ width: 100%; height: auto; background: #f7f7f7;  }
.page-box{ padding: 20px 0 30px;  }
.page-left{ width: 250px; float: left; }
.page-l-menu{ width: 100%; height: auto; margin-bottom:15px; background: #fff; }
.page-l-menu h6{ font-size: 20px; line-height: 60px;  background: #172a88; padding: 0 0 0 25px; color: #fff; height: 60px; box-sizing: border-box; width: 100%;  }
.page-l-nav{   width: 100%; height: auto; border-left: 1px solid #ededed; box-sizing: border-box;  border-right: 1px solid #ededed; }
.page-l-nav a{ box-sizing: border-box; padding-left: 25px;  transition: all .2s ease-in;   height: 45px; line-height: 45px; position: relative; width: 100%; display: block; border-bottom: 1px solid #ededed; display: block; color: #666;  }
.page-l-nav a:before{ position: absolute; display: none; content: ""; width: 2px; height: 12px; background:#172a88; top:17px; left:20px ;  }
.page-l-nav a.on , .page-l-nav a:hover{ padding-left: 28px; color: #172a88;transition: all .2s ease-in;  }
.page-l-nav a.on:before,.page-l-nav a:hover:before{ display: block;transition: all .2s ease-in;   }
.page-l-lxdh{ width: 100%; height: auto; border: 1px solid #ebebeb; box-sizing: border-box; background: #fff; padding: 15px 20px;  }
.page-l-lxdh h4{ color: #333;  height: 25px; line-height: 25px; padding-left: 20px; position: relative;  }
.page-l-lxdh h4 img{ width: 15px; height: 13px; position: absolute; left: 0px; top: 6px; display: block; }
.page-l-lxdh p{ margin-top: 10px;  width: 100%; font-weight: bold; font-size: 24px; color: #333; }

.page-right{ float: right ; min-height: 387px;  width: 930px; background: #fff; padding: 0 15px 40px; box-sizing: border-box;   }

.page-right-title{ width: 100%; height: 66px;border-bottom: 1px solid #dbdbdb; box-sizing: border-box; position: relative; }
.page-right-title h4{ line-height: 65px; font-size: 20px; border-bottom: 1px solid #333; float: left; display: inline-block;  }


.page-z-nav{ float: right; text-align: right; color: #333; line-height: 65px;  }
.page-z-nav a{  color: #333;}
.page-z-nav a:hover{ color: #172a88; }
.page-z-nav em{ margin: 0 5px;  }

.page-main-box{ width: 100%; height: auto;   }
.page-about{ padding-top: 25px; box-sizing: border-box; line-height: 25px; color: #666;  }
.page-about img{ max-width: 100%; display: block; margin: 10px auto; width: 100%; }

.page-zyly{ width: 100%; height: auto; }
.page-zyly dd{ border-bottom: 1px solid #f0f0f0; height: 230px; padding: 15px 0; box-sizing: border-box; width: 100%; transition: all .3s; }
.page-zyly dd:hover{ background: #f9f9f9; transition: all .3s; }
.page-zyly dd a{ display: block; width: 100%; height: 100%; box-sizing: border-box; position: relative; padding: 20px 0 0 315px; box-sizing: border-box;  }
.page-zyly dd a img{ width: 300px; height: 200px; display: block; position: absolute; left: 0px; top: 0px;  }
.page-zyly dd a h1{transition: all .3s; color: #666; font-size: 16px; height: 25px;line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-weight: bold; }
.page-zyly dd a h2{ color: #888;  height: 30px;line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-zyly dd a p{ color: #888;  line-height: 22px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical; }
.page-zyly dd a h1:hover{ color: #172a88; transition: all .3s; }

.detail-cont{ border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px;   }

.page-detail{ padding: 30px 0 0 ; box-sizing: border-box; width: 100%; }
.detail-title{ text-align: center; font-size: 20px;  padding-bottom: 8px; color: #333;  }
.detail-info{ text-align: center; color: #333; margin-bottom: 15px; margin-top: 5px;   }


.sxp{ width: 100%;   padding-top: 15px;   }
.sxp p{ color: #333; line-height: 30px;   }
.sxp p a{ color: #666; margin-left: 5px; display: inline-block; }
.sxp p a:hover{ color: #172a88;  }


.pc-hide{ display: none; }




/*手机端*/
@media screen and (max-width: 640px) {

.sj-hide{ display: none; }
body{ width: 100%; min-width: 100%; }
body.on{ overflow-y: hidden; }
.main-box{ width: 100%; }


.back-top{ display: none!important;   }


.sj-tb{ display: block; position: relative;  line-height:50px;  width: 100%; height: 60px; background: #fff; padding: 0 50px 0 10px; box-sizing: border-box; }

.sj-logo{  width: 280px;height: auto;max-height:100%;max-width:100%;left: 10px;top: 50%; position: absolute;transform: translate3d(0,-50%,0);-webkit-transform: translate3d(0,-50%,0); }
.sj-logo img{ width: 100%; height: auto; }

.sj-nav-menu{ position: absolute; right: 15px; top: 0px; line-height: 60px; color: #333; font-size:25px ; font-weight: bold; }

.sj-nav-bg{ width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background:rgba(0, 0, 0, 0.5); z-index: 998; display: none; transition: all .3s; }
.sj-nav-bg.on{ display: block; transition: all .3s; }
.sj-nav-show{  height: 100%; width:70%; position: fixed; right:-70%; top: 0px; background:#fff;  display: block; z-index: 999; transition: all .3s; box-sizing: border-box; }
.sj-nav-show.on{ right: 0px;  transition: all .3s; }
.sj-menu-icon{ padding: 15px 0 30px 45px; box-sizing: border-box; width: 100%; border-bottom: 1px solid #ededed;  }
.sj-menu-icon img{ width: 66px; display: block; }

.sj-nav-cont{ width: 100%; height: auto; }
.sj-nav-a{width: 100%;   display: block; font-size: 14px; color:#282828; height: 45px; line-height: 45px; border-bottom: 1px solid #ededed; padding-left: 45px; box-sizing: border-box;  }
.sj-nav-a:hover{ background: #333; color: #fff;  }

.sj-footer{ display: block; width: 100%; text-align: center; height: 60px; padding: 0 5px; box-sizing: border-box; line-height: 60px;  border-top: 10px solid #f0f0f0; }
.sj-footer h5{font-size: 13px; color: #444;   }


/*焦点图*/
.focus{ width:100%; height:auto;margin:0 auto; position:relative; overflow:hidden; display: block;}
.focus .hd{ position:absolute; z-index:1; left:0px; bottom:5px; overflow:hidden; text-align: center; width: 100%;}
.focus .hd ul{ overflow:hidden;}
.focus .hd ul li{  width:8px; height:8px; background:rgba(0, 0, 0, 0.21); display: inline-block; margin:0 3px; box-sizing:border-box; border-radius:50%; font-size:0px;}
.focus .hd ul .on{ background:rgba(0, 0, 0, 1);  }
.focus .bd{ position:relative; z-index:0; height:auto;  }
.focus .bd ul{ height:auto; }
.focus .bd ul li{ height:auto; }
.focus .bd li img{ width:100%;   height:auto;  }

.sj-line{ display: block; height: 10px; background: #f0f0f0; width: 100%;  }

.zyyw-box{ padding: 0px 0 30px ;  }
.zyyw-title{ padding: 0 15px; height: 60px; position: relative; background: #fff; border-bottom: 1px solid #f0f0f0; box-sizing: border-box;}
.zyyw-title h5{ font-size: 18px; line-height: 60px; height: 60px;   }
.zyyw-title p{ display: none; }

.zyyw-cont{ overflow-x:auto; overflow-y:hidden; padding: 0 15px; box-sizing: border-box; }
.zyyw-cont dl{ overflow-x:auto; overflow-y:hidden; white-space:inherit; -webkit-overflow-scrolling:touch;}
.zyyw-cont dd{ width:126px; margin-top: 15px;  padding: 10px 0 15px;  height: auto;  float:left; margin-right:10px; }
.zyyw-cont dd a img{ width: 60px; height: 60px;  }
.zyyw-cont dd a h4{ font-size: 12px; height: 40px!important; 
        line-height:16px!important; 
        box-sizing:border-box;
        padding: 0 5px; 
        margin: 10px 0 0 0px; 
        width: 100%;
        word-break:break-word; }
.zyyw-cont dd a p{ font-size: 12px;  }
.zyyw-cont dd:nth-of-type(3n){ margin-right: 10px!important;  }
.n-gsjs{ background: #fff; padding: 0 0 0px; box-sizing: border-box; }
.n-gsjs .main-box{ padding: 0px 0 0 0 ;  }
.n-gsjs-pic{ position: initial; width: 100%; height: auto; }

.n-gsjs-bt{ padding: 0 15px; height: 60px;  border-bottom: 1px solid #f0f0f0; box-sizing: border-box; font-size: 18px; line-height: 60px; position:relative; }
.n-gsjs-line{ display: none;  }
.sj-gsjs-show{ display: block; padding: 15px; box-sizing: border-box; width: 100%;  }
.sj-gsjs-show .n-gsjs-pic{ margin-bottom:10px;  }
.sj-gsjs-show .n-gsjs-txt{ line-height: 20px; }
.n-gsjs-btn{ margin-top: 10px ; padding: 0 15px;  }
.n-gsjs{ min-height: initial; }
.zyyw-cont dd:hover{ box-shadow: 0 0 0px rgba(0,0,0,.3); }
.n-gd{ position: absolute; display:block; font-size: 14px; right: 15px; top: 0px; height: 60px; line-height: 60px; color: #666;  }

.sj-page-tb{ box-shadow: 0 0 10px #ddd; }
.sj-back{ font-size: 22px; color: #ccc; position: absolute; left: 10px; top: 0px; line-height: 60px; height: 60px;   }
.page-bg{ background: #fff; margin-top:40px; border-top: 1px solid #eee;   }
.page-box{ padding: 0px 0 0; }
.page-left{ display: none; }
.page-right{ float: initial; width: 100%; min-height:inherit; padding: 0 15px 20px;  }
.page-right-title{ display: none;  }
.page-about{ padding-top: 15px;  }
.page-zyly dd{ height: 110px;  }
.page-zyly dd a{ padding: 2px 0 0 130px;  }
.page-zyly dd a img{ width: 120px; height: 80px;  }
.page-zyly dd a h1{ font-size: 13px; line-height: 20px; height: 20px;  }
.page-zyly dd a h2{ display: none; }
.page-zyly dd a p{ font-size: 12px; line-height: 15px; -webkit-line-clamp:4;  }

.page-sj-bg{ margin-top: 0px; border-bottom: 0px solid #ddd; }
.page-detail{ padding: 20px 0; }
.detail-title{ text-align: left; font-size: 15px;  }
.detail-info{ text-align: left; font-size: 12px; color: #666; margin-top:0px; margin-bottom: 10px;  }
.sxp p{ font-size: 12px; line-height: 20px;  }
.page-sj-bg .page-right{ padding-bottom: 0px;  }



}