@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}body,button,input,select,textarea{-webkit-text-size-adjust:none;font:12px/1.5 Arial,microsoft yahei,sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}ul,ol,li{list-style:none}a{color:inherit;outline:none;text-decoration:none}legend{color:#000}fieldset,img{border:0;vertical-align:top;}section,article,aside,header,footer,nav,dialog,figure{display:block;}figure{margin:0;}button,input,select,textarea{outline: none;font-size:100%}table{border-collapse:collapse;border-spacing:0}.clear{display:block;height:0;overflow:hidden;clear:both}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:none}a{blr:expression_r(this.onFocus=this.blur())}

body { position:relative; color:#848484; background:#fff; min-width:1400px; }
.wrap { position:relative; width:1200px; height: 100%; margin:0 auto; clear:both; }
.fl { float: left !important;}
.fr { float: right !important;}

#fp-nav.right { right: 99px;}

.btn-down { position: absolute; bottom: 4%; left: 50%; margin-left: -12px; width: 24px; height: 68px; background: url(images/fullpage-btn.png) no-repeat; cursor: pointer; z-index: 999;}
.btn-down:before,.btn-down:after { display: block;position: absolute;left: 50%;top: 90%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); content: ""; width: 20px; height: 11px; background: url(images/fullpage-btn1.png) no-repeat;}
.btn-down:after { }
.btn-down:before {
  -webkit-animation: arrow-movement 2s ease-in-out infinite;
          animation: arrow-movement 2s ease-in-out infinite;
}
.btn-down:after {
  -webkit-animation: arrow-movement 2s 1s ease-in-out infinite;
          animation: arrow-movement 2s 1s ease-in-out infinite;
}
@-webkit-keyframes arrow-movement {
  0% { opacity: 0; top: 65%;}
  70% { opacity: 1;}
  100% { opacity: 0;}
}
@keyframes arrow-movement {
  0% { opacity: 0; top: 65%;}
  70% { opacity: 1;}
  100% { opacity: 0;}
}
/*section1*/
.section1 { background: url(images/bg1.jpg) no-repeat center; background-size: cover;}

.header { width: 100%; height: 72px; background:#000; padding-top: 12px;position:fixed;z-index:99;}

/* search */
.search-form { float: right; margin-top: 8px; width: 181px; height: 26px; overflow: hidden; }
.search-input { float: left; padding: 3px 14px; width: 108px; height: 20px; line-height: 20px; color: #fff; border:none; background:url(images/search.png) no-repeat;}
.search-btn { float: left; width: 45px; height:26px; border:none; background:url(images/search.png) no-repeat right; cursor:pointer; text-indent:-999em; }


.section1 .text { position: absolute; top: 50%; margin-top: -120px; left: 0; width: 100%; overflow: hidden;}
.section1 .text img,.section1 .text em { display: block; margin: 0 auto 40px;}
.section1-logo { position: relative; margin: 0 auto 40px; width: 117px; height: 113px; background:url(images/img-1.png) no-repeat;}
.section1-logo em { display: block; position: absolute; top: 46px; left: 36px; width: 14px; height: 14px; background: #fff; border-radius: 100%; z-index: 2;}

/*section2*/
.section2 { background: url(images/bg2.jpg) no-repeat center; background-size: cover;}
/*.section2 { position: relative; overflow: hidden;}*/
.section2:before { 
  /*position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  content: ""; 
  background: url(images/bg2.jpg) no-repeat center; */
  /*background-size: cover; */
  /*overflow: hidden; */
  /*-webkit-transform: scale(1); */
  /*-moz-transform: scale(1); */
  /*transform: scale(1); */
  /*-webkit-transition: all 10s; 
  -moz-transition: all 10s; 
  transition: all 10s;*/
}
/*.section2.active:before { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4);}*/
.section2 .tittle { position: relative; margin: .7rem auto 0; width: 1100px; color: #fff; text-align: center; z-index: 999;}
.section2 .tittle h2 { font-size: .36rem; line-height: .42rem; font-weight: normal; text-transform: uppercase;}
.section2 .tittle h3 { font-size: .24rem; line-height: .24rem; font-weight: normal;}
.section2 .select { position: absolute; top: .3rem; right: 0;}
.section2 .select .select-h { width: 175px; height: 35px; background: url(images/icon-2.png) no-repeat; font-size: 14px; line-height: 35px; text-indent: 20px; text-align: left; cursor: pointer;}
.section2 .select .select-b { display: none; position: absolute; top: 40px; right: 0; padding: 10px 0; width: 600px;  border-radius: 4px; z-index: 999;    border: 1px solid rgba(255,255,255,.5);}
.section2 .select .select-b:after {position: absolute; top:0; left:0; width: 100%; height: 100%; content: ""; opacity: .3; z-index: -1;
background: rgb(20,55,81); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
.section2 .select .select-b li { text-align: left; clear: both; overflow: hidden;}
.section2 .select .select-b li>a { display: block; padding: 5px 20px 0; color: #ffd804; font-size: 16px;}
.section2 .select .select-b li>a:before { float: left; margin: 5px 8px 0 0; width: 3px; height: 15px; background: #ffd804; content: "";}
.section2 .select .select-b li dl { padding: 0 7px 8px; overflow: hidden;}
.section2 .select .select-b li dl dd { position: relative; float: left; color: #fff; font-size: 14px; padding: 5px 13px 0;}
.section2 .select .select-b li dl dd:after { position: absolute; top: 10px; right: 0; width: 1px; height: 12px; background: #fff; content: "";}
.section2 .select .select-b li dl dd.noco:after { display: none;}
.section2 .select .select-b li dl dd:hover { color:#ffd804;}

.starry1{ width: 23px; height: 23px; position: absolute; top: -23px; left: 90%; animation: an_liuxing 4s linear infinite; -webkit-animation: an_liuxing 4s linear infinite; -moz-animation: an_liuxing 4s linear infinite; -ms-animation: an_liuxing 4s linear infinite; }
.starry2{ width: 23px; height: 23px; position: absolute; top: -23px; left: 20%; animation: an_liuxing 4s linear 6s infinite; -webkit-animation: an_liuxing 4s linear 6s infinite; -moz-animation: an_liuxing 4s linear 6s infinite; -ms-animation: an_liuxing 4s linear 6s infinite; }
.starry3{ width: 23px; height: 23px; position: absolute; top: -23px; left: 50%; animation: an_liuxing 4s linear 7s infinite; -webkit-animation: an_liuxing 4s linear 7s infinite; -moz-animation: an_liuxing 4s linear 7s infinite; -ms-animation: an_liuxing 4s linear 7s infinite; }
.starry4{ width: 23px; height: 23px; position: absolute; top: -23px; left: 70%; animation: an_liuxing 4s linear 10s infinite; -webkit-animation: an_liuxing 4s linear 10s infinite; -moz-animation: an_liuxing 4s linear 10s infinite; -ms-animation: an_liuxing 4s linear 10s infinite; }
@-webkit-keyframes an_liuxing {
    0%{-webkit-transform: translate(0, 0); opacity: 1}
    70%{-webkit-transform: translate(-1200px, 1200px); opacity: 0}
    100%{-webkit-transform: translate(-1200px, 1200px); opacity: 0}
}
@-moz-keyframes an_liuxing {
    0%{-moz-transform: translate(0, 0); opacity: 1}
    70%{-moz-transform: translate(-1200px, 1200px); opacity: 0}
    100%{-moz-transform: translate(-1200px, 1200px); opacity: 0}
}
@-ms-keyframes an_liuxing {
    0%{-ms-transform: translate(0, 0); opacity: 1}
    70%{-ms-transform: translate(-1200px, 1200px); opacity: 0}
    100%{-ms-transform: translate(-1200px, 1200px); opacity: 0}
}
@keyframes an_liuxing {
    0%{transform: translate(0, 0); opacity: 1}
    70%{transform: translate(-1200px, 1200px); opacity: 0}
    100%{transform: translate(-1200px, 1200px); opacity: 0}
}

.map { position: absolute; top: 50%; left: 50%; margin: -295px 0 0 -550px; width: 1100px; height: 590px; background: url(images/map.png) no-repeat center;}
.map-world { position: absolute; top: 0; left: 86px; width: 929px; height: 590px; background: url(images/map-1.png) no-repeat center;}
.map-oz { opacity: 0; -webkit-transform: scale(0);-moz-transform: scale(0); -ms-transform: scale(0);transform: scale(0); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; position: absolute; top: 0; left: 0; width: 1100px; height: 590px; background: url(images/map-2.png) no-repeat center;}
.map-oz.map-dq { opacity: 1; -webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1);transform: scale(1);}

/*ceshi1*/
/*.map-oz { opacity: 0; -webkit-transform: scale(0);-moz-transform: scale(0); -ms-transform: scale(0);transform: scale(0); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s; position: absolute; top: 0; left: 0; width: 1100px; height: 590px; background: url(images/map-2.png) no-repeat center;transition-timing-function: ease-in;-webkit-transition-timing-function: ease-in; transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s;}
.map-oz.map-dq { opacity: 1; -webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1);transform: scale(1);}
.map-oz:before { -webkit-transform: scale(0);-moz-transform: scale(0); -ms-transform: scale(0);transform: scale(0); position: absolute; top: 0; left: 0; width: 1100px; height: 590px; background: url(images/map-2.png) no-repeat center; content: ""; z-index: 999999;}
.map-oz.map-dq:before { animation: ditu 2s linear; -webkit-animation: ditu 2s linear; -moz-animation: ditu 2s linear; -ms-animation: ditu 2s linear;}
@-webkit-keyframes ditu {
    0%{-webkit-transform: scale(0); opacity: 1}
    95%{-webkit-transform: scale(2); opacity: 1}
    99%{-webkit-transform: scale(2); opacity: 0}
    99%{-webkit-transform: scale(0); opacity: 0}
}
@keyframes ditu {
    0%{transform: scale(0); opacity: 1}
    95%{transform: scale(2); opacity: 1}
    99%{transform: scale(2); opacity: 0}
    99%{transform: scale(0); opacity: 0}
}*/

/*ceshi2*/
/*.map-oz.map-dq { opacity: 1; -webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1);transform: scale(1); animation: ditu 2s ease-in-out; -webkit-animation: ditu 2s ease-in-out; -moz-animation: ditu 2s ease-in-out; -ms-animation: ditu 2s ease-in-out;}
@-webkit-keyframes ditu {
    0%{-webkit-transform: scale(0); opacity: 1}
    90%{-webkit-transform: scale(1.1); opacity: 1}
    100%{-webkit-transform: scale(1); opacity: 1}
}
@keyframes ditu {
    0%{transform: scale(0); opacity: 1}
    90%{transform: scale(1.1); opacity: 1}
    100%{transform: scale(1); opacity: 1}
}*/



.fh-map { position: absolute; bottom: 20px; left: 50%; width: 70px; margin-left: -35px; height: 20px; background: rgba(255,255,255,.2); border-radius: 4px; color: #fff; font-size: 14px; line-height: 20px; text-align: center; z-index: 1111; cursor: pointer;}
.fh-map:hover { background: rgba(0,0,0,.4);}
.map .link { display: none; position: absolute; top: 50%; left: 50%; margin: -86px 0 0 -41px; width: 64px; height: 86px; background: url(images/map1.png) no-repeat; z-index: 999;}
.map .link li { position: absolute; width: 56px; height: 56px; background: url(images/map2.png) no-repeat; color: #fff; font-size: 12px; line-height: 56px; text-align: center; text-shadow: 0 0 10px #fff;}
.map .link li:before {position: absolute; top: 0; left: 0; width: 56px; height: 56px; background: url(images/map2-1.png) no-repeat; content: ""; z-index: -1;}
.map .link li:after {position: absolute; top: 0; left: 0; width: 56px; height: 56px; background: url(images/map2-2.png) no-repeat; content: ""; z-index: -1;}
.map .link li.i2:before { background: url(images/map2-3.png) no-repeat;}
.map .link li.i2:after { background: url(images/map2-4.png) no-repeat;}
.map .link li.i3:before { background: url(images/map2-5.png) no-repeat;}
.map .link li.i3:after { background: url(images/map2-6.png) no-repeat;}
.map .link li.i1 { top: -48px; left: -36px;}
.map .link li.i2 { top: -36px; left: 47px;}
.map .link li.i3 { bottom: 4px; left: -53px;}

.map .link li:before { animation: quan 6s ease-in-out infinite; -webkit-animation: quan 6s ease-in-out infinite; -moz-animation: quan 6s ease-in-out infinite; -ms-animation: quan 6s ease-in-out infinite;}
@keyframes quan{ 0%{transform: rotate(0deg)} 25%{transform: rotate(100deg)} 50%{transform: rotate(-60deg)} 60%{transform: rotate(10deg)} 65%{transform: rotate(-10deg)} 70%{transform: rotate(5deg)} 75%{transform: rotate(0deg)} 100%{transform: rotate(0deg)}}
@-webkit-keyframes quan{ 0%{-webkit-transform: rotate(0deg)} 25%{-webkit-transform: rotate(100deg)} 50%{-webkit-transform: rotate(-60deg)} 60%{-webkit-transform: rotate(10deg)} 65%{-webkit-transform: rotate(-10deg)} 70%{-webkit-transform: rotate(5deg)} 75%{-webkit-transform: rotate(0deg)} 100%{-webkit-transform: rotate(0deg)}}
@-moz-keyframes quan{ 0%{-moz-transform: rotate(0deg)} 25%{-moz-transform: rotate(100deg)} 50%{-moz-transform: rotate(-60deg)} 60%{-moz-transform: rotate(10deg)} 65%{-moz-transform: rotate(-10deg)} 70%{-moz-transform: rotate(5deg)} 75%{-moz-transform: rotate(0deg)} 100%{-moz-transform: rotate(0deg)}}
@-ms-keyframes quan{ 0%{-ms-transform: rotate(0deg)} 25%{-ms-transform: rotate(100deg)} 50%{-ms-transform: rotate(-60deg)} 60%{-ms-transform: rotate(10deg)} 65%{-ms-transform: rotate(-10deg)} 70%{-ms-transform: rotate(5deg)} 75%{-ms-transform: rotate(0deg)} 100%{-ms-transform: rotate(0deg)}}
.map .link li:after { animation: quanf 6s ease-in-out infinite; -webkit-animation: quanf 6s ease-in-out infinite; -moz-animation: quanf 6s ease-in-out infinite; -ms-animation: quanf 6s ease-in-out infinite;}
@keyframes quanf{ 0%{transform: rotate(0deg)} 25%{transform: rotate(-100deg)} 50%{transform: rotate(60deg)} 60%{transform: rotate(-10deg)} 65%{transform: rotate(10deg)} 70%{transform: rotate(-5deg)} 75%{transform: rotate(0deg)} 100%{transform: rotate(0deg)}}
@-webkit-keyframes quanf{ 0%{-webkit-transform: rotate(0deg)} 25%{-webkit-transform: rotate(-100deg)} 50%{-webkit-transform: rotate(60deg)} 60%{-webkit-transform: rotate(-10deg)} 65%{-webkit-transform: rotate(10deg)} 70%{-webkit-transform: rotate(-5deg)} 75%{-webkit-transform: rotate(0deg)} 100%{-webkit-transform: rotate(0deg)}}
@-moz-keyframes quanf{ 0%{-moz-transform: rotate(0deg)} 25%{-moz-transform: rotate(-100deg)} 50%{-moz-transform: rotate(60deg)} 60%{-moz-transform: rotate(-10deg)} 65%{-moz-transform: rotate(10deg)} 70%{-moz-transform: rotate(-5deg)} 75%{-moz-transform: rotate(0deg)} 100%{-moz-transform: rotate(0deg)}}
@-ms-keyframes quanf{ 0%{-ms-transform: rotate(0deg)} 25%{-ms-transform: rotate(-100deg)} 50%{-ms-transform: rotate(60deg)} 60%{-ms-transform: rotate(-10deg)} 65%{-ms-transform: rotate(10deg)} 70%{-ms-transform: rotate(-5deg)} 75%{-ms-transform: rotate(0deg)} 100%{-ms-transform: rotate(0deg)}}
.map .link:after { display: block; position: absolute; bottom: -18px; right: 0; content: ""; width: 50px; color: #fff; text-align: center;}
/*contry*/
.map .contry { position: absolute;}
.map-world svg polygon,.map-world svg path { stroke: #06cbec; fill: #104565; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
.map-world .contry svg:hover polygon,.map-world .contry svg:hover path,.map-world .dq svg polygon,.map-world .dq svg path { fill: #06cbec;}
.map .yuenan { top: 321px; left: 702px; cursor: pointer;}
.map .yuenan .link:after { content: "越南"; }
.map .taiguo { top: 329px; left: 689px; cursor: pointer;}
.map .taiguo .link:after { content: "泰国"; }
.map .aiji { top: 298px; left: 503px; cursor: pointer;}
.map .aiji .link:after { content: "埃及"; }
.map .nanfei { top: 444px; left: 485px; cursor: pointer;}
.map .nanfei .link:after { content: "南非"; }
.map .hanguo { top: 275px; left: 761px; cursor: pointer; z-index: 3;}
.map .hanguo .link:after { content: "韩国"; }
.map .xinjiapo { top: 364px; left: 696px; cursor: pointer;}
.map .xinjiapo .link:after { content: "新加坡"; }
.map .malaixiya { top: 363px; left: 723px; cursor: pointer;}
.map .malaixiya .link:after { content: "马来西亚"; }
.map .riben { top: 257px; left: 771px; cursor: pointer; z-index: 2;}
.map .riben .link:after { content: "日本"; }
.map .xinxilan { top: 474px; left: 865px; cursor: pointer;}
.map .xinxilan .link:after { content: "新西兰"; }
.map .aodaliya { top: 410px; left: 729px; cursor: pointer;}
.map .aodaliya .link:after { content: "澳大利亚"; }
.map .baxi { top: 369px; left: 250px; cursor: pointer;}
.map .baxi .link:after { content: "巴西"; }
.map .agenting { top: 435px; left: 251px; cursor: pointer;}
.map .agenting .link:after { content: "阿根廷"; }
.map .dibai { top: 307px; left: 571px; cursor: pointer;}
.map .dibai .link:after { content: "迪拜"; }
.map .moxige { top: 294px; left: 136px; cursor: pointer;}
.map .moxige .link:after { content: "墨西哥"; }
.map .jianada { top: 92px; left: 80px; cursor: pointer;}
.map .jianada .link:after { content: "加拿大"; }
.map .meiguo { top: 157px; left: 7px; cursor: pointer;}
.map .meiguo .link {margin: -55px 0 0 -4px;}
.map .meiguo .link:after { content: "美国"; }
.map .ouzhou { top: 103px; left: 410px; cursor: pointer;}
.map .ouzhou:hover path { fill: #06cbec;}
.map .ouzhou:hover:after { display: block; position: absolute; top: 87px; right: 240px; content: "欧洲"; color: #fff; text-align: center;}
/*欧洲*/
.map-oz .g polygon,.map-oz .g path { stroke: #06cbec; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
.map-oz .g:hover polygon,.map-oz .g:hover path { fill: #06cbec; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
.map-oz .contry { top: 98px; left: 12px; cursor: pointer;}
.map-oz .deguo { top: 272px; left: 208px; }
.map-oz .deguo:after { content: "德国"; }
.map-oz .helan { top: 249px; left: 180px; }
.map-oz .helan:after { content: "荷兰"; }
.map-oz .xila { top: 432px; left: 308px; }
.map-oz .xila:after { content: "希腊"; }
.map-oz .xibanya { top: 373px; left: 59px; }
.map-oz .xibanya:after { content: "西班牙"; }
.map-oz .faguo { top: 314px; left: 137px; }
.map-oz .faguo:after { content: "法国"; }
.map-oz .yingguo { top: 239px; left: 124px; }
.map-oz .yingguo:after { content: "英国"; }
.map-oz .danmai { top: 206px; left: 213px; }
.map-oz .danmai:after { content: "丹麦"; }
.map-oz .nuowei { top: 152px; left: 219px; }
.map-oz .nuowei:after { content: "挪威"; }
.map-oz .yidali { top: 386px; left: 233px; }
.map-oz .yidali:after { content: "意大利"; }
.map-oz .putaoya { top: 371px; left: 14px; }
.map-oz .putaoya:after { content: "葡萄牙"; }
.map-oz .bingdao { top: 61px; left: 95px; }
.map-oz .bingdao:after { content: "冰岛"; }
.map-oz .tuerqi { top: 402px; left: 454px; }
.map-oz .tuerqi:after { content: "土耳其"; }
.map-oz .eluosi { top: 167px; left: 838px; }
.map-oz .eluosi:after { content: "俄罗斯"; }
.map-oz .ruishi { top: 316px; left: 186px; }
.map-oz .ruishi:after { content: "瑞士"; }
.map-oz .aodili { top: 313px; left: 246px; }
.map-oz .aodili:after { content: "奥地利"; }
.map-oz .bilishi { top: 269px; left: 166px; }
.map-oz .bilishi:after { content: "比利时"; }
.map-oz .bolan { top: 255px; left: 278px; }
.map-oz .bolan:after { content: "波兰"; }
.map-oz .jieke { top: 285px; left: 246px; }
.map-oz .jieke:after { content: "捷克"; }
/*section3*/
.section3 { background: url(images/bg3.jpg) no-repeat center; background-size: cover; overflow: hidden;}
.section3 .tittle { position: relative; margin: .86rem 0 .94rem; text-align: center;}
.section3 .tittle h2 { color: #727272; font-size: .36rem; line-height: .42rem; font-weight: normal; text-transform: uppercase;}
.section3 .tittle h3 { color: #414040; font-size: .24rem; line-height: .24rem; font-weight: normal;}

.section3-tab .hd { display: table; margin: 0 auto; padding: 0 152px; border-bottom: 1px solid #a6a29e;}
.section3-tab .hd li { float: left; margin: 0 11px; width: 134px; height: 42px; background: #636363; border: 1px solid #636363; border-bottom: 0; border-radius: 6px 6px 0 0; color: #fff; font-size: 18px; line-height: 42px; text-align: center; cursor: pointer;}
.section3-tab .hd li.on { background: none; border: 1px solid #a6a29e; border-bottom: 0; color: #5c5b5b;}
.section3-tab .bd p { margin: 0 auto; padding-top: .4rem; width: 620px; height: 1rem; color: #6d6d6d; font-size: 14px; line-height: 24px; text-align: center;}
.section3-tab .bd dl { overflow: hidden;}
.section3-tab .bd dd { position: relative; float: left; padding-top: 170px; width: 183px; color: #6d6d6d; font-size: 18px; line-height: 18px; text-align: center;}
.section3-tab .bd dd:after { position: absolute; bottom: 0; right: 0; content: ""; width: 10px; height: 16px; background: url(images/icon-8.png) no-repeat;}
.section3-tab .more { display: block; clear: both; margin: 1.24rem auto 0; width: 182px; height: 54px; background: url(images/icon-9.png) no-repeat; color: #575756; font-size: 16px; line-height: 54px; text-align: center;}

/*section4*/
.section4 { background: #f3f3f3; overflow: hidden;}
.section4 .tittle { position: relative; margin: 20px 10px; text-align: center;}
.section4 .tittle h2 { color: #000; font-size: .28rem; line-height: .42rem; font-weight: normal; text-transform: uppercase;}
.section4 .tittle h3 { color: #000; font-size: .24rem; line-height: .24rem; font-weight: normal;}
.section4 .tittle p{
    color:#000;
    font-size:14px;
}

.section4-list {
    width:1200px;
    /*height:800px;*/
    /*border:1px solid #ddd;*/
    /*background:#ddd;*/
}

.section4-list .txt{
    width:292px;
    /*height:384px;*/
    /*border:1px solid #ddd;*/
    /*background:#ddd;*/
    overflow: hidden;
    float:left;
    margin:4px;
}

.section4-list .txt .img{
    overflow: hidden;
}

.section4-list .txt .img img{
    width:292px;
    height:292px;
    display: block; 
    -webkit-transform: scale(1); 
    -moz-transform: scale(1); 
    transform: scale(1); 
    -webkit-transition: all 1s; 
    -moz-transition: all 1s; 
    transition: all 1s;
}

@media (max-width: 1600px){
    .section4-list .txt{
        width:240px;
        margin:10px 30px;
    }
    .section4-list .txt .img img{
        width:240px;
        height:240px;
    }
    .section4-list .txt .title p{
        line-height:20px;
        width: 223px;
        height: 18px;
        overflow: hidden;
    }
    .section4-list .txt .title span{
        display:none;
    }
    .section4 .tittle{
        margin:12px 10px;
    }
    .tspp .tspp-c .ts-c{
        display:none;
    }
    .footer .foot-b .f-a{display:none;}
    /*.section4-list .txt .img img{
        width:4.5rem;
        height:4.5rem;
    }
    .section4-list .txt{
        width:4.4rem;
        margin:0 0.5rem;
    }*/
}

.section4-list .txt:hover img { 
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1); 
    transform: scale(1.1);
}

.section4-list .txt .title{
    background:#fff;
    padding:7px 10px;
}

.section4-list .txt .title p{
    line-height:20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.section4-tab .hd { margin: 0 auto; padding: 0 160px; height: 34px; background: url(images/icon-10.png) no-repeat center bottom; }
.section4-tab .hd li { float: left; margin: 0 2px; width: 124px; height: 32px; background: #636363; border: 1px solid #636363; color: #fff; font-size: 14px; line-height: 32px; text-align: center; cursor: pointer;}
.section4-tab .hd li.on { background: none; border: 1px solid #a6a29e; border-bottom: 1px solid #f3f3f3; color: #585858;}
.section4-tab .bd { margin-top: 84px;}

.section4-banner { position:relative; float: left; width:404px; height:446px; overflow: hidden;}
.section4-banner .bd1 li,.section4-banner .bd1 li a { display:block; width:404px; height:446px; }
.section4-banner .hd1 { position:absolute; bottom:14px; left:50%; width:404px; margin-left:-202px; height:12px; text-align:center; }
.section4-banner .hd1 li { display:inline-block; width:12px; height:12px; margin:0 3px; background: url(images/icon-3-on1.png) no-repeat; text-indent:-999em; overflow:hidden; cursor:pointer; }
.section4-banner .hd1 li.on { background: url(images/icon-3-on.png) no-repeat;}

.section4-tab .bd .right { float: right; width: 679px;}
.section4-tab .bd .right .notes { position: relative; float: left; margin-bottom: 14px; width: 364px; height: 228px; background: #fff; border: 1px solid #c8c8c8;}
.section4-tab .bd .right .notes h2 { margin: 18px 0 0 27px; padding: 9px 0 20px 30px; background: url(images/icon-5.png) no-repeat left top; color: #3a3a3a; font-size: 28px;}
.section4-tab .bd .right .notes p { padding: 0 26px 0 34px; margin-bottom: 10px; color: #727272; font-size: 14px; line-height: 20px;}
.section4-tab .bd .right .notes .date { position: absolute; right: 20px; bottom: 15px; padding-left: 19px; background: url(images/icon-6.png) no-repeat left center; color: #38454e; font-size: 12px; line-height: 14px;}
.section4-tab .bd .right .notes-img { float: right; position: relative; overflow: hidden;}
.section4-tab .bd .right .notes-img img { display: block; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
.section4-tab .bd .right .notes-img span { position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; background: rgba(0,0,0,0.6); color: #fff; font-size: 14px; line-height: 36px; text-indent: 17px;}
.section4-tab .bd .right .notes-img:hover span { text-decoration: underline;}
.section4-tab .bd .right .notes-img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.section4-tab .bd .right .notes-img2 { clear: both; position: relative; overflow: hidden;}
.section4-tab .bd .right .notes-img2 .text { position: absolute; right: 0; top: 0; padding: 25px 30px 0 22px; width: 194px; height: 177px; background: rgba(6,144,242,0.9);}
.section4-tab .bd .right .notes-img2 .text h2 { color: #fff; font-size: 14px; line-height: 1; font-weight: normal;}
.section4-tab .bd .right .notes-img2 .text p { padding-top: 18px; height: 90px; color: #fff; font-size: 12px; line-height: 18px; font-weight: normal;}
.section4-tab .bd .right .notes-img2 .text a.more { position: relative; display: block; width: 100px; height: 23px; border: 1px solid #addbfc; color: #addbfc; font-size: 12px; line-height: 23px; text-align: center;}
.section4-tab .bd .right .notes-img2 .text a.more:before { position: absolute; top: 0; left: 0; content: ""; width: 0; height: 23px; background: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.section4-tab .bd .right .notes-img2 .text a.more:after { position: relative; content: "查看详情"; z-index: 2;}
.section4-tab .bd .right .notes-img2 .text h2:hover { text-decoration: underline;}
.section4-tab .bd .right .notes-img2 .text a.more:hover:before { width: 100%;}
.section4-tab .bd .right .notes-img2 .text a.more:hover { border: 1px solid #fff; color: #0690f2;}
.section4-tab .bd .right .notes-img2 img { display: block; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
.section4-tab .bd .right .notes-img2:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}

/*section5*/
.section5 { background: #fff; overflow: hidden;}
.section5 .tittle { position: relative; margin: .86rem 0 .94rem; text-align: center;}
.section5 .tittle h2 { color: #727272; font-size: .36rem; line-height: .42rem; font-weight: normal; text-transform: uppercase;}
.section5 .tittle h3 { color: #414040; font-size: .24rem; line-height: .24rem; font-weight: normal;}

.section5 .text p { padding: 30px 20px; color: #8c8c8c; font-size: 14px; line-height: 22px; text-align: center;}
.section5 .text a.more { display: table; margin: 0 auto; height: 14px; color: #278bc0; font-size: 14px; line-height: 14px;}
.section5 .text a.more:before { display: block; float: left; margin: 6px 7px 0 0; content: ""; width: 21px; height: 1px; background: #278bc0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
.section5 .text a.more:after { display: block; float: right; margin: 6px 0 0 7px; content: ""; width: 21px; height: 1px; background: #278bc0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
.section5 .text a.more:hover:before { opacity: 0; transform: translate3d(-40px, 0, 0); -webkit-transform: translate3d(-40px, 0, 0); -moz-transform: translate3d(-40px, 0, 0);}
.section5 .text a.more:hover:after { opacity: 0; transform: translate3d(40px, 0, 0); -webkit-transform: translate3d(40px, 0, 0); -moz-transform: translate3d(40px, 0, 0);}

.data-pro-list { width:1100px; margin: .8rem auto; overflow: hidden; }
.data-pro-list li { float: left; width:220px; text-align:center; outline:0;}
.data-pro-list li .icon-wrap {position:relative; margin: 40px auto; width:100px;height:100px;text-align:center;}
.data-pro-list li .icon-wrap:after {content:"";display:block;position:absolute;width:100%;height:100%;border:1px solid #bfbfbf;left:0;top:0;z-index:2;-webkit-transition:all .8s cubic-bezier(.455,.03,.515,.955) 0s;-moz-transition:all .8s cubic-bezier(.455,.03,.515,.955) 0s;-ms-transition:all .8s cubic-bezier(.455,.03,.515,.955) 0s;transition:all .8s cubic-bezier(.455,.03,.515,.955) 0s; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg); box-sizing:border-box; -webkit-box-sizing:border-box;}
.data-pro-list li .icon-wrap:before {content:"";display:block;position:absolute;width:100%;height:100%;background-color:#c8ebfb;left:0;top:0;z-index:0;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s; -webkit-transform: scale(.3) rotate(45deg);-moz-transform: scale(.3) rotate(45deg); -ms-transform: scale(.3) rotate(45deg);transform: scale(.3) rotate(45deg); opacity:0;}
.data-pro-list li .icon-wrap img { display:block; position:relative; top:50%; z-index:99;margin: 0 auto; -webkit-transform: translateY(-50%);-moz-transform:translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.data-pro-list li p { font-size:14px; color:#8c8c8c; }
.data-pro-list li:hover .icon-wrap:after {-webkit-transform: scale(1.2) rotate(45deg);-ms-transform: scale(1.2) rotate(45deg);-moz-transform: scale(1.2) rotate(45deg); transform: scale(1.2) rotate(45deg); border:1px solid #e0e0e0;}
.data-pro-list li:hover .icon-wrap:before {-webkit-transform:scale(1) rotate(45deg);-ms-transform:scale(1) rotate(45deg);-moz-transform:scale(1) rotate(45deg);transform:scale(1) rotate(45deg); opacity:1; }
.data-pro-list li:hover p { color:#4198ed; }

.brand-alert { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 9999;}
.brand-alert .text { position: absolute; top: 50%; left: 50%; margin: -102px 0 0 -224px; padding-top: 134px; width: 448px; height: 70px; background: url(images/gl25.png) no-repeat center 28px #fff; border-radius: 6px;}
.brand-alert .text p { padding: 0 20px; color: #414040; font-size: 16px; text-align: center;}
/*section6*/
.section6 { background: url(images/bg4.jpg) no-repeat center; background-size: cover; overflow: hidden;}
.section6 .tittle { position: relative; margin: .86rem 0 .94rem; text-align: center; color: #fff;}
.section6 .tittle h2 { font-size: .36rem; line-height: .42rem; font-weight: normal; text-transform: uppercase;}
.section6 .tittle h3 { font-size: .24rem; line-height: .24rem; font-weight: normal;}

.news { margin-bottom: 30px; overflow: hidden;}
.news .i-video { float: right; width: 545px; height: 300px;}
.news-text { float: left; width: 510px; padding-top: 15px;}
.news-text .text { border-bottom: 1px dotted #ccc;}
.news-text .text h2 { color: #fffefe; font-size: 24px; font-weight: normal;}
.news-text .text h2:hover { color: #05affe;}
.news-text .text em { display: block; color: #fffefe; font-size: 16px;}
.news-text .text p { padding: 6px 0; height: 65px; color: #dbdbdb; font-size: 14px; line-height: 20px;}
.news-text ul { padding-top: 15px;}
.news-text li { color: #fff; font-size: 14px; line-height: 32px;}
.news-text li:before { float: left; margin: 11px 7px 0 0; display: block; width: 12px; height: 12px; content: ""; background: url(images/icon-3.png) no-repeat left center; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
.news-text li em { float: right; color: #cdcdcd; font-size: 12px;}
.news-text li:hover { color: #05affe;}
.news-text li:hover:before { background: url(images/icon-3-on.png) no-repeat left center; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}

.news-list { margin-right: -12px;}
.news-list li { position: relative; float: left; width: 267px; margin-right: 11px;}
.news-list li .img:before { position: absolute; margin: 14px; width: 235px; height: 135px; background: url(images/line_bord.png) center no-repeat; border: 2px solid #fff; text-align: center; z-index: 10; opacity: 0; content: ""; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
.news-list li .img { display: block; position: relative; width: 267px; height: 167px; overflow: hidden;}
.news-list li img { display: block; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;}
.news-list li:hover img { -webkit-transform: scale(1.6); -moz-transform: scale(1.6); transform: scale(1.6);}

.hover-box { position: absolute; left: 50%; top: 41px; margin-left: -62px; width: 124px; height: 85px; z-index: 11; font-family: arial; font-size:30px; font-weight: normal; color: #fff; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0);}
.hover-box .h-txt1,.hover-box .h-txt2 { position: relative; line-height: 30px;}
.hover-box .h-txt1 span { margin-left: 7px; margin-right: 7px;}
.hover-box .h-txt2 span { margin-left: 10px; margin-right: 10px;}
.hover-box .h-txt3 { font-size: 17px; letter-spacing:9px; margin-top: 2px; position: relative; margin-left: 10px;}
.hover-mask { position: absolute; background: url(images/head_bg_6.png); width: 100%; height: 167px; z-index: 9; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
.news-list li h2 { padding-top: 10px; color: #f3f3f3; font-size: 14px; line-height: 14px; font-weight: normal;}

.news-list li:hover .hover-box { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
.news-list li:hover .hover-mask { opacity: 1;}
.news-list li:hover .img:before { opacity: 1;}

/*section7*/
.section7 { background: #f3f3f3; overflow: hidden;}

.section7 .img { display: table; margin: 1.27rem auto 1rem; width: 8.3rem; height: 3.88rem;}

.i-contact { float: left; width: 233px; padding: 0 111px 0 11px;}
.i-contact h2 { padding: 10px 0 20px; color: #727272; font-size: 24px; line-height: 24px; text-transform: uppercase;}
.i-contact h2 em { display: block; color: #414040; font-size: 18px; font-weight: normal;}
.i-contact li { padding-left: 23px; margin-bottom: 13px; color: #5e5e5e; font-size: 14px; line-height: 20px;}
.i-contact li.c1 { background: url(images/c1.png) no-repeat 1px 3px;}
.i-contact li.c2 { background: url(images/c2.png) no-repeat left 3px;}
.i-contact li.c3 { background: url(images/c3.png) no-repeat left 4px;}

.i-friend { float: left; width: 360px; padding-right: 11px;}
.i-friend h2 { padding: 10px 0 20px; color: #727272; font-size: 24px; line-height: 24px; text-transform: uppercase;}
.i-friend h2 em { display: block; color: #414040; font-size: 18px; font-weight: normal;}
.i-friend li { position: relative; float: left; width: 144px; height: 42px; margin: 0 11px 15px 0; border: 1px solid #d6d6d6; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
.i-friend li:hover { border: 1px dashed #999;}

.i-form { float: left; width: 384px; margin-right: -10px;}
.i-form .text { float: left; margin: 0 10px 8px 0; padding: 6px 10px; width: 157px; height: 21px; background: #e5e5e5; border: 1px solid #e5e5e5; border-bottom-color: #fff; font-size: 12px; line-height: 21px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
.i-form .textarea { clear: both; margin-bottom: 10px; padding: 6px 10px; width: 344px; height: 86px; background: #e5e5e5; border: 1px solid #e5e5e5; border-bottom-color: #fff; resize: none; font-size: 12px; line-height: 18px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.i-form button { display: block; width: 364px; height: 39px; background: #6a6a6a; border: 1px solid #6a6a6a; color: #fff; font-size: 14px; text-align: center; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
.i-form .text:focus,.i-form .textarea:focus { border: 1px solid #6a6a6a; background: #fff; }
.i-form button:hover { background: #fff; color: #6a6a6a;}

/*.footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; background: #fff;}*/
/*.footer .copyRight { float: left; color: #9c9c9c; font-size: 12px; line-height: 30px;}*/

.i-set { position: relative; float: right; background: #fff; z-index: 2; padding-left: 100px;}
.i-set a { display: block; float: left; margin: 0 10px; width: 24px; height: 30px; cursor: pointer;}
.i-set a.s1 { position: relative; background: url(images/s1.png) no-repeat center;}
.i-set a.s2 { background: url(images/s2.png) no-repeat center;}
.i-set a.s3 { width: 18px; background: url(images/s3.png) no-repeat center;}
.i-set a.s4 { width: 22px; background: url(images/s4.png) no-repeat center;}
.i-set a.s5 { width: 30px; background: url(images/zh-fax.png) no-repeat center;background-size: 30px 38px;}
/*.footer .weixin { display: none; position: absolute; bottom: 30px; left: -38px; width: 100px; height: 100px; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}*/
.i-set a.s4 p,.i-set a.s5 p { display: none; position: absolute; bottom: 30px; left: 30px; background: #fff;padding: 6px 10px;color:#000;font-size:15px;font-family:Arial, Helvetica, sans-serif;line-height:28px;}
.i-set a.s1:hover .weixin { display: block;}
.i-set a.s1:hover { background: url(images/s1-on.png) no-repeat center;}
.i-set a.s2:hover { background: url(images/s2-on.png) no-repeat center;}
.i-set a.s3:hover { width: 18px; background: url(images/s3-on.png) no-repeat center;}
.i-set a.s4:hover { width: 22px; background: url(images/s4-on.png) no-repeat center;}
.i-set a.s5:hover { width: 30px; background: url(images/zh-fax.png) no-repeat center;background-size: 30px 38px;}
.i-set a.s4:hover p,.i-set a.s5:hover p { display: block;}


/*@media (max-width: 1610px) {
    .section2 .tittle { margin: .30rem auto .70rem;}
    .section2 .select { top: .1rem;}
    .section3 .tittle,.section4 .tittle,.section5 .tittle,.section6 .tittle { margin: .50rem 0 .70rem;}
    .data-pro-list { margin: .3rem auto;}
    .section7 .img { margin: .6rem auto .4rem;}
}
@media (max-width: 1400px) {
    .section3-tab .more { margin: .6rem auto 0; }
    .section4 .tittle { margin: .20rem 0 .30rem;}
    .section4-tab .bd { margin-top: .2rem;}
    .section5 .tittle { margin: .4rem 0 .2rem;}
    .data-pro-list { margin: 0rem auto;}
    .section6 .tittle { margin: .20rem 0 .10rem;}
}*/

.section3-tab .more { margin: .6rem auto 0; }
/*.section4 .tittle { margin: .20rem 0 .30rem;}*/
.section4-tab .bd { margin-top: .2rem;}
.section5 .tittle { margin: .4rem 0 .2rem;}
.data-pro-list { margin: 0rem auto;}
.section6 .tittle { margin: .20rem 0 .10rem;}

.tspp{
    height:30%;
    margin-top:84px;
    background-color:#ecba87;
    background:url(images/map.png) no-repeat center #ecba87;
}

.tspp .tspp-c{
    width:1200px;
    margin:0 auto;
    padding-top:34px;
}

.tspp .tspp-c .ts-a{
    display:block;
    width:57px;
    height:57px;
    margin:0 auto;
    /*margin-top:34px;*/
    background:url(images/yy.png) no-repeat;
}

.tspp .tspp-c .ts-b{
    text-align: center;
    font-size: 18px;
    color: #000;
    line-height: 40px;
}

.tspp .tspp-c .ts-c{
    text-align: center;
    font-size: 30px;
    color: #000;
}

.tspp .tspp-c .ts-d p{
    text-align: center;
    border: 1px solid #000;
    width: 100px;
    margin: 0 auto;
    color: #000;
    font-size:16px;
    padding:3px 20px;
    margin-top:18px;
}

.footer{
    height:70%;
    background:url(images/bj.jpg) no-repeat;
}

.footer .foot-a{
    width:1200px;
    border-bottom:1px solid #fff;
    margin:0 auto;
    padding-top:50px;
    height:330px;
    /*float:left;*/
}

.footer .foot-a .foot-l{
    float:left;
}

.footer .foot-a .foot-l p{
    font-size:16px;
    line-height:26px;
    color:#fff;
    margin:15px 0px;
}

.footer .foot-a .foot-l p .icon-a{
    display:block;
    width:40px;
    height:25px;
    float:left;
    background:url(images/tb.png) -5px -46px;
}

.footer .foot-a .foot-l p .icon-b{
    display:block;
    width:40px;
    height:25px;
    float:left;
    background:url(images/tb.png) -5px -11px;
}

.footer .foot-a .foot-l p .icon-c{
    display:block;
    width:40px;
    height:25px;
    float:left;
    background:url(images/tb.png) -5px -80px;
}

.footer .foot-a .foot-l .qrc{
    /*width:300px;*/
    /*height:100px;*/
}

.footer .foot-a .foot-l .qrc p{
    width:119px;
    height:119px;
    background:#fff;
    margin-right:20px;
    float:left;
}

.footer .foot-a .foot-l .qrc .qrc1{
    /*width:100px;
    height:100px;
    background:#fff;*/
    background:url(images/weixin.jpg);
    background-size:cover;
}

.footer .foot-a .foot-l .qrc .qrc2{
    /*width:100px;
    height:100px;
    background:#fff;*/
    background:url(images/weixin.jpg);
    background-size:cover;
}

.footer .foot-a .foot-l .qrc .qrc3{
    /*width:100px;
    height:100px;
    background:#fff;*/
    background:url(images/taobao.jpg);
    background-size:cover;
}

.footer .foot-a .foot-r{
    float:right;
    /*width:765px;*/

}

.footer .foot-a .foot-r dl{
    float:left;
}

.footer .foot-a .foot-r .l-a{
    width:235px;
}

.footer .foot-a .foot-r .l-b{
    width:260px;
}

.footer .foot-a .foot-r .l-c{
    width:155px;
}

.footer .foot-a .foot-r dt{
    font-size:14px;
    color:#fff;
}

.footer .foot-a .foot-r dd{
    font-size:14px;
    line-height:30px;
}

.footer .foot-b{
    width:1200px;
    margin:0 auto;
}

.footer .foot-b .f-a{
    margin:0 auto;
    width:320px;
    margin-top:42px;
    text-align:center;
    height:100px;
}

.footer .foot-b .f-a .tit{
    font-size:18px;
    color:#fff;
}

.footer .foot-b .f-a .wx{
    display:block;
    width:50px;
    height:50px;
    float:left;
    background:#FFF;
    background:url(images/tb.png) -10px -139px;
}

.footer .foot-b .f-a .line{
    width:10px;
    height:50px;
    float:left;
    background:#fff;
    margin-left:45px;
    margin-top:13px;
    background:url(images/line.png) no-repeat;
}

.footer .foot-b .f-a .xl{
    display:block;
    width:50px;
    height:50px;
    float:left;
    background:#FFF;
    margin-left: 10px;
    background:url(images/tb.png) -50px -139px;
}

.footer .foot-b .f-a .tm{
    display:block;
    width:50px;
    height:50px;
    float:left;
    background:#FFF;
    background:url(images/tb.png) -96px -139px;
}

.footer .foot-b .f-a .sj{
    display:block;
    width:50px;
    height:50px;
    float:left;
    background:#FFF;
    margin-left: 10px;
    background:url(images/tb.png) -137px -139px;
}

.footer .foot-b .f-b{
    width:100%;
    margin:0 auto;
    margin-top:15px;
}

.footer .foot-b .f-b i{
    width:114px;
    height:35px;
    background:#fff;
    display:block;
    float:left;
    background:url(images/tlogo.png) no-repeat;
}

.footer .foot-b .f-b .p1{
    padding-top:10px;
    float:left;
}

.footer .foot-b .f-b .p2{
    padding-top:10px;
    float:right;
}