﻿@charset "utf-8";
/* CSS Document */

*,body,html,h1,h2,h3,h4,h5,h6,div,p,b,c,e,g,j,dl,dd,dt,span,strong{ padding:0px; margin:0px; font-family: 微软雅黑, Arial, Helvetica, sans-serif; sans-serif;}

h1,h2,h3,h4,h5,h6,div,p,b,c,e,g,j,dl,dd,dt,span,strong{ padding:0px; margin:0px; font-family: 微软雅黑, Arial, Helvetica, sans-serif; sans-serif;}

body,html{height:100%; font-weight: normal; font-family: 微软雅黑, Arial, Helvetica, sans-serif;}

a{text-decoration: none; font-weight: normal;color: #000; font-family: 微软雅黑, Arial, Helvetica, sans-serif;}

ul,li{list-style: none; font-weight: normal; font-family: 微软雅黑, Arial, Helvetica, sans-serif;}

.page_contents_n_address left dl dd span a span:hover,.page_contents_n_address left dl #mc span a span:hover{color:#0085D0; }

.page_contents_n_address right dl dd .email span:hover{color:#0085D0;}

#btn2 {position: fixed;z-index: 5555;    opacity: 0.7;right: 1em;bottom: 4em;cursor: pointer;}
#btn2:hover{    opacity: 1;}

.page_naws_n_show right h4 font{ color: #0085D0;}

header,.in_bo_2 a{ display:none;}

.service ul li g{display:none;}

.pc-header dd{ display: block;width: 1200px;position: relative;margin: 0 auto;}
.pc-header dd left{position: absolute;left: 0;top: -34px;height: 43px;width: 209px;padding: 22px 0 0;background: url(../images/logo_bg.png) no-repeat center bottom;text-align: center;font-size: 0;line-height: 0;}
.pc-header dd left a{overflow: hidden;}
.pc-header dd left img{width:90%; height:90%;position: relative;}

.pc-header{ position: fixed;width: 100%;background: #0085D0;display: block;overflow: hidden;z-index: 999999999999999;box-shadow: 0 0 30px 0 rgba(0,0,0,.4);}
.pc-header one{ display: block;width: 1200px;overflow: hidden;text-align: right;color: #fff;height: 34px;line-height: 34px;    margin: 0 auto;}
.pc-header one a{ color: #fff;display: inline-block;margin: 0 8px;}
.pc-header one b{ color: #fff;font-size: 18px;font-weight: bold;display: inline-block;margin: 0 8px;}
.pc-header two{ background: #fff; display: block;overflow: hidden;height: 70px;}
.pc-header two div{display: block;overflow: hidden;width: 1200px;margin: 0 auto;}
.pc-header two div right{display:block;width:1200px;overflow: hidden;text-align: right;margin-left: 300px }
.pc-header two div right dt{float: left;height: 70px;border-left: 1px solid #bfbfbf; position: relative; display: block;width: 130px;overflow: hidden; }
.pc-header two div right dt a{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.pc-header two div right dt b{width: 130px;display: block;text-align: center;line-height:86px;font-size: 14px;font-weight: bold;color: #000000;}
.pc-header two div right dt g{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;}
.pc-header two div right dt g img{ position: absolute;width: auto;height: auto;top: 13px;left: 56.5px;}
.pc-header two div right dt g #img1{ display: block;}
.pc-header two div right dt g #img2{ display: block; top: 70px; opacity: 0;}
.pc-header two div right dt:hover g #img2{top: 13px;opacity: 1; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
 
.pc-header right dt.cur{background-color: #0085D0;}
.pc-header right dt.cur b{color:#fff; }
.pc-header right dt.cur g #img1{display: none;}
.pc-header right dt.cur g #img2{ display: block;top: 13px !important;opacity: 1;}
.pc-header two div right dt:hover {background-color: #0085D0;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.pc-header two div right dt:hover b{ color:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

.page-about .target.p-lc-one  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.page-about .action.p-lc-one{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}



.slider{display:none;}


body{font-size: 13px;}

.pc-header one a:hover,.page_service_n .nqtWrap li a:hover{ color: #0085D0;}

.banner{position: relative; height: 451px; overflow: hidden; width:1075px; margin: 0 auto;  padding-top: 104px; }
.bwrap{position: relative; z-index: 0; }
.bquery{position: relative; z-index: 0; height: 451px; }
.blist{display: none; position: absolute; top: 0; left: 0; z-index: 0; height: 451px; font-size: 0; line-height: 0; }
.blist a{display: block; position: absolute; left: 0; top: 0; }
.blist img{}

.bfilter{position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 570px; font-size: 0; line-height: 0; }
.bfilter a{position: absolute; top: 0; left: 0; width: 5%; height: 620px; overflow: hidden; }
.bfilter a img{position: absolute; left: 0; top: 0;   }


.bctrl{position: absolute; bottom: 24px; left: 0; z-index: 9; width: 100%; height: 24px; }
.bctrli{text-align: center; font-size: 0; line-height: 0; }
.bctrli a{display: inline-block; width: 24px; height: 24px; margin: 0 3px; background: url(../images/banner_control.png) no-repeat left           center; }
.bctrli a:hover,
.bctrli a.curr{background-position: right center; background: #0085D0;}
.bctrli a{*display: inline; *zoom: 1; }


.service{width:1000px; margin: 0 auto; }
.serQuery{ width: 100%; height: 29em; overflow: hidden; padding-top: 5%; overflow: hidden; }
.service ul li{position: relative; float: left; width: 23%; height: 102% ;margin-right: 2.6%; }
.serWrap{position: absolute; width: 100%; height: 28em; border: 1px solid #cecece;background:#FFFFFF  }
.serIco{width: 80%; height: 60%; margin: 10% auto 0; background: #666;  }
.service ul li .serWrap .serIco img{width: 100%;height: 100%;}
.serTitle{margin: 6% 0 2%;line-height: 28px;font-size: 1.5em;font-family: 微软雅黑;color: #000;text-align: center;}
.serIntro{text-align: center;line-height: 2em;color: #484848;padding-bottom: 7.5%;border-bottom: 1px dotted #8d8d8d;width: 85%;margin: 0 auto; }
.serLink{width: 60%;text-align: center;margin: 0 auto;border: 1px solid #ccc;margin-top: 6%;line-height: 2.8em;border-radius: 8px;}
.serLink a{ color:#000;}
.serBtn{display: block;position: relative;width: 62%;height: 11%;overflow: hidden;margin: 0 auto;line-height: 3em;text-align: center;}
.serBtnLink,.serBtnHover{position: absolute; width: 100%;height: 100%; }
.serBtnLink{z-index: 1; background-position: center top; color: #3f3f3f; }
.serBtnHover{background-position: center center; color: #ffffff; }
.service ul li:last-child{margin-right: 0;}
.service ul li:hover .serLink{background-color: rgb(0, 133, 208);}
.service ul li:hover .serLink a{ color:#fff;}
.index-case{background: #fff;overflow: hidden; }
.index-case-n{width:1000px;margin: 0 auto;padding: 1% 0 1%;}
.index-case-n-top{overflow: hidden;  border-bottom: 1px solid #eaeaea;text-align: center;}
.index-case-n-top span{float: right;width: 12%;padding-top: 1%;line-height: 2.5em;font-size: 1em;color:#cecece;text-align: center;}
.case-tit{float: left; padding-top: 1%; line-height: 1.2em; color: #000;font-size: 1.3em;font-weight: bold;}
.case-tit c{color: #aaa;font-size:1em;font-weight:normal;}
.case-tit a{ color: #000;font-size: 1.3em; font-weight: bold;}
.case-tit a:hover{color: #000;}
.index-case-n-bottom{overflow: hidden; }
.index-case-n-bottom ul li:nth-child(3n){margin-right:0;}


.icaseLeft{position: relative; float: left; width: 400px; overflow: hidden; padding: 20px 0 0; background: #ffffff; }
.icaseLeftTitle{height: 28px; padding: 0 0 0 18px; color: #858585; line-height: 28px; font-size: 15px; }
.icaseLeftIntro{position: relative; margin: 16px 0 0; }
.icasebPrev,.icasebNext{position: absolute; z-index: 9; top: 120px; width: 31px; height: 31px; background: url(../images/case_control.png) no-repeat; }
.icasebPrev{left: 0; background-position: left bottom; }
.icasebPrev:hover{background-position: left top; }
.icasebNext{right: 0;  background-position: right bottom; }
.icasebNext:hover{background-position: right top; }
.icaseBanner{position: relative; z-index: 0; height: 300px; }
.icasebli{position: absolute; left: 0; top: 0; width: 400px; }
.icasePic{display: block; width: 400px; height: 250px; overflow: hidden; font-size: 0; line-height: 0; }
.icaseInfo{border-bottom: 1px solid #ececec; padding: 19px 21px 7px; }
.icaseTitle{line-height: 28px; font-size: 18px; color: #353535; }
.icaseDate{line-height: 22px; font-size: 14px; color: #adadad; }
.icaseIntro{padding: 20px; line-height: 20px; color: #868686; }


.icaseRight{float: left; width:100%; overflow: hidden; }
.icaserQuery{float: left; width: 32.2%;margin-right: 1.7%;margin-bottom: 1.5%;padding-top: 0.8%; background: #fff;position: relative; }
.icaserQuery a{ width: 100%;height: 100%;top: 0;left: 0;}
.icaserTitle{display: block;font-size: 1.2em;color: #353535;line-height: 1.7em;padding-left: 5%; }
.icaserQuery:hover .icaserTitle {color: #fff; font-weight: bold;}
.icaserDate{display: block; padding: 0 0 0 15px; line-height: 20px; color: #adadad; }
.icaserPic{position: relative;overflow: hidden; margin-top: 1.8%; }
.icaserPic img{margin-bottom:3px; width:322px; height:220px}
.icaserMask{display: none; position: absolute; top: 0; left: 0; z-index: 8; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); opacity: 0.5; filter: alpha( opacity = 50 );  }
.icaserLink{position: absolute;  left: 43%; z-index: 9; width: 15%; height: 22.5%; background: url(../images/case_detail.png) no-repeat center center;}
.icaserQuery{cursor:pointer;}


.icaseHeader1{overflow: hidden;padding-bottom: 1%;  }
.icaseDetLink1{float: right; width: 78px; height: 28px; margin: 4px 0 0; padding: 0 18px 0 0; background: #cbcbcb url(../images/case_more_arrow.png) no-repeat 70px center; line-height: 28px; color: #fff; text-align: center; text-decoration: none; }
.icaseName1{float: left; height: 1.7em;; padding: 0.5% 0 0 22%; background: url(../images/case_title1.png) no-repeat left center; line-height: 2em; font-size: 1.2em; font-weight:bold }

.index_team{width:1000px;margin: 0 auto;overflow: hidden;}
.index_team .index_team_top{width: 100%;overflow: hidden;}
.index_team .index_team_top .team-tit {float: left;height: 1.7em;padding-top: 1%;line-height: 1.7em;font-weight: bold;width:27.5%;}
.index_team_bottom{width: 100%;overflow: hidden;margin-top:1%;}
.index_team_top a{float: right;width: 8%;background-color: rgb(224, 224, 224);line-height: 2.5em;color: #fff !important;text-align: center;margin-top: 0.5%;padding-right: 1.6%;}
.index_team_top a:hover{background-color: rgb(0, 133, 208);}
.team-tit b{color: #000;font-size: 1.5em;margin-right:3%; font-weight:600;}
.team-tit c{color: #aaa;font-size:1.2em;}


/*关于开始*/
.index_about_news{width:1000px; margin: 0 auto;overflow: hidden;}
.index_about{float: left; width: 40%; margin-right: 0.1%; background: #ffffff; overflow: hidden; }
.iaHeader{position: relative; z-index: 9; height: 34px; border-bottom: 1px solid #eaeaea; }
.iaPrev,
.iaNext{position: absolute; top: 11px; width: 33px; height: 33px; background: #bbbbbb url(../images/about_control.png) no-repeat; }
.iaPrev{right: 51px; background-position: left center; }
.iaNext{right: 17px; background-position: right center; }
.iaPrev:hover,
.iaNext:hover{background-color: #0085D0; }
.iaQuery{position: relative; z-index: 0; height: 240px; width: 100%; }
.iaList{position: absolute; height: 240px; width: 100%; background: #ffffff; }
.iaName{position: absolute; height: 32px; width: 94%; padding: 3% 0 2% 5%;     line-height: 32px;}
.iaNameEn{ color: #000;font-size: 1.5em;margin-right: 3%; font-weight:600;}
.iaNameCn{  vertical-align: 0.2em;color: #aaa;font-size: 1.2em; }
.iaBody{height: 240px; }
.iaPic{float:left;position: absolute;top: 11%; overflow: hidden;height: 240px; width: 40%;margin: 0 0 0 -20px ;}
.iaPic a{overflow: hidden;display: block;}
.iaPicMask{position: absolute; left: 0; right: 0;bottom: 0; height: 36px; opacity: 0.8; filter: alpha( opacity = 80 ); background: #000; }
.iaPicName{position: absolute; left: 0; padding: 0 10px; line-height: 36px; color: #ffffff; }
.iaIntro{position: absolute; top:14%; width: 50%; line-height: 20px;font-size: 13px;}
.iaIntro h4{font-size: 1.3em;color: #515151;line-height: 1em; }
.iaIntro h5{padding: 15px 0 0; line-height: 24px; color: #515151; }
.iaCtrl{height: 31px; border-top: 1px solid #eaeaea; padding: 19px 14px 0 0; text-align: right; }
.iaCtrl a{display: inline-block; width: 11px; height: 11px; margin: 0 3px; background: #e0e0e0; }
.iaCtrl a{*display: inline; *zoom: 1;}
.iaCtrl a:hover,
.iaCtrl a.curr{background: #0085D0; }

.iaBody a{ display:block; overflow:hidden; height:100%;}




/*.inNext:hover{ background:#0085D0 !important;}
.inPrev:hover{ background:#0085D0 !important;}
.inMore:hover{ background:#0085D0 !important;}



/*关于结束*/




/*新闻开始*/

.iNews{float: left; width: 59.9%; background: #fff; }
.inHeader{height: 34px; padding-left: 4.5%;    line-height: 34px; }
.inMore{float: right;width: 12.5%;border-left: 1px solid #eaeaea;background: #fff;text-align: center;line-height: 34px;color: #fff; font-size: 1.2em;    background: rgb(224, 224, 224) !important;}
.inMore:hover{ color: #fff;    background-color: rgb(0, 133, 208) !important;  }
.inPrev,
.inNext{float: right; width: 9.8%; height: 34px; border-left: 1px solid #eaeaea; background: url(../images/news_control.png) no-repeat;
 background-color:#fff; }
.inNext:hover{background: #0085D0 url(../images/news_control.png) no-repeat right top !important;}
.inPrev:hover{background: #0085D0 url(../images/news_control.png) no-repeat left top !important;}
.inPrev{background-position: left bottom; }
.inNext{background-position: right bottom; }
.inPrev:hover{ background-position: left top; }
.inNext:hover{background-position: right top; }
.inNameEn{font-size: 1.5em;color: #000;    margin-right: 3%; font-weight:600;}
.inNameCn{ vertical-align: 0.1em;    color: #aaa;font-size: 1.2em;}

.inQueryWrap{position: relative; width: 100%; height: 277px; overflow: hidden; }
.inQuery{position: absolute; width: 100%; }
.inList{position: relative; height: 114px; width:  80%; border-top: 1px solid #eaeaea; padding: 4% 0 0 18%; }
.inList.inListTop{position: absolute; left: 598px; top : 0; }
.inList.inListBottom{position: absolute; left: 598px; top : 139px; }
.inLableDate{position: absolute;top: 20%;left: 4.5%;width: 11%;height: 72px;color: #fff;text-align: center;    background-color: #0085D0; }
.inLableDate{cursor:pointer;}
.indDay{display: block; height: 45px; font-size: 2.7em; line-height: 45px; border-bottom: 1px dotted #ffffff; }
.indMonth{display: block; font-size:0.9em; line-height: 24px; }
.inDate{position: absolute; right: 2%;top: 15%; line-height: 24px; color: #b6b6b6; font-size: 0.8em; }
.inList{font-size: 1.0em; line-height: 26px; color: #393939; text-decoration: none;    position: relative; }
.inTitle{font-size: 14px; font-weight:bold; line-height: 26px; color: #393939; text-decoration: none;    position: relative; }
.inList:hover .inTitle{color: #0085D0;}
.inList dd{padding: 8% 2% 0 0; top: 20px;line-height: 20px; color: #868686; }
.inList a{ position:absolute; width:100%; height:100%; top:0; left:0;font-size: 14px;}
/*新闻结束*/


/*图片友链开始*/

.picLink{overflow: hidden; width:1000px; height: 78px; margin: 1% auto 1%; border: 1px solid #eaeaea; border-left: none; }
.plQuery{overflow: hidden; height: 78px;  background-color:#FFF; text-align:center;}
.plList{float: left;  height: 78px; border-left: 1px solid #eaeaea; text-align:center; width: 199px;}
.plList a{display: block; position: relative; font-size: 0; line-height: 0; }
.plGrey{position: absolute; left: 0; top: 0; z-index: 9;text-align: center; }
.plColor{position: absolute; left: 0; top: 0; z-index: 1; }
/*图片友链结束*/

/*底部网站底部开始*/

.index_footer{BACKGROUND: #dedede;   padding-top: 0;}
.index_footer3{BACKGROUND: #fff;   padding-top: 1%;}
.sm { padding-top: 0; text-align:center; font-size: 10px;color:#d5d5d5;}
.index_bottom{width: 1000px; margin: 0 auto; border: 1px solid #dedede; overflow: hidden; padding: 1% 0 1%; BACKGROUND: #dedede; }
.in_bo_1{overflow: hidden; float: left;width: 60%; }
.wslList{float: left; border-right: 1px solid #dedede; padding:0 7% 0 6%;min-height: 60px; }
.wslList span{font-size: 14px; color: #393939; line-height: 24px; }
.wslList ul{padding: 10%  0 0; }
.wslList ul li{line-height: 20px; font-weight: bold; color:#393939;}
.wslList a{color:#393939;}
.wslList a:hover{color: #0085D0; }
.in_bo_2{float: left; padding:1% 0 0 5%; color: #000;  }
.in_bo_2 li{overflow: hidden; }
.wscKey{float: left; }
.wscVal{float: right; color: #a60000; }

/*底部网站底部结束*/

/*文字友情链接开始*/

.index_bottom2{width:1000px; margin: 0 auto 1%; border: 1px solid #eaeaea; border-top: none;  background: #fff; }
.in_bo2{padding: 0.5% 0 1% 1.2%; font-size:  1.2em; color: #393939; overflow: hidden;}
.in_bo2 span{font-size: 0.95em;margin-left: 0.5%;display: block;float: left;}
.in_bo2 span:hover a{ color:#0085D0;}
.in_bo2 b{display: block;float: left;color: #393939;font-size: 1em;}
.in_bo2 span a{color: #676767; }
.in_bo2 dl{display: block;overflow: hidden;}
.in_bo2 dl a{ font-size: 12px;display: inline-block;color: #333;margin: 0 ;}

/*文字友情链接结束*/

/*footer*/

.footer{background-color: #0085D0; }
.footer1{overflow: hidden; width: 1000px; margin: 0 auto; padding: 0.5% 0 0.5%; line-height: 24px; color: #ffffff; }
.foot2{text-align: center; }
.foot2 h1{font-size:12px;}
.foot2 a{color: #c0c0c0;}

/*footer*/


.xuanka{width:980px;margin-left:auto;margin-right:auto;}
.xuanka .lay1{ height:35px; border:1px solid #dfdfdf; background:#fff; line-height:35px; margin:0px 0px 3px 0px}
.xuanka .lay1 span{ display:inline-block; background:#0085D0; color:#fff; padding:0px 10px; font-size:13px}
.xuanka .lay1  a{ padding:0px 10px}
.xuanka .lay1 b{ display:inline-block; background:#787878; color:#fff; padding:0px 10px; font-size:13px; margin-right:1px}

.shipinlisyt{width:980px;margin-left:auto;margin-right:auto; }
.shipinlisyt ul{ padding-top:20px}
.shipinli{ float:left; padding:0px 17px 0px 0px}
.shipinli:nth-child(3n){padding:0px 0px 0px 0px}
.shipinli a{ display:block; width:315px; height:225px; text-align:center; font-size:14px; font-weight:bold; color:#333}
.shipinli a img{ display:block; margin-bottom:3px; width:315px; height:175px}
.shipinli a:hover{ color:#0085D0}
.shipinli .shiicon{ background:url(spic.png) no-repeat; width:66px; height:66px; display:block; position:absolute; margin-left:125px; margin-top:50px}

































































