*{ margin: 0; padding: 0; font-family: "Arial","Microsoft YaHei"; }
a{ text-decoration: none; outline: none; color: #303030; }
ul, ol{ list-style-type: none; }
.i{ display: inline-block; margin: 0 3px; vertical-align: middle; margin-top: -3px; }
img{ border: none; outline: none; vertical-align: middle; }
input, textarea{ border: 1px solid #303030; background: #fff; border-radius: 4px; }
.transition{ -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in; transform: translate3d(0,0,0); }
.clear:after{ content: ''; display: block; clear: both; }
.clear{ zoom:1; }
.contrain{ margin: 0 100px; }
.container{ width: 1190px; margin: 0 auto; }
.pull-left{ float: left; }
.pull-right{ float: right; }
.img img{  max-width: 100%; }
.text-center{ text-align: center }
.none{ display: none; }
.block{ display: block; }
.b-l{ display: inline-block; }
.ell{ display: block;  overflow: hidden; white-space:nowrap;  text-overflow: ellipsis; }
.et{ display: inline-block;}
.box{ box-sizing: border-box !important;}


#header{ width: 100%; background: #fff; height: 80px; overflow: hidden; position: relative; z-index: 10; box-shadow: 0 2px 3px rgba(0,0,0,.3) }
.banner{ width: 100%; overflow: hidden; }
.banner div.swiper-wrapper{ width: 2000%; }
.banner div.swiper-slide{ width: 5%; }

#logo{ height: 100%; padding: 10px; }
#logo a{ display: block; height: 100%; }
#logo img{ max-height: 100%; }

#nav{ margin: 27px 30px; line-height: 26px; }
#nav div{ margin-right: 8px; }
#nav div a, .btnLists div a{ display: block; padding: 0 12px; font-size: 13px; }
#nav div.cur a, #nav div:hover a, .btnLists div.cur a, .btnLists div:hover a{ background: #bb9449; color: #fff; border-radius: 6px; }
.lang{ border-left: 1px solid #a0a0a0; padding-left: 10px; }

.lang a{ display: block; float: left; color: #ccc; }
#nav .lang:hover a{ background: #fff; color: #ccc; }

.iAbout, .Icase{ background: #efefef; padding: 20px 0; }

.title{ margin: 26px 0;  width: 100%; overflow: hidden }
.t{ display: inline-block; position: relative; }
.t h3{ font-size: 26px; color: #000; line-height: 42px; font-weight: 500; letter-spacing: 8px; }
.t h3 span{ color: #d6b476; }
.t p{ font-size: 20px; line-height: 28px; color: #afafaf; }
.t:after{ content: ''; display: block; width: 500px; position: absolute; top: 50%; left: -540px; background: #888; height: 1px; }
.t:before{ content: ''; display: block; width: 500px; position: absolute; top: 50%; right: -540px; background: #888; height: 1px; }

.t h3:after{ content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: #888; top: 50%; left: -43px; margin-top: -3px; position: absolute; }
.t h3:before{ content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: #888; top: 50%; right: -43px; margin-top: -3px; position: absolute; }

.iAboutLists{ padding: 20px; }
.iAboutLists > div{ border: 1px solid #d6b476; width: 24%; margin-left: 1.25% }
.iAboutLists > div:nth-of-type(1){ margin-left: 0 }

.Ipro{ padding: 20px 0; }

.btnLists{ line-height: 26px; }
.btnLists div{ margin: 0 4px; }

.IproWrap{ position: relative; }
.IproLists{ width: 960px; margin: 60px auto; height: 300px; overflow: hidden; position: relative; }
.IproLists div.swiper-slide{ width:300px !important; height: 300px; float: left; margin:0 10px; overflow: hidden; border-radius: 50%; }

.arrow{ width: 58px; height: 106px; display: block; position: absolute; top: 50%; margin-top: -53px; }
.arrow-left{ background: url(/templets/default/img/arrow.png) no-repeat 0 0; left: 0; }
.arrow-right{ background: url(/templets/default/img/arrow.png) no-repeat -58px 0; right: 0; }

.cl{ width: 235px; height: 208px; overflow: hidden; margin-left: 8px; margin-bottom: 8px; position: relative; }
.cl.n{ margin-left: 0; }
.caseLists{ width: 992px; margin: 30px auto; }
.cl:hover a{ opacity: 1; }
.cl a{ display: flex; flex-direction : column; opacity: 0; justify-content: center; align-items: center;  width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.8); color: #fff; }
.cSearch{ display: block; width: 27px; height: 22px; background: url(/templets/default/img/s.png) no-repeat center center; margin-bottom: 6px; }

.IA, .Inews{ width: 570px; }
.title2{ line-height: 38px; font-size: 15px; border-bottom: 1px solid #b5b5b5; width: 100%;}
.title2 h3{ font-weight: 500; padding: 0 16px; position: relative; cursor: pointer; }
.title2 h3.cur:after{ width: 100%; content: ''; height: 1px; display: block; position: absolute; left: 0; bottom: -1px; background: #000; }
.title2 a{ font-size: 15px; font-family: 'ºÚÌå'; color: #999; }
.content{ font-size: 14px; color: #333; line-height: 24px; padding: 16px 0; }

.news-list{ line-height: 28px; margin-bottom: 8px; font-size: 14px; color: #333; padding-left: 24px; position: relative; }
.news-list:before{ content: ''; display: block; width: 6px; height: 6px; position: absolute; top: 50%; margin-top: -4px; left: 4px; background: #000; }
.news-list a{ width: 70%; }

#copyright{ font-size: 14px; line-height: 28px; margin: 20px auto 10px; color: #444; }
#copyright a{ color: #444; display: inline-block; margin: 0 4px; }

#footer{ background: #000; padding: 10px 0; font-size: 13px; line-height: 32px; color: #fff; }

.singleTitle{ height: 80px; margin: 50px auto 40px; border-bottom: 1px solid #aaaaaa; }
.singleTitle div{ height: 80px; line-height: 60px; padding: 10px; font-size: 14px; color: #999; font-family: 'ºÚÌå'; }
.singleTitle div img{ max-height: 100%; }

#article{ font-size: 14px; line-height: 24px; color: #666; padding: 16px; width: 1190px; margin: 0 auto; }

.cw{ width: 278px; margin-left: 25px; margin-bottom: 20px; }
.cw.n, .pws div.cw.n{ margin-left: 0; }
.cw div{ border: 1px solid #c8a66c; padding: 12px;  }
.cw p{ font-size: 13px; color: #666; line-height: 36px; }

.pws div.cw{ width: 220px !important; margin-left: 22px; }
.pws div.cw div{ padding-left: 0 !important; padding-right: 0 !important; }
.pt a{ font-size: 14px; color: #333; display: inline-block; padding: 0 6px; }
.pt a.cur{ font-weight: bold; }
.newls{ padding: 10px 20px 20px 0; border-bottom: 1px dotted #c4c4c4;  }
.newls h5{ font-size: 16px; font-weight: 500; color: #4f4f4f; line-height: 34px; margin-bottom: 10px; }
.newls div{ font-size: 14px; line-height: 20px; color: #4f4f4f; margin-bottom: 30px; }
.newls p{ line-height: 22px; color: #4f4f4f; font-size: 13px; }

.nt{ padding: 6px 15px; border-bottom: 1px solid #c4c4c4; font-size: 15px; color: #666; line-height: 36px; }
.nnw{ padding: 16px; }
.nnimg{ margin-bottom: 10px; }
.nnimg div{ padding: 12px; border: 1px solid #c8a66c;  }
.ppw .nnimg div{ padding: 0px;  }
.nnimg p{ font-size: 13px; text-align: center; color: #999; line-height: 32px; }

.nncontact{ margin: 40px 0 0; }
.nncontitle{ font-size: 13px; color: #999; font-weight: 500; border-bottom: 1px solid #e4e4e4; line-height: 34px;}
.nncontact p{ font-size: 14px; line-height: 35px; margin-bottom: 6px; color: #bb9449; margin-top: 10px; }
.nncontact span{ font-size: 13px; line-height: 28px;  color: #bb9449; }
.nnl{ padding: 16px; }
.nnl div a{ font-size: 14px; line-height: 36px; color: #9b9b9b; }

.str{ line-height: 30px !important; margin-top: 30px; height: 50px !important; }
.stn{ margin-left: 20px; }
.stn a{ display: inline-block; line-height: 28px; padding: 0 12px; font-size: 13px; }
.stn a:hover, .stn a.cur{ background: #c8a66c; color: #fff; position: relative; }
.stn a:hover:after, .stn a.cur:after{ content: ''; display: block; width: 100%; height: 1px; left: 0; bottom: -12px; background: #000; position: absolute; z-index: 10;}

.artilce h1{ font-size: 24px; font-weight: 500; padding: 20px 0 30px; border-bottom: 1px solid #999;}
.artilce p{ margin: 40px 0; font-size: 14px; }

.stn.ppp{ margin-left: 0; padding-left: 0; padding-right: 0; }
.stn.ppp a{ padding: 0 18px; font-size: 14px; }
.stn.ppp a:hover, .stn.ppp a.cur{ background: #fff; color: #000; }

.sForm{ background: #eeeeee; padding: 20px; margin-top: -40px; }

.f{ width: 500px; margin: 10px auto 40px;  }
.f p{ font-size: 17px; line-height: 50px; border-bottom: 1px dotted #4c4c4c; margin-bottom: 40px; color: #999;  }
label{ font-size: 15px; line-height: 26px; color: #666; }
.form input{ width: 200px; height: 24px; border: 1px solid #a0a0a0; background: #fff; line-height: 24px; padding: 0 10px; color: #333; border-radius: 0; margin-left: 10px; font-size: 13px; }
.form div{ margin-bottom: 10px; }

.f textarea{ width: 240px; height: 200px; border: 1px solid #a0a0a0; padding: 10px; background: #fff; font-size: 13px; line-height: 20px; vertical-align: top; border-radius: 0; margin-left: 10px; }

.page{ margin-top: 30px; margin-bottom: 30px; }
#pager{ display: inline-block }

.err{ color: #f00; }


.i-brand{ background: #efefef; margin-top:-14px; padding-bottom: 44px;  }

.i-brand-inner{ width: 1115px; margin: 0 auto; }

h3.cont-top{ padding: 44px 0 28px; text-align: center; }

.i-brand-inner div.i-b-list{ width: 245px; height: 330px; float: left; overflow: hidden; position: relative; background: #d6b476; border: 1px solid #C8C8C8; margin-left:30px; }

/*.i-brand-inner div.i-b-list:first-child{ margin-left: 0;  }*/





.i-b-bg{ width: 243px; height: 328px; position: absolute; top: 1px; left: 1px; background: #efefef; }





.i-b-big{ text-align: center; position: absolute; top: 80px; width: 100%; left: 0;  }



.big2{ left: -100%;  }

.i-brand-inner div.big2 b{ font-size: 24px; color: #fff; line-height: 50px; display: block; width: 100%; font-weight: 500; }

.i-brand-inner div.big2 span{ font-size: 14px; color: #fff; }





.i-b-big b{ font-size: 24px; color: #373737; line-height: 50px; display: block; width: 100%; font-weight: 500; }

.i-b-big span{ font-size: 14px; color: #6a6a6a; }



.i-b-info{ position: absolute; top: 240px; left: 0; text-align: center; width: 100%; }

.info2{ left: 100%; }

.i-b-info span{ font-size: 14px; display: block; color: #535353; line-height: 24px; text-align: center; }



.i-b-list div.info2 span{ font-size: 14px; display: block; color: #fff; line-height: 24px; text-align: center; }