@charset "utf-8";
/* CSS Document */

html, span, object,h1, h2, h3, h4, h5, h6, p, em, dd,dl, dt, ol, ul, li, form{ margin:0;padding:0;border:0; font-size:100%; font-family:inherit; list-style:none;}
input.btn{ border:none}
label{vertical-align:middle} .inputcheckbox{vertical-align:middle;} 

body{font: 12px "微软雅黑"; color:#333; margin:0 auto;padding:0px; list-style:none;}
a{ color:#333; text-decoration:none; }
a:hover{  color:#f13636; text-decoration:none;  }
.clear_all {clear:both;}


img{ border:none; padding:0px; margin:0px; display:block; }
ul,li{ list-style-type:none; margin:0; padding:0; border:0; list-style:none }

.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

.white,.white a { color:#fff;}
/**/
.banner{width: 100%;height: auto;}
.timg{width: 100%;height: auto;}
.timg img{width: 100%;height: auto;}
.txt_main{width: 100%;height: auto;position: absolute;top: 250px;}
.txt{
    width: 1500px;
    height: 100%;
    margin: 0 auto;
    font-weight: 400;
    font-family: "Noto Serif TC", "微軟正黑體", sans-serif;
    line-height: 1.8;
}
.txt .deck {
    font-size: 16px;
    letter-spacing: 4px;
    color: rgba(255, 255, 255);

}
.txt .title {
    padding-bottom: 10px;
    font-size: 40px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 8px;
}
.txt .enTitle {
    font-size: 18px;
    font-family: "Unna", sans-serif;
    color: rgba(255, 255, 255);
    letter-spacing: 1.5px;
    width: 300px;
}
.txt .company {
    padding-bottom: 15px;
    font-size: 28px;
    font-family: "Unna", sans-serif;
    letter-spacing: 4px;
    color: rgba(255, 255, 255);
}
.txt p {
    font-size: 14px;
    color: rgba(255, 255, 255);
    letter-spacing: 1px;
    width: 410px;
}
.txt .mark {
	letter-spacing: 1px;
    font-size: 14px;
    font-weight: 400;
    font-family: "Unna", sans-serif;
    color: rgba(255, 255, 255);
    letter-spacing: 1px;
    line-height: 1.5;
}

/**/
.land{
  height: 39px;
    line-height: 39px;
    background: url(../banner/land.jpg) center no-repeat;
    background-size: cover;
}
.header{
    width: 100%;
    box-shadow: 1px 2px 3px #ddd;
    height: 84px;
    background: #fff;
    padding-top: 16px;
    position: relative;
}
.hdmain{width:1280px;
    height: 84px;
    margin: 0 auto;
    font-family: "Noto Serif TC", "微軟正黑體", sans-serif;
}
.hdleft{
    width: 300px;
    height: auto;
    overflow: hidden;
    float:left;
}
.hdlefta{height:35px;line-height:35px;text-align:left;}
.hdlefta a{font-size:16px;color:#666;font-weight: bold;font-family:'微软雅黑';}
.xlog{
     position: absolute;
    top: -15px;
    left: 50%;
    width: 554px;
    height: 105px;
    background: url(../banner/logo-back.png) center no-repeat;
    margin-left: -277px;
    text-align: center;
    padding-top: 30px;
}
.xlog img{vertical-align: middle;float: left;height: 70px;    margin-left: 60px;}


.top_bj{
	width: 100%;
	height: 60px;
  background: #f9f9f9;
}
.top{
	width: 1500px;
	height: 60px;
    margin: 0 auto;
}
.logo{float: left;background: #fff;height: 60px;padding:0px 10px;border-radius: 5px;}
.logo a{display: block;float: left;padding-top: 5px;}
.logo img{height: 50px;}

.container{width: 1300px;height: 70px;margin: 0 auto;}
.pull-right{float: right;}
.header-a {
    position: relative;
    z-index: 100;
    overflow: hidden;
    margin-bottom: 10px;
}
.header-a a {
    display: block;
    float: left;
    border: solid 1px #ddd;
    width: 100px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    color: #666;
    margin-right: 16px;
}

.hsearch {
    height: 30px;
    border: solid 1px #ddd;
    border-radius: 30px;
    position: relative;
    width: 188px;
    padding-right: 30px;
    margin-top: 20px;
}
.hsearch input[type='text']{
  box-shadow: none;
    border: none;
    border-radius: 0;
    background: none;
    height: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}
.hsearch input[type='image']{
   position: absolute;
    right: 10px;
    top: 4px;
    bottom: 0;
    width: 20px;
    background: url(../banner/icon-search.png) center no-repeat;
}

.dh{font-family: "Noto Serif TC", "微軟正黑體", sans-serif;width: 1260px;margin:  0 auto;}
.dh ul{}
.dh ul li{
	float: left;
    height: 60px;
    position: relative;
}
.dh ul li a {
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0px 45px;
    font-size: 18px;
    color: #333;
}
.dh ul li a:hover{color: #6510AD;}
.dh ul li .erji{
  position: absolute;
  background: #fff;
  z-index: 100;
  display: none;
  color: #6510AD;
  height: auto;
}
.dh ul li .erji span{float: left;}
.dh ul li .erji a{color: #6510AD;}
/**/

.gy_one_bj{
    position: relative;
    z-index: 1;
    padding: 0;
    background-color: #e8e8e8;
    background-repeat: no-repeat;
    padding: 150px 0px;
    background-image: url(../banner/xin/deck01.png), url(../banner/xin/deck02.png), url(../banner/xin/deck03.png), url(../banner/xin/deck04.png);
    background-position: 0 0px, 100% 90px, right 0px, 0 0px;
}
.gy_one{
  width: 1280px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  font-family: "Noto Serif TC", "微軟正黑體",
}
.gy_one_left{width: 476px;height: 322px;float: left;position: relative;}
.gy_one_left img{width: 476px;height: 322px;}
.gy_one_left p{
  position: absolute;
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    padding: 0px 30px;
    top: 80px;
}
.gy_one_left p span{float: right;}

.gy_one_right{float: right;width: 780px;}
.gy_one_right ul{display: block;}
.gy_one_right ul li{
  float: left;
    width: 160px;
    height: 150px;
    background: #6510AD;
    margin-left: 35px;
    margin-bottom: 20px;
}
.gy_one_right ul li span{display: table;margin: 0 auto;height: 50px;padding-top: 35px;}
.gy_one_right ul li span img{display: initial;}
.gy_one_right ul li p{height: 30px;line-height: 30px;color: #fff;text-align: center;font-size: 16px;padding-top: 15px}
/**/
.gy_two_bj{width: 100%;height: auto;padding: 100px 0px;overflow: hidden;background: url('../banner/xin/banner4.jpg') no-repeat center center;
    background-size: cover;
}
.gy_two{width: 1280px;height: auto;margin: 0 auto;}
.gy_two_left{
	float: left;
	width: 400px;
	color: #fff;
}
.tleft_title{height: 30px;line-height: 30px;padding:10px 0px;border-bottom: 1px solid #fff;}
.tleft_desc{padding: 30px 0px;line-height: 30px;font-size: 14px;}
.tleft_span{width: 125px;height: 50px;border: 1px solid #fff;border-radius: 4px;}
.tleft_span a{display: block;width: 125px;line-height: 50px;font-size: 14px;text-align: center;color: #fff;}

.gy_two_right{float: right;width: 820px;height: auto;overflow:hidden;position: relative;}
.gy_two_right ul{display: block;}
.gy_two_right ul li{float: left;color: #fff;text-align: center;padding: 10px 22px; color: #fff;}
.rimg{width: 195px;height: 195px;border-radius: 200px;overflow: hidden;}
.rimg img{width: 195px;height: 195px;}
.gy_two_right ul li span{display: block;height: 40px;line-height: 40px;padding-top: 10px;font-size: 20px;}
.gy_two_right ul li span a{color: #fff;}
.gy_two_right ul li span a:hover{color: #fff;}
.gy_two_right ul li p{display: block;height: 40px;line-height: 40px;font-size: 20px;}

.gy_two_ku{width: 400px;height: 400px;    padding-left: 200px;}
.gy_two_kk{width: 200px;height: 200px;float: left;color: #fff;}
.gy_two_ku .k1{border-right: 1px #fff dashed;width: 199px;height: 199px;border-bottom: 1px #fff dashed;}
.gy_two_ku .k2{border-bottom: 1px #fff dashed;height: 199px;}
.gy_two_ku .k3{border-right: 1px #fff dashed;width: 199px;}
.gy_two_kk span{display: block;text-align: center;font-size: 40px;padding-top: 54px;}
.gy_two_kk p{text-align: center;font-size: 18px;padding-top: 20px;}
/**/
.gy_thr_bj{width: 100%;height: auto;padding: 100px 0px;overflow: hidden;background: url('../banner/xin/t34.jpg') no-repeat center center;
    background-size: cover;
}
.gy_thr{width: 1280px;height: auto;margin: 0 auto;}

.net{width:100%;height:auto;overflow:hidden;padding-top: 30px;}
.net_o{color: rgb(236, 236, 236);font-size: 30px;text-align:center;}
.net_t{color: rgb(33, 33, 33);font-size:26px;text-align:center;height:36px;line-height:36px;}
.net_t b{color: #666666;font-size:20px;}
.net_t span{padding:0px 5px;}
.net_s{font-size:12px;color:#666;text-align:center;height:26px;line-height:26px;}

.gy_thr ul{
	display: block;
	padding: 10px;
  height: auto;
  width: 810px;
  margin: 0 auto;
}
.thr_zuo{float: left;padding-top: 65px;padding-right: 25px;}
.thr_you{float: left;padding-top: 65px;padding-left: 25px;}
.thr_zuo img,.thr_you img{
  cursor: pointer;
}
.gy_thr ul li{
	float: left;
    padding: 10px 26px;
}
.gy_thr ul li.mxiao{padding-top: 65px;}
.gy_thr ul li.mxiao img{border-radius: 5px;height: 60px;}
.gy_thr ul li.mda img{
  width: 300px;
  height: 195px;
}
/**/
.gy_four_bj{
    width: 100%;
    height: auto;
    background-color: #e8e8e8;
    background-repeat: no-repeat;
    padding: 150px 0px;
    background-image: url(../banner/xin/deck01.png), url(../banner/xin/deck02.png), url(../banner/xin/deck03.png), url(../banner/xin/deck04.png);
    background-position: 0 0px, 100% 90px, right 0px, 0 0px;
}
.gy_four{
  width: 1280px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
}
.gy_four_left{
  width: 566px;
  height: auto;
  overflow: hidden;
  float: left;
}
.gy_four_limg{
  width: 566px;
  height: 353px;
  position: relative;
}
.gy_four_limg img{width: 100%;}
.mm1{
  position: absolute;
  bottom: 0px;
}
.mm2{position: absolute;width: 127px;height: 125px;left: 50px;bottom: 30px;}
.mm3{color: #fff;position: absolute;bottom: 20px;right: 20px;}
.mm3 span{font-size: 20px;}
.mm3 span a{color: #fff;}
.mm3 span a:hover{color: #fff;}
.mm3 p{font-size: 16px;padding-top: 10px;}

.gy_four_txt{width: auto;height: 146px;color: rgb(153, 153, 153);font-size: 14px;line-height: 25px;
padding: 20px;padding-bottom:0px;background: #fff;}

.gy_four_right{float: right;width: 680px;}
.gy_four_right ul{display: block;}
.gy_four_right ul li{float: left;background: #fff;margin: 20px;margin-top: 0px;margin-bottom: 40px;width: 270px;}
.gy_four_right ul li img{width: 270px;height: 168px;}
.gy_four_right ul li span{display: block;padding-left: 10px;font-size: 18px;color: rgb(43, 43, 43);padding-top: 25px;
padding-bottom: 21px;}
.gy_four_right ul li span a{color: rgb(43, 43, 43);}
.gy_four_right ul li span a:hover{    color: #6510AD;}
.gy_four_right ul li p{font-size: 16px;padding-top: 10px;padding-left: 10px;padding-bottom: 25px;}

.xbj2{
  background: url(../banner/xin/s/banner11.jpg) no-repeat center center;
  background-size: cover;
}
/**/
.foot_main{
  width: 100%;height: auto;overflow: hidden;background: #f8f5ee;margin-top: 10px;
  background-color: #222222;
    padding: 10px 0px;
}
.foot_ul{
  width: 100%;
  height: 35px;
  background-color: #222222;
}
.foot_ul ul{
  display: block;
  width: 660px;
  height: 35px;
  margin: 0 auto;
}
.foot_ul ul li{
  float: left;
  line-height: 35px;
  font-size: 14px;
}
.foot_ul ul li a{display: block;float: left;color: #efefef;}
.foot_ul ul li span{float: left;padding:0px 15px;}
.foot_p{
  width: 1200px;
  height: auto;
  line-height: 30px;
  font-size: 14px;
  color: #efefef;
  margin: 0 auto;
  text-align: center;
  padding:10px 0px;
}

/**/
.xfoot_one_bj{
        background: url(../images/footer.png) center no-repeat;
    background-size: cover;
    width: 100%;
    height: 213px;
}
.xfoot_one{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 30px;
}
.xfoot_one_left{float:left;}
.xfoot_one_left h3{font-size: 24px;
    color: #fff;
    margin-bottom: 50px;}
.xfoot_one_left p{
    font-size: 16px;
    color: #ccc;
    line-height: 36px;
    margin-bottom: 15px;
}
.xfoot_erweima{
    width: 133px;
    height:133px;
    float:right;
}
.xfoot_erweima img{width:133px;height:133px;}

.xfoot_two{
    padding: 25px 15px;
    color: #fff;
    background: #5c307d;
    text-align: center;
}