@charset "utf-8";
/* CSS Document */
html,body{ height:100%;}
body{ margin:0px; padding:0px; font-family:"微软雅黑", "宋体", verdana, arial;}
ul,li{ padding:0px; margin:0px; list-style:none;}
.mbg{ background:url(../images/bg.jpg) no-repeat center center; background-size: 100% auto; position: absolute; height: 100%; width: 100%; z-index: 2;}
.content{ position: absolute; width:100%; height: 100%;  z-index: 99;}
.main{ position:relative;}
.logo{ position:absolute; left:10%; top:50px;}
.foot{color: #fff;z-index: 100; position: absolute; width: 100%;text-align: center;bottom: 15px;}
.foot a{color: #fff;text-decoration: underline;}
.index_txt{ text-align: center; padding-top: 400px; max-width: 90%; margin: 0px auto; }
.index_txt img{ max-width: 90%; }
.index_txt ul.pt30 li{ width: 50%; }
.nav{ position:absolute; color:#eaecf1; right:90px; top:10px;}
.nav a{ color:#eaecf1; margin:0px 20px;}
.top{ background:url(../images/sbg_01.jpg) no-repeat center center; height:500px;}
.top .cp{ position:absolute; left:50%; margin-left:-330px; top:50%; margin-top:-100px;}
.top .cp_en{ margin-left:-390px;}
.top .inp{ padding:20px 0px 0px;}
.top .inp .fl,.top .inp .fr{ width:50%;}
.top .inp .fl{ text-align:right; padding-right:10px;}
.top .inp .fr{ padding-left:10px;}
.top .inp input{ border:none; border-radius:5px; width:240px; line-height:30px; height: 30px; padding:0px 5px;}
.top .inpt{ text-align:center; padding-top:20px;}
.top .inpt button{ border:none; background:#ec932e; line-height:30px; color:#FFF; font-weight:bold; font-size:16px; border-radius:5px; width:240px;}
.page2{ padding:20px 0px;}
.page2 .ercode{ width:350px; margin:0px auto; line-height:40px; padding-top:20px;}
.page3{ background:url(../images/sbg_03.jpg) no-repeat center center; height:650px;}
.borderT{ border-top:solid 1px #888888;}
.page3 .borderT{ margin:20px auto 0px; width:50px;}
.page3 .icon{ text-align:center; width:900px; margin:0px auto; padding-top:40px; color:#444444;}
.page3 .icon .icon1{ width:33%; background:url(../images/i_03.png) no-repeat center top; padding-top:150px;}
.page3 .icon .icon2{ width:34%; background:url(../images/i_05.png) no-repeat center top; padding-top:150px;}
.page3 .icon .icon3{ width:33%; background:url(../images/i_07.png) no-repeat center top; padding-top:150px;}
.page3 .txt{ background-color:#FFF; opacity:0.9; width:900px; margin:20px auto 0px; padding:20px 40px 20px; font-size:14px;}
.page3 .txt .fr li{ background:url(../images/i_13.png) no-repeat left center; line-height:30px; padding-left:25px;}
.page3 .txt .fl{ padding-top:50px; padding-left:50px;}
.page4{ padding-bottom:30px;}
.page4 .borderT,.page6 .borderT,.page8 .borderT,.page10 .borderT{ margin:20px auto 0px; width:100px; border-top-color:#dcdcdc;}
.page4 .customer{ padding-top:50px;}
.page5,.page7{ padding:0px 0px 30px; background-color:#e5e5e5;}
.page5 .borderT,.page7 .borderT{ margin:20px auto 0px; width:100px;}
.page6,.page8{ padding:0px 0px 30px;}
.page9{ background:url(../images/sbg_05.jpg) no-repeat center center; height:650px;}
.page9 .borderT{ margin:20px auto 0px; width:100px; border-top-color:#FFF;}
.page9 .txt{ margin:30px auto 0px; width:700px; border-left:solid 40px #ec932e; background-color:#FFF; opacity:0.9; color:#444; padding:30px 0px 30px 30px; text-align:left; line-height:24px;}
.page10{ padding-bottom:30px;}
.page10 .txt{ width:800px; margin:0px auto; padding-top:20px; color:#444; line-height:30px;}
.page10 .txt ul li.fl{ width:30px; text-align:right;}
.page10 .txt ul li.fr{ width:770px; text-align:left;}
.page11{ padding:30px; text-align:center; line-height:30px; background-color:#e5e5e5;}


/*en*/
.page3_en .pt30{ padding-top:20px;}
.page3_en .icon{ padding-top:20px;}
.page10_en{}
.page10_en .txt{ text-align:left; font-size:12px; background:url(../images/img_16.jpg) no-repeat right -15px; line-height:25px; padding-top:80px;}
.page10_en .txt .bg2{ background:url(../images/img_17.jpg) no-repeat left top; margin-top:50px; padding-left:180px;}
.mbg2{ background:url(../images/bg2.jpg) no-repeat center center; width: 100%; height: 100%; background-size: 100% auto; position: absolute; z-index: 1;}


/*mobile*/
.m .page img{ max-width: 100%; }
.page,.swiper-container,.swiper-wrapper{ width:100%; height:100%; font-family:"微软雅黑", "宋体", verdana, arial;}
.page1 .mlogo{ background:url(../images/bg1_mobile.jpg) no-repeat left top; background-size:100% auto; text-align:center; color:#FFF; padding-bottom:10px;}
.page1 .mlogo .pt10 img{ max-width: 15%; }
.page1 .mlogo img{ max-width:80%;}
.page1 .mlogo .mlogo_txt{ font-size:24px; padding:10px 0px 10px 0px;}
.page1 .mlogo .mtxt_info{ font-size:0.60em;}
.page1 .form ul li{ width:50%; border-bottom:solid 1px #e7e7e7;}
.page1 .form ul li input{ width:94%; border:none; line-height:30px; height: 30px; padding:0px 3%; border-radius: 0px;}
.page1 .form ul li.fr input{ border-left:solid 1px #e7e7e7;}
.page1 .form ul.bt li{ border:none; width:100%;}
.page1 .form ul.bt li button{ border:none; width:100%; background-color:#ec932e!important; color:#FFF; line-height:30px; font-size:1em; font-family:"微软雅黑", "宋体", verdana, arial; border-radius: 0px}
.swiper-container .page2,.swiper-container .page4,.swiper-container .page5,.swiper-container .page6,.swiper-container .page7,.swiper-container .page8{ padding:0px;}
.m .ercode{ font-size: 0.8em; line-height: 20px; }
.m .ercode img{ max-width: 100%; }
.m .page2,.pageen .page2{ background:url(../images/cn_02.png) no-repeat left top; background-size:100% 100%;}
.m .page3,.pageen .page3{ background: none; background-color: #e5e5e5; }
.m .page4{ }
.m .page5,.pageen .page5{ background-color: #e5e5e5; }
.m .page6{}
.m .page7,.pageen .page7{ background:url(../images/cn_14.png) no-repeat left top; background-size:100% 100%;}
.m .page8{ }
.swiper-button-next{ background:none; position:absolute; top:99%; left:50%; margin-left:-13px; width:51px;}
.swiper-button-next img{ max-width: 50%; }
.swiper-button-disabled{ display:none;}

.pageen .page img{ max-width: 100%; }
.pageen .mlogo img{ max-width:80%;}
.pageen .page1 .mlogo .mlogo_txt{ padding:10px 0px 20px 0px;}
/*.pageen .page2{ background:url(../images/cn_02.png) no-repeat left top; background-size:auto 100%;}
.pageen .page3{ background:url(../images/pageen_03.jpg) no-repeat left top; background-size:auto 100%;}
.pageen .page4{ background:url(../images/pageen_04.jpg) no-repeat left top; background-size:auto 100%;}
.pageen .page5{ background:url(../images/pageen_05.jpg) no-repeat left top; background-size:auto 100%;}
.pageen .page6{ background:url(../images/pageen_06.jpg) no-repeat left top; background-size:auto 100%;}
.pageen .page7{ background:url(../images/pageen_07.jpg) no-repeat left top; background-size:auto 100%;}
.pageen .page8{ background:url(../images/pageen_08.jpg) no-repeat left top; background-size:auto 100%;}*/

.lang{ position: absolute; right: 10px; top: 10px; width: 80px; }
.lang li{ margin-bottom: 10px; }
.lang a{ color: #FFF; text-decoration: none; }
.lang .zhlang{ background:url(../images/zhFlag.png) no-repeat left center; padding-left: 25px; color: #FFF; font-size: 12px; display: none; }
.lang .enlang{ background:url(../images/enFlag.png) no-repeat left center; padding-left: 25px; color: #FFF; font-size: 12px; display: none;}
.lang .big5lang{ background:url(../images/twFlag.png) no-repeat left center; padding-left: 25px; color: #FFF; font-size: 12px; display: none;}

.icontel,.iconemail{ padding-left: 35px; text-align: left; float: left; width: 50%; margin-top: 40px;}
.icontel{ background: url(../images/icon.jpg) no-repeat left 3px;}
.iconemail{ background: url(../images/icon-02.jpg) no-repeat left 3px;}

.w100p{ width:100%;}
.h100p{ height:100%;}
.w50p{ width:50%;}
.fl{ float:left;}
.fr{ float:right;}
.fc{margin-left: 25%;}
.pt30{ padding-top:30px;}
.pt20{ padding-top:20px;}
.pt10{ padding-top:10px;}
.pb20{ padding-bottom: 20px; }
.clear{ clear:both;}
.clearEmpty{ clear:both; height:0px; overflow:hidden;}
.tc{ text-align:center;}
.b{ font-weight:bold;}
.size16{ font-size:16px;}
.size24{ font-size:24px;}
.c444444{ color:#444444;}
.c929292{ color:#929292;}
.c4e4e4e{ color:#4e4e4e;}
.c888888{ color:#888888;}
.cffffff{ color:#FFFFFF;}
.bgFFFFFF{ background-color: #FFF; }
.LH40{ line-height:40px;}
.LH25{ line-height:25px;}



.logo2{ display: none; }
.txtinfo img{ max-width: 90%; }
.txtinfo1,.txtinfo2{ position: absolute; width: 90%; text-align: center; top: 200px; left: 5%;}
.txtinfo2{  display: none; }
.txtbt{ width: 561px; margin: 0px auto; max-width: 90%;}

@media screen and (max-width:1024px){
	.mbg,.mbg2{ background-size: auto 100%;}
}