/*
* @Author: xy-xiaofei
* @Date:   2017-07-18 13:58:03
* @Last Modified by:   xy-xiaofei
* @Last Modified time: 2017-10-30 14:19:51
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset,form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0;font-size: 100%; font: inherit; vertical-align: baseline; list-style: none;}
a{text-decoration: none;}
a,input,button,select,textarea{outline:none;}
a:active,a:hover{outline: none; border:0; background: none; -webkit-tap-highlight-color: transparent;-moz-tap-highlight-color: transparent; -ms-tap-highlight-color: transparent; -o-tap-highlight-color: transparent;}
a,input,i{-webkit-tap-highlight-color:rgba(0,0,0,0); -moz-tap-highlight-color:rgba(0,0,0,0); -ms-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);}
body{font-family: "微软雅黑"; font-size: 16px;}
@keyframes twinkling{
  0% {
      opacity: 0; 
  }
  100% {
      opacity: 1; 
  }
}
@-webkit-keyframes twinkling{
  0% {
      opacity: 0; 
  }
  100% {
      opacity: 1; 
  }
}
@-moz-keyframes twinkling{
  0% {
      opacity: 0; 
  }
  100% {
      opacity: 1; 
  }
}
@-o-keyframes twinkling{
  0% {
      opacity: 0; 
  }
  100% {
      opacity: 1; 
  }
}
/* banner */
.bannerBox{width:100%; margin:0 auto 30px; position: relative; overflow: hidden;}
.bannerBox img{width:100%; margin:0 auto;}
/* 导航 */
.navBox{width:100%; margin:0 auto; overflow: hidden;}
.navBox.posi{width:100%; margin:0 auto; overflow: hidden; position:fixed; top:0; left:0; background: rgba(255,255,255,1); z-index:999; box-shadow: 0px 5px 5px #ddd }
.navBox .navlist{width:900px; margin:0 auto; overflow: hidden;}
.navBox .navlist li{float: left;  padding:20px 0;  cursor: pointer;}
.navBox .navlist li a{overflow: hidden; display: block; color:#666; font-size: 15px; text-align: center; float: left; line-height: 20px;}
.navBox .navlist li a:hover{ color:#c13232;}
.navBox .navlist li span{ color:#c13232; margin:0 22px; line-height: 20px;}
/* 公司简介 */
.ContentBox{width:100%; margin:30px auto 0; overflow: hidden;}
.ContentBox .title{width:1000px; margin:0 auto 40px;}
.ContentBox .title img{width:100%; display: block;}
.ContentBox .gongintro{width:700px; height:160px; background: url(../images/jianbg.png) 0 0 no-repeat; color:#fff; font-size: 16px; margin:0 auto; padding:30px 20px 0 280px; line-height: 28px;}
/* 海外分公司新闻 */
.ContentBox .newBox{width:1000px; margin:0 auto 40px; height:200px; border: 1px solid #c13232;}
.ContentBox .newBox .imgimg{width:350px; height:200px; float: left; overflow: hidden;}
.ContentBox .newBox .newList{width:610px; float: left; padding-left:40px;}
.ContentBox .newBox .newList li{height:40px; line-height: 40px;}
.ContentBox .newBox .newList li a{width:560px; color:#666666; display: block; white-space: nowrap;  overflow:hidden; text-overflow: ellipsis; background: url(../images/hdot.png) 0 center no-repeat; padding-left:20px; font-weight: bold; font-size:16px;}
.ContentBox .newBox .newList li a:hover{color:#c13232; background: url(../images/rdot.png) 0 center no-repeat;}
/* 金吉列未来全球规划分布图 */

.MapBox .jia{width:66px; height:72px; position: absolute; top:230px; left: 130px;  animation: twinkling 1s infinite ease-in-out; -webkit-animation: twinkling 1s infinite ease-in-out; }
.ContentBox .wenCont{width:1000px; overflow: hidden; margin:0 auto 10px;}
.ContentBox .wenCont .wenleft{width:365px; overflow: hidden; float: left; position: relative;}
.ContentBox .wenCont .wenleft .text{width:275px; overflow: hidden; height:44px;  background: rgba(229,229,229,0.7) url(../images/wlogo.png) 0 0 no-repeat; padding:3px 0 3px 90px; color:#b11d23; font-size: 14px; position: absolute; bottom:4px; left: 0; line-height: 22px;}
.ContentBox .wenCont .wenright{width:620px; overflow: hidden; float: right;}
.ContentBox .wenCont .wenright .wenrightT{width:620px; overflow: hidden; position: relative; margin-bottom:7px;}
.ContentBox .wenCont .wenright .wenrightB{width:620px; overflow: hidden; position: relative;}
.ContentBox .wenCont .wenright .text{width:530px; overflow: hidden; height:44px;  background: rgba(229,229,229,0.7) url(../images/wlogo.png) 0 0 no-repeat; padding:3px 0 3px 90px; color:#b11d23; font-size: 14px; position: absolute; bottom:4px; left: 0; line-height: 22px;}
.ContentBox .phonebox{width:1000px; overflow: hidden; height:107px; background: url(../images/phonebg.png) 0 0 no-repeat; margin: 0 auto;}
.ContentBox .phonebox .zibtn{width:120px; overflow: hidden; height:40px;border: 1px solid #fff; color:#fff; text-align: center; line-height: 40px; display: block; float: left; margin-top:33px; font-size: 18px;}
.ContentBox .phonebox .zibtn1{margin-left:60px; margin-right:60px;}
.ContentBox .phonebox .zibtn:hover{border: 1px solid #ff0000; background: #ff0000;}
/* 六大服务模块 */
.ContentBox .contWrap{width:1000px; margin:0 auto; border: 1px dotted #c13232; padding-top:60px 0 30px 0; position: relative;}
.ContentBox .contWrap .name{height:44px; line-height: 44px;  color:#fff; background: #c13232; padding:0 10px; position: absolute; top:-22px; left:20px; font-size: 24px;}
.ContentBox .contWrap .engname{height:44px; line-height: 44px;  color:#c13232; background: #fff; padding:0 30px; position: absolute; top:-22px; right:30px; text-transform: uppercase; font-size: 20px;}
.ContentBox .contWrap .contCont{width:940px; margin:0 auto; overflow: hidden; padding:60px 0 30px 0;}
.ContentBox .contWrap .contCont .contList{width:100%; margin:0 auto 30px; overflow: hidden;}
.ContentBox .contWrap .contCont .contList li{float: left; border: 1px solid #c13232; height:30px; line-height: 30px; color:#c13232; text-align: center; padding:0 30px; margin-right:10px; cursor: pointer; letter-spacing:2px; font-size: 16px;}
.ContentBox .contWrap .contCont .contList li.backed{background: #c13232; color:#fff;}
.ContentBox .contWrap .contCont .context{width:100%; margin:0 auto; overflow: hidden; display: none;}
.ContentBox .contWrap .contCont .context .contimg{width:240px; overflow: hidden; float: left; margin-right:40px;}
.ContentBox .contWrap .contCont .context .contimg img{width:100%; display: block;}
.ContentBox .contWrap .contCont .context .continfo{width:660px; overflow: hidden; float: left;}
.ContentBox .contWrap .contCont .context .continfo .biao{color:#393939; font-size: 18px; margin-bottom:40px; font-weight: bold;}
.ContentBox .contWrap .contCont .context .continfo .ctext{color:#666; font-size: 14px; margin-bottom:10px; line-height: 22px; font-weight: bold;}
.ContentBox .contWrap .contCont .context .continfo .ctext span{margin-right:6px; font-weight: bold; color:#393939;}
.ContentBox .contWrap .contCont .context.shown{display: block;}
/* 六大模块 */
.ContentBox .contWrap .moCont{width:940px; margin:0 auto; overflow: hidden; padding:60px 0 30px 0;}
.ContentBox .contWrap .moCont ul{width:100%; margin:0 auto; overflow: hidden;}
.ContentBox .contWrap .moCont ul li{width:100px; height:220px; border: 1px solid #c13232; margin-right:32px; float: left; background: #c13232;}
.ContentBox .contWrap .moCont ul li .moimg{width:100%; overflow: hidden;}
.ContentBox .contWrap .moCont ul li .moimg img{width:100%; display: block;}
.ContentBox .contWrap .moCont ul li p{color:#fff; font-weight: bold; text-align: center; font-size: 18px;}
.ContentBox .contWrap .moCont ul li .engtit{text-transform: uppercase;  font-size: 16px; margin-top:8px;}
.ContentBox .phonebox2{width:1000px; overflow: hidden; height:107px; background: url(../images/guang1.png) 0 0 no-repeat; margin: 30px auto 0;}
.ContentBox .phonebox2 .zibtn{width:120px; overflow: hidden; height:40px;border: 1px solid #fff; color:#fff; text-align: center; line-height: 40px; display: block; float: right; margin:33px 40px 0 0; border-radius: 6px;	background: #fff; color:#37261b; font-size: 20px; }
.ContentBox .phonebox2 .zibtn:hover{border: 1px solid #ff0000; background: #ff0000; color:#fff;}
/* 媒体报道 */
.ContentBox .NewsWrap{width:1000px; margin:0 auto; overflow: hidden;}
.ContentBox .NewsWrap .newsBox{width:100%; overflow: hidden; margin: 0 auto 30px;}
.ContentBox .NewsWrap .newsBox li{width:480px; height:40px; overflow: hidden; float: left; line-height: 40px; margin-right:40px;}
.ContentBox .NewsWrap .newsBox li span{width:80px; height:40px; overflow: hidden; float: left;}
.ContentBox .NewsWrap .newsBox li a{width:400px; height:39px; overflow: hidden; float: left;  border-bottom: 1px dashed #333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color:#666; font-size: 16px; font-weight: bold;}
.ContentBox .NewsWrap .newsBox li a:hover{color:#c13232;}
.ContentBox .lingPhoto{width:1000px; overflow: hidden; margin: 0 auto 20px;}
.ContentBox .lingPhoto img{width:100%; overflow: hidden; display: block;}
/* 地址及联系方式 */
.addrBox{width:100%; margin:20px 0 40px 0;}
.addrBox .moCont{width:930px; height:300px; padding:0; margin:0 auto; position: relative;}
.addrBox .moCont .ditu{width:930px; margin:0 auto;}
.addrBox .moCont .addr{width:465px; position: absolute; bottom:80px; right:20px;}
.addrBox .moCont .addr .line{width:20px; background: #fff; height:2px;}
.addrBox .moCont .addr p{color:#fff; font-size: 18px; margin-bottom:6px;}
.addrBox .moCont .addr p span{ font-size: 20px; margin-right:10px;}