*{ margin:0; padding:0; }
html{ height: 100%; }
body{ font-family:"Microsoft Yahei"; color:#000; font-size:14px; line-height: 24px;	font-style:normal; }
h1,h2,h3,h4,h5,h6{ font-weight:normal; margin:0; }
ul,ol{ list-style:none; }
input{ border:none;	outline:none; }
a{ color:#000; text-decoration: none; }
a:hover{ text-decoration: none; }
img{ border:0; }
.fl{ float:left; }
.fr{ float:right; }
.cl:after{ content:""; display:block; height:0;	clear:both;	visibility:hidden;}
.tc{ text-align:center;}
.container{ width: 1200px; margin:0 auto; }

/*head*/
#head{ width:100%; height: 82px;line-height: 0; }
#head .logo{ width:13%; height:100%;}
#head .logo a{ width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
#head .logo a img{ max-width: 100%;max-height:100%; }
#head .menu ul li{ position:relative; float:left; height:82px;line-height: 82px; padding:0 26px; }
#head .menu ul li:last-child{ padding-right:0; }
#head .menu ul li>a{ position:relative; display:block; font-size:16px;color:#2b2b2b; padding:0 8px;}
#head .menu ul li:hover>a{ color:#049acd; transition:all .3s; }
#head .menu ul li .on{ color:#049acd; transition:all .3s; }
#head .menu ul li>a:before{ position:absolute;content:""; width:0;height:2px;top:0;left:0;background-color: #0099cd; }
#head .menu ul li:hover>a:before{ width:100%; transition:all .3s; }
#head .menu ul li .listmenuBox{ display:none; position:absolute;width:100%;left:0;top:82px; z-index:9; }
.listmenuBox .listmenu{ margin-top:10px; padding:10px 18px 18px; background-color: rgba(255,255,255,.8);border-radius: 10px; }
.listmenu a{ display:block; width:100%; height:54px;line-height: 54px; font-size:14px;color:#494949;border-bottom: 1px dashed rgba(73,73,73,.3); overflow: hidden; }
.listmenu a:hover{ color:#049acd; transition:all .3s; }

/*others*/
#others{ position:fixed; top:50%; right:100px; z-index:99;}
#others a{ display:block; }
.othBox img{ max-width:100%; transition:width .3s,height .3s,transform .3s; }
#others a:hover>img{ transform:scale(1.1); }
#others .othBox{ position:relative; }
#others .othBox .hidBox{ position:absolute;  opacity: 0; right:42px; top:2px;transition:all .3s; }
.othBox .hidBox>div{ position:relative; margin-right:16px; }
.othBox .hidBox>div:after{ display:block; position:absolute; content:""; right:-12px;top:13px; border: 6px solid #787878;border-color:transparent transparent transparent #787878; opacity: .6;  }
.othBox .searBox input{ padding:0 10px; height:38px; line-height: 38px;color:#fff;font-size:16px;  border-radius:10px; background-color:rgba(120,120,120,.6);}
.othBox .searBox input::input-placeholder{ color:#fff; }
.othBox .searBox input::-webkit-input-placeholder{ color:#fff; }
.othBox .searBox input::-ms-input-placeholder{ color:#fff; }
.othBox .telBox{ width:184px; height:38px; line-height: 38px;color:#fff; font-size:18px; text-align:center; border-radius:10px; background-color:rgba(120,120,120,.6); }
#others .cod.othBox .hidBox{ top:-22px; }
.othBox .hidBox>div.codBox:after{ top:36px; }
.othBox .codBox{ width:90px;height:90px; }
.othBox .codBox img{ width: 100%; opacity:.8; }
#others .othBox .hidBox.cur{ opacity: 1;transition:all .3s; }

/*banner*/
.slick a{ display:block; }
#mask{ position:absolute;width:102%;height:200px;bottom:-146px;left:0;background-color: #fff;transform:rotate(-3deg); }
#banner{ position:relative; width:100%;height:690px; overflow: hidden;}
#banner .slick-prev,#banner .slick-next{ width:38px;height:68px; margin-top:-34px; }
#banner .slick-prev{ left:90px; z-index:9; }
#banner .slick-next{ right:90px; }
#banner .slick-prev:before,#banner .slick-next:before{ content:""; }
#banner .slick-prev{ background: url("../images/iconprev1.png") no-repeat center; }
#banner .slick-next{ background: url("../images/iconnext1.png") no-repeat center; }
#banner .bandown{ position:absolute;width:16px;height:auto;padding:0 10px;bottom:0;left:50%;margin-left:-36px; transform-origin: center center;
                animation: topDown 2s linear infinite;
                -webkit-animation: topDown 2s linear infinite;
                -moz-animation: topDown 2s linear infinite;                
                -o-animation: topDown 2s linear infinite; }
#banner .slick-prev:hover{ background: url("../images/iconprev.png") no-repeat center; }
#banner .slick-next:hover{ background: url("../images/iconnext.png") no-repeat center; }
@keyframes topDown{
  0%{ bottom: 0; }
  25%{ bottom: 10px;}
  50%{ bottom: 0; }
  75%{ bottom: -8px;}
  100%{ bottom: 0;}
}
@-webkit-keyframes topDown{
  0%{ bottom: 0; }
  25%{ bottom: 10px;}
  50%{ bottom: 0; }
  75%{ bottom: -8px;}
  100%{ bottom: 0;}
}
@-moz-keyframes topDown{
  0%{ bottom: 0; }
  25%{ bottom: 10px;}
  50%{ bottom: 0; }
  75%{ bottom: -8px;}
  100%{ bottom: 0;}
}
@-o-keyframes topDown{
  0%{ bottom: 0; }
  25%{ bottom: 10px;}
  50%{ bottom: 0; }
  75%{ bottom: -8px;}
  100%{ bottom: 0;}
}


/*highIden*/
.highIden{ width:100%; margin-top:50px;margin-bottom:100px; background: url("../images/idenbg.jpg") no-repeat center; -webkit-background-size: cover;background-size: cover; }
.highIden .title{ margin-bottom:80px; }
.highIden .title h3{ position:relative; color:#252525;font-size:30px; font-weight:bold;margin-bottom:52px; }
.highIden .title h3:after{position:absolute;content:""; width:30px;height:2px;bottom:-26px;left:50%;margin-left:-15px;background-color: #0099cd; }
.highIden .title span{ color:#252525;font-size:20px; }

.highIden .idenFirm{  }
.idenFirm .idenBox{ border-radius:20px; position:relative; width:360px;height:556px;margin-right:60px; overflow: hidden; }
.idenFirm .idenBox:last-child{ margin-right:0; }
.idenFirm .idenBox a{position:relative;z-index:9; margin-top:86px; display:inline-block;  }
.idenFirm .idenBox .idenimg{ width:196px;height:196px; border-radius:50%; margin:0 auto;margin-bottom:48px; }
.idenFirm .idenBox .idenimg img{ width:100%; }
.idenFirm .idenBox .line{ display:block; width:30px;height: 2px; margin:0 auto; background-color:rgba(195,195,195,1);transform:rotate(-45deg); transition: all .6s;  }
.idenFirm .idenBox .idenwd{ width:246px;height:46px;line-height:46px;margin-top:48px;background:url("../images/borderbg.png") no-repeat center;overflow: hidden; }
.idenFirm .idenBox .idenwd span{ display:block; padding:0 10px;color:#404040;font-size:16px;font-weight:bold; transition:all .6s; }

.idenFirm .idenBox .idenimg1{ background-color: rgba(236,105,65,1); }
.idenFirm .idenBox .idenimg2{ background-color: rgba(74,175,211,1); }
.idenFirm .idenBox .idenimg3{ background-color: rgba(105,192,188,1); }


.idenFirm .idenBox .idenbgBox{ position:absolute; width:100%; height:100%; top:0;left:0; opacity:0;transition:all 2s;}
.idenFirm .idenBox .idenbgBox:before{transition:all 1s; opacity: 0; position:absolute;content:"";width:100%;height:100%; top:0;left:0;background-color: rgba(0,0,0,.3); }
.idenFirm .idenBox:hover .idenbgBox{ opacity: 1;}
.idenFirm .idenBox:hover .idenbgBox:before{ opacity: 1; }
.idenFirm .idenBox .idenwd{ background:url("../images/borderbg.png") no-repeat center; transition:all .6s; }
.idenFirm .idenBox:hover .idenwd{ background:url("../images/borderbgcur.png") no-repeat center;}
.idenFirm .idenBox .idenimg{ border: 1px solid rgba(255,255,255,0); transition: all .8s;}
.idenFirm .idenBox:hover .idenimg{ border: 1px solid rgba(255,255,255,.2);background-color: rgba(0,0,0,0); }
.idenFirm .idenBox:hover .line{ background-color: rgba(255,255,255,1); }
.idenFirm .idenBox:hover .idenwd span{ color:#fff; }

/*about*/
.abouthid{ width:100%; overflow: hidden; }
.about{ position:relative;margin-bottom:200px; }
.about .deco{ position:absolute;top:36px;left:0; z-index:-1; }
.about .deco img{ max-width:100%;max-width:100%; }
.about .title{ width:100%; border-bottom:1px solid #b5b5b5; }
.about .title h3{position:relative; font-size:20px;color:#363636;font-weight:bold;margin-bottom:20px; }
.about .title h3:after{ position:absolute;content:"";width:160px;height:3px;bottom:-22px;left:0;background-color: #0099cd; }
.about .aInfo{ width:100%; height: 500px;  }
.aInfo .aIntro{ width:540px;margin-top:94px;  margin-right:50px;float: left; }
.aInfo .aIntro .theme{ height:58px; padding:4px 0; font-size:74px; color:#0099cd;opacity: .3; }
.aInfo .aIntro .wds p{ color:#363636; line-height: 30px; }
.aInfo .aimgBox{ position:relative;float: left; width: 610px; }
.aimgBox img{ border-top:1px solid #b5b5b5; position: absolute;top: -1px; left: 0;}

/*news*/
.news{position:relative; width:100%; padding:70px 0 100px; background: url("../images/hnewsimgbg.jpg") no-repeat center;background-size:cover; }
.news .mask{ position:absolute; width:100%;height:100%; background-color: rgba(16,16,16,.6); top:0;left:0;}
.news .more{ position:absolute; top:0; right:0; padding:20px; background: url("../images/iconm.png") no-repeat 0 center; }
.news .more a{ position:relative; display:block; color:#fff;font-size:20px;font-weight:bold; }
.news .more a:hover{ color:#7ecef4; transition:all .3s; }
.news .container{ position:relative; padding-bottom:30px; z-index:9; background: url("../images/newsdate.png") no-repeat center 180px; }
.news .container>.title{ margin-bottom:60px; }
.news .title h3{ position:relative; font-size:30px;color:#fff;font-weight:bold; padding-bottom:20px;margin-bottom:20px; }
.news .title span{ font-size:20px;color:#fff;font-weight:bold; }
.news .title h3:after{ position:absolute;content:""; width:170px;height: 2px;left:50%;bottom:0;margin-left:-85px;background-color: rgba(126,206,244,.5); }

.news .newsInfo .newsBox{ width:100%; }
.newsInfo .newsBox .itemBox{ position:relative; width: 586px; height: 90px; padding:10px 0; }
.newsBox .itemBox .item{ width:480px; height:72px; overflow: hidden; position: relative;z-index:10; }
.newsBox:nth-child(2n+1) .itemBox .item{ margin-right:26px; }
.newsBox:nth-child(2n) .itemBox .date{ margin-right:26px; }
.newsBox .itemBox .item .title{ display:block; font-size:16px;color:#fff;font-weight:bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.newsBox .itemBox .item p{ color:#fff; }
.newsBox .itemBox .date{ width:60px;height:52px;padding:10px; }
.newsBox .itemBox .date span{ display:block; color:#fff; }
.newsBox .itemBox .date .monday{ font-size:20px; }
.newsBox .itemBox .date .year{ font-size:16px; }
.newsInfo .newsBox .itemBox .maskitem{ display:none; position:absolute; content:""; width:668px;height:100px; padding:10px 0; top:-10px;background-color:rgba(255,255,255,.05);  }
.newsInfo .newsBox:nth-child(2n+1) .maskitem{ left:-6px; }
.newsInfo .newsBox:nth-child(2n) .maskitem{ right:-4px; }
.newsInfo .newsBox .itemBox:hover .title{ color:#7ecef4; transition:all .3s; }
.newsInfo .newsBox .itemBox:hover .maskitem{ display:block; }


/*contact*/
.contact{ width:100%;padding:68px 0 80px;background: url("../images/contactbg.jpg") no-repeat center; background-size:cover; }
.contact .title{ margin-bottom:30px; }
.contact .title h3{ color:#545454;font-size:22px;font-weight:bold;margin-bottom:4px; }
.contact .title span{ color:#545454; }
.contact .contIntros{ width:248px; margin-right:114px; overflow: hidden; }
.contIntros span{display:block; position:relative; padding:10px 0 10px 36px; color:#545454; }
.contact .contIntros span a{ color:#545454;  }
.contact .contIntros span a.adr{ padding:0;width:170px; }
.contIntros span:before{ position:absolute; content:"";width:20px;height:20px; background: url("../images/contac.png") no-repeat; overflow: hidden;}
.contIntros span:nth-child(1):before{ top:12px;left:0; }
.contIntros span:nth-child(2):before{ background-position: 0 -40px; top:14px;left:0; }
.contIntros span:nth-child(3):before{ background-position: 0 -96px; top:14px;left:0; }
.contIntros span:nth-child(4):before{ background-position: 0 -134px; top:14px;left:0; }
.contIntros span:nth-child(5):before{ background-position: 0 -170px; top:14px;left:0; }
.contIntros span:nth-child(6):before{ background-position: 0 -208px; top:14px;left:0; }
.contact .contElements{ width:838px; }
.contElements .eleBox{ margin-bottom:20px; }
.contElements .eleBox input{font-family:"微软雅黑";  height: 30px; color:#545454; background-color: rgba(0,0,0,0); border-bottom:1px solid rgba(84,84,84,.3);}
.contElements .eleBox .firmname{ width:292px; margin-right:30px; }
.contElements .eleBox .name{ width: 216px;margin-right:24px; }
.contElements .eleBox .telphone{ width: 264px; }
.contElements .eleBox .wechat{ width: 406px; margin-right:20px; }
.contElements .eleBox .email{ width: 406px; }
.contElements .eleBox textarea{font-family:"微软雅黑"; width:100%;height:76px; color:#545454; border: 0; border-bottom:1px solid rgba(84,84,84,.3); outline:none; resize:none;background-color: rgba(0,0,0,0);}
.contElements button{ width: 116px;height: 34px; line-height: 34px;text-align:center; background-color:#545454; color:#fff; border-radius:10px;border:0;cursor:pointer; outline:none; }

.contElements .eleBox input::-webkit-input-placeholder { /* WebKit browsers */ color:#545454;}  
.contElements .eleBox input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#545454;}  
.contElements .eleBox input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#545454;}  
.contElements .eleBox input:-ms-input-placeholder{color: #545454;}
.contElements .eleBox textarea::-webkit-input-placeholder { /* WebKit browsers */ color:#545454;font-family: "微软雅黑";}  
.contElements .eleBox textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#545454;font-family: "微软雅黑";}  
.contElements .eleBox textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#545454;font-family: "微软雅黑";}  
.contElements .eleBox textarea:-ms-input-placeholder{color: #545454;font-family: "微软雅黑";}
/*foot*/
#foot{ width:100%; background-color: #f0f0f0; padding:20px 0; }
#foot .linkInfo .linkfri{ padding:10px 0; margin-bottom:10px; }
.linkInfo .linkfri a{ display:inline-block; color:#858585; padding:0 10px;}
.linkInfo .linkfri a.ha{ padding-left:0; padding-right:30px;}
.linkInfo .linkfri:hover a.ha,.linkInfo .linkfri a:hover{ color:#0099cd;font-weight:bold;transition:all .3s; }
.linkInfo .linkmenu{ margin-bottom:20px; }
.linkInfo .linkmenu .menuBoxli{ float:left; padding:0 30px; text-align:center;  }
.linkmenu .menuBoxli:first-child{ padding-left:0; }
.linkmenu .menuBoxli a.title{color:#414141; font-weight:bold; }
.linkmenu .menuBoxli ul li a{ color:#b1b1b1; }
.linkmenu .menuBoxli ul li a:hover{ color:#787878;transition:all .3s; }
.linkInfo .linkmenu .code a{ display:inline-block;  }
.linkInfo .linkmenu .code a:first-child{ width: 148px; height:131px; margin-right:26px; }
.linkInfo .linkmenu .code a:last-child{ width: 131px; height:131px; }
.linkInfo .linkmenu .code a img{ width: 100%; height:100%; }

#foot .copy{ height:auto; padding:10px 0;overflow:hidden; text-align:center;}
.copy span{ display:inline-block; color:#787878; margin-right:30px; }
.copy span a{ color:#787878; }
.copy span a:hover{ color:#0099cd; transition:all .3s;}

/*page*/
.editBox{color:#666;}
#page .pagebg{ width:100%; line-height: 0; overflow:hidden;}
#page .pagebg img{ max-width:100%; }
#page .pageInfo .pagenav{ width:100%;padding:26px 0; background-color: #f3f3f3; }
.pagenav .navmenu{ width:936px; margin:0 auto; }
.pagenav .navmenu ul li{ position:relative; float:left; width:166px; height: 44px;line-height:44px;padding-left:28px; margin:0 20px;overflow: hidden; transition:all .6s; }
.pagenav .navmenu ul li:before{ transition:all .6s; opacity: 0; position:absolute;content:"";width:100%;height:100%;top:0;left:0; background: url("../images/libg.png") no-repeat center; }
.pagenav .navmenu ul li.current{ background: url("../images/libg.png") no-repeat center; }
.pagenav .navmenu ul li:hover:before{ opacity:1; }
.pagenav .navmenu ul li a{ position:relative;z-index:9; display:block; color:#404040;font-size:16px; }

.paginationBox{ width: 100%; height:auto; margin:20px 0; }
.paginationBox a{display:inline-block; color:#696969;margin:0 10px;transition:300ms;}
.paginationBox .num{padding:0px 8px;color:#fff; background-color:#696969;font-weight:bold;transition:all .3s;}
.paginationBox a.num:hover{ background-color: #0099cd; }
.paginationBox a:not(.num):hover{ color:#0099cd; }
.paginationBox .arrow{ vertical-align:middle; }
.paginationBox .arrow img{ max-width:100%; }

/*aboutp*/
.aboutp .aboutIntro{ padding:64px 0 100px; }
.aboutIntro .editBox p{ font-size:16px; color:#606060; line-height: 30px; } 
.aboutIntro .editBox img{ max-width:100%; line-height: 0;}
.cert{margin: 30px 0;}
.cert a{display: block;width: 100%;height: auto;transition: 400ms;}
.cert img{width:100%;}
.cert .slick-slide a{transition: 400ms;
  -moz-transform: scale(0.7);-ms-transform: scale(0.7);
  -o-transform: scale(0.7);-webkit-transform: scale(0.7);
  transform: scale(0.7);}
.cert .slick-center a{transition: 400ms;
  -moz-transform: scale(1.06);-ms-transform: scale(1.06);
  -o-transform: scale(1.06);-webkit-transform: scale(1.06);
  transform: scale(1.06);}
.cert .slick-prev:before, .cert .slick-next:before{content:"";}
.cert .slick-prev, .cert .slick-next{width:48px;height: 48px;z-index: 6;}
.cert .slick-prev{left:-6%;background: url(../images/i10.png) center no-repeat;transition: 400ms;}
.cert .slick-next{right: -6%;background: url(../images/i9.png) center no-repeat;transition: 400ms;}
.cert .slick-prev:hover{background: url(../images/i10_h.png) center no-repeat;transition: 400ms;}
.cert .slick-next:hover{background: url(../images/i9_h.png) center no-repeat;transition: 400ms;}
/*product*/
.product{ padding:70px 0 40px; }
.product .productBox{ width:100%;margin-bottom:10px;overflow: hidden; }
.productBox .proimgs{ width:1220px;}
.productBox .proimg{ position:relative; float:left; width:283px;height: 296px; margin-right:20px;margin-bottom:50px;background-color: #fff;border-radius:10px;box-shadow:2px 2px 5px #ddd; overflow: hidden;}
.productBox .proimg a{ display:block; }
.productBox .proimg img{ width:100%; transition:width .4s,height .4s,transform .4s;-webkit-transition:width .4s,height .4s,-webkit-transform .4s; }
.productBox .proimg p{  height:48px; margin:8px 10px 10px; color:#5a5a5a; overflow: hidden;  }
.productBox .proimg .mask{opacity:0; position:absolute;width:283px;height: 230px;top:0;left:0; background-color: rgba(0,0,0,.5); border-radius:10px 10px 0 0;transition:all .6s; }
.productBox .proimg .mask .ms{ width:100%; margin-top:76px; }
.productBox .proimg .mask a{ display:block;  color:#fff; }
.productBox .proimg .mask img{ width:62px;height:50px;}
.productBox .proimg .mask span{ display:block;}
.productBox .proimg:hover .mask{ opacity: 1;}
.productBox .proimg:hover img{ transform:scale(1.1); }

/*search*/
.search{ padding:20px 0 50px; }
.search .searchBox{ margin-bottom:56px; }
.search .searchBox ul li{  height: 66px; line-height: 66px; padding-left: 30px; background: url(../images/icons.jpg) no-repeat 0 center;border-bottom:1px dashed #d5d5d5; overflow: hidden;}
.search .searchBox ul li a{ display:inline-block; color:#4c4c4c; font-size:16px; width:858px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }  
.search .searchBox ul li a:hover{ color:#0099cd; transition:all .3s; }
.search .searchBox ul li .add{ margin-left:10px; }
.search .searchBox ul li .add span{ color:#4c4c4c;font-size:16px; }
.search .searchBox ul li .add .date{ margin-right:36px; }  
.search .searchBox ul li .add .liulan{ position:relative;padding-left:32px;background: url(../images/eyes.png) no-repeat 0 4px; }
       
/*newsp*/
.newsp .newspIntro{ padding:40px 0 50px; }
.newspIntro .newspBox{ margin-bottom:56px; }
.newspIntro .newspBox .newspImgWds{ width: 100%;padding-bottom: 24px; margin-bottom:28px; border-bottom: 1px dashed #e5e5e5; }
.newspImgWds .newsimg{ width:335px; line-height:0; margin-right:32px; }
.newspImgWds .newsimg a{ display:block; }
.newspImgWds .newspwds{ width:832px; height:100%; }
.newspImgWds .newspwds a{ display:block; }
.newspwds .newstheme{ margin-bottom:20px; }
.newspwds .newstheme .title{ position:relative; width:732px;height:44px; color:#5a5a5a; font-size:18px; font-weight:bold; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newspwds .newstheme .title:after{ position:absolute; content:"";width:56px;height: 4px; bottom:0;left:0; background-color: #0099cd;}
.newspwds .newstheme span{ margin-left:10px; font-size:18px; color:#5a5a5a; } 
.newspImgWds .newspwds a>p{ width:100%;height:120px; color:#5a5a5a;font-size:16px;line-height: 30px;overflow: hidden; }  
.newspIntro .newspBox .newspImgWds:hover .title{ color:#0099cd; transition:all .3s; }   

/*newsdetail*/
.share{ margin-top:50px; }
.newsdetail .newsdIntro{ padding:80px 0 90px; }
.newsdIntro .theme .title{ margin-bottom:40px; }
.newsdIntro .theme .title h3{ height:24px; font-size:22px; color:#0099cd; font-weight:bold; margin:10px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newsdIntro .theme .title span{ font-size:18px;color:#5a5a5a; }
.newsdIntro .editBox{ width:100%; border-bottom: 1px solid #767676; }
.newsdIntro .pagina{ padding-top:10px; }
.newsdIntro .pagina a{ display:inline-block; font-size:16px; color:#545454; }
.newsdIntro .pagina a:hover{ color:#0099cd; transition:all .3s;}
.newsdIntro .editBox img{ display:block; max-width:100%; margin:0 auto; }
.newsdIntro .editBox p{ color:#606060; font-size:16px; line-height: 30px; }