@charset "utf-8";
/* CSS Document */
body{ font-family:Microsoft YaHei; background-color:#fff; color:#333; }
ol,ul,li{ margin:0px; padding:0px; list-style:none;}
a,a:visited,a:hover,a:active{ text-decoration:none; color:inherit; }
button,input,select{border:none; outline:none;}

.ltop li{ float:left; width:16.6%; height:60px; line-height:60px;}
.ltop li a{ color:#333; font-size:16px; }
.header ul.nav {
 float:right;
 margin-right:0
}

.header{ background-color:#fff;}
.nav-brand img{ height:60px; display:inline-block; float:left;}
.navnext{ width:100%; padding-left:15px;}
.navnext i{ font-size:10px; float:right; padding:19px;}


.adv li{ background:url(../images/icon-f.png) no-repeat;padding: 20px 15px 20px 70px; font-size:0.8em; color:#666; line-height:20px;  }
.adv .adv1{ background-position:10px 0px;}
.adv .adv2{ background-position:8px -90px;}
.adv .adv3{ background-position:10px -180px;}
.adv .adv4{ background-position:10px -270px;}
.adv li b{font-size:1.4em;display: block; color:#333; font-weight:bold;margin-bottom: 8px;}

.wraper{ background:url(../images/line2_bg.jpg) repeat; padding:30px 0px;}
.divtit{ font-size:2em; color:#006934; font-weight:bold;}
.divdetail{ color:#666; line-height:24px;}
.divul{ clear:both; overflow:hidden;}
.divul li{ width:20%; font-size:0.8em; float:left; text-align:center; background:url(../images/icon-s.png) no-repeat; padding-top:45px; background-size:45px;}
.divul .ny1{ background-position:center -133px;}
.divul .ny2{ background-position:center -1095px;}
.divul .ny3{ background-position:center -564px;}
.divul .ny4{ background-position:center -1039px;}
.divul .ny5{ background-position:center -938px;}
.divul .ny6{ background-position:center -612px;}
.divul .ny7{ background-position:center -988px;}
.diva,.diva:visited,.diva:hover,.diva:active{font-size: 0.8em; padding:5px 10px; border:1px solid #f29600; color:#f29600; display:inline-block;margin-top: 30px;}

.wrapbg{ background:url(../images/wrapbg.png) center no-repeat #172446;   color:#fff; }

.pignose-tab-wrapper .pignose-tab-btn {    display: block;padding: 45px 0px; font-size:1.4em; font-weight:bold;text-align: center; text-decoration: none; color: #fff; width: 20%;}
.pignose-tab-wrapper .pignose-tab-btn i{background:url(../images/icon-fo.png) no-repeat; background-size:60px; width:30px; height:30px;  display:inline-block; vertical-align:middle; }
.pignose-tab-wrapper .pignose-tab-btn i.wrap-tit1{ background-position-y:0px;}
.pignose-tab-wrapper .pignose-tab-btn i.wrap-tit2{ background-position-y:-30px;}
.pignose-tab-wrapper .pignose-tab-btn i.wrap-tit3{ background-position-y:-60px;}
.pignose-tab-wrapper .pignose-tab-btn i.wrap-tit4{ background-position-y:-90px;}
.pignose-tab-wrapper { position:relative;}
.pignose-tab-wrapper .pignose-tab-btn.active{ color:#ffa200; }
.pignose-tab-wrapper .pignose-tab-btn.active i{ background-position-x:-30px;}
.pignose-tab-wrapper .pignose-tab-container {    display: none;
    width: 80%;
    min-height: 400px;
    position: absolute;
    left: 20%;
    top: 44px;
    text-align: left;border-left: 5px solid rgba(255,255,255,0.3);padding: 0px 0px 0px 30px;
}
.pignose-tab-wrapper .pignose-tab-container.active {
    display: block;
}

.inbox{ overflow:hidden; margin:0; padding:0; border-top:1px solid #dddddd;}
.inbox:first-child { border:0;}
.inbox li { width:50%; float:left; list-style:none; padding:50px; border-left:1px solid; border-color:#dddddd; position:relative; }
.inbox li:first-child { border:0;}
.wrapimg{ position:absolute; top:60%; right:0px; max-width:45%;}

.wraptit{ float:left; width:100%; color:#006934; font-size:1.5em; line-height:40px; font-weight:bold; position:relative; padding-left:22px;}
.wraptit:after{ float:left; width:4px; height:24px; content:''; position:absolute; left:0; top:8px; background:#006934;}
.p{  width:100%; color:#666666; font-size:18px; line-height:36px; margin-top:8%;}

.divul2{}
.divul2{ clear:both; overflow:hidden; width:55%}
.divul2 li{ width:20%;font-size: 0.8em; float:left; text-align:center; background:url(../images/icon-t.png) no-repeat; padding-top:45px; background-size:45px;}
.divul2 .icon1{ background-position:center -133px;}
.divul2 .icon2{ background-position:center -1095px;}
.divul2 .icon3{ background-position:center -564px;}
.divul2 .icon4{ background-position:center -1039px;}
.divul2 .icon5{ background-position:center -938px;}
.divul2 .icon6{ background-position:center -612px;}
.divul2 .icon7{ background-position:center -988px;}

.bigtit{ color:#666; font-size:1.4em; text-align:center; margin:35px auto 20px;}
.bigtit b{ color:#006934; font-size:2em; font-weight:bold; display:block; position:relative; padding-bottom: 10px;margin-bottom: 5px;}
.bigtit b:after {
        content: '';
        position: absolute;
        left:45%;
        top: auto;
        bottom: 0;
        right: auto;
        height: 6px;
        width: 10%;
        background-color: #f29600;
    }

.partnerul li{  line-height:24px; padding:20px; float:left; width:32%; margin:10px 0.65%;background-color:#fff;border: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);box-shadow: 0 3px 7px rgba(0,0,0,0.3);}
.partnerul li a,.partnerul li a:focus,.partnerul li a:visited,.partnerul li a:hover,.partnerul li a:active{ color:#999;text-decoration: none;}
.partnerul li:hover{ border: 1px solid rgba(242,150,0,0.3); -webkit-box-shadow: 0 3px 7px rgba(242,150,0,0.3);-moz-box-shadow: 0 3px 7px rgba(242,150,0,0.3);box-shadow: 0 3px 7px rgba(242,150,0,0.3);}
.partnerul li b{ text-align:center; display:block;font-size: 1.4em;color: #333; margin-bottom:15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}



.footerbg img{ margin:0px auto;}	
.footerbg{ background-color:#01234c; color:#fff; margin-top:70px;padding: 45px 0px 10px 0px;}
.footertit{ font-size:2em; font-weight:bold; margin:5px 0px;text-align: center;}
.phone{margin: 0px auto;display: table;}
.phone i{ font-size:2.5em; vertical-align:middle;}
.phnum{ display:inline-block; vertical-align:middle; text-align:center;}
.phnum b{ color:#f29600; font-size:1.5em; font-weight:bold;display: block;}

.footul{ clear:both; overflow: hidden;}
.footul li{ float:left; width:20%; text-align:center; border-right:4px solid #fff;}
.footul li:last-child{ border:none;}
.footul li a{ font-size:1.1em; font-weight:bold;}
.xtul{ margin-top:30px;clear:both; overflow: hidden;}
.xtul li{ width:33.3%; text-align:center; float:left; margin-bottom:30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.divbot{ font-size:0.8em; text-align:center; margin:15px auto;}


.fixdiv{ position:fixed; right:1px;bottom:100px;}
.fixul li{ background-color:rgba(0,0,0,0.5); width:50px; height:50px;margin-bottom: 2px;text-align: center;line-height: 50px;color:#fff;}
.fixul li i{ font-size:1.6em;}
.ic-q{ background:url(../images/icon-qq.png) no-repeat; width:30px; height:30px;margin: 10px auto; display:inline-block; background-size:100%;}
.ic-wx{ background:url(../images/icon-wx.png) no-repeat; width:30px; height:30px;margin: 10px auto; display:inline-block; background-size:100%;}
.wxbox{ background-color: white;border: 1px solid #d9d9d9;position: fixed;border: 1px solid rgba(0,0,0,0.3);-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);box-shadow: 0 3px 7px rgba(0,0,0,0.3);bottom: 130px;/*! bottom: 0; */width:128px;height: 170px; padding: 10px;margin: 0;right: 65px;left: auto; text-align:center;}
.wxbox::after, .wxbox::before {    position: absolute;    top: 60px; content: '';  display: inline-block;  border-top: 9px solid transparent;border-bottom: 9px solid    transparent;	right: -9px;border-left: 9px solid white;}
.fixdiv .wxbox.fade.in::before {
    border-left: 9px solid 
    #d9d9d9;
}


.phonebox{ background-color: white;border: 1px solid #d9d9d9;position: fixed;border: 1px solid rgba(0,0,0,0.3);-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);box-shadow: 0 3px 7px rgba(0,0,0,0.3);bottom: 160px;height: 45px; padding: 10px;margin: 0;right: 65px;left: auto; font-size:0.8em;}
.phonebox::after, .phonebox::before {    position: absolute;    top: 13px; content: '';  display: inline-block;  border-top: 9px solid transparent;border-bottom: 9px solid    transparent;	right: -9px;border-left: 9px solid white;}
.fixdiv .phonebox.fade.in::before {
    border-left: 9px solid 
    #d9d9d9;
}
.phonebox b{ color:#f29600; font-size:1.2em; font-weight:bold;}


/*详情页*/
.itembg{ background:url(../images/detailbg.png) no-repeat center #00030b;  padding:100px 0px; background-size: auto 100%;}
.itembox{ background-color:rgba(0,0,0,0.3); padding:40px 45px; float:right; min-height:300px; color:#fff; font-size:1.1em; line-height:2.5rem; font-weight:bold;}
.itemtit{ font-size:1.4em; margin-bottom:25px;line-height: 3.5rem;}

.itembtit,.itembtit1{ color:#666; font-size:1.2em; text-align:center; margin:35px auto 20px;}
.itembtit b,.itembtit1 b { color:#006934; font-size:1.4em; font-weight:bold; display:block; position:relative; padding-bottom: 10px;margin-bottom: 5px;}
.itembtit1 b { color:#4594ff;}
.itembtit b:after {
        content: '';
        position: absolute;
        left:45%;
        top: auto;
        bottom: 0;
        right: auto;
        height: 6px;
        width: 10%;
        background-color: #f29600;
    }
.itemul li{ width:30%; margin:40px 1.5%; float:left; background-color:#fff;border: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);box-shadow: 0 3px 7px rgba(0,0,0,0.3); padding:30px; text-align:center; height:240px; color:#999; line-height:24px;}
.itemul li i{ display:block; margin:-60px auto 0px; background-color:#ccc; width:70px; height:70px; border-radius:50%; background-image:url(../images/icon-key.png); background-repeat:no-repeat;}
.itemul li b{ font-size:1.4em; color:#333; display:block;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/ margin:20px auto 10px;}
.itemtxt{-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.itemul li .itemicon1{ background-position:0px 5px;}
.itemul li .itemicon2{ background-position:0px -225px;}
.itemul li .itemicon3{ background-position:0px -1122px;}
.itemul li .itemicon4{ background-position:0px -522px;}
.itemul li .itemicon5{ background-position:0px -1260px;}
.itemul li .itemicon6{ background-position:0px -890px;}


.itemul li:hover{ border: 1px solid rgba(242,150,0,0.3); -webkit-box-shadow: 0 3px 7px rgba(242,150,0,0.3);-moz-box-shadow: 0 3px 7px rgba(242,150,0,0.3);box-shadow: 0 3px 7px rgba(242,150,0,0.3);}
.itemul li:hover b{ color:rgba(242,150,0,1);}
.itemul li:hover i{background-color:rgba(242,150,0,1); background-position-x:-70px ; }

.itemlist{ clear:both; overflow:hidden;margin: 30px auto; color:#999; line-height:24px;}
.itemcon b{ font-size:1.2em; color:#333; display:block;}
.itemcon{vertical-align: middle;display: inline-block;width:40%;}
.itemimg{ vertical-align:middle; display:inline-block;width: 58%;}
.itemimg img{ margin:0px auto;}

.copul{ clear:both; overflow:hidden;}
.copul li{margin: 10px auto;}
.copul li a { position:relative; display:block; color:#fff; box-sizing:border-box; overflow:hidden;}
.copul li a:before {
 position:absolute;
 z-index:1;
 top:0;
 left:0;
 width:100%;
 height:100%;
 content:"";
 transition:opacity 5s cubic-bezier(.23,1,.32,1),height 5s cubic-bezier(.23,1,.32,1);
 opacity:0;
 background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.7))
}
.copul li a:hover:before {
 -webkit-transform:translateY(0);
 transform:translateY(0);
 opacity:1
}

.copul li b{ position:absolute; bottom:0px; display:block; background-color:rgba(0,0,0,0.3); color:#fff;padding: 10px;font-size: 1.2em; transition:.4s; -webkit-transform:translateY(0); transform:translateY(0);width: 100%;text-align: center; z-index:999;}
.copul li:hover b { -webkit-transform:translateY(-30px); transform:translateY(-30px)}

.copul li img{width:100%;transition:transform 12s cubic-bezier(.23,1,.32,1); transform:scale(1)}
.copul li:hover img { transform:scale(1.2);}

.bsns-list{display: flex; margin-top:20px;justify-content: space-between;flex-wrap: wrap;}
.bsns-list li{ margin-bottom:20px;transition: all ease .5s;}
.bsns-item{border: 1px solid #e9e9e9;box-shadow:0 0.1rem 0.1rem 0 rgba(191,191,191,0.33); height:250px; overflow:hidden; border-radius:4px;}
.bsns-item > div{padding:15px;height:250px;background-color: #fff; color:#999; transition: all ease .5s;}
.bsns-item:hover >div{transform: translateY(-170px);}
.bsns-tit{ font-size:1.4em;font-weight: 300; color:#333;}
.bsns-subtit{font-weight: 300;margin-bottom: 50px;}


.codiv{margin-bottom: 30px;}
.cotit{ font-weight:bold; font-size:1.2em; margin-bottom:10px;}
.cosq{ display:inline-block;width: 15px;height: 15px;background: #f29600;margin-top: 4px;margin-right: 10px;float: left;}
.codiv >div{ display:inline-block;width: 80%;}
.codiv p{ margin-bottom:3px;}
.abcont{ font-size:1.2em; font-weight:300;}
.abcont p{ text-indent:2.5em;}
.abcont b{ margin-right:10px;}

/*新闻中心*/
.newsitem{width: 100%; padding: 20px ;-webkit-box-shadow: 0 2px 10px 0 rgba(180, 180, 180, .45); margin-bottom:30px; box-shadow: 0 2px 10px 0 rgba(180, 180, 180, .45); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.newsitem:hover{-webkit-box-shadow: 0 2px 10px 0 rgba(242,150,0, .45); box-shadow: 0 2px 10px 0 rgba(242,150,0, .45);}
.newsimg{ width:28%; display: flex; align-items: center;}
.newsimg img{ margin:0px auto;max-height: 150px;}
.newsbox{ width:68%; margin-left: 4%;}
.newstit{ font-size:1.2em; font-weight:bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newstime{ color:#999; font-weight:300;margin-top: 5px;}
.newscon{text-indent: 2em;line-height: 24px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #b5b4b4; margin:15px 0px; font-weight:300;}
.newsmore{ text-align: right; color:#f29600;}

.newsnav{ text-align:right;}
.pagination > li > a, .pagination > li > span{ color:#333;}

.newsrtit{ font-size:1.4em; border-left:5px solid #006934; padding-left:15px; font-weight:bold;margin-bottom: 20px;}
.newslist li{ width:100%; margin-bottom:5px; border: none;overflow: hidden;}
.newslist li a{ display:inline-block; height:35px; line-height:35px;}
.newslist li a em {font-family: Helvetica, Tahoma, Arial, 'Microsoft YaHei', '微软雅黑', STXihei, '华文细黑', Heiti, '黑体', SimSun, '宋体', sans-serif;font-style: normal;    margin-right: 10px;    font-weight: 1000;    font-size: 1.8em; font-style:normal;float: left;}
.newslist li a i {font-style: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.news-left-nav{margin-bottom: 30px;padding-bottom: 50px; height: 40px; }
.news-left-nav a{height:40px;width: 130px; background: #006934;color: #fff;font-size: 18px;padding: 10px;font-weight: 600;margin-right: 10px;line-height: 40px;}
.news-left-nav span{color: #999}
.newstxttit{margin-bottom: 15px; border-left: 6px #f29600 solid;padding-left: 10px; font-size:1.4em; font-weight:bold;}
.newstxttop{ background-color:#f5f5f5; padding:10px; color:#333;}
.newstxttop span{ padding-right:35px; display:inline-block; line-height:30px;font-size: 0.9em; font-weight:300;}
.newstxtcon{ margin-top:20px; line-height:24px; padding:15px 0px;}
.newstxtcon p{ text-indent:2.5em;}
.newstxtcon img{ margin:0px auto;}

/*硬件配套  */


.itemul li .itemicon7 {
    background-position: 0px -370px;
}
.itemul li .itemicon8 {
    background-position: 0px -593px;
}
.itemul li .itemicon9 {
    background-position: 0px -1550px;
}
.itemul li .itemicon10 {
    background-position: 0px -818px;
}
.itemul li .itemicon11 {
    background-position: 0px -1400px;
}
.itemul li .itemicon12 {
    background-position: 0px -70px;
}

.jobtit{font-size: 1.4em;font-weight: bold; margin:50px auto 5px; }
.jobbold{ font-size:1.2em; margin:10px auto 5px;  }
.jopul li{ font-weight:300; margin:3px auto;}



.subul li{ width:20%; float:left;}
.subul li a{ width:90%; display:block; margin: 10px auto 40px; padding:15px 10px;text-align:center;-webkit-box-shadow: 0 2px 10px 0 rgba(180, 180, 180, .45); box-shadow: 0 2px 10px 0 rgba(180, 180, 180, .45); border-radius:5px; background-color:#fef4e5; letter-spacing:2px; font-size:1.1em; }
.subul .subact a{background: #f29600;color: #006934;-webkit-box-shadow: 0 2px 10px 0 rgba(242,150,0, .45); box-shadow: 0 2px 10px 0 rgba(242,150,0, .45); font-weight:bold; }



/* */
.jgtb{ width:100%; font-size:16px;}
.jgtb th{text-align:center; padding:1rem; background:rgba(0,105,52,1); color:#fff;}
.jgtb td{ text-align:center; padding:1rem; background:rgba(0,105,52,0.1); border:1px solid #fff;}
.jgtb td.tdtit{ background:rgba(0,105,52,0.3);}

/*荣誉证书 */
.ga_list li{ float:left; width:16.16%;margin:10px 0.5% 0px 0px; position:relative; }
	.smallimg{}
	.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
	.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
	.bigbox{width:840px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}
	.bigbox>.imgbox{width:400px;height:250px;float:left;border-radius:5px;overflow: hidden;margin: 0 10px 10px 10px;}
	.bigbox>.imgbox>img{width:100%;}
	.imgbox:hover{cursor:zoom-in}
	.mask:hover{cursor:zoom-out}
	.mask>img{position: fixed;right:50px;top: 130px;width: 50px;}
	.mask>img:hover{cursor:pointer}



@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
.wrapbg{ padding:15px; background-size:100% auto;}
.pignose-tab-wrapper .pignose-tab-btn{ width:25%; float:left; padding:2% 0px;font-size: 1.2em;}
.pignose-tab-wrapper .pignose-tab-container{ width:100%; left:0px; border:none; border-top:  5px solid rgba(255,255,255,0.3); top:85px; padding: 10px 0px;}
.divul2{ width:100%;}
.wrapimg{ max-width:68%;}
.divtit,.wraptit {
    font-size: 1.2em;
    
}
.partnerul li{ width:97%;margin: 10px 1.5%;}
.footul{ margin-top:30px;}
.fixdiv{ display:none;}

.itembg{ padding:30px 0px;}
.itemimg,.itemcon {    width: 100%;}
.itemul li{ width:97%;  padding:20px; height:auto;}
}