*{margin: 0;border: 0;padding: 0;vertical-align: baseline;outline:none; list-style:none; color:#555; font-style:normal; outline:none;}
body {background:#f5f5f5;font:14px 'Microsoft Yahei','Microsoft Jhenghei',Tahoma,'Simsun';}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
a{color: #555;text-decoration: none;}
a:focus {outline: none;}
a:hover,a:active {outline: 0; color:#e50006;}
img{ vertical-align:middle;}
.wgno{ clear:both;}
.z{ float:left;}
.y{ float:right;}
.cl{ zoom: 1;}
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
textarea,input,button{ -webkit-appearance: none;appearance: none;border-radius: 0; }
.wp{ width:1200px; min-width: 1200px; margin:0 auto;}

/*头部*/
.header{ height:90px; background: #fff; }
.header .logo{ }
.header .logo a{display: block; padding: 10px 0;  text-align: center;}
.header .logo img{ display:inline-block;width: auto; height:64px; margin: auto;}
.header .logo span{ display:inline-block;color: #555;font-size: 18px; padding-left: 18px; margin-left: 20px; border-left: 1px #ccc solid;}
.header .tel{ margin: 20px;  padding: 3px 0 3px 55px; background: url(images/header-tel.png) no-repeat left center;}
.header .tel .key{font-size: 13px;line-height: 20px;  color: #333; font-weight: bold;}
.header .tel .value{font-size: 22px; line-height: 24px; color: #e50006;}

.header-nav { background: #333570;}
.header-nav li{ display:inline-block; *display:inline; zoom:1; margin:0 0;position:relative;z-index:100;}
.header-nav li a{display:block;height:45px;line-height:45px;padding:0 20px; font-size:16px;color:#eee;text-decoration:none; position: relative;}
.header-nav li.hover a{ color:#fff;}
.header-nav li.on a,
.header-nav li:hover a{ color:#fff;background: #3f417b; }
/*
.header-nav li.on>a:after{content: ""; display: block; position: absolute; width: 100%; left: 0; bottom: 0; height: 1px;     background: #4d4f8e;}*/
.header-nav .sub-menu{display:none;position:absolute; width: 100%; height:0;left:0;top:45px;z-index:100;overflow:hidden;}
.header-nav .sub-menu li{ display: block;}
.header-nav  li.hover .sub-menu{display:block;}
.header-nav .sub-menu a{font-size:14px;height:36px;line-height:36px; padding: 0; background:#3f417b;width:100%;text-align:center;color:#ddd;font-size:14px;-webkit-transition:background .2s;-moz-transition:background .2s;transition:background .2s;color:#eee !important;}
.header-nav li.hover li a:hover{background: #333570;color:#eee;}

.header-nav .post a{ display: block; line-height: 45px; padding-left: 18px; font-size: 14px; color: #ddd; background: url(images/nav-post.png) no-repeat left center;}

/*首页*/
.index-banner{ position:relative;min-width:1200px;height: 500px; }
.index-banner .slideBox{ width:100%; height:500px; overflow:hidden; position:relative;  }
.index-banner .slideBox .hd{ width:100%; height:10px; overflow:hidden; position:absolute;  left:50%; margin-left:-50px; bottom:20px; z-index:1; }
.index-banner .slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center;float:left;}
.index-banner .slideBox .hd ul li{ float:left; margin:0 6px;  width:8px; height:8px; line-height:10px;text-align:center; background:#fff; cursor:pointer; display:inline-block; border-radius:50%;}
.index-banner .slideBox .hd ul li.on{ background:#e50006; color:#fff; }
.index-banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.index-banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.index-banner .slideBox .bd li a{ width:100%; height:500px; display:block;  }
.index-banner .slideBox .prev,
.index-banner .slideBox .next{ position:absolute; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=30);opacity:0.3;   }
.index-banner .slideBox .prev{ left:5%;}
.index-banner .slideBox .next{ right:5%; background-position:8px 5px; }
.index-banner .slideBox .prev:hover,
.index-banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.index-banner .slideBox .prevStop{ display:none;  }
.index-banner .slideBox .nextStop{ display:none;  }

.index-node{padding:72px 0;}
.index-node .title-box{ margin-bottom: 25px; text-align: center;}
.index-node .title-box .dt{ font-size: 30px; line-height: 1.5; color: #333;}
.index-node .title-box .dd{font-size: 14px; color: #666;}
.index-node .title-box .zhe{ margin: auto; display: inline-block;}
.index-node .title-box .l{ padding-left:8px; background: url(images/zj.png) no-repeat left top;}
.index-node .title-box .r{ padding-right:15px; padding-bottom: 8px; background: url(images/zj2.png) no-repeat right bottom;}

.index-node .title-box-w .dt{ color: #f5f5f5;}
.index-node .title-box-w .dd{ color: #ddd;}

.index-node .more-btn { display: block; margin: 30px auto 0; width: 170px; height: 36px; line-height: 36px; font-size: 15px; background: #e50006; color: #fff; border: 1px #e50006 solid; border-radius: 18px; text-align: center;  transition: 0.3s;}
.index-node .more-btn:hover{ opacity: 0.8;}
.index-node .more-btn span{ color: #fff; padding-right:12px; background: url(images/more.png) no-repeat right center;}

.item-bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); z-index: 1; }
.image-scale{ overflow: hidden;}
.image-scale img{transition: 1s;}
.image-scale:hover img{transform: scale(1.08);}

.index-service{ background: #fff;  }
.index-service .tab{ margin: 0 auto 30px; width: 220px;}
.index-service .tab a{ float: left; width:100px; height: 36px; line-height: 36px; border: 1px #333570 solid; text-align: center; font-size: 15px; color: #333570}
.index-service .tab .l{ border-radius: 19px  0 0 19px; padding-left: 8px;}
.index-service .tab .r{ border-radius:   0 19px 19px 0; padding-right: 8px;}
.index-service .tab .on{ background: #333570; color: #fff;}
.index-service .tab-content{ display: none;}
.index-service .tab-content.on{ display: block;}
.index-service .items{ padding: 0 12px;}
.index-service .item{ float: left; width: 294px;  }
.index-service .item .a{ display: block;padding: 2px;}
.index-service .item .m{ position: relative;}
.index-service .item .m img{ display: block; width: 290px; height: 290px;}
.index-service .item .info{position: absolute; bottom: 15px; left: 18px; right:18px; z-index: 1;}
.index-service .item .info .title{ font-size: 18px; line-height: 1.4; color: #fff; font-weight: 700;}
.index-service .item .info .line{ width: 30px; height: 1px; background: #fff;margin: 8px 0;}
.index-service .item .info .dd{ font-size: 14px; line-height: 1.5; color: #ccc;}
.index-service .item .on{ position: absolute; left: 0; width: 100%; top:0;  z-index: 2; background: #333570; background:rgba(51,53,112,0.95); display: none;}
.index-service .item .box{ margin: 50px 25px 30px; height: 210px; position: relative;}
.index-service .item .box .title{ font-size: 18px; line-height: 1.4; color: #fff; }
.index-service .item .box .line{ width: 30px; height: 1px; background: #fff;margin: 8px 0;}
.index-service .item .box .dd{ font-size: 14px; line-height: 1.5; color: #ccc;}
.index-service .item .box p{font-size: 14px; line-height: 24px; color: #ddd; margin-top: 15px;}
.index-service .item .box .btn{ position: absolute; bottom: 0; right: 0; height:30px; line-height: 30px; width: 90px; text-align: center; border-radius: 15px; border:1px #ddd solid; color: #ddd; font-size: 14px; transition: 0.3s;}
.index-service .item .box .btn:hover{ background: #ddd; color: #333570;}


.index-device{ background: #333570 url(images/index-device.png) no-repeat center;  }
.index-device .items{ padding: 0 12px;}
.index-device .item{ float: left; width: 25%; transition: 0.3s; }
.index-device .item .a{ display: block;padding: 4px;}
.index-device .item .m{ position: relative;}
.index-device .item .m img{ display: block; width:100%; height: 180px;}
.index-device .item .title{ height: 38px; line-height: 38px; overflow: hidden; background: #fff; transition: 0.3s;}
.index-device .item .title span{padding: 0 15px; font-size: 15px;color: #222; }
.index-device .item:hover .title{ background: #e50006;}
.index-device .item:hover .title span{ color: #fff;}


.index-resources{ background: #fff;  }
.table-search-box{ padding: 6px 12px;}
.table-search-box .item{ float: left; margin-right: 15px;}
.table-search-box .item span{ font-size: 14px; color: #333; padding-right: 3px;}
.table-search-box .item input{ width: 118px;height: 30px; padding: 3px 8px;}
.table-search-box .btn{ width: 90px; text-align: center; line-height: 36px; height: 36px; border:1px #ddd solid; margin-left: 10px; color: #555; background: #eee; transition: 0.3s;}
.table-search-box .query{ margin-left: 0; color: #fff; background: #333570; border-color: #333570;}
.table-search-box .btn:hover{ opacity: 0.9;}

.table-box{ padding:0 12px; margin:auto; }
.table-box table{width:100%; margin:10px auto 0;border-collapse: collapse;}
.table-box td,
.table-box th{ line-height:30px;border: 1px #ddd solid; vertical-align:middle; padding: 5px 10px; font-size:14px;color:#555; text-align: center; }
.table-box th{ background:#333570;border: 1px #42448a solid; color:#fff;}
.table-box .even{ background:#eee;}
.table-box .post{ cursor: pointer;}
.table-box .post i{background: url(images/post.png) no-repeat left center; color: #555; padding-left: 20px;    font-style: normal;}
.form-control{    display: inline-block;width: 98%; height: 24px; padding: 3px 1%;   font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; background-image: none; border: 1px solid #ddd; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.03); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.03); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; font: 13px 'Microsoft Yahei', Tahoma,'Simsun';    box-sizing: content-box; resize: none;}
textarea.form-control{ height: auto; line-height: 1.65;}
select.form-control{ height: auto;}
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.form-control:-moz-placeholder { color: #aaa; }
.form-control::-moz-placeholder { color: #aaa; opacity: 1; }
.form-control:-ms-input-placeholder { color:#aaa; }
.form-control::-webkit-input-placeholder { color: #aaa; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; }

.index-about{ background: #333570 url(images/index-about.png) no-repeat center; }
.index-about .s{ padding: 0 25px;}
.index-about .base{width: 300px; padding-top: 40px;}
.index-about .title-box{ text-align: left;}
.index-about .title-box .l{ padding-top: 10px; padding-left: 15px;}
.index-about .title-box .dd{font-size: 18px;}
.index-about .message{ font-size: 15px; color: #eee; line-height: 30px; padding-left: 16px;}
.index-about .line{ height: 1px; width: 60px; margin-top: 36px; background: #ddd; margin-left: 16px;}

.index-about .box{ background: rgba(255,255,255,0.95); width: 760px; padding: 20px;}
.index-about .box p{ font-size: 15px; line-height: 28px; text-indent: 2em; padding-bottom: 10px;}
.index-about .box .more{ display: block; width: 150px; height: 32px; line-height: 32px; text-align: center; border:1px #e50006 solid; color: #e50006; margin: 5px 0; transition: 0.3s;}
.index-about .box .more:hover{  background: #e50006; color: #fff;}

.index-news{background: #fff;}
.index-news .items{ padding: 0 12px;}
.index-news .item{float: left; width: 33.33%;}
.index-news .item a{display: block;margin:15px 20px;}
.index-news .item .dateline{font-size:18px; color:#aaa;line-height: 24px;margin-bottom: 15px;}
.index-news .item .title{font-size:17px; color:#222; line-height:24px; height:24px; overflow: hidden;margin-bottom: 15px;transition: .4s;}
.index-news .item .des{font-size:13px; line-height: 20px;height:40px;overflow: hidden;color:#999;margin-bottom: 15px;}
.index-news .item .more{font-size: 14px;color: #333570;padding-bottom: 10px;border-bottom: 1px solid #333570;display: inline-block;   }
.index-news .item a:hover .title{color: #e50006;}
.index-news .item a:hover .more{animation: skip .6s 1;}
@keyframes skip {
    0%{transform:translateY(0);}
    15%{transform:translateY(-3px);}
    30%{transform:translateY(-5px);}
    45%{transform:translateY(-4px);}
    60%{transform:translateY(-2px);}
    75%{transform:translateY(-1px);}
    100%{transform:translateY(0);}
}






/*列表页面*/
.category-banner{  background: url(images/banner/p1.jpg) no-repeat  center;}
.category-banner .s{ padding: 0 20px; height: 250px;}
.category-banner .title{ padding-top: 75px; font-size: 30px; line-height: 30px; color: #fff;}
.category-banner .line{width: 40px; height: 2px; margin: 18px 0; background: #e50006;}
.category-banner p{font-size: 16px; color: #ddd; line-height: 20px;}

.nav-title{font-size: 13px; text-align: right; line-height: 48px; color: #888;}
.nav-title .s{padding: 0 20px;}
.nav-title a,
.nav-title span{ color:#888;}
.nav-title em{  padding:0  3px;color:#888;}

.main-content { margin:0 auto 20px; width: 1160px;}
.main-content .s{ padding: 0 20px;}
.main-content  .mn{ float:right; width:840px; }
.main-content  .sd{ float:left; width:300px;}
.main-content .s-nav{ height: 42px; line-height: 42px; background: #2f5eb8;padding: 0 15px;}
.main-content .s-nav .title{font-size:16px; color: #fff; }
.main-content .s-nav .n{font-size:13px;}
.main-content .s-nav .n *{color: #8ca6d9;}
.main-content .s-nav .n span{color: #fff;}


.sd .sideMenu{ background:#fff; margin:0 0 20px;padding: 20px 0 10px;border: 1px solid #ededed;}
.sd .sideMenu h2{ padding-bottom:5px;font-size: 0;padding-left: 15px;}
.sd .sideMenu h2 span{font-size:  28px;font-weight: normal;}
.sd .sideMenu h2 span.fir{color: #e50006;}
.sd .sideMenu h2 span.sec{color: #000;}
.sd .sideMenu p.des{font-size: 14px;color: #999;padding-left: 15px;}
.sd .sideMenu ul{margin: 15px 15px 0;}
.sd .sideMenu li{ height:40px; line-height:40px; border-top:1px #ddd solid; transition:border-bottom .3s;}
.sd .sideMenu li:hover,
.sd .sideMenu li.current-cat{ border-top:1px #c9151d solid; color:#c9151d ; background:url(images/xjt.png) no-repeat right center;}
.sd .sideMenu li a{ display:block; font-size:15px; padding:0;;color:#666;}
.sd .sideMenu li:hover a,
.sd .sideMenu li.current-cat a{color:#c9151d ;}

.sd .contact{  background:#fff; border:1px #ededed solid;}
.sd .contact .s{ padding: 45px 18px 15px; position: relative;}
.sd .contact .title{ position: absolute; left: 0; top:0; height: 36px; line-height: 36px; padding: 0 20px; background: #333570; color: #fff; font-size: 15px; border-radius: 0 0 10px 0;}
.sd .contact .s dl{ background:url(images/s-tel.png) no-repeat left 8px; padding-left:40px; margin-bottom:15px; padding-bottom:15px; border-bottom:1px #ddd solid; }
.sd .contact .s dd{ font-size:14px; line-height:1.5; color:#555;}
.sd .contact .s p{ font-size:14px; color:#555; padding-left:35px; margin-left:5px; line-height:2;}
.sd .contact .s .mail{background:url(images/email.png) no-repeat left center;}
.sd .contact .s .wx{background:url(images/wx.png) no-repeat left center;}
.sd .contact .s .time{ font-size:14px; line-height:1.5; color:#555; padding-top:10px; margin-top:10px; border-top:1px #ddd solid;}
.sd .contact .s .time em{color: #999;}



.main-content .cat{ color: #fff; background-color:#333570; padding: 0px 6px; font-size: 12px; display: inline-block; position: relative; top: -2px; margin-right: 6px; font-weight:normal; }
.main-content .cat:hover{ opacity: 0.85; filter:alpha(opacity=85);color: #fff; }
.main-content .cat i{ position: absolute; top: 50%; margin-top: -4px; right: -4px; display: inline-block; width: 0; height: 0; vertical-align: middle; border-left: 4px solid #333570; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
.list-news dl{ padding:20px;overflow:hidden; margin-bottom:-1px;border:1px #eaeaea solid;background:#fff; }
.list-news .m{ float:left; width:200px; margin-right:12px;}
.list-news .m img{ width:100%; height:135px;}
.list-news dt{ height:24px; line-height:24px; margin-bottom:6px; overflow:hidden;}
.list-news dt a{ font-size:18px; color: #222;}
.list-news dt a:hover{color:#e50006;}
.list-news p{color:#999;font-size:12px; line-height:30px;}
.list-news p em{ margin-right:15px; color:#999;}
.list-news p em a{color:#999;}
.list-news dd{ line-height:23px; font-size:13px; color:#888;}

.cat-list{ text-align: center; background: #fff; border-bottom: 1px #eee solid;}
.cat-list li{display: inline-block; *display: inline;zoom:1; height: 50px; line-height:50px; margin: 0 15px; font-size: 15px;}
.cat-list .on a{ color:#1172BA;}




/*文章内页*/
.article{background-color: #fff;padding:15px 20px; min-height: 400px; border: 1px #eaeaea solid;border-radius: 4px;}
.article h1{font-size:26px; font-weight:normal;line-height:1.5; color: #111;  }
.article .info{  margin-bottom:15px; padding-bottom:10px;line-height:30px; font-size:12px;border-bottom:1px #eee solid; color:#888; }
.article .info em{color: #888; margin-right:10px;}
.article .info a{color: #888;}
.article .cont{word-wrap: break-word;}
.article .cont h1{ font-size:18px; line-height:1.5em; padding:5px 0; margin:20px 0; border-bottom:1px #ddd solid;}
.article .cont h2{ margin:10px 0;font-size: 16px; font-weight:bold; }
.article .cont ol,.article .cont ul {margin: 0 0 20px 0;}
.article .cont ol li,.article .cont ul li{list-style-position: inside; font-size:15px; line-height:26px;margin-bottom: 6px;text-indent:2em;}
.article .cont ol li{list-style-type: decimal;}
.article .cont ul li{list-style-type: disc;}
.article .cont p{ font-size:15px; line-height:26px; margin:15px 0; text-indent:2em;}
.article .cont p[style~="text-align:"],
.article .cont span[style~="text-align:"]{text-indent: 0;}
.article .cont a{color:#1172ba;}
.article .cont a:hover{text-decoration: underline;}
.article .cont h6{font-size:15px; line-height:26px; margin-bottom:15px; font-weight:normal;}
.article .cont blockquote{margin-left: 30px; background: #eee;border-left: 4px #ccc solid;padding: 0 5px 0 8px ; margin-bottom:15px;}
.article .cont blockquote p{line-height: 24px;margin-bottom: 0;padding: 4px 0;font-size: 12px;margin: 0;text-indent: 0; font-size:14px;}
.article .cont img{max-width:80%; height: auto; }
.article .cont .aligncenter{ display:block; margin:auto;}


/*关于我们特殊*/
.about-page-content{ padding: 25px;}
.about-page-content .logo{ width: 175px;    padding-top: 150px;}
.about-page-content .logo img{ width: 100%; height: auto; max-width: 100%;}
.about-page-content .piclist{ padding-bottom: 10px;}
.about-page-content .message{ width: 530px;}


/*底部*/
.footer{min-width:1200px; padding:20px 0;  background-color:#14153d;}
.footer .s{ padding:0 15px;position: relative;}
.footer p{ height:40px; line-height:20px;}
.footer p,
.footer p a,
.footer p em{font-size:12px; color:#aaa;}
.footer p em{ padding: 0 3px;}
.footer .nav li{display: inline-block;*display:inline;zoom:1;height:40px ; line-height:40px; margin-right:25px; text-align:right;}
.footer .nav li a{ font-size:14px; color:#dddddd;}
.footer .flow{ position: absolute;right: 20px;}
.footer .flow dt{ height:16px; line-height:16px;}
.footer .flow img{ width:60px; height:60px; background: #fff; }
.footer .flow .m{ float:left;}
.footer .flow .wx{ margin-left:15px;}
.footer .flow .m p{ line-height:18px; font-size:12px; color:#aaa; text-align:center;height: 18px;margin: 0;}

/*客服*/
.footer-kefu{ position:fixed; top:50%; margin-top:-120px; right:0; width:45px;  z-index:9999;}
.footer-kefu li{width:45px; height:45px; line-height:45px;     float: right;   position: relative; margin:1px 0; background:#333; transition:.3s; cursor:pointer; border-radius:1px; zoom:1; transition:0.5s;}
.footer-kefu li:hover{ background: #e50006;}
.footer-kefu li em{float: left; display:block;width:45px; height:45px; overflow: hidden;}
.footer-kefu li a{display: block;height: 45px; font-size:14px; color: #fff; overflow: hidden; }
.footer-kefu .wx .code{ display:none;right: 47px; position: absolute; top: -135px; width: 150px; padding: 5px; border: 1px #ddd solid; background:#fff;}
.footer-kefu .wx .code img{ width:100%;}
.footer-kefu .wx .code p{line-height: 20px; text-align: center; font-size: 14px;}
.footer-kefu .m .code{ display:none;right: 47px; position: absolute; top: -135px; width: 150px; padding: 5px; border: 1px #ddd solid; background:#fff;}
.footer-kefu .m .code img{ width:100%;}
.footer-kefu .m .code p{line-height: 20px; text-align: center; font-size: 14px;}
.footer-kefu .wx em{ background:url(images/side-weixin.png) no-repeat  center;}
.footer-kefu .m em{ background:url(images/side-code.png) no-repeat  center;}
.footer-kefu .tel em{ background:url(images/side-tel.png) no-repeat  center;}
.footer-kefu .tel a{ font-size:16px;}
.footer-kefu .top em{ background:url(images/side-top.png) no-repeat  center;}


.layer-msg-box .title-box{ height: 45px; line-height: 45px; padding: 0 0 0 20px; background: #333570; color: #fff;}
.layer-msg-box .title-box .title{ font-size: 16px; color: #fff;}
.layer-msg-box .title-box .close{ width: 45px; height: 45px; background: url(images/x.png) no-repeat center; cursor: pointer;}

.layer-msg-box .box{ padding:10px 20px 25px;}
.layer-msg-box .box .item{ padding-bottom: 12px;}
.layer-msg-box .box .item p{ line-height: 30px;}
.layer-msg-box .box .ipt{padding: 5px 10px; width: 358px;}

.layer-msg-box .box .btn{ margin-top: 3px; height: 42px; line-height: 42px; text-align: center; background: #333570; color: #fff; font-size: 15px; cursor: pointer; transition: 0.3s;}
.layer-msg-box .box .btn:hover{ opacity: 0.9;}

.layui-layer-hui .layui-layer-content{ color: #fff;}
.layui-layer-imgbar{ height: 40px !important; line-height: 40px !important; }
.layui-layer-imgbar a{font-size: 14px !important;}