@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { font-size:16px; line-height:160%;}

body { background:url(../images/b_bg.png) top left no-repeat; background-size:1250px 690px; background-color:#006cae;}
.pagesize { width:100%; margin:0 auto;}

/*headr*/
.header{ padding-top:15px; margin-bottom:0; position:relative;}
.header .nav{ display:none;}
.menu{ display:block; width:40px; height:40px;  position:fixed; top:20px; right:20px; z-index:99;}
.menu a{ width:100%; height:100%; display:block;}
.header .bTitle{ padding-top:50px;}
.header .bTitle img{ width:300px; height:97px;}
.bt_language { display: none;}

.header .open{ width:40px; height:40px; background:url(../images/icon_menu.png) no-repeat; background-size:40px; background-color:rgba(39, 101, 130, 0.6);}
.header .close{width:40px; height:40px; background:url(../images/icon_close.png) no-repeat; background-size:40px; background-color:rgba(39, 101, 130, 0.6);}
.mmenu{ position:fixed; width:94%; top:65px; left:50%; margin-left:-47%; display:none; background-color:rgba(39, 101, 130, 0.9); z-index:99; box-shadow: -1px 17px 48px -21px rgba(0,0,0,0.75);}
.mmenu li{ border-bottom:1px solid; border-color:rgba(255, 255, 255, 0.2); color:#fff; text-align:center; font-size:20px;}
.mmenu li:last-child{ border-bottom:none;}
.mmenu li a{ display:block; color:#fff; padding:10px; }

/*main*/
.content{ margin-bottom:30px;}
.content h2{ font-size:25px; margin-bottom:30px; line-height:60px;}

.aboutArea{ position: relative; width:80%; min-height:0; padding:0 8% 10% 8%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.aboutArea h3{ color:#ff9c00; font-family:Arial; font-size:25px; line-height:60px; font-weight:bold; text-align:center;}
.aboutArea h1{ width:80%; height:200px; background:url(../images/t_logo.png) center center no-repeat; background-size:100px auto; background-color:#fff;  position:absolute; top:-35px; left:50%; margin-left:-40%;}

.companyArea{ width:80%; padding:10% 8%; margin-bottom:40px;}
.p_box{ width:100%; margin:0; text-align:center;}
.p_box ul{ height:auto; margin-right:0;}
.p_box ul li{ width:100%; height:auto; background:none; float:none; margin-right:0;}
.p_box ul li.b_shadow{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.p_box ul li .pic{ display:none;}
.p_box ul li .gLogo1, .p_box ul li .gLogo2, .p_box ul li .gLogo3{ width:100%; padding:15px 0; text-align:center;}
.p_box ul li .gLogo1 img{ width:170px; height:auto;}
.p_box ul li .gLogo2 img{ width:180px; height:auto;}
.p_box ul li .gLogo3 img{ width:260px; height:auto;}
.p_box ul li .txt{ display:none;}

.contactArea{ width:100%; height:auto;}
.contactArea img{ width:100%;}
.contactArea .info{ width:80%; height:auto; padding:15% 10%; position:inherit; top:0; right:0;}
.contactArea .info h4{ font-size:22px; color:#005a99;}
.contactArea .info h5{ color:#005a99;}
.contactArea p{ font-size:14px; margin-bottom:20px;}
.contactArea a.link{ color:#ff6c00; font-size:16px;}
.contactArea a.link:active{ text-decoration:underline;}

/*btn*/
.btn_down{ display:none;}


/*footer*/
.footer{ width:90%; padding:10% 5% 15% 5%; font-size:14px; text-align:center;}
.footer .link{ width:42%; height:40px; padding:30px 0px; font-size:14px; border:1px solid; border-color:rgba(255, 255, 255, 0.5); float:none; display:inline-block; margin-right:2%; margin-bottom:10%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.footer .link a{ position:absolute; top:0; left:0; width:100%; height:100%; display:inline-block; color:#fff;}
.footer .link p{ width:100%; line-height:120%; margin-bottom:5px; color:rgba(255, 255, 255, 0.7); text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.footer .link img{ opacity:0.7; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}
.footer .link:active > p{color:rgba(255, 255, 255, 1);}
.footer .link:active img{ opacity:1;}
.footer .link:active{border-color:rgba(255, 255, 255, 0.8);}
.footer .cpRight{ width:100%; float:none; padding:80px 0 0 0; background:url(../images/f_logo.png) center top no-repeat; background-size:200px 70px;}
.footer .cpRight p{ text-align:center;}

/*pop*/
.moreInfo{ width:100%; height:auto; background-color:#fff; position:absolute; top:10%; left:0; margin-left:0; }
.info_1{}
.info_2{}
.info_3{}
.moreInfo .topBN{ width:100%; height:auto;}
.moreInfo .topBN img{ width:100%; height:auto; }

.moreInfo .intro{ padding:20px;}
.moreInfo .intro h4{ text-align:center;}
.moreInfo .intro .iconSet{ float:none; text-align:center;}
.moreInfo .intro .iconSet .icon{width:98px; height:98px; float:left; margin-right:10px; display:inline-block;}
.moreInfo .intro .iconSet .icon img{ width:98px; height:98px;}
.moreInfo .intro .iconSet .qr{width:98px; height:98px; float:left; margin-right:0; display:inline-block;}
.moreInfo .intro .iconSet .qr img{ width:98px; height:98px;}
.moreInfo .intro .txtSet{ float:none; margin-bottom:20px;}

.moreInfo .intro .appDownload{}
.moreInfo .intro .appDownload .app_ios{ width:230px; height:50px; float:none; margin:0 auto; margin-bottom:20px;}
.moreInfo .intro .appDownload .app_ios img{ width:230px; height:50px;}
.moreInfo .intro .appDownload .app_and{ width:230px; height:50px; float:none; margin:0 auto;}
.moreInfo .intro .appDownload .app_and img{ width:230px; height:50px;}
.moreInfo .intro .demo{ display:none;}

.moreInfo .infoContent{ padding:20px 20px;}
.moreInfo .infoContent p{ margin-bottom:10px;}
.moreInfo .infoContent ul{ margin-left:20px;}
.moreInfo .infoContent li{ list-style:disc; margin-bottom:15px; padding-left:10px;}
.moreInfo .infoContent img{ width:100%; height:auto;}

.pop_close{ width:43px; height:40px; background:url(../images/pop_close.png) no-repeat; background-size:43px 40px; left:100%; margin-left:-60px;}