/*
Powered by ly200.com		http://www.ly200.com
广州联雅网络科技有限公司		020-83226791
*/
@font-face {
  font-family: "Poppins-Regular";
  src: url("./font/Poppins-Regular.woff2") format("woff2"),
       url("./font/Poppins-Regular.woff") format("woff"),
       url("./font/Poppins-Regular.ttf") format("truetype"),
       url("./font/Poppins-Regular.eot") format("embedded-opentype"),
       url("./font/Poppins-Regular.svg") format("svg");
}
@font-face {
  font-family: "Poppins-Medium";
  src: url("./font/Poppins-Medium.woff2") format("woff2"),
       url("./font/Poppins-Medium.woff") format("woff"),
       url("./font/Poppins-Medium.ttf") format("truetype"),
       url("./font/Poppins-Medium.eot") format("embedded-opentype"),
       url("./font/Poppins-Medium.svg") format("svg");
}
@font-face {
  font-family: "Poppins-Light";
  src: url("./font/Poppins-Light.woff2") format("woff2"),
       url("./font/Poppins-Light.woff") format("woff"),
       url("./font/Poppins-Light.ttf") format("truetype"),
       url("./font/Poppins-Light.eot") format("embedded-opentype"),
       url("./font/Poppins-Light.svg") format("svg");
}
@font-face {
  font-family: "Poppins-Bold";
  src: url("./font/Poppins-Bold.woff2") format("woff2"),
       url("./font/Poppins-Bold.woff") format("woff"),
       url("./font/Poppins-Bold.ttf") format("truetype"),
       url("./font/Poppins-Bold.eot") format("embedded-opentype"),
       url("./font/Poppins-Bold.svg") format("svg");
}
@font-face {
  font-family: "Poppins-SemiBold";
  src: url("./font/Poppins-SemiBold.woff2") format("woff2"),
       url("./font/Poppins-SemiBold.woff") format("woff"),
       url("./font/Poppins-SemiBold.ttf") format("truetype"),
       url("./font/Poppins-SemiBold.eot") format("embedded-opentype"),
       url("./font/Poppins-SemiBold.svg") format("svg");
}
/*global css*/
body,html,h1,h2,h3,h4,h5,h6,big,small,sub,sup,input,select,textarea,p{font-size:14px; color:#000; -webkit-text-size-adjust:none; outline:0; font-family:'Poppins-Regular';}
header,footer,section,aside,nav,hgroup,figure,figcaption{display:block; margin:0; padding:0; border:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,select,textarea,blockquote{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{ list-style-type:none;}
img{max-width:100%; max-height:100%; border:none;}
input[type='text'],input[type='number'],input[type='password'],input[type='reset'],input[type='submit'],input[type='button'],input[type='tel'],button,textarea{-webkit-appearance:none; border-radius:0; border:1px solid #ddd;}
input[type=submit]{cursor: pointer;}
textarea{resize:none;}
table{word-wrap:break-word !important; border-collapse:collapse !important;}

/*文字大小，颜色，行距定义*/
.fl{float:left;}
.fr{float:right;}

/*padding*/
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.blank3{margin:0px auto; clear:both; height:3px; font-size:1px; overflow:hidden;}
.blank6{margin:0px auto; clear:both; height:6px; font-size:1px; overflow:hidden;}
.blank9{margin:0px auto; clear:both; height:9px; font-size:1px; overflow:hidden;}
.blank12{margin:0px auto; clear:both; height:12px; font-size:1px; overflow:hidden;}
.blank15{margin:0px auto; clear:both; height:15px; font-size:1px; overflow:hidden;}
.blank20{margin:0px auto; clear:both; height:20px; font-size:1px; overflow:hidden;}
.blank25{margin:0px auto; clear:both; height:25px; font-size:1px; overflow:hidden;}
.clean{zoom:1;}
.clean:after,.clean:before{content:''; display:table;}
.clean:after{clear:both;}

/*a*/
a{color:#333; text-decoration:none;}
a:hover{text-decoration:none;}
a.red{color:red; text-decoration:none;}
a.red:hover{color:red; text-decoration:none;}
p{ word-wrap: break-word; word-break: normal;}



body{width: 100%;min-width: 1280px;}
.img{text-align: center;}
.img img{vertical-align: middle;max-height: 100%;max-width: 100%;}
.img span{vertical-align: middle;height: 100%;display: inline-block;}
.inner{width: 1280px;margin:0 auto;}

.ooooo{width: 100%;position: absolute;left: 0;top: 0;opacity: 0.5;pointer-events:none;}
/*头部*/
#header{width: 100%;height: 118px;text-align: center;}
#header .logoout{float: left;height: 118px;padding-left: 33px;}
#header .logo{height: 100%;}
#header #headmenu{display: inline-block;padding: 0 0;}
#header #headmenu a{display:inline-block;height: 100%;padding:0 26px;line-height: 118px;font-size: 18px;color: #333333;margin: 0 9px;transition: all 0.5s;background:center 100%;}
#header #headmenu a.on{color: #fff;background:url(../images/index_header_a.png) #2868c9 no-repeat center 70%;}
#header #headmenu a:hover{color: #2868c9;}
#header #headmenu a.on:hover{color: #fff;}
#header .form{display: inline-block;position: relative;}
#header .form input[type=text]{width: 160px;height: 40px;border-radius: 20px;border: 1px solid #dddddd;padding:0 49px 0 19px;font-size: 14px;color: #999999;background: url(../images/index_header_search.png) no-repeat 93% center;}
#header .form input[type=submit]{position: absolute;top: 1px;right: 1px;height: 40px;width: 48px;border: none;border-top-right-radius: 20px;border-bottom-right-radius: 20px;opacity: 0;}
#header .fr{padding-top: 38px;}
#header .language{display: inline-block;padding:0 20px;}
#header .language a{display: inline-block;font-size: 16px;color: #333333;width: 43px;height: 43px;border-radius: 50%;text-align: center;line-height: 43px;}
#header .language a.on{color: #fff;background: #777777;}
.banner{position: relative;font-size: 0;text-align: center;}
.banner .hd{position: absolute;width: 100%;font-size: 0;height: 20px;text-align: center;bottom: 35px;}
.banner .hd li{display: inline-block;margin: 0 5px;width: 20px;height: 20px;border-radius: 50%;text-align: center;}
.banner .hd li .disc{width: 7px;height: 7px;border-radius: 3px;background: #ffffff;display: inline-block;margin-top: 6.5px;}
.banner .hd li.on{background:rgba(8,149,228,0.5);}
.banner .hd li.on .disc{background: #0895e4;}
.banner .fixname{font-size: 75px;line-height: 60px;color: #fff;text-transform: uppercase;position: absolute;left: 0;top:34%;font-family: 'Poppins-SemiBold';width: 100%;text-align: center;}
.tree{font-family: 'Poppins-Light';font-size: 16px;position: absolute;left: 0;width: 100%;text-align: center;top:320px;}
.tree span{display: inline-block;color: #cccccc;margin: 0 15px;}
.tree a{color: #cccccc;}

#headermobile #phonemenu{position: fixed;top: 0;left: 100%;z-index: 10;width: 100%;height: 100%;text-align: center;transition: all 1s;overflow-y:auto;background: rgba(0,0,0,0.7);}
#headermobile #phonemenu::-webkit-scrollbar{width: 3px;height: 3px;background-color: #f5f5f5;}
/*定义滚动条的轨道，内阴影及圆角*/
#headermobile #phonemenu::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);border-radius: 10px;background-color: #f5f5f5;}
/*定义滑块，内阴影及圆角*/
#headermobile #phonemenu::-webkit-scrollbar-thumb{/*width: 10px;*/height: 10px;border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
#headermobile #phonemenu .logo.pic_box{height: 88px;padding:1px 0;width: 100%;background: #f7f7f7;}
#headermobile #phonemenu .topdiv{display:block;text-align: left;border-bottom: 1px solid #414141;text-align: center;}
#headermobile #phonemenu .topdiv a.top{display: inline-block;line-height: 60px;font-size: 24px;padding: 10px 80px;color: #fff;margin: 0 auto;}
#headermobile #phonemenu .topdiv.on{border-bottom: none;}
#headermobile #phonemenu .topdiv .sub{height: 0;overflow: hidden;}
#headermobile #phonemenu .topdiv.on .sub{border-bottom: 1px solid #ccc;}
#headermobile #phonemenu .topdiv .sub a{display: block;line-height: 40px;padding: 0px 100px;font-size: 18px;text-align: left;}
/*#headermobile #phonemenu .click{position: absolute;right: 5%;top: 20px;width: 50px;height: 50px;cursor: pointer;}*/
#headermobile #phonemenu .language{border-bottom: 1px solid #414141;padding: 8px 0;}
#headermobile #phonemenu .language a{display: inline-block;font-size: 24px;line-height: 60px;padding: 0 10px;margin: 0 10px;color: #999999;}
#headermobile #phonemenu .language a:not(:nth-child(1)){border-radius: 50%;padding: 0px;width: 60px;height: 60px;text-align: center;line-height: 60px;}
#headermobile #phonemenu .language a.on:not(:nth-child(1)){background: #161616;}
#headermobile #menuphone .click{display: inline-block;margin: 0 18px;}
#headermobile #menuphone{display: none!important;position: absolute;width: 100%;top: 18px;z-index: 9;overflow: hidden;}
#headermobile #menuphone .img{width: 50px;height: 50px;cursor: pointer;}
#headermobile #menuphone .search{width: 50px;height: 50px;padding:0;position: relative;margin: 0 18px;}
#headermobile #menuphone .search form{position: absolute;top: 0;right: -400px;transition: all 1s;}
#headermobile #menuphone .search form input[type=text]{height: 50px;border: none;width: 200px;background: #d1d1d1;font-size: 22px;padding: 0 10px;color: #666;}
#headermobile #menuphone .search form input[type=submit]{position: absolute;background: #000;right: 0;top: 0;width: 50px;height: 50px;background: url(../images/index_search.png) no-repeat center center;border: none;}
#headermobile #phonemenu .left{width: 85%;float: left;background: #333333;height: 100%;}
#headermobile #phonemenu .right{width: 15%;float: left;}
#headermobile #phonemenu .right img{width: 100%;}
.header22{display: none;padding:0 10px;height: 55px;text-align: center;position: fixed;overflow: hidden;left: 0;top: 0;width: calc( 100% - 20px );background: #fff;z-index: 2;}
.header22 .img{display: inline-block;height: 100%;cursor: pointer;}
.header22 .img.menu{float: left;}
.header22 .img.search{float: right;}
.header22 .img img{height: 20px;}
.header22 .img .logo{display: inline-block;padding-top: 5px;}
.header22 .img .logo img{height: 40px;}
.header22 .searchform{position: absolute;right:-100%;transition: all 1s;top: 8px;}
.header22 .searchform img{position: absolute;right:0;top: 0;z-index: 1;padding: 10px;pointer-events:none;}
.header22 .searchform form input[type=text]{height: 40px;border: none;width: 200px;background: #d1d1d1;font-size: 22px;padding: 0 10px;color: #666;}
.header22 .searchform form input[type=submit]{position: absolute;right: 0;top: 0;width: 40px;height: 40px;border: none;background: #d1d1d1;}
.mobilehomemenu{display: none;background: #717171;height: 35px;overflow: hidden;text-align: center;overflow-x:auto;white-space:nowrap;word-break:keep-all;position: fixed;top: 55px;width: 100%;left: 0;z-index: 2;}
.mobilehomemenu::-webkit-scrollbar {display:none}
.mobilehomemenu div{width: auto;}
.mobilehomemenu a{color: #fff;display: inline-block;line-height: 35px;font-size: 14px;padding: 0 2.5%;vertical-align: top;}
.mobilehomemenu a.on{background: #2868c9;}

/*尾部*/
#footer .pagelist{overflow: hidden;}
#footer .pagelist .copy{width: 50%;height: 302px;background:url(../images/index_footer_download.png) #0069ad no-repeat center center;text-align: center;transition: all 0.5s;}
#footer .pagelist .copy:hover{transform: scale(1.05);}
#footer .pagelist .copy:first-child{background:url(../images/index_footer_faq.png) #262e89 no-repeat center center;}
#footer .pagelist .copy a{color: #fff;}
#footer .pagelist .copy .name{font-family: 'Poppins-Medium';font-size: 26px;padding: 104px 0 22px;}
#footer .pagelist .copy .desc{font-family: 'Poppins-Light';font-size: 14px;}
#footer .top{text-align: center;padding-bottom: 42px;border-bottom: 1px solid #dedede;}
#footer .top .logoout{float: left;width: 112px;padding-top: 45px;height: 71px;}
#footer .top #footmenu{padding-top: 70px;display: inline-block;}
#footer .top #footmenu a{display: inline-block;font-family: 'Poppins-SemiBold';text-transform: uppercase;font-size: 16px;color: #aaaaaa;padding: 0 5px;border-bottom: 2px solid #fff;line-height: 28px;margin: 0 13px;transition: all 0.5s;}
#footer .top #footmenu a.on{color: #111111;border-bottom: 2px solid #6f6f6f;}
#footer .top #footmenu a:hover{color: #111111;border-bottom: 2px solid #6f6f6f;}
#footer .top select{float: right;width: 150px;height: 58px;border: 1px solid #c8c8c8;border-radius: 29px;text-align: center;font-size: 14px;color: #999999;font-family: 'Poppins-Medium';appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(../images/index_footer_lan_select_all.png) no-repeat scroll center center transparent;padding:0 35px 0 50px;margin-top: 52px;cursor:pointer;}
.lang_cn #footer .top select{padding:0 35px 0 60px;}
#footer .copyer{font-size: 16px;line-height: 30px;color: #333333;display: inline-block;padding-top: 40px;}
#footer .share{float: right;padding: 34px 0 45px;}
#footer .share a{display: inline-block;margin-left: 13px;}

@media screen and (max-width: 1655px) {
  #header #headmenu a{padding:0 15px;margin: 0 5px;}
}
@media screen and (max-width: 1450px) {
  #header #headmenu a{padding:0 8px;margin: 0;}
  .tree{top:290px;}
  .banner .fixname{top:28%;}
}
@media screen and (max-width: 1300px) {
  body{min-width: 1120px;}
  #header .logoout{padding-left: 10px;width: 100px;}
  #header #headmenu a{padding:0 10px;}
  #header .form input[type=text]{width: 90px;padding: 0 35px 0 19px;}
  #header .form input[type=submit]{width: 36px;}
  #header .language{padding: 0 10px;}
  #header .language a{width: 38px;height: 38px;line-height: 38px;}
  .inner{width: 1100px;}
  #footer .top .logoout{width: 100px;}
  #footer .top #footmenu{padding-top: 60px;}
  #footer .top #footmenu a{margin: 0 8px;}
  #footer .top select{height: 45px;border-radius: 22.5px;}
  .banner .fixname{top:20%;font-size: 60px;}
}
@media screen and (max-width: 1140px) {
  body{min-width: 1000px;}
  #header #headmenu a{padding:0 5px;}
  #header .form input[type=text]{width: 60px;}
  #header .language{padding: 0 5px;}
  #header .language a{width: 35px;height: 35px;line-height: 35px;}
  .inner{width: 980px;}
  #footer .top .logoout{width: 90px;}
  #footer .top #footmenu a{margin: 0 5px;}
  .tree{top:275px;}
}
@media screen and (max-width: 1020px) {
  body{min-width: 730px;}
  .inner{width: 710px;}
  #footer .pagelist .copy .name{padding: 94px 0 22px;}
  #header{display: none;}
  #headermobile #menuphone{display: inline-block;}
  #footer .top{display: none;}
  .mobilehomemenu,.header22{display: block;}
  .banner{padding-top: 90px;position: relative;}
  .banner .fixname{top:calc( 20% + 90px );}
  .tree{top:190px;}
}
@media screen and (max-width: 750px) {
  body{min-width: 500px;}
  .inner{width: 480px;}
  #headermobile #phonemenu .topdiv a.top{line-height: 35px;padding: 10px 40px;font-size: 20px;}
  #headermobile #phonemenu .language a{font-size: 20px;line-height: 35px;padding: 0 5px;}
  #headermobile #phonemenu .language a:not(:nth-child(1)){padding: 0px;width: 40px;height: 40px;line-height: 40px;}
  #headermobile #phonemenu .topdiv .sub a{line-height: 26px;padding: 0px 80px;font-size: 16px;}
  #footer .copyer{padding-top: 30px;line-height: 22px;}
  #footer .share{padding: 10px 0 30px;}
  #turn_page span{font-size: 14px;}
  .banner .fixname{top:calc( 10% + 90px );font-size: 40px;line-height: 50px;}
  .tree{top:150px;}
  #turn_page span{height: 30px;line-height: 30px;}
  #turn_page font, #turn_page a{width: 30px;height: 30px;}
  /*.chattrans{display: none;}*/
}
@media screen and (max-width: 520px) {
  body{min-width: 300px;}
  .inner{width: 98%;}
  #headermobile #menu{width: 300px;left:calc( (100% - 300px)/2);display: none;}
  #headermobile #menuphone .img{width: 30px;height: 30px;}
  /*#headermobile #phonemenu .click{width: 30px;height: 30px;top: 28px;}*/
  #headermobile #menuphone .search{width: 30px;height: 30px;}
  #headermobile #menuphone .search form input[type=text]{height: 30px;font-size: 16px;}
  #headermobile #menuphone .search form input[type=submit]{width: 30px;height: 30px;background: url(../images/index_search.png) no-repeat center center;}
  #headermobile #phonemenu .topdiv a.top{line-height: 30px;font-size: 18px;}
  #headermobile #phonemenu .language a{font-size: 18px;line-height: 30px;padding: 0 5px;margin: 0 2px;}
  #headermobile #phonemenu .language a:not(:nth-child(1)){padding: 0px;width: 35px;height: 35px;line-height: 35px;}
  #headermobile #phonemenu .topdiv .sub a{line-height: 24px;font-size: 14px;}
  #headermobile #menuphone .search form input[type=text]{width: 150px;}
  #footer .pagelist .copy{height: 250px;}
  #footer .pagelist .copy .name{padding: 54px 0 22px;font-size: 22px;}
  #footer .pagelist .copy .desc{font-size: 12px;}
  #footer .copyer{font-size: 13px;}
  #footer .share a img{width: 35px;height: 35px;}
  #footer .pagelist .copy,#footer .pagelist .copy:first-child{background-size: 90% auto;}
  .banner .fixname{top:calc( 4% + 90px );font-size: 20px;line-height: 30px;}
  .tree{top:125px;font-size: 14px;}
  #lib_info_detail>.contents{font-size: 12px;}
}