comlinka2@charset "utf-8";

/* CSS Document */

@media only screen and (min-width: 800px) {

::-webkit-scrollbar {

 width: 5px;

 height: 5px;

 background-color: #000;

}

  

/*鐎规矮绠熷姘З閺壜ゅ缓闁拷 閸愬懘妲捐ぐ锟�+閸﹀棜顫�*/  

::-webkit-scrollbar-track {

 border-radius: 0px;

 background: #000;

}

  

/*鐎规矮绠熷鎴濇健 閸愬懘妲捐ぐ锟�+閸﹀棜顫�*/  

::-webkit-scrollbar-thumb {

 border-radius: 0px;

 background-color:#fcdb00;

}

}

 /*=========

  閸╃儤婀版妯款吇閸婏拷

  ==========*/

*{

	margin: 0;

	padding: 0; 

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-word-break: normal !important;

    word-break: normal !important;

    word-wrap: break-word !important;

}

html{ 

	min-height:100%;

	-moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

    text-rendering: optimizeLegibility;

}

body {

	min-height:100%;

	font-size: 12px;

	color: #000;

	font-family: "Arial","寰蒋闆呴粦";

	overflow-x:hidden;

	line-height: 1.2;

}

@font-face {

    font-family: 'ziti';

    src: url("../other/MSYI.TTF");

}

li{

	list-style: none;

}

img {

	border: none;

	vertical-align: middle;

	max-width: 100%;

}

a {

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 

	text-decoration: none;

	color: #000;

	transition: all .5s;

	-moz-transition: all .5s; 

	-webkit-transition: all .5s;  

	-o-transition: all .5s;

	-ms-transition: all .5s;  

}

::after,::before{

	transition: all .5s;

	-moz-transition: all .5s; 

	-webkit-transition: all .5s;  

	-o-transition: all .5s;

	-ms-transition: all .5s;  

}

table {

	border-collapse: collapse;

}

input, textarea,select {

	font-family: "Arial","瀵邦喛钂嬮梿鍛寸拨";

	font-size: 12px;

	outline: none;

}

::-webkit-input-placeholder {

    color: #fff;

}

:-moz-placeholder {

    color: #fff;

}

::-moz-placeholder {

    color: #fff;

}

:-ms-input-placeholder {

    color: #fff;

}

/* =========

  瀹搞儱鍙块弽宄扮础

  ========== */

.clearfix:before,

.clearfix:after{

	content: "";

	display: block;

	

}

.clearfix:after{

	clear: both;

}

.fl{

	float: left;

}

.fr{

	float: right;

}

.donghua{

	transition: all .5s;

	-moz-transition: all .5s; 

	-webkit-transition: all .5s;  

	-o-transition: all .5s; 

	-ms-transition: all .5s; 

}

/* =========



  妫ｆ牠銆�



  ========== */

.wrap{

	width: 94%;

	margin-left: auto;

	margin-right: auto;

	height: 100%;

	max-width: 1380px;

	overflow: hidden;

	

}

.all{

	max-width: 100%;

	width: 100%;

	overflow: hidden;

}

/*婢舵挳鍎�*/

.header{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 111;

	background-color: #fff;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	border-bottom: 1px solid #e3e3e3;

	

}

.header .top{

	background-color: #fcdb00;

	height: 91px;

	display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}

.header .top form{

	width: 94%;

	margin-left: auto;

	margin-right: auto;

	height: 60px;

	position: relative;

}

.header .top form input[type="text"]{

	width: 100%;

	height: 100%;

	border: 0;

	border-bottom: 1px solid #fff;

	color: #fff;

	font-size: 20px;

	text-indent: 20px;

	background-color: transparent;

}

.header .top form input[type="submit"]{

	position: absolute;

	width: 15px;

	height: 15px;

	border: 0;

	background: url(../images/icon34.png);

	top: 50%;

	right: 20px;

	margin-top: -7px;

	cursor: pointer;

}

.header .bottom{

	height: 90px;

	line-height: 90px;

	

	

}

.header .bottom .logo{

	display: block;

	float: left;

	height: 100%;

}

.header .bottom .logo img{

	width: 222px;

	height: 60px;

}

.header .bottom .logo .img1{

	display: none;

}

.indexheader .bottom .logo .img1{

	display: inline-block;

}

.indexheader .bottom .logo .img2{

	display: none;

}

.header .bottom .search{

	float: right;

	width: 15px;

	height: 100%;

	background-image: url(../images/icon35.png);

	background-repeat: no-repeat;

	background-position: center;

	cursor: pointer;

}

.indexheader .bottom .search{

	background-image: url(../images/icon34.png);

}

.header .bottom .nav{

	float: right;

}

.header .bottom .nav .li1{

	float: left;

	margin-right: 60px;

}

.header .bottom .nav .li1 .a1{

	display: block;

	font-size: 16px;

	color: #2d2d2d;

	font-family: "Microsoft JhengHei";

	position: relative;

}

.header .bottom .nav .li1 .a1:after{

	content: "";

	height: 4px;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 0;

}

.header .bottom .nav .li1 .inli{

	background-color: #f6f6f6;

}

.header .bottom .nav .li1 .sub{

	position: fixed;

	top: 180px;

	left: 0;

	width: 100%;

	text-align: center;

	line-height: 1;

	display: none;

}

.header .bottom .nav .li1 .sub .insub li{

	display: inline-block;

	vertical-align: top;

	margin-right: 82px;

	text-align: left;

	line-height: 1;

	margin-top: 30px;

	margin-bottom: 35px;

}

.header .bottom .nav .li1 .sub .insub li .a2{

	font-size: 14px;

	color: #565656;

	font-weight: bold;

}

.header .bottom .nav .li1 .sub .insub li .box1{

	margin-top: 18px;

}

.header .bottom .nav .li1 .sub .insub li .box1 .a3{

	display: block;

	font-size: 12px;

	color: #707070;

	line-height: 30px;

}

.header[data-on="click"]{

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

}

.header .bottom .nav .li1:hover .a1:after,.header .bottom .nav .li1.on .a1:after{

	width: 100%;

	background-color: #e70012;

}

.header .bottom .nav .li1:hover .a1,.header .bottom .nav .li1.on .a1{

	color: #000;

}

.header .bottom .nav .li1 .sub .insub li .a2:hover{

	color: #000;

}

.indexheader{

	background-color:transparent;

}

.indexheader .bottom .nav .li1 .a1{

	color: #000 !important;

}

.indexheader .bottom .nav .li1:hover .a1,.indexheader .bottom .nav .li1.on .a1{

	color: #fff;

}

/*鐏忓繐鐫嗛獮鏇烆嚤閼革拷*/

.header .bottom .box{

	height: 16px;

	position: relative;

	display: none;

	float: right;

	margin-left: 8px;

	margin-top: 17px;

	width: 24px;

}

.header .bottom .box .line{

	width: 24px;

	height: 2px;

	background-color: #e70012;

	position: absolute;

	left: 0px;

	top: 7px;

}

.header .bottom .box .line1{

	margin-top: -7px;

}

.header .bottom .box .line3{

	margin-top: 7px;

}

.header .bottom .box[data-active="on"] .line1{

	margin-top: 0;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

.header .bottom .box[data-active="on"] .line2{

	display: none;

}

.header .bottom .box[data-active="on"] .line3{

	margin-top: 0;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.mm-nav-box{

	position: fixed;

	padding-top: 51px;

	top: 0px;

	right: 0;

	width: 100%;

	height: 100%;

	z-index: 100;

	-webkit-transform: translateX(100%);

	-moz-transform: translateX(100%);

	-ms-transform: translateX(100%);

	-o-transform: translateX(100%);

	transform: translateX(100%);

	display: none;

}

.mm-nav-box[data-on="active"],.mm-nav-box[data-on="active"] .mask,.mm-nav-box[data-on="active"] .mm-wrap{

	-webkit-transform: translateX(0);

	-moz-transform: translateX(0);

	-ms-transform: translateX(0);

	-o-transform: translateX(0);

	transform: translateX(0);

}

.mm-nav-box .mask{

	position: fixed;

    top: 51px;

    bottom: 0;

    width: 100%;

    z-index: 10;

    padding-top: 51px;

    background-color: rgba(0,0,0,0.6);

    -webkit-transform: translateX(-200%);

	-moz-transform: translateX(-200%);

	-ms-transform: translateX(-200%);

	-o-transform: translateX(-200%);

	transform: translateX(-200%);

}

.mm-nav-box .mm-wrap{

	position: fixed;

	top: 0px;

	right: 0;

	padding-top: 51px;

	width: 50%;

	z-index: 100;

	height: 100%;

	-webkit-transform: translateX(100%);

	-moz-transform: translateX(100%);

	-ms-transform: translateX(100%);

	-o-transform: translateX(100%);

	transform: translateX(100%);

	overflow-y: auto;

}

.mm-nav-box .mm-wrap:before{

	content: "";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 51px;

	left: 0;

	background-color: #111;

	z-index: -1;

}

.mm-nav-box .mm-nav .li1{

	margin: 0 20px;

    line-height: 48px;

}

.mm-nav-box .mm-nav .li1 .a1{

	display: block;

	color: #fff;

	font-size: 16px;

}

.mm-nav-box .mm-nav .li1.on .a1{

	color: #e70012;

}

.mm-nav-box .mm-nav .li1.on .mm-title{

	border-color: #fcdb00;

}

.mm-nav-box .mm-nav .li1 .mm-title{

	position: relative;

	height: 48px;

	line-height: 48px;

	border-bottom: 1px solid rgba(255,255,255,.6);

}

.mm-nav-box .mm-nav .li1 .mm-title .a1{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	z-index: 10;

}

.mm-nav-box .mm-nav .li1 .mm-title .click{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.mm-nav-box .mm-nav .li1 .mm-title .click:after{

	content: "";

	position: absolute;

	top: 50%;

	right: 20px;

	width: 6px;

	height: 6px;

	border-top: 1px solid #fff;

	border-right: 1px solid #fff;

	-webkit-transform: rotate(135deg);

	-ms-transform: rotate(135deg);

	-o-transform: rotate(135deg);

	transform: rotate(135deg);

	margin-top: -3px;

}

.mm-nav-box .mm-nav .li1.on .mm-title .click:after{

	border-color: #fcdb00;

}

.mm-nav-box .mm-nav .li1 .mm-innav{

	display: none;

}

.mm-nav-box .mm-nav .li1[data-on="click"] .mm-innav{

	display: block;

}

.mm-nav-box .mm-nav .li1[data-on="click"] .mm-title .click:after{

	-webkit-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

}

.mm-nav-box .mm-nav .li1 .mm-innav li{

	margin: 0 10px;

	border-bottom: 1px solid rgba(255,255,255,.4);

	line-height: 1;

}

.mm-nav-box .mm-nav .li1 .mm-innav li a{

	color: #fff;

	font-size: 14px;

	line-height: 1.4;

	display: block;

	padding: 6px 0;

}

.mm-nav-box .mm-nav .li1 .mm-innav li .box2{

	    margin: 0 15px;

}

/*鐏忓繐鐫嗛獮鏇烆嚤閼革拷 End*/

@media only screen  and (max-width: 1280px){

	.header .bottom .nav .li1{

		margin-right: 40px;

	}

}

@media only screen  and (max-width: 1100px){

	.header .bottom .logo img{

		height: 50px;

		width: 185px;

	}

	.header .bottom .nav .li1{

		margin-right: 35px;

	}

}

@media only screen  and (max-width: 1023px){

	.header .bottom .nav{

		display: none;

	}

	.header .top{

		height: 51px;

	}

	.header .bottom{

		height: 50px;

		line-height: 50px;

	}

	.header .bottom .logo img{

		height: 32px;

		width: 118px;

	}

	.header .top form{

		height: 36px;

	}

	.header .top form input[type="text"]{

		font-size: 14px;

		text-indent: 10px;

	}

	.header .top form input[type="submit"]{

		right: 0px;

	}

	.header .bottom .box, .mm-nav-box {

	    display: block;

	}

}

@media only screen  and (max-width: 800px){

	.mm-nav-box .mm-nav .li1 .mm-title{

		height: 42px;

		line-height: 42px;

	}

	.mm-nav-box .mm-wrap{

		width: 60%;

	}

}

@media only screen  and (max-width: 600px){

	.mm-nav-box .mm-nav .li1 .mm-title{

		height: 36px;

		line-height: 36px;

	}

	.mm-nav-box .mm-wrap{

		width: 70%;

	}

	.mm-nav-box .mm-nav .li1 .mm-title .a1{

		font-size: 14px;

	}

	.mm-nav-box .mm-nav .li1 .mm-innav li a{

		font-size: 12px;

	}

	.mm-nav-box .mm-nav .li1{

		margin: 0 10px;

	}

}

@media only screen  and (max-width: 414px){

	.mm-nav-box .mm-wrap{

		width: 80%;

	}

}

/*婢舵挳鍎� End*/

/*娑擃參妫块獮鍨啞鏉烆喗鎸�*/

.banner{

	position: relative;

	background-color: #ccc;

}

.banner .icon{

	position: absolute;

	bottom: 3.8%;

	left: 50%;

	z-index: 11;

	cursor: pointer;

	overflow: hidden;

	color: #ffffff;

	font-size: 14px;

	font-weight: bold;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

	padding-top: 45px;

}

.banner .icon:before{

	content: "";

	position: absolute;

	width: 18px;

	height: 32px;

	border: 2px solid #fff;

	top: 0px;

	left: 50%;

	margin-left: -11px;

	border-radius: 20px;

}

.banner .icon:after{

	content: "";

	position: absolute;

	top: 10px;

	left: 50%;

	margin-left: -2px;

	width: 3px;

    height: 7px;

    background-color: #fff;

}

.banner .my-swiper .swiper-slide{

	background-position: center;

	background-repeat: no-repeat;

	-webkit-background-size: cover;

	background-size:cover;

}

.banner .my-swiper .swiper-slide img{

	width: auto !important;

	max-width:none

}

.banner .my-swiper .swiper-slide a{

	display: block;

	height: 100%;

}

.banner .my-swiper .btn{

	position: absolute;

    top: 50%;

    height: 60px;

    width: 60px;

    z-index: 10;

    cursor: pointer;

    margin-top: -30px;

	background-color: rgba(0,0,0,.25);

}

.banner .my-swiper .my-prev{

    left:0%;

}

.banner .my-swiper .my-next{

    right: 0%;

}

.banner .my-swiper .btn:after{

	content: "";

    position: absolute;

    width: 16px;

    height: 16px;

    top: 50%;

    left: 50%;

    margin-top: -9px;

    margin-left: -9px;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.banner .my-swiper .my-prev:after {

   border-top: 2px solid #f4f4f5;

   border-left: 2px solid #f4f4f5;

}

.banner .my-swiper .my-next:after {

   border-bottom: 2px solid #f4f4f5;

   border-right: 2px solid #f4f4f5;

}

@media only screen and (max-width: 1200px){

   .banner .my-swiper .swiper-slide img{

	   max-width:100%; 

    }	

}

@media only screen  and (max-width: 1024px) {

	.banner .my-swiper .btn{

		width: 50px;

		height: 50px;

		margin-top: -25px;

	}

}

@media only screen  and (max-width: 800px) {

	.banner .my-swiper .btn{

		width: 40px;

		height: 40px;

		margin-top: -20px;

	}

	.banner .my-swiper .btn:after{

		height: 10px;

		width: 10px;

		margin-top: -6px;

		margin-left: -6px;

	}

}





@media only screen  and (max-width: 640px) {

	.banner .icon{

		display: none;

	}

}

@media only screen  and (max-width: 414px) {

	.banner .my-swiper .btn{

		width: 30px;

		height: 30px;

		margin-top: -15px;

	}

	.banner .my-swiper .btn:after{

		height: 6px;

		width: 6px;

		margin-top: -4px;

		margin-left: -4px;

	}

	.banner .my-swiper .swiper-slide img{

		display: block;

		width:130% !important

	}

	.banner{

		height: 200px;

	}

	.banner .my-swiper{

		height: 100%;

	}

}

/*娑擃參妫块獮鍨啞鏉烆喗鎸� End*/

/*閸忓厖绨幋鎴滄粦*/

.index-about{

	max-width: 1380px;

	height: 780px;

}

.index-about .left,.index-about .right{

	width: 50%;

	float: left;

	height: 100%;

	

}

.index-about .left{



	background:url(../images/IMG_6893.JPG) no-repeat center center;

	background-size:cover

}

.index-about .left{

	background-color: #f5f5f5;

	border-left: 1px solid #e3e3e3;

	border-bottom: 1px solid #e3e3e3;

}

.index-about .right{

	background-color: #3f3f3f;

}

.index-about .left .yw{

	font-size: 72px;

	color: #e70012;

	line-height: 1;

	font-weight: bold;

	height: 72px;

	overflow: hidden;

}

.index-about .left .more{

	font-size: 18px;

	color: #e70012;

	font-weight: bold;

	margin-top: 15px;

	text-decoration:underline

}

.index-about .right{

	padding-left: 6.5%;

	padding-right: 5.7%;

}

.index-about .right .title{

	font-size: 30px;

	color: #fff;

	font-weight: bold;

	line-height: 1.5;

	height: 45px;

	overflow: hidden;

}

.index-about .right .desc{

	font-size: 13px;

	color: #a3a3a3;

	line-height: 2;

	/*height: 78px;*/

	overflow: hidden;

	margin-top: 15px;

	max-height: 380px;

}

@media only screen  and (min-width: 801px){

	.index-about .left,.index-about .right{

		display: -webkit-box;

	    display: -ms-flexbox;

	    display: -webkit-flex;

	    display: flex;

	    -webkit-box-pack: center;

	    -ms-flex-pack: center;

	    -webkit-justify-content: center;

	    justify-content: center;

	    -webkit-box-align: center;

	    -ms-flex-align: center;

	    -webkit-align-items: center;

	    align-items: center;

	}

}

@media only screen  and (max-width: 1280px){

	.index-about .left .yw{

		font-size: 66px;

		height: 66px;

	}

	.index-about .left .more,.index-about .right .desc{

		margin-top: 10px;

	}

	.index-about{

		height: 680px;

	}

	.index-about .right .title{

		font-size: 28px;

		height: 42px;

	}

}

@media only screen  and (max-width: 1024px){

	.index-about .left .yw{

		font-size: 56px;

		height: 56px;

	}

	.index-about{

		height: 580px;

	}

	.index-about .right .title{

		font-size: 24px;

		height: 36px;

	}

	.index-about .right .desc{

		font-size: 12px;

	}

	.index-about .right{

		padding-left: 5%;

		padding-right: 3.5%;

	}

}

@media only screen  and (max-width: 800px){

	.index-about{

		height: auto;

	}

	.index-about .left{

		display: block;

		float: none;

		width: 100%;

		border: 0;

	

	}

	.index-about .right{

		float: none;

		width: 100%;

		padding: 5%;

	}

	.index-about .right .desc{

		height: auto;

		max-height: 72px;

	}

}

@media only screen  and (max-width: 600px){

	.index-about .left .yw{

		font-size: 40px;

		height: 40px;

	}

	.index-about .right .title{

		font-size: 20px;

		height: 30px;

	}

	.index-about .left .more, .index-about .right .desc{

		margin-top: 5px;

	}

	.index-about .right .desc{

		line-height: 1.5 !important;

		max-height: none;

	}

}

/*閸忓厖绨幋鎴滄粦 End*/

/*鐠佹崘顓哥化鑽ょ埠*/

.index-Box{

	margin-top: 100px;

	background-color: #f3f8fb;

	position: relative;

	background-position: right bottom;

	background-repeat: no-repeat;



}

.index-Box:before{

	content: "";

	position: absolute;

	top: 0;

	width: 100%;

	background-color: #fff;

	height: 270px;

	border-bottom: 1px solid #e3e3e3;

}

.indexCom .ctitle,.index-news .ctitle{

	font-size: 45px;

	color: #404040;



	overflow: hidden;

	text-align: center;

	font-family: "Microsoft JhengHei";

	font-weight: bold;

	

	

	

}



.indexCom .ctitle_eng,.index-news .ctitle_eng{

   font-size:25px;	

}

.index-xt{

	position: relative;

	z-index: 10;

}

.index-xt .inbox{

	max-width: 1018px;

	border-top: 1px solid #e3e3e3;

	margin-top: 50px;

	padding-bottom: 5px;

	position: relative;

	width: 100%;

}

.index-xt .inbox:after{

	content: "";

	position: absolute;

	bottom: 0;

	height: 5px;

	left: 50%;

	width: 33.333%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

	background: url(../images/line01.png) no-repeat;

	-webkit-background-size: cover;

	background-size: cover;

}

.indexxt-swiper{

	border-bottom: 1px solid #e3e3e3;

	border-left: 1px solid #e3e3e3;

	background-color: #fff;

}

.indexxt-swiper .swiper-slide{

	border-right: 1px solid #e3e3e3;

	padding: 85px 0;

}

.indexxt-swiper .swiper-slide .left{

	float: left;

	width: 56%;

	padding-left: 13.5%;

}

.indexxt-swiper .swiper-slide .left .title{

	font-size: 30px;

	color: #313131;

	font-family: "Microsoft JhengHei";

	font-weight: bold;

	line-height: 1.5;

	height: 45px;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.indexxt-swiper .swiper-slide .left .fu{

	font-size: 18px;

	color: #313131;

	font-family: "Microsoft JhengHei";

	line-height: 1.5;

	height: 24px;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.indexxt-swiper .swiper-slide .left .desc{

	font-size: 15px;

	line-height: 2;

	color: rgba(49,49,49,.8);

	margin-top: 20px;

	height: 120px;

	overflow: hidden;

}

.indexxt-swiper .swiper-slide .right{

	float: left;

	width: 100px;

}

.indexxt-swiper .swiper-slide .right img{

	width: 100px;

	height: 100px;

}

@media only screen  and (max-width: 1280px){

	.index-Box{

		margin-top: 80px;

	}

	.indexxt-swiper .swiper-slide{

		padding: 75px 0;

	}

}

@media only screen  and (max-width: 1024px){

	.index-Box{

		margin-top: 8%;

	}

	.index-xt .inbox{

		margin-top: 5%;

	}

	.indexCom .ctitle,.indexxt-swiper .swiper-slide .left .title{

		font-size: 26px;

		height: 39px;

	}

	.indexCom .ctitle,.index-news .ctitle{

	  font-size: 26px;

     }

	 .indexCom .ctitle_eng, .index-news .ctitle_eng{

		  font-size:20px;

	 }

	.indexxt-swiper .swiper-slide .left .fu{

		font-size: 16px;

		height: 24px;

	}

	.indexxt-swiper .swiper-slide .left .desc{

		font-size: 14px;

		height: 112px;

		margin-top: 10px;

	}

	.indexxt-swiper .swiper-slide{

		padding: 60px 0;

	}

	

}

@media only screen  and (max-width: 800px){

	.index-xt .inbox:after{

		width: 100%;

		max-width: 339px;

	}

	.indexxt-swiper .swiper-slide{

		padding: 50px 0;

	}

	.indexCom .ctitle{

		font-size: 24px;

		height: 36px;

		margin-top:25px;

		display:none

	}

}

@media only screen  and (max-width: 600px){

	.indexxt-swiper .swiper-slide{

		padding: 40px 0;

	}

	.indexxt-swiper .swiper-slide .left .title{

		font-size: 22px;

		height: 33px;

	}

	.indexxt-swiper .swiper-slide .left .fu{

		font-size: 14px;

		height: 21px;

	}

	.indexxt-swiper .swiper-slide .left .desc{

		font-size: 12px;

		height: 96px;

		margin-top: 0;

	}

	.indexxt-swiper .swiper-slide .right{

		width: 60px;

	}

	.indexxt-swiper .swiper-slide .left{

		width: 66%;

	}

	.indexxt-swiper .swiper-slide .right img{

		width: 60px;

		height: 60px;

	}

	.indexCom .ctitle{

		font-size: 20px;

		height: 30px;

	}

}

@media only screen  and (max-width: 414px){

	.indexxt-swiper .swiper-slide .right{

		width: 80px;

	}

	.indexxt-swiper .swiper-slide .right img{

		width: 80px;

		height: 80px;

	}

	.index-Box{margin-top:inherit}

	.indexCom .ctitle{

		font-size: 26px;

		margin:15px 0;

		line-height:30px;

	}

	.index-caseTop .inbox{display:block}

	.indexxt-swiper .swiper-slide .left .desc{

		margin-top: 3px;

	}

	.indexxt-swiper .swiper-slide{

		padding: 25px 0; 

	}

}

/*鐠佹崘顓哥化鑽ょ埠 End*/

/*鐠佹崘顓告０鍡楃厵*/

.index-ly{

	margin-top: 50px;

	padding-bottom:80px;

}

.index-ly ul{

	margin-top: 60px;

}

.index-ly ul li{

	float: left;

	width: 24%;

	margin-right: 1%;

	margin-bottom: 30px;

	box-shadow:4px 4px 3px #ebecec

}



.index-ly ul li a{

	display: block;

}

.index-ly ul li .top .left{

	float: left;

	width: 100%;

	height: 90px;

	position: relative;

}

.index-ly ul li .top .left img{

	width: 100%;

	height: 100%;

	position: absolute;

	top:0;

	left: 0;

}

.index-ly ul li .top .left .img1{

	z-index: 1;

	-webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1);

	-o-transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1);

	transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1);

}

.index-ly ul li .top .left .img2{

	opacity: 0;

	z-index: -1;

}

.index-ly ul li .top .title{

	text-align:center;

	overflow:hidden;

	background:#fff

}

.index-ly ul li .top .title img{

	

	transition: All 0.5s ease-in-out;

	-webkit-transition: All 0.5s ease-in-out;

	-moz-transition: All 0.5s ease-in-out;

	-o-transition: All 0.5s ease-in-out



}

.index-ly ul li .top .title img:hover{

	transform: scale(1.2);

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-o-transform: scale(1.2);

	-ms-transform: scale(1.2);

	cursor:pointer

   

}









.index-ly ul li .bottom{

	font-size: 13px;

	color: #838383;

	line-height: 2;

	overflow: hidden;

	margin-top: 12px;

	height: 52px;

	overflow: hidden;

}

@media only screen  and (min-width: 601px){

	.index-ly ul li:hover .top .left .img1{

		z-index: -1;

		opacity: 0;

		-webkit-transition: all 0s;

		-o-transition: all 0s;

		transition: all 0s;

	}

	.index-ly ul li:hover .top .left .img2{

		z-index: 1;

		opacity: 1;

		-webkit-transition: all .5s;

		-o-transition: all .5s;

		transition: all .5s;

		-webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1);

		-o-transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1);

		transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1);

	}

}

@media only screen  and (max-width: 1280px){

	.index-ly{

		margin-top: 70px;

	}

	.index-ly ul{

		margin-top: 65px;

	}

	.index-ly ul li{

		margin-bottom: 55px;

	}

}

@media only screen  and (max-width: 1024px){

	.index-ly{

		margin-top: 7%;

		display:none

	}

	.index-ly ul{

		margin-top: 6.5%;

	}

	.index-ly ul li{

		width: 31.66%;

		margin-right: 2.5%;

	}

	.index-ly ul li{

		margin-bottom: 5.5%;

	}

}

@media only screen  and (max-width: 800px){

	.index-ly ul li{

		width: 48.5%;

		margin-right: 3%;

	}

	.index-ly ul li:nth-child(3n+0){

		margin-right: 3%;

	}

	.index-ly ul li:nth-child(2n+0){

		margin-right: 0;

	}

}

@media only screen  and (max-width: 414px){

	.index-ly ul li{

		float: none;

		width: 100%;

		margin-right: 0;

		margin-bottom: 4%;

		

	}

	.index-ly ul li:nth-child(3n+0){

		margin-right: 0;

	}

	.index-ly ul li .bottom{

		margin-top: 5px;

	}

	.index-ly ul li .bottom{

		font-size: 12px;

		height: auto;

		line-height: 1.5 !important;

	}

	.index-ly ul li .top .title{

		line-height: 30px;

		height: 30px;

		font-size: 16px;

		width: calc(100% - 40px);

	}

	.index-ly ul li .top .left{

		width: 30px;

		height: 30px;

	}

}

/*鐠佹崘顓告０鍡楃厵 End*/

/*濡楀牅绶ユい鍫曞劥*/

.index-caseTop{

	margin-top: 30px;

	padding-top: 0px;

	position: relative;

}

.index-caseTop .word{

	position: absolute;

	left: 50%;

	height: 100%;

	font-size: 270px;

	color: #e3e3e3;

	top:0;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

	line-height: 1;

}

.index-caseTop .ctitle{

	color: #2e2e2e;

	position: relative;

	z-index: 1;

}

.index-caseTop .inbox{

	text-align: center;

	margin-top: 20px;

	margin-bottom: 20px;

	position: relative;

	z-index: 1;

}

.index-caseTop .inbox .d1{

	display: inline-block;

	margin-right: 60px;

	font-size: 13px;

	color: #313131;

	line-height: 20px;

	height: 20px;

	overflow: hidden;

}

.index-caseTop .inbox .d1:last-child{

	margin-right: 0;

}

@media only screen  and (max-width: 1024px){

	.index-caseTop .word{

		font-size: 200px;

	}

	.index-caseTop{

		padding-top: 0px;

	}

}

@media only screen  and (max-width: 800px){

	.index-caseTop{

		margin-top: 0;

	}

	.index-caseTop .inbox .d1{

		display: block;

		margin-right: 0;

		margin-bottom: 10px;

	}

	.index-caseTop .inbox{

		margin-top: 10px;

		margin-bottom: 20px;

		display:none

	}

}

@media only screen  and (max-width: 800px){

	.index-caseTop .word{

		display: none;

	}

}

@media only screen  and (max-width: 414px){

	.index-caseTop .inbox {

		text-align:center;

		

	}

	.index-caseTop .inbox .d1{

		margin-bottom: 5px;

		display:inline-block;

		margin-right:5px

	}

}

/*濡楀牅绶ユい鍫曞劥 End*/

/*妫ｆ牠銆夊鍫滅伐*/

.indexCase-swiper{

	max-width:1380px;

	width: 94%;

	margin-left: auto;

	margin-right: auto;

}

.indexCase-swiper .swiper-slide a{

	display: block;

	position: relative;

	background-repeat: no-repeat;

	-webkit-background-size: cover;

	background-size: cover;

	background-position: center;

	overflow: hidden;

}

.indexCase-swiper .swiper-slide a img{

	width: 100%;

}

.indexCase-swiper .swiper-slide a .inbox{

	position: absolute;

	top: 36.4%;

	left: 10.6%;

	color: #e9e9e9;

	max-width: 250px;

	overflow: hidden;

	z-index: 1;

	-webkit-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);

	transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);

}

.indexCase-swiper .swiper-slide .inbox .num{

	font-size: 30px;

	font-weight: bold;

	color:#ff0000

}

.indexCase-swiper .swiper-slide .inbox .title{

	color: #ff0000;

	font-size: 36px;

	font-weight: bold;

	font-family: "Microsoft JhengHei";

	line-height: 1.5;

	height: 54px;

	overflow: hidden;

	margin-bottom: 5px;

}

.indexCase-swiper .swiper-slide .inbox .more{

	font-size: 14px;

	color: #ff0000;

	font-weight: bold;

}

.indexCase-swiper .btn{

	position: absolute;

    top: 50%;

    height: 60px;

    width: 60px;

    z-index: 10;

    cursor: pointer;

    margin-top: -30px;

	background-color: rgba(0,0,0,.25);

}

.indexCase-swiper .indexCase-prev{

    left:0%;

}

.indexCase-swiper .indexCase-next{

    right: 0%;

}

.indexCase-swiper .btn:after{

	content: "";

    position: absolute;

    width: 16px;

    height: 16px;

    top: 50%;

    left: 50%;

    margin-top: -9px;

    margin-left: -9px;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.indexCase-swiper .indexCase-prev:after {

   border-top: 2px solid #f4f4f5;

   border-left: 2px solid #f4f4f5;

}

.indexCase-swiper .indexCase-next:after {

   border-bottom: 2px solid #f4f4f5;

   border-right: 2px solid #f4f4f5;

}

.indexCase-swiper .swiper-slide a:after{

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 0px;

	background-color: rgba(0,0,0,.15);

}

.indexcmBox{

	margin-top: 50px;

	

	max-width: 1380px;

}

.index-casemore{

	display: block;

	width: 140px;

	height: 54px;

	border: 3px solid #da251c;

	font-size: 14px;

	color: #da251c;

	font-weight: bold;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	line-height: 48px;

	border-radius: 30px;

	position: relative;

}

.index-casemore:after,.index-casemore:before{

	content: "";

	position: absolute;

	top: 50%;

	margin-top: -1px;

	width: 600px;

	height: 3px;

	background-color:#da251c;

}

.index-casemore:after{

	left: 100%;

}

.index-casemore:before{

	right: 100%;

}

@media only screen  and (min-width: 601px){

	.indexCase-swiper .swiper-slide:hover a:after{

		height: 500px;

	}

	.indexCase-swiper .swiper-slide:hover a .inbox{

		-webkit-transform: translateY(-10px);

		-ms-transform: translateY(-10px);

		-o-transform: translateY(-10px);

		transform: translateY(-10px);

	}

	.index-casemore:hover{

		background-color: #da251c;

		color: #fff;

	}

}

@media only screen  and (max-width: 1440px){

	.indexCase-swiper .swiper-slide .inbox .num{

		font-size: 24px;

	}

	.indexCase-swiper .swiper-slide .inbox .title{

		font-size: 30px;

		height: 45px;

		margin-bottom: 3px;

	}

}

@media only screen  and (max-width: 1280px){

	.indexCase-swiper .swiper-slide .inbox .num{

		font-size: 22px;

	}

	.indexCase-swiper .swiper-slide .inbox .title{

		font-size: 28px;

		height: 42px;

	}

	.indexcmBox{

		margin-top: 60px;

		margin-bottom:50px;

	}

}

@media only screen  and (max-width: 1024px){

	.indexCase-swiper .swiper-slide .inbox .num{

		font-size: 20px;

	}

	.indexCase-swiper .swiper-slide .inbox .title{

		font-size: 26px;

		height: 39px;

	}

	.indexCase-swiper .btn{

		width: 50px;

		height: 50px;

		margin-top: -25px;

	}

	.indexcmBox{

		margin-top: 6%;

		margin-bottom:5%;

	}

}

@media only screen  and (max-width: 800px) {

	.indexCase-swiper .btn{

		width: 40px;

		height: 40px;

		margin-top: -20px;

	}

	.indexCase-swiper .btn:after{

		height: 10px;

		width: 10px;

		margin-top: -6px;

		margin-left: -6px;

	}



}

@media only screen  and (max-width: 600px){

	.indexCase-swiper{

		width: 94%;

	}

	.indexCase-swiper .swiper-slide .inbox .num{

		font-size: 18px;

	}

	.indexCase-swiper .swiper-slide .inbox .title{

		font-size: 24px;

		height: 36px;

		margin-bottom: 0;

	}

	.indexCase-swiper .swiper-slide a .inbox{

		top: 28%;

	}

	.index-casemore{

		width: 100px;

		height: 38px;

		line-height: 34px;

		font-size: 12px;

	}

}

@media only screen  and (max-width: 414px) {

	.indexCase-swiper .btn{

		width: 30px;

		height: 30px;

		margin-top: -15px;

	}

	.indexCase-swiper .btn:after{

		height: 6px;

		width: 6px;

		margin-top: -4px;

		margin-left: -4px;

	}

}

@media only screen  and (max-width: 375px){

	.indexCase-swiper .swiper-slide .inbox .num{

		font-size: 16px;

	}

	.indexCase-swiper .swiper-slide .inbox .title{

		font-size: 22px;

		height: 33px;

	}

	.indexCase-swiper .swiper-slide .inbox .more{

		font-size: 12px;

	}

}

/*妫ｆ牠銆夊鍫滅伐 End*/

/*閺呯儤鍙庨崶锟�&閺備即妞�*/

.index-news{

	max-width: 1380px;

	margin-bottom:50px;

	margin-top:50px;

}

.index-news .left{

	float: left;

	width: 375px; 

	position: relative;

	padding-bottom: 22px;

}

.index-news .left .more{

	position: absolute;

	bottom: 0;

	left: 50%;

	height: 44px;

	width: 286px;

	border: 2px solid #2e2e2e;

	line-height: 40px;

	color: #2e2e2e;

	text-align: center;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

	background-color: #fff;

	font-size: 14px;

	font-weight: bold;

}

.index-news .left .box{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	-webkit-background-size: cover;

	background-size: cover;

}

.index-news .left .box .inbox{

	position: absolute;

	left: 40px;

	top: 45px;

}

.index-news .left .box .inbox .title{

	font-size: 30px;

	color: #2e2e2e;

	font-weight: bold;

	font-family:"Microsoft JhengHei";

	line-height: 1.5;

	height: 45px;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

}

.index-news .left .box .inbox .desc{

	font-size: 14px;

	color: #4e4d4d;

	line-height: 2;

	margin-top: 20px;

}

.index-news .right{

	martgin-top:40px;

	width: 100% ;

}

.index-news .right .btitle{

	font-size: 24px;

	color: #434343;

	font-weight: bold;

	font-family: "Microsoft JhengHei";

	margin-bottom: 25px;

}

.index-news .right ul li{

	padding-bottom: 22px;

	background-image: url(../images/icon05.png);

	background-repeat: repeat-x;

	background-position: left bottom;

	margin-bottom: 20px; 

}

.index-news .right ul li:last-child{

	background-image:none;

	border-bottom: 2px solid #d0d0d0;

	margin-bottom: 0;

}

.index-news .right ul li a{



	display:block;

	background-size:cover;

	

}

.index-news .right ul li a .type{



	float: left;

	height:100%;

	text-align: center;

	line-height: 26px;

	color: #fff;

	font-size: 12px;

	background-size:100%;

	background-repeat:no-repeat;

	background-position:center center;

	border:1px solid #f4f4f5;

	transition: all .5s 

	

	

	

}



.index-news .right ul li a:hover .type{background-size:110%;

	background-repeat:no-repeat;

	background-position:center center; 

}



.index-news .right ul li a .video{background-image:url(../images/2017083060320897.jpg) }



.index-news .right ul li a .middle{

	float: left;

	width: calc(100% - 202px);

	padding-left: 2.5%;

}

.index-news .right ul li a .middle .title{

	font-size: 16px;

	color: #434343;

	font-weight: bold;

	font-family: "Microsoft JhengHei";

	line-height: 1.5;

	height: 24px;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

}

.index-news .right ul li a .middle .desc{

	font-size: 13px;

	color: #818181;

	line-height: 25px;

	height: auto;

	overflow: hidden;

	

	display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 5;

overflow: hidden;

	margin-top: 5px;

}

.index-news .right ul li a .data{

	float: right;

	width: 90px;

	color: #b1b1b1;

	font-family: "Microsoft JhengHei";

	font-size: 13px;

	text-align: right;

}

.index-news .right ul li a .clearfix{

	display: none;

}

@media only screen  and (min-width: 601px){

	.index-news .left .more:hover{

		background-color: #2e2e2e;

		color: #fff;

	}

	.index-news .right ul li a:hover .middle .title{

		color: #da251c;

	}

}

@media only screen  and (max-width: 1280px){

	.index-news{

		margin-bottom: 0px !important;

	}

	.index-news .left{

		width: 325px;

	}

	.index-news .right{

		width: calc(96% - 325px);

	}

	.index-news .left .box .inbox .desc{

		margin-top: 10px;

	}

	.index-news .right .btitle{

		margin-bottom: 20px;

		font-size: 22px;

	}

	.index-news .right ul li{

		padding-bottom: 20px;

		margin-bottom: 20px;

	}

	

	.index-news .right ul li a .type{

		width:100%;

		float:none

	}

	.index-news .right ul li a .data{display:none}

	.index-news .right ul li a .middle .title{text-align:center}

	.index-news .right ul li a .middle{width:100%; padding-left:0}

	.index-news .right ul li a .middle .desc{-webkit-line-clamp: 2;}

}

@media only screen  and (max-width: 1024px){

	.index-news{

		margin-bottom: 10%;

		margin-top:30px;

	}

	.index-news .left{

		width: 275px;

	}

	.index-news .right{

		width: 100%;

		margin-top:30px;

	}

	.index-news .left .more{

		width: 234px;

		height: 36px;

		line-height: 34px;

	}

	.index-news .left .box .inbox .title{

		font-size: 24px;

		height: 36px;

	}

	.index-news .left .box .inbox .desc{

		margin-top: 5px;

		font-size: 12px;

	}

}

@media only screen  and (max-width: 800px){

	.index-news .left{

		float: none;

		width: 375px;

	}

	.index-news .right{

		float: none;

		width: 100%;

		margin-top: 4%;

	}

}

@media only screen  and (max-width: 600px){

	.index-news .right ul li a .middle .title{

		font-size: 16px;

		height: 21px;

	}

	.index-news .right ul li a .middle .desc{

		font-size: 12px;

		line-height: 20px;

		

		margin-top: 3px;

	}

	.index-news .right ul li a .middle{

		float: none;

		width: 100%;

		padding: 0;

		margin-top: 3%;

	}

	.index-news .right ul li a .clearfix{

		display: block;

	}

}

@media only screen  and (max-width: 414px){

	.index-news .right ul li{

		margin-bottom: 12px;

		padding-bottom: 14px;

	}

}

/*閺呯儤鍙庨崶锟�&閺備即妞� End*/

/*鎼存洟鍎�*/

.footer{

	background-color: #313131;

	color: #c9c9c9;

}

.footer a{

	color: #c9c9c9;

}

.footer .boderimg{

	background-image: url(../images/line02.png);

	height: 9px;

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

}

.footer .box{

	max-width: 1380px;

	margin-top: 75px;

	margin-bottom: 70px;

}

.footer .box .left{

	width: 50%;

	float: left;

}

.footer .box .left .top .inleft{

	float: left;

	width: 56.5%;

}

.footer .comcss .ctitle{

	font-size: 16px;

	font-weight: bold;

	font-family: "Microsoft JhengHei";

	display: block;

}

.footer .box .left .top .inleft .desc{

	margin-top: 20px;

	font-size: 14px;

	line-height: 2;

	padding-right: 5px;

}

.footer .box .left .top .inright{

	float: left;

	margin-top: 45px;

}

.footer .box .left .top .inright .ewmbox{

	float: left;

	width: 97px;

	text-align: center;

	margin-left: 10px;

}

.footer .box .left .top .inright .ewmbox:first-child{

	margin-left: 0;

}

.footer .box .left .top .inright .ewmbox img{

	width: 100%;

	height: 97px;

}

.footer .box .left .top .inright .ewmbox .title{

	font-size: 14px;

	font-family: "Microsoft JhengHei";

	margin-top: 10px;

}

.footer .box .left .bottom{

	margin-top: 50px;

}

.footer .box .left .bottom .link{

	margin-top: 28px;

}

.footer .box .left .bottom .link a{

	display: inline-block;

	font-size: 14px;

	color: #939393;

	font-family: "Microsoft JhengHei";

	line-height: 16px;

	padding-right: 9px;

	border-right:1px solid #939393;

	margin-right: 9px;

	margin-bottom: 5px;

}

.footer .box .left .bottom .link a:last-child{

	padding-right: 0;

	margin-right: 0;

	border-right: 0;

}

.footer .box .right{

	float: right;

	width: 30%;

}

.footer .box .right .li1{

	float: left;

	width: calc(30% - 18px);

	overflow: hidden;

}

.footer .box .right .li1:nth-child(2){

	float: left;

	width: calc(40% - 18px);

	overflow: hidden;

}

.footer .box .right .li1:first-child{

	margin-left: 5%;

}

.footer .box .right .li1:last-child{

	width: 72px;

}

.footer .box .right .li2{

	width: calc(23.75% - 18px);

}

.footer .box .right .li1 ul{

	margin-top: 25px;

}

.footer .box .right .li1 ul li a{

	display: block;

	font-size: 15px;

	color: #939393;

	font-family: "Microsoft JhengHei";

	margin-bottom: 10px;

	width: calc(100% - 10px);

	height: 18px;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

}

.footer .fline{

	height: 1px;

	background-color: rgba(255,255,255,.1);

}

.footer .fbottom{

	max-width: 1380px;

	padding-top: 15px;

	padding-bottom: 15px;

	overflow: visible;

}

.footer .fbottom .left{

	font-size: 12px;

	color: #8d8d8d;

	font-family: "Microsoft JhengHei";

	float: left;

	width: 90%;

	margin-top: 10px;

}

.footer .fbottom .right{

	float: right;

}

.footer .fbottom .right a{

	float: left;

	height: 32px;

	line-height: 32px;

}

.footer .fbottom .more{

	font-size: 12px;

	color: #8d8d8d;

	font-family: "Microsoft JhengHei";

}

.footer .fbottom .icon{

	float: left;

	margin-left: 20px;

	width: 32px;

	border-radius: 50%;

	background-color: #373737;

	height: 32px;

}

.footer .fbottom .icon img{

	border-radius: 50%;

}

.footer .fbottom .icon.ewm{

	position: relative;

} 

.footer .fbottom .ewm .img02{

	position: absolute;

	bottom: 105%;

	left: -36px;

	max-width: none;

	width: 100px;

	height: 100px;

	-webkit-transform: scale(0.0001);

	-moz-transform: scale(0.0001);

	-ms-transform: scale(0.0001);

	-o-transform: scale(0.0001);

	transform: scale(0.0001);

	border-radius: 0;

}

.footer .fbottom .icon .bshare-custom{

	height: 100%;

}

.footer .fbottom .icon .bshare-custom .bshare-more.more-style-addthis{

	padding: 0 !important;

	width: 100%;

	display: block;

	background: url(../images/icon09.png) no-repeat;

	margin-right: 0;

}

@media only screen  and (min-width: 601px){

	.footer .box .right .li1 ul li:hover a,.footer .box .left .bottom .link a:hover{

		color: #a2bd10;

	}

	.footer .fbottom .ewm:hover .img02{

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

		-ms-transform: scale(1);

		-o-transform: scale(1);

		transform: scale(1);

	}

}

@media only screen  and (max-width: 1280px){

	.footer .box{	

		margin-top: 60px;

		margin-bottom: 55px;

	}

	.footer .box .right .li1 ul li a{

		font-size: 14px;

	}

	.footer .box .left .bottom{

		margin-top: 40px;

	}

}

@media only screen  and (max-width: 1024px){

	.footer .box{

		margin-top: 6%;

		margin-bottom: 5.5%;

	}

	.footer .box .left .top .inright{

		margin-top: 20px;

	}

	.footer .box .left{

		width: 35%;

	}

	.footer .box .left .top .inleft,.footer .box .left .top .inright{

		width: 100%;

		float: none;

	}

	.footer .box .right{

		width: 63%;

	}

	.footer .box .left .bottom{

		margin-top: 10%;

	}

	.footer .box .left .bottom .link{

		margin-top: 7%;

	}

}

@media only screen  and (max-width: 800px){

	.footer .box .left,.footer .box .right{

		float: none;

		width: 100%;

	}

	.footer .box .left .bottom{

		margin-top: 3.5%;

	}

	.footer .box .left .bottom .link{

		margin-top: 1.5%;

	}

	.footer .box .right{

		margin-top: 4%;

	}

	.footer .box .right .li1:first-child{

		margin-left: 0;

	}

	.footer .box .right .li2{

		    width: calc(28.75% - 18px);

	}

	.footer .box .right .li1 ul{

		margin-top: 15px;

	}

	.footer .box .right .li1 ul li a{

		margin-bottom: 5px;

	}

}

@media only screen  and (max-width: 600px){

	.footer .box .right .li1 ul{

		display: none;

	}

	.footer .box .right .li1,.footer .box .right .li1:last-child{

		width: 100%;

		float: none;

		height: 30px;

		line-height: 30px;

		border-bottom: 1px solid rgba(255,255,255,.15);

	}

	.footer ul .comcss .ctitle{

		font-size: 14px;

		position: relative;

	}

	.footer ul .comcss .ctitle:after{

		content: ">";

	    font-family: "鐎瑰缍�";

	    position: absolute;

	    top: 0;

	    right: 0;

	    color: #c9c9c9;

	}

	.footer .box .left .top .inleft .desc{

		margin-top: 10px;

	}

	.footer .fbottom .left{

		float: none;

		width: 100%;

		margin-top: 0;

		margin-bottom: 10px;

	}

	.footer .fbottom .right{

		float: none;

	}

	.footer .fbottom .ewm[data-on="click"] .img02{

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

		-ms-transform: scale(1);

		-o-transform: scale(1);

		transform: scale(1);

	}

}

@media only screen  and (max-width: 414px){

	.footer .box .left .top .inleft .desc{

		margin-top: 5px;

	}

	.footer .box .left .top .inright{

		margin-top: 10px;

	}

	.footer .box .left .bottom .link a{

		padding-right: 0;

		border-right: 0;

	}

	.footer .fbottom a{

		height: 24px;

		line-height: 24px;

	}

	.footer .fbottom .icon{

		height: 24px;

		width: 24px;

		margin-left: 10px;

	}

	.footer .fbottom .icon .bshare-custom .bshare-more.more-style-addthis{

		-webkit-background-size: 24px 24px;

		background-size: 24px 24px;

	}

}

/*鎼存洟鍎� End*/

/*閸愬懘銆夋径褍娴�*/

.allbg{



	position: relative;

	width: 100%;



}

.allbg .line{

	position: absolute;

	bottom: 0;

	right: 5.2%;

	height: 5px;

	width: 339px;

	background-image: url(../images/line01.png);

	background-repeat: no-repeat;

	display:none

}

.allbg .inbox{

	position: relative;

	width: 100%;

	height: 600px;

}

.allbg .left{

	position: absolute;

	top: 50%;

	left: 0;

	padding-left: 5.2%;

	padding-top: 32px;

	padding-bottom: 34px;

	z-index: 1;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	-webkit-animation: trftx1 2s;

	-moz-animation: trftx1 2s;

	-ms-animation: trftx1 2s;

	-o-animation: trftx1 2s;

	animation: trftx1 2s;

}

@-webkit-keyframes trftx1 {

    0% {

      -webkit-transform: translateY(-20%);

      opacity: 0;

    }

    50%{

	  opacity: 0;

    }

    100%{

      -webkit-transform: translateY(-50%);

      opacity: 1;

    }

}

@-moz-keyframes trftx1 {

    0% {

      -moz-transform: translateY(-20%);

      opacity: 0;

    }

    50%{

	  opacity: 0;

    }

    100%{

      -moz-transform: translateY(-50%);

      opacity: 1;

    }

}

@-ms-keyframes trftx1 {

    0% {

      -ms-transform: translateY(-20%);

      opacity: 0;

    }

    50%{

	  opacity: 0;

    }

    100%{

      -ms-transform: translateY(-50%);

      opacity: 1;

    }

}

@-o-keyframes trftx1 {

    0% {

      -o-transform: translateY(-20%);

      opacity: 0;

    }

    50%{

	  opacity: 0;

    }

    100%{

      -o-transform: translateY(-50%);

      opacity: 1;

    }

}

@keyframes trftx1 {

    0% {

      transform: translateY(-20%);

      opacity: 0;

    }

    50%{

	  opacity: 0;

    }

    100%{

      transform: translateY(-50%);

      opacity: 1;

    }

}

.allbg .left:after{

	content: "";

	position: absolute;

	top:0;

	left: 0;

	height: 100%;

	width: 10px;

	background-color:  #239600;

}

.allbg .left .yw{

	font-size: 72px;

	color: #239600;

	font-weight: bold;

	line-height: 1;

}

.allbg .left .zw{

	font-size: 40px;

	color: #239600;

	font-weight: bold;

	font-family: "Microsoft JhengHei";

	margin-top: 10px;

}

.allbg .right{

	height: 100%;

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	-webkit-animation: trftx 1s;

	-moz-animation: trftx 1s;

	-ms-animation: trftx 1s;

	-o-animation: trftx 1s;

	animation: trftx 1s;

	width:100%;

}

@-webkit-keyframes trftx {

    from {

      width: 0;

      opacity: 0;

      -webkit-filter:blur(3px);

    }

    to {

      width: 100%;

      opacity: 1;

      -webkit-filter:blur(0px);

    }

}

@-moz-keyframes trftx {

    from {

      width: 0;

      opacity: 0;

      -moz-filter:blur(3px);

    }

    to {

      width: 100%;

      opacity: 1;

      -moz-filter:blur(0px);

    }

}

@-ms-keyframes trftx {

    from {

      width: 0;

      opacity: 0;

      -ms-filter:blur(3px);

    }

    to {

      width: 100%;

      opacity: 1;

      -ms-filter:blur(0px);

    }

}

@-o-keyframes trftx {

    from {

      width: 0;

      opacity: 0;

      -o-filter:blur(3px);

    }

    to {

      width: 100%;

      opacity: 1;

      -o-filter:blur(0px);

    }

}

@keyframes trftx {

    from {

      width: 0;

      opacity: 0;

      filter:blur(3px);

    }

    to {

      width: 100%;

      opacity: 1;

      filter:blur(0px);

    }

}

.allbg .bottom{

	position: absolute;

	left: 0;

	bottom: 0;

	padding-left: 5.2%;

	z-index: 1;

}

.allbg .bottom a{

	color: #000;

	font-size: 12px;

}

.allbg .bottom a.active{

	color: #777777;

}

.allbg .bottom a .color{

	color: #777777;

	margin: 0 5px;

}

@media only screen  and (max-width:1600px){

	.allbg .inbox{

		height: 550px;

	}

	.allbg .left .yw{

		font-size: 68px;

	}

	.allbg .left .zw{

		font-size: 38px;

	}

}

@media only screen  and (max-width:1440px){

	.allbg .inbox{

		height: 510px;

	}

	.allbg .left .yw{

		font-size: 64px;

	}

	.allbg .left .zw{

		font-size: 36px;

	}

}

@media only screen  and (max-width:1280px){

	.allbg .inbox{

		height: 450px;

	}

	.allbg .left .yw{

		font-size: 60px;

	}

	.allbg .left .zw{

		font-size: 34px;

	}

}

@media only screen  and (max-width:1024px){

	.allbg .inbox{

		height: 390px;

	}

	.allbg .left .yw{

		font-size: 56px;

	}

	.allbg .left .zw{

		font-size: 30px;

	}

}



@media only screen  and (max-width:800px){

	.allbg .inbox{

		height: 340px;

	}

	.allbg .inbox{

		padding-left: 0;

	}

	.allbg{

		padding-bottom: 0px;

	}

	.allbg .left:after{

		display: none;

	}

	.allbg .left{

		padding-top: 0;

		padding-bottom: 0;

		top: 50%;

	}

	.allbg .bottom{

		bottom: -80px;

	}

	.allbg .line{

		bottom: 95px;

		width: 110px;

		background-size: contain;

		background-image: url(../other/line_01_sp.svg);

	}

}

@media only screen  and (max-width:600px){

	.allbg .inbox{

		height: 280px;

	}

	.allbg .left .yw{

		font-size: 50px;

	}

	.allbg .left .zw{

		font-size: 26px;

	}

}

@media only screen  and (max-width:414px){

	.allbg .inbox{

		height: 220px;

	}

	.allbg .left .yw{

		font-size: 25px;

	}

	.allbg .left .zw{

		font-size: 24px;

		margin-top: 5px;

	}

	.allbg{

		padding-bottom: 0px;

	}

	.allbg .line{

		bottom: 75px;

	}

	.allbg .bottom{

		bottom: -65px;

	}

}

/*閸愬懘銆夋径褍娴� End*/

/* =========



  閺堝秴濮�



  ========== */

.service-kehu{

	margin-top: 60px;

	padding-top: 30px;

	position: relative;

}

.service-kehu .top{

	background-color: #f3f8fb;

	padding-top: 50px;

	padding-bottom: 72px;

	position: relative;

}

.service-kehu:after{

	content: "";

	position: absolute;

	width: 2px;

	height: 60px;

	left: 50%;

	top: 0;

	background-color: #239600;

	margin-left: -1px;

}

.comStitle .yw{

	text-align: center;

	font-size: 30px;

	color: #cfd8dc;

}

.comStitle .zw{

	font-size: 40px;

	color: #2e2e2e;

	font-family: "Microsoft JhengHei";

	text-align: center;

	-webkit-transform: translateY(-40%);

	-ms-transform: translateY(-40%);

	-o-transform: translateY(-40%);

	transform: translateY(-40%);

}



.comStitles .yw{

	text-align: center;

	font-size: 35px;

	color: #ff0000;

	font-weight:bold

}

.comStitles .zw{

	font-size: 35px;

	color: #2e2e2e;

	font-family: "Microsoft JhengHei";

	text-align: center;

	-webkit-transform: translateY(-40%);

	-ms-transform: translateY(-40%);

	-o-transform: translateY(-40%);

	transform: translateY(-40%);

	margin-top:20px;

}





.service-kehu .top .inbox{

	background-repeat: no-repeat;

	background-position: left 30px;

}

.service-kehu .top .inbox .title{

	font-size: 30px;

	font-weight: bold;

	color: #239600;

	font-family: "Microsoft JhengHei";

	line-height: 1.5;

	height: 45px;

	overflow: hidden;

	margin-top: 40px;

}

.service-kehu .top .inbox .desc{

	font-size: 14px;

	color: #3f3f3f;

	line-height:1.5;

	width: 60%;

	margin-top: 10px;

}

.service-kehu .ingallery{

	position: relative;

	z-index: 10;

	height: 1px;

	overflow: visible;

}

.sgallery-thumbs{

	position: absolute;

	bottom: -155px;

	right: 0%;

	width: 330px;

	height: 250px;

	background-color: #239600;

	z-index: 10;

}

.sgallery-thumbs .swiper-slide{

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

}

.sgallery-top{

	height: 600px;

	background-color: #ccc;

}

.sgallery-top .btn{

	position: absolute;

    top: 50%;

    width: 40px;

    height: 40px;

    cursor: pointer;

    z-index: 10;

    margin-top: -20px;

}

.sgallery-top .skefu-next{

	right: 4%;

}

.sgallery-top .skefu-prev{

	left: 4%;

}

.sgallery-top .btn:after{

	content: "";

    position: absolute;

    width: 15px;

    height: 15px;

    top: 50%;

    left: 50%;

    margin-top: -7px;

    margin-left: -7px;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.sgallery-top .skefu-prev:after{

	border-top: 4px solid rgba(255,255,255,.5);

    border-left: 4px solid rgba(255,255,255,.5);

}

.sgallery-top .skefu-next:after{

	border-bottom: 4px solid rgba(255,255,255,.5);

    border-right: 4px solid rgba(255,255,255,.5);

}

.sgallery-top .swiper-slide{

	display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    -webkit-background-size: cover;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}

.sgallery-top .swiper-slide .inbox{

	display: block;

	height: auto;

	padding-right: 680px;

}

.sgallery-top .swiper-slide .inbox .title{

	font-size: 36px;

	color: #fff;

	font-family: "Microsoft JhengHei";

	line-height: 1.5;

	height: 54px;

	overflow: hidden;

}

.sgallery-top .swiper-slide .inbox .line{

	width: 30px;

	height: 2px;

	background-color: #fff;

	margin-top: 10px;

	margin-bottom: 15px;

}

.sgallery-top .swiper-slide .inbox .desc{

	font-size: 14px;

	color: #fff;

	line-height: 2;

	height: 84px;

	overflow: hidden;

}

.sgallery-top .swiper-slide .inbox .more{

	font-size: 14px;

	color: #fff;

	margin-top: 40px;

}

@media only screen  and (max-width:1600px){

	.sgallery-top{

		height: 550px;

	}

}

@media only screen  and (max-width:1440px){

	.sgallery-top{

		height: 500px;

	}

	.sgallery-top .skefu-next{

		right:2%;

	}

	.sgallery-top .skefu-prev{

		left:2%;

	}

	.sgallery-top .swiper-slide .inbox .title{

		font-size: 32px;

		height: 48px;

	}

	.sgallery-top .swiper-slide .inbox .more{

		margin-top: 30px;

	}

}

@media only screen  and (max-width:1280px){

	.sgallery-top .skefu-next{

		right: 10px;

	}

	.sgallery-top .skefu-prev{

		left: 10px;

	}

	.sgallery-top{

		height: 450px;

	}

	.sgallery-top .swiper-slide .inbox .title{

		font-size: 28px;

		height: 42px;

	}

	.sgallery-top .swiper-slide .inbox{

		padding-right: 500px;

		padding-left: 40px;

	}

}

@media only screen  and (max-width:1024px){

	.sgallery-top .swiper-slide .inbox .title{

		font-size: 26px;

		height: 39px;

	}

	.sgallery-top{

		height: 400px;

	}

	.sgallery-top .swiper-slide .inbox{

		padding-right: 350px;

	}

	.service-kehu{

		margin-top: 6%;

	}

	.service-kehu .top{

		padding-top: 5%;

		padding-bottom: 7%;

	}

	.service-kehu .top .inbox .title{

		margin-top: 4%;

		font-size: 26px;

		height: 39px;

	}

	.comStitle .zw{

		font-size: 34px;

	}

	.comStitle .yw{

		font-size: 26px;

	}

	.sgallery-thumbs{

		width: 264px;

		height: 200px;

		bottom: -115px;

	}

}

@media only screen  and (max-width:800px){

	.service-kehu{

		padding-top: 20px;

	}

	.service-kehu:after{

		height: 40px;

	}

	.sgallery-top{

		height: 350px;

	}

	.sgallery-top .swiper-slide .inbox{

		padding-right: 200px;

	}

	.sgallery-top .swiper-slide .inbox .title{

		font-size: 24px;

		height: 36px;

	}

	.sgallery-top .swiper-slide .inbox .line{

		margin-top: 5px;

		margin-bottom: 10px;

	}

	.sgallery-top .swiper-slide .inbox .desc{

		line-height: 1.5;

		height: 63px;

	}

	.sgallery-top .swiper-slide .inbox .more{

		margin-top: 20px;

	}

	.sgallery-thumbs{

		width: 237px;

		height: 180px;

		bottom: -95px;

	}

}

@media only screen  and (max-width:600px){

	.comStitle .zw{

		font-size: 30px;

	}

	.comStitle .yw{

		font-size: 24px;

	}

	.service-kehu .top .inbox .title{

		font-size: 24px;

		height: 36px;

	}

	.service-kehu .top .inbox .desc{

		font-size: 12px;

	}

	.sgallery-top{

		height: 300px;

	}

	.sgallery-top .swiper-slide .inbox{

		padding-right: 100px;

	}

	.sgallery-thumbs{

		width: 158px;

		height: 120px;

		bottom: -70px;

	}

	.service-kehu .top .inbox .desc{

		width: calc(95% - 158px);

	}

}

@media only screen  and (max-width:414px){

	.comStitle .zw{

		font-size: 24px;

	}

	.comStitle .yw{

		font-size: 18px;

	}

	.service-kehu .top .inbox .title{

		font-size: 20px;

		height: 30px;

		margin-top: 10px;

	}

	.sgallery-thumbs{

		width: 118px;

		height: 90px;

		bottom: -70px;

	}

	.service-kehu .top .inbox .desc{

		width: calc(95% - 118px);

		margin-top: 5px;

	}

	.sgallery-top{

		height: 220px;

	}

	.sgallery-top .swiper-slide .inbox{

		padding-right: 40px;

	}

	.sgallery-top .swiper-slide .inbox .title{

		font-size: 20px;

		height: 30px;

	}

	.sgallery-top .swiper-slide .inbox .desc{

		font-size: 12px;

		height: 54px;

	    text-overflow: ellipsis;

	    display: -webkit-box;

	    -webkit-line-clamp: 3;

	    -webkit-box-orient: vertical;

	}

	.sgallery-top .swiper-slide .inbox .more{

		margin-top: 10px;

	}

	.sgallery-top .btn{

		width: 26px;

		height: 26px;

		margin-top: -13px;

	}

	.sgallery-top .btn:after{

		width: 11px;

		height: 11px;

	}

}

/*service-ly*/

.service-ly{

	background-color: #f6f6f6;

	padding-top: 55px;

	padding-bottom: 80px;

	border-bottom: 1px solid #e1e1e1;

	position: relative;

}

.service-ly:after{

	content: "";

	position: absolute;

	bottom: -5px;

	left: 50%;

	width: 339px;

	height: 5px;

	background-image: url(../images/line01.png);

	margin-left: -170px;

}

.service-ly .top{

	padding-top: 30px;

	position: relative;

	background-image: url(../images/img13.png);

	background-repeat: no-repeat;

	background-position: right top;

	padding-bottom: 10px;

}

.serly-swiper{

	padding-top: 15px;

}

.serly-swiper .serly-pagination{

	bottom: 12%;

	text-align: center;

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 10;

}

.sss{

		width:94% !important;

		height:500px;

		margin:0 auto !important

	}

.serly-swiper .serly-pagination .swiper-pagination-bullet{

	background-color: #dbdbdb;

	opacity: 1;

	width: 10px;

	height: 10px;

	margin: 0 8px;

}

.serly-swiper .serly-pagination .swiper-pagination-bullet-active{

	background-color: #239600;

}

.serly-swiper .swiper-slide a{

	display: block;

	height: auto;

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    text-align: center;

    position: relative;

    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);

    box-shadow: 0 0 20px rgba(0, 0, 0, .5);

	width:auto;

	margin:0 auto

	

}

.pswidth{

	width:auto;

	margin:0 auto

}



.serly-swiper .swiper-slide a .more{

	position: absolute;

	bottom: 13%;

	width: 104px;

	height: 34px;

	border: 1px solid #fff;

	line-height: 34px;

	color: #fff;

	text-align: center;

	font-size: 12px;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

}

.serly-swiper .swiper-slide a img{

	

}

.serly-swiper .swiper-slide a .title{

	font-size: 36px;

	color: #fff;

	font-family: "Microsoft JhengHei";

	margin-top: 5px;

}

.serly-swiper .swiper-slide .desc{

	margin-top: 90px;

	text-align: center;

	font-size: 14px;

	color: #434343;

	padding-left: 20%;

	padding-right: 20%;

	line-height: 1.5;

	height: 42px;

}

.serly-swiper .swiper-slide-prev,.serly-swiper .swiper-slide-next{

	opacity: 0.5;

}

.serly-swiper .swiper-slide-prev .desc,.serly-swiper .swiper-slide-next .desc{

	display: none;

}

.serly-swiper .swiper-slide-prev a,.serly-swiper .swiper-slide-next a{

	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .5);

	box-shadow: 0 0 0 rgba(0, 0, 0, .5);

}

@media only screen  and (max-width:1600px){

	.serly-swiper .swiper-slide a{

		

	}

}

@media only screen  and (max-width:1440px){

	

}

@media only screen  and (max-width:1280px){

	.serly-swiper .swiper-slide a{

		

	}

	.service-ly{

		padding-bottom: 70px;

	}

	.serly-swiper .swiper-slide a .title{

		font-size: 32px;

	}

	.serly-swiper .swiper-slide .desc{

		padding-left: 15%;

		padding-right: 15%;

	}

}

@media only screen  and (max-width:1024px){

	.pswidth{

	width:94%;

	margin:0 auto;

}



	

	.serly-swiper .swiper-slide a{

		

	}

	.service-ly{

		padding-top: 5.5%;

		padding-bottom: 7%;

	}

	.service-ly .top{

		padding-bottom: 40px;

	}

	.serly-swiper .swiper-slide a img{

		width: 60px;

		height: 60px;

	}

	.serly-swiper .swiper-slide a .title{

		font-size: 28px;

	}

	.serly-swiper .swiper-slide .desc{

		margin-top: 14.5%;

		padding-left: 10%;

		padding-right: 10%;

	}

}

@media only screen  and (max-width:800px){

	.service-ly .top{

		padding-bottom: 30px;

		padding-top: 20px;

	}

	.serly-swiper .swiper-slide a{

		

	}

	.serly-swiper .swiper-slide a img{

		width: 50px;

		height: 50px;

	}

	.serly-swiper .swiper-slide a .title{

		font-size: 26px;

	}

	.serly-swiper .swiper-slide .desc{

		padding-left: 5%;

		padding-right: 5%;

	}

	.serly-swiper .serly-pagination{

		bottom: 14%;

	}

}

@media only screen  and (max-width:600px){

	.service-ly .top{

		padding-bottom: 20px;

		padding-top: 10px;

	}

	.serly-swiper .swiper-slide a{

	}

	.serly-swiper .swiper-slide a img{

		width: 40px;

		height: 40px;

	}

	.serly-swiper .swiper-slide a .title{

		font-size: 20px;

	}

	.serly-swiper .swiper-slide .desc{

		padding-left: 5px;

		font-size: 12px;

		height: 36px;

		padding-right: 5px;

	}

	

	.sss{

		width:94%;

		margin:0 auto

	}

}

@media only screen  and (max-width:414px){

	.comStitles .yw{

		font-size:25px;

	}

	.comStitles .zw{

		font-size:20px;

	}

	

	.service-ly .top{

		-webkit-background-size: 137px 109px;

		background-size: 137px 109px;

	}

	.serly-swiper .swiper-slide a{

		 background-size:contain

	}

	.serly-swiper .swiper-slide a img{

		width: auto;

		height: auto;

	}

	.serly-swiper .swiper-slide a .title{

		font-size: 16px;

	}

	.serly-swiper .swiper-slide a .more{

		height: 24px;

		line-height: 24px;

		width: 80px;

	}

	.serly-swiper .swiper-slide .desc{

		font-size: 10px;

		height: 30px;

	}

}

/*service-ly End*/

/*service-tx*/

.service-tx{

	padding-top: 80px;

	background-image: url(../images/img11.jpg);

	background-repeat: no-repeat;

	background-position: right center;

	-webkit-background-size: cover;

	background-size: cover;

	padding-bottom: 90px;

	position: relative;

}

.service-tx .comStitle .yw,.service-lc .comStitle .yw{

	color: #f0f0f0;

}

.service-tx img{

	margin-top: 60px;

}

@media only screen  and (max-width:1280px){

	.service-tx{

		padding-top: 65px;

		padding-bottom: 75px;

	}

	.service-tx img{

		margin-top: 50px;

	}

}

@media only screen  and (max-width:1024px){

	.service-tx{

		padding-top: 6%;

		padding-bottom: 7%;

	}

	.service-tx img{

		margin-top: 5%;

	}

}

/*service-tx End*/

/*service-lc*/

.service-lc{

	margin-top: 85px;

	position: relative;

}

.service-lc:after{

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	background-color: #f3f8fb;

	height: 40%;

	z-index: -1;

}

.service-lc .inbox{

	border-bottom: 1px solid #d2d2d2;

	max-width: 1380px;

}

.service-lc .inbox img{

	margin-top: 60px;

}

.service-lc .desc{

	width: 94%;

	margin-left: auto;

	margin-right: auto;

	max-width: 700px;

	text-align: center;

	font-size: 18px;

	font-weight: bold;

	color: #239600;

	margin-top: 70px;

	margin-bottom: 60px;

	line-height: 1.5;

}

@media only screen  and (max-width:1280px){

	.service-lc{

		margin-top: 70px;

	}

	.service-lc .desc{

		margin-top: 60px;

		margin-bottom: 50px;

	}

	.service-lc .inbox img{

		margin-top: 40px;

	}

}

@media only screen  and (max-width:1024px){

	.service-lc{

		margin-top: 7%;

	}

	.service-lc .desc{

		margin-top: 6%;

		margin-bottom: 5%;

		font-size: 16px;

	}

	.service-lc .inbox img{

		margin-top: 4%;

	}

}

@media only screen  and (max-width:800px){

	.service-lc .desc{

		font-size: 14px;

	}

}

@media only screen  and (max-width:600px){

	.service-lc .inbox img{

		margin-top: 0;

	}

}

@media only screen  and (max-width:414px){

	.service-lc .desc{

		font-size: 12px;

	}

}

/*service-lc End*/

/*service-sjlc*/

.service-sjlc{

	padding-top: 65px;

	background-color: #f3f8fb;

	position: relative;

}

.service-sjlc .inbox{

	background-image: url(../images/img15.png);

	background-position: right bottom;

	background-repeat: no-repeat;

}

.service-sjlc .inbox .stitle{

	font-size: 36px;

	color: #313131;

	font-family: "Microsoft JhengHei";

	text-align: center;

}

.service-sjlc .inbox .line{

	width: 44px;

	height: 2px;

	background-color: #239600;

	margin-left: auto;

	margin-right: auto;

	margin-top: 30px;

	margin-bottom: 45px;

}

.service-sjlc ul{

	padding-left: 9.5%;

	margin-bottom: 90px;

}

.service-sjlc ul li{

	float: left;

	width: 20%;

	margin-bottom: 45px;

	position: relative;

}

.service-sjlc ul li:after{

	content: "";

	position: absolute;

	top: 30px;

	height: 1px;

	background-color: #dcdcdc;

	left: 65px;

	width: calc(100% - 70px);

}

.service-sjlc ul li:nth-child(5n+0):after{

	display: none;

}

.service-sjlc ul li .num{

	width: 60px;

	height: 60px;

	border-radius: 50%;

	border: 1px solid #239600;

	line-height: 60px;

	text-align: center;

	font-size: 20px;

	color: #414141;

	font-weight: bold;

	font-family: "Microsoft JhengHei";

}

.service-sjlc ul li .line1{

	width: 18px;

	height: 1px;

	background-color: #a0a0a0;

	margin-top: 24px;

	margin-bottom: 20px;

}

.service-sjlc ul li .desc{

	max-width: 138px;

	font-size: 16px;

	color: #414141;

	line-height: 1.5;

	height: 48px;

	overflow: hidden;

}

@media only screen  and (min-width:601px){

	.service-sjlc ul li:hover .num{

		background-color: #239600;

		color: #fff;

	}

	.service-sjlc ul li:hover .line1{

		background-color: #239600;

		width: 120px;

	}

}

@media only screen  and (max-width:1280px){

	.service-sjlc{

		padding-top: 50px;

	}

	.service-sjlc ul{

		margin-bottom: 70px;

	}

	.service-sjlc ul li{

		margin-bottom: 35px;

	}

	.service-sjlc .inbox .line{

		margin-top: 25px;

		margin-bottom: 35px;

	}

}

@media only screen  and (max-width:1024px){

	.service-sjlc .inbox .stitle{

		font-size: 30px;

	}

	.service-sjlc{

		padding-top: 5%;

	}

	.service-sjlc ul{

		margin-bottom: 7%;

	}

	.service-sjlc ul li{

		margin-bottom: 3.5%;

	}

	.service-sjlc .inbox .line{

		margin-top: 2.5%;

		margin-bottom: 3.5%;

	}

	.service-sjlc ul li{

		width: 25%;

	}

	.service-sjlc ul li .line1{

		margin-top: 20px;

		margin-bottom: 15px;

	}

	.service-sjlc ul li:nth-child(5n+0):after{

		display: block;

	}

	.service-sjlc ul li:nth-child(4n+0):after{

		display: none;

	}

}

@media only screen  and (max-width:800px){

	.service-sjlc ul{

		padding-left: 0;

	}

	.service-sjlc ul li .num{

		font-size: 18px;

		height: 50px;

		width: 50px;

		line-height: 50px;

	}

	.service-sjlc ul li .line1{

		margin-top: 15px;

		margin-bottom: 10px;

	}

	.service-sjlc ul li .desc{

		font-size: 14px;

		height: 42px;

	}

	.service-sjlc ul li:after{

		top: 25px;

		width: calc(100% - 60px);

		left: 55px;

	}

}

@media only screen  and (max-width:640px){

	.service-sjlc .inbox .stitle{

		font-size: 26px;

	}

	.service-sjlc ul li{

		width: 33.33%;

	}

	.service-sjlc ul li:nth-child(4n+0):after{

		display: block;

	}

	.service-sjlc ul li:nth-child(3n+0):after{

		display: none;

	}

}

@media only screen  and (max-width:500px){

	.service-sjlc ul li{

		width: 50%;

	}

	.service-sjlc ul li:nth-child(3n+0):after{

		display: block;

	}

	.service-sjlc ul li .num{

		font-size: 14px;

		height: 36px;

		width: 36px;

		line-height: 36px;

	}

	.service-sjlc ul li:after{

		top: 18px;

		width: calc(100% - 50px);

		left: 41px;

	}

	.service-sjlc ul li .line1{

		margin-top: 12px;

		margin-bottom:6px; 

	}

}

/*service-sjlc End*/

/* =========



  閼辨梻閮撮幋鎴滄粦



  ========== */

.contact-bg .left .yw,.contact-bg .left .zw{

	color: #009099;

}

.contact-bg .left:after{

	background-color: #009099;

}

/*contact-middle*/

.contact-middle{

	margin-top: 0px;

	padding-top: 70px;

	padding-bottom: 64px;

	background-color: #009099;

}

.contact-middle .inbox .left{

	float: left;

	width: 40%;

}

.contact-middle .inbox .left .title{

	font-size: 30px;

	color: #ffffff;

	font-weight: bold;

}

.contact-middle .inbox .left .line{

	height: 1px;

	background-color: rgba(255,255,255,.2);

	margin: 20px 0;

}

.contact-middle .inbox .left .desc{

	font-size: 14px;

	color:#fff;

	line-height: 2;

}

.contact-middle .inbox .right{

	float: right;

	width: 60%;

	padding-left: 1%;

}

.contact-middle .inbox .right .allmap{

	height:300px;

}

.contact-middle .inbox .right .allmap img{

	max-width: none;

}

.contact-middle .inbox .right .allmap .BMap_Marker img{

	display: none !important;

}

.contact-middle .inbox .right .allmap .BMap_Marker div{

	width: 53px !important;;

	height: 65px !important;;

	background-image: url(../images/icon12.png);

	background-repeat: no-repeat;

	top: -20px;

	left: -27px;

}

/*contact-middle End*/

/*contact-bottom*/

.contact-bottom{

	background-color: #f3f8fb;

	padding-top: 70px;

	padding-bottom: 115px;

	padding-left: 14%;

}

.contact-bottom .inbox .title{

	text-align: center;

	font-size: 30px;

	color: #2e2e2e;

	font-family: "Microsoft JhengHei";

}

.contact-bottom .inbox .desc{

	font-size: 14px;

	color: #616161;

	text-align: center;

	margin-top: 15px;

}

.contact-bottom .inbox form{

	margin-top: 45px;

	border-top: 1px solid #cfd8dc;

	padding-top: 40px;

}

.contact-bottom .inbox form .input-box{

	margin-bottom: 24px;

}

.contact-bottom .inbox form .input-box label{

	width: 18.5%;

	display: inline-block;

	vertical-align: top;

	font-size: 14px;

	color: #464646;

}

.contact-bottom .inbox form .input-box input[type="text"]{

	display: inline-block;

	vertical-align: top;

	height: 60px;

	background-color: #fff;

	width: 50%;

	text-indent: 10px;

	font-size: 16px;

	border: 0;

	border-top: 1px solid #cfcfcf;

}

.contact-bottom .inbox form .input-box textarea{

	height: 200px;

	background-color: #fff;

	border: 0;

	width: 50%;

	border-top: 1px solid #cfcfcf;

	resize: none;

	padding-top: 10px;

	text-indent: 10px;

	font-size: 14px;

}

.contact-bottom .inbox form .input-box input[type="text"].tdinput2{

	width: 150px;

}

.contact-bottom .inbox form .input-box .code{

	display: inline-block;

	width: 184px;

	height: 60px;

	vertical-align: top;

	background-color: #b0b0b0;

	margin-left: 10px;

	text-align: center;

	font-size: 24px;

	cursor: pointer;

	line-height: 60px;

	letter-spacing: 8px;

}

.contact-bottom .inbox form .fline{

	height: 1px;

	background-color: #cfd8dc;

	margin: 35px 0;

}

.contact-bottom .inbox form .input-box input[type="submit"]{

	margin-left: 18.5%;

	width: 132px;

	height: 60px;

	border: 0;

	background-color: #009099;

	font-size: 14px;

	color: #fff;

	cursor: pointer;

	text-indent: 20px;

	background-image: url(../images/icon13.png);

	background-repeat: no-repeat;

	background-position: 28px center;

	vertical-align: top;

}

.contact-bottom .inbox form .input-box .qx{

	display: inline-block;

	width: 80px;

	height: 60px;

	line-height: 60px;

	text-align: center;

	color: #fff;

	background-color: #aaabad;

	font-size: 14px;

	vertical-align: top;

	margin-left: 12px;

	cursor: pointer;

}

@media only screen  and (max-width:1280px){

	.contact-middle{

		margin-top: 70px;

	}

	.contact-middle{

		padding-top: 60px;

		padding-bottom: 54px;

	}

	.contact-middle .inbox .left .title{

		font-size: 26px;

	}

	.contact-bottom{

		padding-left: 0;

	}

	.contact-bottom{

		padding-top: 60px;

		padding-bottom: 100px;

	}

}

@media only screen  and (max-width:1024px){

	.contact-middle{

		margin-top: 7%;

	}

	.contact-middle{

		padding-top: 6%;

		padding-bottom:5.4%;

	}

	.contact-middle .inbox .left .title{

		font-size: 22px;

	}

	.contact-middle .inbox .left .line{

		margin: 15px 0;

	}

	.contact-middle .inbox .right .allmap{

		height: 200px;

	}

	.contact-middle .inbox .right .allmap .BMap_Marker div{

		width: 40px !important;

		height: 50px !important;

		-webkit-background-size: cover;

		background-size: cover;

		top: -5px;

		left: -17px;

	}

	.contact-bottom .inbox form .input-box input[type="text"]{

		height: 50px;

		font-size: 14px;

	}

	.contact-bottom .inbox form .input-box textarea{

		height: 160px;

	}

	.contact-bottom .inbox form .input-box .code,.contact-bottom .inbox form .input-box .qx{

		height: 50px;

		line-height: 50px;

	}

	.contact-bottom .inbox form .input-box input[type="submit"]{

		height: 50px;

	}

	.contact-bottom{

		padding-top: 6%;

		padding-bottom: 10%;

	}

	.contact-bottom .inbox form{

		margin-top: 4.5%;

		padding-top: 4%;

	}

	.contact-bottom .inbox form .fline{

		margin: 3.5% 0;

	}

	.contact-bottom .inbox form .input-box{

		margin-bottom: 20px;

	}

}

@media only screen  and (max-width:800px){

	.contact-middle .inbox .left .title{

		font-size: 18px;

	}

	.contact-middle .inbox .left .line{

		margin: 12px 0;

	}

	.contact-bottom .inbox form .input-box input[type="text"],.contact-bottom .inbox form .input-box textarea{

		width: 80%;

	}

	.contact-bottom .inbox form .input-box input[type="text"]{

		height: 40px;

	}

	.contact-bottom .inbox form .input-box textarea{

		height: 130px;

	}

	.contact-bottom .inbox form .input-box .code,.contact-bottom .inbox form .input-box .qx{

		height: 40px;

		line-height: 40px;

	}

	.contact-bottom .inbox form .input-box input[type="submit"]{

		height: 40px;

	}

	.contact-bottom .inbox form .input-box{

		margin-bottom: 15px;

	}

	.contact-bottom .inbox .title{

		font-size: 26px;

	}

}

@media only screen  and (max-width:640px){

	.contact-middle .inbox .left,.contact-middle .inbox .right{

		float: none;

		width: 100%;

	}

	.contact-middle .inbox .right{

		padding-left: 0;

		margin-top: 3%;

	}

	.contact-middle .inbox .right .allmap .BMap_Marker div{

		width: 24px !important;

		height: 32px !important;

		top: 10px;

		left: -12px;

	}

	.contact-bottom .inbox form .input-box label{

		font-size: 12px;

	}

	.contact-bottom .inbox form .input-box input[type="text"]{

		height: 30px;

		font-size: 12px;

	}

	.contact-bottom .inbox form .input-box textarea{

		height: 100px;

	}

	.contact-bottom .inbox form .input-box .code,.contact-bottom .inbox form .input-box .qx{

		height: 30px;

		line-height: 30px;

	}

	.contact-bottom .inbox form .input-box input[type="submit"]{

		height: 30px;

		width: 100px;

		background-position: 10px center;

	}

	.contact-bottom .inbox form .input-box{

		margin-bottom: 10px;

	}

	.contact-bottom .inbox form .input-box input[type="text"].tdinput2{

		width: 100px;

	}

	.contact-bottom .inbox form .input-box .code{

		width: 120px;

	}

	.contact-bottom .inbox .desc{

		margin-top: 10px;

		font-size: 12px;

	}

}

@media only screen  and (max-width:414px){

	.contact-middle .inbox .left .title{

		font-size: 18px;

	}

	.contact-middle .inbox .left .line{

		margin-top: 10px;

		margin-bottom: 2px;

	}

	.contact-middle{

		margin-top: 10px;

	}

	.contact-bottom .inbox .title{

		font-size: 22px;

	}

}

/*contact-bottom*/

/* =========



  閺備即妞�



  ========== */

.news-bg .left .yw,.news-bg .left .zw{

	color: #ff0000;

}

.news-bg .left:after{

	background-color: #ff0000;

}

.newsBox{



	background-color: #f3f8fb;



	position: relative;

	padding-bottom: 90px;

}

.newsBox .float{

	overflow: visible;

}

.newsBox .float .box{

	position: absolute;

	top: -30px;

}

.newsBox .float .box select{

	background-color: #a2bd10 !important;

	color: #ffffff;

	font-size: 14px;

	font-weight: bold;

	text-indent: 16px;

	height: 60px;

}

.newsBox .float .box .select1{

	width: 216px;

}

.newsBox .float .box .select2{

	width: 124px;

	margin-left: 12px;

}

.newsBox .inbox li{

	float: left;

	width: 30.25%;

	margin-right: 4.625%;

	position: relative;

	padding-top: 15px;

	margin-bottom: 15px;

	display: none;

	text-align:center

}

.newsBox .inbox li:nth-child(1),.newsBox .inbox li:nth-child(2),.newsBox .inbox li:nth-child(3){

	display: block;

}

.newsBox .inbox li:nth-child(4),.newsBox .inbox li:nth-child(5),.newsBox .inbox li:nth-child(6){

	display: block;

}

.newsBox .inbox li:nth-child(7),.newsBox .inbox li:nth-child(8),.newsBox .inbox li:nth-child(9){

	display: block;

}

.newsBox .inbox li:nth-child(3n+0){

	margin-right: 0;

}

.newsBox .inbox li .data{

	position: absolute;

	top: 0;

	left: 18px;

	height: 72px;

	width: 72px;

	border: 3px solid #010101;

	background-color: #fff;

	padding-left: 12px;

	display:none

}

.newsBox .inbox li .data .month{

	font-size: 20px;

	color: #000;

	font-weight: bold;

	margin-top: 8px;

	margin-bottom: 2px;

}

.newsBox .inbox li .data .year{

	font-size: 20px;

	color: #000;

	font-weight: bold;

}

.newsBox .inbox li a{

	display: block;

}

.newsBox .inbox li a .imgbox{

	position: relative;

}

.newsBox .inbox li a .imgbox .inimgbox{

	background-position: center;

	background-repeat: no-repeat;

	-webkit-background-size: cover;

	background-size: cover;

	position: relative;

	overflow: hidden;

}

.newsBox .inbox li a .imgbox img{

	width: 100%;

	position: relative;

}

.newsBox .inbox li a .imgbox .type{

	position: absolute;

	right: 30px;

	bottom: -13px;

	height: 26px;

	width: 74px;

	background-color: #a2bd10;

	text-align: center;

	line-height: 26px;

	color: #fff;

	font-size: 12px;

	border-radius: 20px;

	z-index: 10;

}

.newsBox .inbox li a .title{

	font-size: 20px;

	font-weight: bold;

	color: #545454;

	font-family: "Microsoft JhengHei";

    background:#fff;

	padding: 25px 0;

	overflow: hidden;

	border:1px solid #cfd8dc;

	border-top:none;

	text-overflow:ellipsis;

	overflow: hidden;

	white-space:nowrap

}

.newsBox .inbox li a .line{

	width: 45px;

	height: 2px;

	background-color: #fff;

	margin-top: 18px;

	margin-bottom: 20px;

}

.newsBox .inbox li a .desc{

	font-size: 13px;

	color: #585858;

	line-height: 1.5;

	height: 38px;

	overflow: hidden;

		display:none



}

.newsBox .newsBottommore{

    width: 286px;

    height: 42px;

    border: 2px solid #2e2e2e;

    color: #2e2e2e;

    text-align: center;

    line-height: 38px;

    font-size: 14px;

    font-weight: bold;

    margin: 0 auto;

    cursor: pointer;

    background-color: #fff;

    margin-top: 15px;

}

@media only screen  and (min-width:601px){

	.newsBox .newsBottommore:hover{

		background-color: #2e2e2e;

		color: #fff;

	}

	.newsBox .inbox li a .imgbox .inimgbox:before{

		content: "";

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		background-color: rgba(0,0,0,.5);

		opacity: 0;

	}

	.newsBox .inbox li:hover a .imgbox .inimgbox:before{

		opacity: 1;

	}

	.newsBox .inbox li a .imgbox .inimgbox:after{

		content: "";

		position: absolute;

		top: 50%;

		left: 50%;

		margin-top: -20px;

		margin-left: -20px;

		background-image: url(../images/icon14.png);

		width: 40px;

		height: 40px;

		opacity: 0;

		-webkit-transform: scale(1.2);

		-moz-transform: scale(1.2);

		-ms-transform: scale(1.2);

		-o-transform: scale(1.2);

		transform: scale(1.2);

	}

	.newsBox .inbox li:hover a .imgbox .inimgbox:after{

		opacity: 1;

		-webkit-transition-delay: .3s;

		-moz-transition-delay: .3s;

		-ms-transition-delay: .3s;

		-o-transition-delay: .3s;

		transition-delay: .3s;

		-webkit-transform: scale(1);

		-moz-transform: scale(1.2);

		-ms-transform: scale(1);

		-o-transform: scale(1);

		transform: scale(1);

	}

}

@media only screen  and (max-width:1280px){

	.newsBox{

		margin-top: 80px;

		padding-top: 90px;

		padding-bottom: 80px;

	}

	.newsBox .inbox li{

		margin-bottom: 60px;

	}

}

@media only screen  and (max-width:1024px){

	.newsBox{

		margin-top: 8%;

		padding-top: 9%;

		padding-bottom: 8%;

	}

	.newsBox .inbox li{

		margin-bottom: 6%;

		margin-right: 4%;

		width: 48%;

	}

	.newsBox .inbox li:nth-child(3n+0){

		margin-right: 4%;

	}

	.newsBox .inbox li:nth-child(2n+0){

		margin-right: 0;

	}

	.newsBox .float .box{

		top: -25px;

	}

	.newsBox .float .box select{

		height: 50px;

	}

}

@media only screen  and (max-width:800px){

	.newsBox .inbox li a .title{

		font-size: 18px;

		height: 50px;

	}

	.newsBox .inbox li a .line{

		margin-top: 12px;

		margin-bottom: 15px;

	}

}

@media only screen  and (max-width:600px){

	.newsBox .float .box{

		top: -21px;

	}

	.newsBox .float .box select{

		height: 42px;

	}

	.newsBox .inbox li .data .month,.newsBox .inbox li .data .year{

		font-size: 16px;

	}

	.newsBox .inbox li .data{

		width: 60px;

		height: 60px;

		padding-left: 9px;

	}

	.newsBox .inbox li{

		padding-top: 30px;

	}

	.newsBox .inbox li a .title{

		font-size: 16px;

		height: 44px;

	}

	.newsBox .inbox li a .line{

		margin-top: 8px;

		margin-bottom: 10px;

	}

	.newsBox .inbox li a .imgbox .type{

		right: 20px;

	}

	.newsBox .inbox li a .desc{

		font-size: 12px;

		height: 36px;

	}

}

@media only screen  and (max-width:414px){

	.newsBox{

		margin-top: 30px;

		padding-top: 35px;

	}

	.newsBox .float .box{

		top: -18px;

	}

	.newsBox .float .box select{

		height: 36px;

		font-size: 12px;

	}

	.newsBox .float .box .select1{

		width: 150px;

	}

	.newsBox .float .box .select2{

		width: 100px;

	}

	.newsBox .inbox li{

		width: 100%;

		float: none;

	}

	.newsBox .inbox li a .title{

		max-height: 44px;

		height: auto;

	}

	.newsBox .newsBottommore{

		height: 36px;

		line-height: 34px;

		width: 240px;

	}

}

.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

@-webkit-keyframes fadeInUp {

  0%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.27);

             transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.27);

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

            transform: translate3d(0, 100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



@keyframes fadeInUp {

  0%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.27);

             transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.27);

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

            transform: translate3d(0, 100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

 

}

.fadeInUp {

  -webkit-animation-name: fadeInUp;

          animation-name: fadeInUp;

}

/* =========



  閺備即妞堢拠锔剧矎



  ========== */

.newsDetTop{

	height: 112px;

	border-top: 1px solid #e5e5e5;

	border-bottom: 1px solid #e5e5e5;

	position: relative;

	display: table;



}

.news_top{ margin-top:90px;

}



.newsDetTop .inback{

	display: table-cell;

	height: 100%;

	position: relative;

	text-align: center;

	vertical-align: middle;

	overflow: hidden;

}

.newsDetTop .back{

	display:block;

	width: 235px;

	height: 100%;

	position: relative;

	text-align: center;

	vertical-align: middle;

}

.newsDetTop .back:before{

	content: "";

	width: 180px;

	height: 100%;

	background-color: #f1f1f1;

	position: absolute;

	left: 0;

	top: 0;

	background-image: url(../images/icon15.png);

	background-repeat: no-repeat;

	background-position: right center;

	z-index: 10;

}

.newsDetTop .back:after{

	content:"" ;

	height: 100%;

	width: 110px;

	position: absolute;

	left: 125px;

	top: 0;

	background-color: #f1f1f1;

	border-radius: 50%;

}

.newsDetTop .back .yuan{

	position: absolute;

	background: #f1f1f1;

    border-radius: 50%;

    width: 110px;

    height: 110px;

    right: 35px;

    top: 0;

    z-index: 1;

}

.newsDetTop .outbox{

	display: table-cell;

	width: 100%;

	height: 100%;

	text-align: left;

	vertical-align: middle;

}

.newsDetTop .inbox{

	display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    padding-left: 7.4%;

    height: 100%;

}

.newsDetTop .inbox .title{

	font-size: 24px;

	color: #373737;

	font-family: "Microsoft JhengHei";

	margin-bottom: 10px;

}

.newsDetTop .inbox .link a{

	font-size: 12px;

	color: #000000;

}

.newsDetTop .inbox .link a.active,.newsDetTop .inbox .link .color{

	color: #777777;

}

.newsDetTop .inbox .link .color{

	margin: 0 5px; 

}

.newsDetBox{

	max-width: 1380px;

	margin-top: 80px;

	margin-bottom: 108px;

	padding-left: 90px;

	position: relative;

}

.newsDetBox .inbox{

	max-width: 1200px;

}

.newsDetBox .inbox .left{

	

	width: 100%;

}

.newsDetBox .inbox .left .title{

	font-size: 30px;

	color: #a2bd10;

	font-weight: bold;

	font-family: "Microsoft JhengHei";

	line-height: 1.5;

}

.newsDetBox .inbox .left .line{

	background-color: #a2bd10;

	width: 45px;

	height: 2px;

	margin-top: 20px;

	margin-bottom: 25px;

}

.newsDetBox .inbox .left .see{

	line-height: 20px;

	font-size: 14px;

	color: #7d7d7d;

}

.newsDetBox .inbox .left .see .data{

	float: left;

	margin-right: 30px;

	padding-left: 25px;

	background-image: url(../images/icon17.png);

	background-repeat: no-repeat;

	background-position: left center;

}

.newsDetBox .inbox .left .see .view{

	float: left;

	padding-left: 35px;

	background-image: url(../images/icon16.png);

	background-repeat: no-repeat;

	background-position: left center;

}

.newsDetBox .inbox .left .content{

	margin-top: 45px;

	font-size: 14px;

	color: #4c4c4c;

	line-height: 2;

	margin-bottom: 90px;

	min-height: 200px;

}

.newsDetBox .inbox .left .btn{

	display: block;

	padding-left: 60px;

	position: relative;

	font-size: 13px;

	color: #868686;

	line-height: 20px;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

}

.newsDetBox .inbox .left .btn:before{

	content: "";

	position: absolute;

	top: 50%;

	height: 1px;

	width: 30px;

	background-color: #808080;

	left: 5px;

}

.newsDetBox .inbox .left .prev{

	margin-bottom: 10px;

}

.newsDetBox .inbox .left .next:before{

	left: 0;

}

.newsDetBox .inbox .left .btn:after{

	content: "";

    width: 10px;

    height: 10px;

    position: absolute;

    top: 50%;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    margin-top: -5px;

}

.newsDetBox .inbox .left .prev:after{

	border-bottom: 1px solid #808080;

    border-left: 1px solid #808080;

    left: 2px;

}

.newsDetBox .inbox .left .next:after{

	border-top: 1px solid #808080;

    border-right: 1px solid #808080;

    left: 22px;

}

.newsDetBox .inbox .right{

	float: right;

	width: 28%;

}

.newsDetBox .inbox .right .btitle{

	font-size: 22px;

	color: #454444;

	font-weight: bold;

	font-family: "Microsoft JhengHei";

	margin-bottom: 32px;

}

.newsDetBox .inbox .right ul li{

	margin-bottom: 18px;

}

.newsDetBox .inbox .right ul li a{

	display: block;

}

.newsDetBox .inbox .right ul li a .title{

	font-size: 14px;

	color: #2c2c2c;

	line-height: 1.5;

	height: 21px;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

}

.newsDetBox .inbox .right ul li a .data{

	font-size: 12px;

	color: #b3b3b3;

	margin-top: 6px;

}

.newsDetBox .toolbarBox{

	position: absolute;

	top: 165px;

	left: 2px;

}

.newsDetBox .toolbarBox .bshare-custom a{

	display: block;

	width: 50px;

	height: 50px;

	padding-left: 0 !important;

	margin-right: 0;

	margin-bottom: 10px;

	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .25);

	box-shadow: 0 0 3px rgba(0, 0, 0, .25);

	background-repeat: no-repeat;

	background-position: center;

	background-color: #fff;

}

.newsDetBox .toolbarBox .bshare-custom .bshare-weixin{

	background-image: url(../images/icon19.png);

}

.newsDetBox .toolbarBox .bshare-custom .bshare-sinaminiblog{

	background-image: url(../images/icon20.png);

}

.newsDetBox .toolbarBox .bshare-custom .bshare-qzone{

	background-image: url(../images/icon21.png);

}

.newsDetBox .toolbarBox .bshare-custom .bshare-qqmb{

	background-image: url(../images/icon22.png);

}

.newsDetBox .toolbarBox .bshare-custom .bshare-more.more-style-addthis{

	background-image: url(../images/icon18.png);

}

@media only screen  and (min-width:601px){

	.newsDetTop .back:hover .yuan{

		-webkit-transform: scale(1.6);

		-ms-transform: scale(1.6);

		-o-transform: scale(1.6);

		transform: scale(1.6);

	}

	.newsDetBox .inbox .left .btn:hover,.newsDetBox .inbox .right ul li:hover a .title{

		color: #a2bd10;

	}

	.newsDetBox .inbox .left .btn:hover:after{

		border-color: #a2bd10;

	}

	.newsDetBox .inbox .left .btn:hover:before{

		background-color: #a2bd10;

	}

	.newsDetTop .back:hover:before{

		background-image: url(../images/icon23.png);

	}

}

@media only screen  and (max-width:1280px){

	.newsDetBox{

		margin-top: 70px;

		margin-bottom: 90px;

		padding-left: 70px;

	}

	.newsDetBox .inbox .left .title{

		font-size: 28px;

	}

	.newsDetBox .inbox .left .content{

		margin-top: 40px;

		margin-bottom: 75px;

	}

	

	

}

@media only screen  and (max-width:1024px){

	.newsDetBox{

		margin-top: 7%;

		margin-bottom: 7%;

	}

	.newsDetBox .inbox .left .title{

		font-size: 26px;

	}

	.newsDetBox .inbox .left .content{

		margin-top: 4%;

		margin-bottom: 7.5%;

	}

	.newsDetTop .back{

		width: 110px;

	}

	.newsDetTop .back:before{

		width: 65px;

	}

	.newsDetTop .back:after{

		left: 0px;

	}

	

	

}

@media only screen  and (max-width:1023px){

	.newsDetTop{

		margin-top: 0px;

	}

}

@media only screen  and (max-width:800px){

	.newsDetBox .inbox .left{

		float: none;

		width: 100%;

	}

	.newsDetBox .inbox .right{

		display: none;

	}

	.newsDetBox .inbox .left .line{

		margin-top: 15px;

		margin-bottom: 20px;

	}

	.newsDetBox .inbox .left .title{

		font-size: 24px;

	}

}

@media only screen  and (max-width:600px){

	.newsDetTop{

		height: 72px;

	}

	.newsDetTop .back{

		width: 60px;

	}

	.newsDetTop .back:before{

		width: 60px;

		background-position: center;

	}

	.newsDetTop .back:after{

		display: none;

	}

	.newsDetTop .inbox .title{

		font-size: 18px;

		margin-bottom: 5px;

	}

	.newsDetBox .toolbarBox .bshare-custom a{

		width: 36px;

		height: 36px;

		-webkit-background-size: 36px 36px;

		background-size: 36px 36px;

	}

	.newsDetBox .inbox .left .title{

		font-size: 20px;

	}

	.newsDetBox .inbox .left .line{

		margin-top: 10px;

		margin-bottom: 15px;

	}

	.newsDetBox{

		padding-left: 0px;

	}

}

@media only screen  and (max-width:414px){

	.newsDetBox .inbox .left .title{

		font-size: 18px;

	}

}

/* =========



  閺備即妞堢拠锔剧矎



  ========== */

.recruitment-bg .left .yw,.recruitment-bg .left .zw{

	color: #e50000;

}

.recruitment-bg .left:after{

	background-color: #e50000;

}

.recruitmentBox{

	background-color: #f3f8fb;

	padding-top: 55px;

	

	position: relative;

	padding-bottom: 75px;

}

.recruitmentBox:after{

	content: "";

	position: absolute;

	top: -30px;

	left: 50%;

	height: 60px;

	background-color: #e50000;

	width: 2px;

	margin-left: -1px;

}

.recruitmentBox .inbox .idesc{

	max-width: 730px;

	text-align: center;

	line-height: 2;

	margin: 20px auto 0;

	font-size: 14px;

	color: #3f3f3f;

	padding-bottom: 85px;

	background-repeat: no-repeat;

	background-position: center bottom;

}

.recruitmentBox .inbox ul{

	margin-bottom: 75px;

}

.recruitmentBox .inbox .item .top{

	padding-left: 6.6%;

	padding-right: 6.6%;

	border-bottom: 1px solid #cfd8dc;

	height: 77px;

	line-height: 76px;

	position: relative;

	cursor: pointer;

}

.recruitmentBox .inbox .item:first-child .top{

	border-top: 1px solid #cfd8dc;

	height: 78px;

}

.recruitmentBox .inbox .item .top .title{

	float: left;

	width: 44%;

	font-size: 18px;

	color: #353535;

	font-family: "Microsoft JhengHei";

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.recruitmentBox .inbox .item .top .num{

	float: left;

	width: 90px;

	text-align: center;

	color: #93a6b0;

	font-family: "Microsoft JhengHei";

	font-size: 18px;

	margin-right: 25%;

}

.recruitmentBox .inbox .item .top .data{

	float: left;

	color: #93a6b0;

	font-size: 14px;

	font-family: "Microsoft JhengHei";

	width: 80px;

	text-align: center;

}

.recruitmentBox .inbox .item .top .icon{

	width: 24px;

	height: 24px;

	border-radius: 50%;

	border: 2px solid #bfc0c0;

	float: right;

	margin-top: 26px;

	position: relative;

}

.recruitmentBox .inbox .item .top .icon:before{

	content: "";

    position: absolute;

    top: 9px;

    left: 4px;

    width: 12px;

    height: 2px;

    background-color: #bfc0c0;

}

.recruitmentBox .inbox .item .top .icon:after{

	content: "";

    position: absolute;

    top: 4px;

    left: 9px;

    width: 2px;

    height: 12px;

    background-color: #bfc0c0;

}

.recruitmentBox .inbox .item .top[data-on="active"] .title,.recruitmentBox .inbox .item .top[data-on="active"] .num,.recruitmentBox .inbox .item .top[data-on="active"] .data{

	color: #fff;

}

.recruitmentBox .inbox .item .top[data-on="active"]{

	background-color: #616161;

	border-color: #616161;

}

.recruitmentBox .inbox .item .top[data-on="active"] .icon:before,.recruitmentBox .inbox .item[data-on="active"] .top .icon:after{

	background-color: #fff;

}

.recruitmentBox .inbox .item .top[data-on="active"] .icon:after{

	display: none;

}

.recruitmentBox .inbox .item .top[data-on="active"] .icon{

	border-color: #fff;

}

.recruitmentBox .inbox .item .desc{

	padding-left: 6.6%;

	padding-right: 6.6%;

	padding-top: 45px;

	padding-bottom: 64px;

	border-bottom: 1px solid #cfd8dc;

	display: none;

}

.recruitmentBox .inbox .item .desc .intitle{

	font-size: 34px;

	color: #262626;

}

.recruitmentBox .inbox .item .desc .tj{

	font-size: 14px;

	color: #454545;

	font-weight: bold;

	margin-top: 30px;

	margin-bottom: 8px;

}

.recruitmentBox .inbox .item .desc .content{

	font-size: 14px;

	color: #454545;

	line-height: 2;

}

.recruitmentBox .inbox .item .desc .link{

	display: block;

	width: 136px;

	height: 46px;

	background-color: #e50000;

	text-indent: 15px;

	line-height: 46px;

	color: #fefefe;

	position: relative;

	font-size: 16px;

	margin-top: 40px;

	border-radius: 5px;

}	

.recruitmentBox .inbox .item .desc .link:after{

	content: "";

	position: absolute;

	top: 50%;

	right: 15px;

	width: 8px;

	height: 8px;

	border-top: 2px solid rgba(255,255,255,.5);

	border-right: 2px solid rgba(255,255,255,.5);

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

	margin-top: -5px;

}

.recruitmentBox .inbox .more{

	display: block;

	margin-left: auto;

	margin-right: auto;

	width: 286px;

	height: 42px;

	border: 2px solid #2e2e2e;

	text-align: center;

	line-height: 40px;

	color: #2e2e2e;

	font-weight: bold;

	font-size: 14px;

	background-color: #fff;

}

/*recruitment-bottom*/

.recruitment-bottom{

	height: 395px;

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    text-align: center;

}

.recruitment-bottom .inbox .title{

	font-size: 40px;

	color: #ffffff;

	font-family: "Microsoft JhengHei";

}

.recruitment-bottom .inbox .line{

	width: 30px;

	height: 2px;

	background-color: #fcdb00;

	margin: 20px auto;

}

.recruitment-bottom .inbox .email{

	font-size: 18px;

	color: #ffffff;

	margin-bottom: 35px;

}

.recruitment-bottom .inbox .more{

	display: block;

	width: 160px;

	height: 50px;

	border: 2px solid #fff;

	text-indent: 20px;

	color: #fefefe;

	font-size: 16px;

	line-height: 48px;

	text-align: left;

	border-radius: 30px;

	margin: 0 auto;

	position: relative;

}

.recruitment-bottom .inbox .more:after{

	content: "";

	width: 8px;

	height: 8px;

	border-top: 2px solid #fff;

	border-right: 2px solid #fff;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

	position: absolute;

	top: 50%;

	margin-top: -5px;

	right: 20px;

}

/*recruitment-bottom End*/

@media only screen  and (min-width:601px){

	.recruitmentBox .inbox .more:hover{

		background-color: #2e2e2e;

		color: #fff;

	}

	.recruitmentBox .inbox .item:hover .top{

		background-color: #616161;

		border-color: #616161;

	}

	.recruitmentBox .inbox .item:hover .top .title,.recruitmentBox .inbox .item:hover .top .num,.recruitmentBox .inbox .item:hover .top .data{

		color: #fff;

	}

	.recruitmentBox .inbox .item:hover .top .icon:before,.recruitmentBox .inbox .item:hover .top .icon:after{

		background-color: #fff;

	}

	.recruitmentBox .inbox .item:hover .top .icon:after{

		display: none;

	}

	.recruitmentBox .inbox .item:hover .top .icon{

		border-color: #fff;

	}

	.recruitment-bottom .inbox .more:hover{

		color: #e50000;

		border-color: #e50000;

	}

	.recruitment-bottom .inbox .more:hover:after{

		border-color: #e50000;

	}

}

@media only screen  and (max-width:1280px){

	.recruitmentBox{

		margin-top: 80px;

	}

	.recruitment-bottom{

		height: 350px;

	}

}

@media only screen  and (max-width:1024px){

	.recruitmentBox{

		margin-top: 8%;

		padding-top: 5.5%;

		padding-bottom: 7.5%;

	}

	.recruitmentBox .inbox .idesc{

		padding-bottom: 8%;

	}

	.recruitmentBox .inbox .item .desc .intitle{

		font-size: 30px;

	}

	.recruitmentBox .inbox .item .desc .tj{

		margin-top: 3.5%;

	}

	.recruitmentBox .inbox .item .desc .link{

		margin-top: 4.5%;

	}

	.recruitmentBox .inbox .item .desc{

		padding-top: 36px;

		padding-bottom: 56px;

	}

	.recruitmentBox .inbox ul{

		margin-bottom: 7.5%;

	}

	.recruitment-bottom{

		height: 300px;

	}

	.recruitment-bottom .inbox .title{

		font-size: 32px;

	}

	.recruitment-bottom .inbox .line{

		margin: 15px auto;

	}

	.recruitment-bottom .inbox .email{

		margin-bottom: 26px;

	}

}

@media only screen  and (max-width:800px){

	.recruitmentBox .inbox .item .desc .intitle{

		font-size: 26px;

	}

	.recruitmentBox .inbox .item .top .num{

		margin-left: 30px;

		margin-right: 30px;

		font-size: 16px;

	}

	.recruitmentBox .inbox .item .top .title{

		width: 55%;

		font-size: 16px;

	}

	.recruitmentBox .inbox .item .top{

		padding-left: 3%;

		padding-right: 3%;

		height: 65px;

		line-height: 64px;

	}

	.recruitmentBox .inbox .item:first-child .top{

		height: 66px;

	}

	.recruitmentBox .inbox .item .top .icon{

		margin-top: 20px;

	}

	.recruitmentBox .inbox .item .desc{

		padding-top: 30px;

		padding-bottom: 48px;

	}

}

@media only screen  and (max-width:600px){

	.recruitmentBox .inbox .idesc{

		margin-top: 0;

		line-height: 1.5;

		font-size: 12px;

	}

	.recruitmentBox .inbox .item .top{

		height: 41px;

		line-height: 40px;

	}

	.recruitmentBox .inbox .item:first-child .top{

		height: 42px;

	}

	.recruitmentBox .inbox .item .top .icon{

		margin-top: 8px;

	}

	.recruitmentBox .inbox .item .desc .intitle{

		font-size: 20px;

	}

	.recruitmentBox .inbox .item .top .title{

		font-size: 14px;

	}

	.recruitmentBox .inbox .item .top .num{

		font-size: 14px;

		width: 40px;

		margin-left: 10px;

		margin-right: 10px;

	}

	.recruitmentBox .inbox .item .top .data{

		font-size: 12px;

		width: 70px;

	}

	.recruitmentBox .inbox .item .desc{

		padding-top: 20px;

		padding-bottom: 35px;

	}

	.recruitmentBox:after{

		height: 40px;

		top: -20px;

	}

	.recruitment-bottom{

		height: 220px;

	}

	.recruitment-bottom .inbox .title{

		font-size: 24px;

	}

	.recruitment-bottom .inbox .line{

		margin: 10px auto;

	}

	.recruitment-bottom .inbox .email{

		margin-bottom: 15px;

		font-size: 14px !important;

	}

	.recruitment-bottom .inbox .more{

		height: 36px;

		line-height: 34px;

		width: 110px;

		font-size: 13px;

		text-indent: 15px;

	}

	.recruitment-bottom .inbox .more:after{

		right: 10px;

	}

}

@media only screen  and (max-width:414px){

	.recruitmentBox .inbox .item .top .title{

		font-size: 12px;

	}

	.recruitmentBox .inbox .item .top .num{

		font-size: 12px;

		width: 36px;

		margin-left: 5px;

		margin-right: 5px;

	}

	.recruitmentBox .inbox .item .top .icon{

		width: 16px;

		height: 16px;

		border-width: 1px;	

	}

	.recruitmentBox .inbox .item .top .icon:before{

		width: 9px;

		height: 1px;

		top: 7px;

		left: 3px;

	}

	.recruitmentBox .inbox .item .top .icon:after{

		width: 1px;

		height: 9px;

		left: 7px;

		top: 3px;

	}

	.recruitmentBox .inbox .item .top{

		height: 35px;

		line-height: 34px;

	}

	.recruitmentBox .inbox .item:first-child .top{

		height: 36px;

	}

	.recruitmentBox .inbox .item .desc .intitle{

		font-size: 16px;

	}

	.recruitmentBox .inbox .item .desc .tj{

		margin-bottom: 5px;

	}

	.recruitmentBox .inbox .item .desc .content{

		font-size: 12px !important;

	}

	.recruitmentBox .inbox .item .desc .link{

		height: 32px;

		line-height: 32px;

		font-size: 14px;

		width: 110px;

	}

	.recruitmentBox .inbox .more{

		width: 220px;

		height: 36px;

		line-height: 34px;

	}

	.recruitmentBox .inbox .item .desc{

		padding-top: 15px;

		padding-bottom: 25px;

	}

}

/* =========



  娴ｆ粌鎼�



  ========== */

.case-bg .left .yw,.case-bg .left .zw{

	color: #ff0000;

}

.case-bg .left:after{

	background-color: #FFF;

}

.caseBox{

	padding-top: 90px;

	background-color: #f3f8fb;

	position: relative;

	padding-bottom: 80px;

}



.caseUl{

	position: relative;

	z-index: 1;

}

.caseUl li{

	float: left;

	position: relative;

	width: 32%;

	margin-right: 2%;

	margin-bottom:100px;

	background-color: #f3f8fb;

	

}

.caseUl li:nth-child(3n+0){

	margin-right: 0;

}

.caseUl li a{

	display: block;

	padding-bottom: 25px;

}

.caseUl li a .imgbox{

	background-repeat: no-repeat;

	background-position: center;

	-webkit-background-size: cover;

	background-size: cover;

    -webkit-transition: all 1s cubic-bezier(0.18, 0.89, 0.32, 1.27);

    -o-transition: all 1s cubic-bezier(0.18, 0.89, 0.32, 1.27);

    transition: all 1s cubic-bezier(0.18, 0.89, 0.32, 1.27);

}

.caseUl li a .inimg{

	box-shadow: 0px 0 0px red, 

	 0px 0 0px yellow, 

	 0 0px 0px blue, 

	 0 15px 40px rgba(0,0,0,.15);

	 overflow: hidden;

}

.caseUl li a .imgbox img{

	width: 100%;

}

.caseUl li a .float{

	position: absolute;



	left: 50%;

	width: 100%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

	background-color: #fff;

	text-align: center;

	padding-top: 17px;

	padding-bottom: 16px;

	border-width: 0 0 2px 0;

	border-style: solid;

}

.caseUl li:nth-child(9n+1) a .float{

	border-bottom-color: #ce0105;

}

.caseUl li:nth-child(9n+2) a .float{

	border-bottom-color: #ec2864;

}

.caseUl li:nth-child(9n+3) a .float{

	border-bottom-color: #ff670a;

}

.caseUl li:nth-child(9n+4) a .float{

	border-bottom-color: #ffd911;

}

.caseUl li:nth-child(9n+5) a .float{

	border-bottom-color: #a2bd10;

}

.caseUl li:nth-child(9n+6) a .float{

	border-bottom-color: #469118;

}

.caseUl li:nth-child(9n+7) a .float{

	border-bottom-color: #008b64;

}

.caseUl li:nth-child(9n+8) a .float{

	border-bottom-color: #1a91f0;

}

.caseUl li:nth-child(9n+9) a .float{

	border-bottom-color: #8a59e4;

}

.caseUl li a .float .zw{

	font-size: 20px;

	color: #373737;

	font-weight: bold;

	font-family: "Microsoft JhengHei";

	line-height: 1.5;

	height: 30px;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

}

.caseUl li a .float .yw{

	font-size: 12px;

	color: #a4a4a4;

	line-height: 1.5;

	height: 18px;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

}

[aos][aos][aos-delay='100'].aos-animate, body[aos-delay='100'] [aos].aos-animate {

    -webkit-transition-delay: .1s;

    transition-delay: .1s;

}

[aos][aos][aos-delay='250'].aos-animate, body[aos-delay='250'] [aos].aos-animate {

    -webkit-transition-delay: 250ms;

    transition-delay: 250ms;

}

[aos][aos][aos-delay='400'].aos-animate, body[aos-delay='400'] [aos].aos-animate {

    -webkit-transition-delay: 400ms;

    transition-delay: 400ms;

}

[aos][aos][aos-delay='550'].aos-animate, body[aos-delay='550'] [aos].aos-animate {

    -webkit-transition-delay: 550ms;

    transition-delay: 550ms;

}

[aos^=fade][aos^=fade].aos-animate {

    opacity: 1;

}

[aos][aos][aos-duration='1000'], body[aos-duration='1000'] [aos] {

    -webkit-transition-duration: 1s;

    transition-duration: 1s;

}

[aos][aos][aos-easing=ease-out-back], body[aos-easing=ease-out-back] [aos] {

    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);

    transition-timing-function: cubic-bezier(.175,.885,.32,1.275);

}

[aos=fade-up].aos-animate {

    -webkit-transform: translate(0,0);

    -ms-transform: translate(0,0);

    transform: translate(0,0);

}

[aos][aos][aos-delay='100'], body[aos-delay='100'] [aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0;

}

[aos^=fade][aos^=fade] {

    opacity: 0;

    -webkit-transition-property: all;

    transition-property: all;

}

[aos=fade-up] {

    -webkit-transform: translate(0,100px);

    -ms-transform: translate(0,100px);

    transform: translate(0,100px);

}

@media only screen  and (min-width:601px){

	.caseUl li:hover a .imgbox{

		-webkit-transform: scale(1.05);

		-ms-transform: scale(1.05);

		-o-transform: scale(1.05);

		transform: scale(1.05);

	}

	.caseUl li:hover a .float .zw,.caseUl li:hover a .float .yw{

		color: #fff;

	}

	.caseUl li:hover:nth-child(9n+1) a .float{

		background-color: #ce0105;

	}

	.caseUl li:hover:nth-child(9n+2) a .float{

		background-color: #ec2864;

	}

	.caseUl li:hover:nth-child(9n+3) a .float{

		background-color: #ff670a;

	}

	.caseUl li:hover:nth-child(9n+4) a .float{

		background-color: #ffd911;

	}

	.caseUl li:hover:nth-child(9n+5) a .float{

		background-color: #a2bd10;

	}

	.caseUl li:hover:nth-child(9n+6) a .float{

		background-color: #469118;

	}

	.caseUl li:hover:nth-child(9n+7) a .float{

		background-color: #008b64;

	}

	.caseUl li:hover:nth-child(9n+8) a .float{

		background-color: #1a91f0;

	}

	.caseUl li:hover:nth-child(9n+9) a .float{

		background-color: #8a59e4;

	}

}

@media only screen  and (max-width:1280px){

	.caseBox{

		margin-top: 75px;

		padding-bottom: 65px;

	}

	.caseUl li{

		margin-bottom: 65px;

	}

}

@media only screen  and (max-width:1024px){

	.caseBox{

		margin-top: 7.5%;

		padding-bottom:6.5%;

	}

	.caseUl li{

		margin-bottom:6.5%;

	}

}

@media only screen  and (max-width:800px){

	.caseUl li{

		margin-right: 3%;

		width: 48.5%;

	}

	.caseUl li:nth-child(3n+0) {

	    margin-right: 3%;

	}

	.caseUl li:nth-child(2n+0) {

	    margin-right: 0;

	}

	.caseBox{

		margin-top: 0%;

		padding-top:20px;

	}

}

@media only screen  and (max-width:600px){

	.caseUl li a .float{

		padding-top: 13px;

		padding-bottom: 12px;

	}

	.caseUl li a .float .zw{

		font-size: 16px;

		height: 24px;

	}

}

@media only screen  and (max-width:414px){

	.caseUl li a .float{

		padding-top: 9px;

		padding-bottom: 8px;

		

	}

	.caseUl li a .float .zw{

		font-size: 14px;

		height: 21px;

	}

	.caseUl li a .float .yw{

		font-size: 10px;

		height: 15px;

	}

	.caseUl li a{

		padding-bottom: 20px;

	}

	.caseUl li{

	     margin-bottom:50px	

		}

}

/* =========



  娴ｆ粌鎼ч崚鍡欒



  ========== */

.caseTop .inbox{

	position: relative;

	padding-left: 0%;

	max-width: 1200px;

	margin-left: 7.4%;

	width: 94%;

}

.caseTop .float{

	position: absolute;

	top: 0;

	right: 0;

	height: 100%;

	line-height: 110px;

}

.caseTop .float .word{

	font-size: 12px;

	color: #9e9e9e;

	margin-right: 20px;

}

.caseTop .float select{

	width: 162px;

	height: 44px;

	border: 1px solid #d3d3d3;

	background: -webkit-linear-gradient(#fefefe, #ededed);

	background: -o-linear-gradient(#fefefe, #ededed); 

	background: -moz-linear-gradient(#fefefe, #ededed); 

	background: linear-gradient(#fefefe, #ededed); 

	text-indent: 15px;

	color: #2d2d2d;

	font-size: 14px;

}

.mm-caseTop{

	display: none;

}



.pr_bg{

	background:#f3f8fb

}

.caseClassUl{

	max-width: 1300px;

	padding: 50px 0;

	



}



.caseClassUl li{

	float: left;

	width: 32%;

	margin-right: 1%;

	margin-bottom: 50px;

	text-align:center

}

.caseClassUl li:nth-child(4n+0){



}

.caseClassUl li a{

	display: block;

}

.caseClassUl li a .imgbox{

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	position: relative;

}

.caseClassUl li a .imgbox:before{

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,.65);

	opacity: 0;

}

.caseClassUl li a .imgbox:after{

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	width: 55px;

	height: 53px;

	background-image: url(../images/icon24.png);

	background-repeat: no-repeat;

	margin-top: -26px;

	margin-left: -27px;

	-webkit-transform: scale(1.3);

	-ms-transform: scale(1.3);

	-o-transform: scale(1.3);

	transform: scale(1.3);

	opacity: 0;

}

.caseClassUl li a .imgbox img{

	width: 100%;

}

.caseClassUl li a .title{

	font-size: 20px;

	color: #373737;

	font-weight: bold;

	font-family: "Microsoft JhengHei";

	line-height: 1.5;

	height: 30px;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin-bottom: 3px;

	

}

.caseClassUl li a  .ck{

	color:#FFF;

	font-size:20px;

	line-height:30px;

}



.caseClassUl li a .pr_bor{

	border-bottom:2px solid #F00;

	padding:15px 0; 

	background:#fff

}

.caseClassUl li a:hover .pr_bor{

	

	background:#333

}



.caseClassUl li a  .bk{ 

    background:#737474

}





.caseClassUl li a .desc{

	font-size: 12px;

	color: #7e7e7e;

	line-height: 1.5;

	height: 18px;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap;

}

@media only screen  and (min-width:601px){

	.caseClassUl li:hover a .imgbox:before{

		opacity: 1;

	}

	.caseClassUl li:hover a .imgbox:after{

		opacity: 1;

		-webkit-transition-delay: .3s;

		-o-transition-delay: .3s;

		transition-delay: .3s;

		-webkit-transform: scale(1);

		-ms-transform: scale(1);

		-o-transform: scale(1);

		transform: scale(1);

	}

	.caseClassUl li:hover a .title{

		color: #ff670a;

	}

	.caseTop .back:hover:before {

	    background-image: url(../images/icon25.png);

	}

}

@media only screen  and (max-width:1560px){

	.caseTop .inbox{

		margin-left: 3%;

		margin-right: 3%;

	}

}

@media only screen  and (max-width:1440px){

	.caseClassUl li{

		margin-bottom: 45px;

	}

}

@media only screen  and (max-width:1280px){

	.caseClassUl li{

		margin-bottom: 40px;

	}

	.caseClassUl{

		margin-bottom: 40px;

	}

	.caseClassUl li{

		width: 31.42%;

	}

	.caseClassUl li:nth-child(4n+0){

		margin-right: 2.86%;

	}

	.caseClassUl li:nth-child(3n+0){

		margin-right: 0;

	}

}

@media only screen  and (max-width:1024px){

	.caseClassUl li{

		margin-bottom: 4%;

		

	}

	.caseClassUl{

		margin-bottom: 0%;

		margin-top: 0%;

		padding:20px 0;

		

	}

	.caseClassUl li a .pr_bor{

		padding:5px 0;

	}

	.caseClassUl li a .title{

		font-size: 18px;

		height: 27px;

		margin-top: 15px;

	}

}

@media only screen  and (max-width:800px){

	.caseClassUl li a .title{

		font-size: 16px;

		height: 24px;

		margin-top: 10px;

		margin-bottom: 0;

	}

	.caseTop .float{

		display: none;

	}

	.mm-caseTop,.mm-caseTop .float{

		display: block;

	}

	.mm-caseTop .float{

		position: static;

		line-height: 1;

		margin-top: 5%;

	}

	.mm-caseTop .float select{

		width: calc(50% - 50px);

	}

}

@media only screen  and (max-width:600px){

	.caseClassUl li{

		width: 48.57%;

		margin-right:2.68%

	}

	.caseClassUl li:nth-child(3n+0){

		margin-right: 2.86%;

	}

	.caseClassUl li:nth-child(2n+0){

		margin-right: 0;

	}

}

@media only screen  and (max-width:414px){

	.caseClassUl li{

		margin-bottom: 10px;

	}

	.caseClassUl li a .title{

		font-size: 14px;

		height: 21px;

		margin-top: 5px;

	}

	.caseTop .float .word{

		margin-right: 5px;

	}

	.mm-caseTop .float select{

		width: calc(50% - 42px);

		height: 32px;

	}

}

/* =========



  娴ｆ粌鎼х拠锔藉剰



  ========== */

.caseview-swiper{

	padding-bottom: 60px;

}

.caseview-swiper .case-pagination{

	position: absolute;

	bottom: 25px;

	text-align: center;

}

.caseview-swiper .case-pagination .swiper-pagination-bullet{

	width: 10px;

	height: 10px;

	border: 1px solid #929292;

	background-color: #fff;

}

.caseview-swiper .case-pagination .swiper-pagination-bullet-active{

	background-color: #929292;

}

.caseview-swiper .swiper-slide{

	background-color: #ececec;

    background-size: contain;

    background-position: center top;

    background-repeat: no-repeat;

}

.caseview-swiper .btn{

	position: absolute;

    top: 50%;

    margin-top: -25px;

    cursor: pointer;

    width: 50px;

    height: 50px;

    z-index: 10;

}

.caseview-swiper .btn:after{

	content: "";

    width: 20px;

    height: 20px;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    margin-top: -10px;

}

.caseview-swiper .case-next:after{

	border-top: 6px solid #fff;

    border-right: 6px solid #fff;

    margin-left: -16px;

}

.caseview-swiper .case-prev:after{

	border-bottom: 6px solid #fff;

    border-left: 6px solid #fff;

    margin-left: -8px;

}

.caseview-swiper .case-prev{

	left: 3.125%;

}

.caseview-swiper .case-next{

	right: 3.125%;

}

.caseDetBox{

	border-top: 1px solid #ececec;

	margin-bottom: 130px;

}

.caseDetBox .left{

	float: left;

	width: 66.66%;

	margin-top: 45px;

}

.caseDetBox .left .content{

	line-height: 2;

	color: #565555;

	font-size: 14px;

	margin-bottom: 65px;

}

.caseDetBox .left .link{

	padding-top: 10px;

	padding-bottom: 10px;

	border-top: 1px solid #ececec;

	border-bottom: 1px solid #ececec;

}

.caseDetBox .left .link .prev{

	float: left;

	width: 50%;

	padding-right: 10px;

	display: block;

}

.caseDetBox .left .link .btn .imgbox{

	display: inline-block;

	vertical-align: middle;

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	width: 108px;

} 

.caseDetBox .left .link .btn .word{

	display: inline-block;

	vertical-align: middle;

	font-size: 14px;

	color: #2b2a2a;

	font-weight: bold;

	margin-left: 30px;

	width: calc(100% - 142px);

	line-height: 1.5;

	height: 21px;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

}

.caseDetBox .left .link .btn .imgbox img{

	width: 100%;

}

.caseDetBox .left .link .next{

	float: right;

	width: 50%;

	padding-left: 10px;

	display: block;

	text-align: right;

}

.caseDetBox .left .link .next .word{

	margin-left: 0;

	margin-right: 30px;

}

.caseDetBox .right{

	float: right;

	width:23.33%; 

}

.caseDetBox .right .jjbox{

	margin-top: 20px;

	border-bottom: 1px solid #ececec;

}

.caseDetBox .right .jjbox .title{

	font-size: 14px;

	color: #565555;

	font-weight: bold;

	height: 32px;

	line-height: 1;

	position: relative;

}

.caseDetBox .right .jjbox .title:after{

	content: "";

	position: absolute;

	top: 0;

	right: 24px;

	width: 0;

    height: 0;

    border-top: 5px solid transparent;

    border-left: 5px solid #9e9e9e;

    border-bottom: 5px solid transparent;

}

.caseDetBox .right .jjbox[data-on="click"] .title:after{

	-webkit-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	transform: rotate(90deg);

}

.caseDetBox .right .jjbox .desc{

	font-size: 12px;

	line-height: 1.5;

	padding-top: 10px;

	padding-bottom: 10px;

	display: none;

}

.caseDetBox .right .share .word{

	display: inline-block;

	font-size: 14px;

	color: #565555;

	font-weight: bold;

	line-height: 1;

}

.caseDetBox .right .share{

	margin-top: 15px;

	border-bottom: 1px solid #ececec;

	padding-bottom: 12px;

}

.caseDetBox .right .share .bshare-custom{

	float: right;

}

.caseDetBox .right .share .bshare-custom a{

	padding-left: 0;

	width: 24px;

	height: 24px;

	border: 1px solid #e6e6e6;

}

.caseDetBox .right .share .bshare-custom .bshare-weixin{

	background: url(../images/icon26.png) no-repeat center;

}

.caseDetBox .right .share .bshare-custom .bshare-sinaminiblog{

	background: url(../images/icon27.png) no-repeat center;

}

.caseDetBox .right .share .bshare-custom .email{

	background: url(../images/icon28.png) no-repeat center;

	display: inline-block;

}

.caseDetBox .right .share .bshare-custom .bshare-more{

	background: url(../images/icon29.png) no-repeat center;

}

@media only screen  and (max-width:1280px){

	.caseDetBox{

		margin-bottom: 100px;

	}

}

@media only screen  and (max-width:1024px){

	.caseDetBox{

		margin-bottom: 10%;

	}

	.caseDetBox .left .content{

		margin-bottom: 50px;

	}

	.caseDetBox .left{

		margin-top: 35px;

	}

}

@media only screen  and (max-width:800px){

	.caseDetBox .right{

		float: none;

		width: 100%;

	}

	.caseDetBox .left{

		float: none;

		width: 100%;

		margin-top: 4.5%;

	}

	.caseDetBox .left .content{

		margin-bottom: 6.5%;

	}

	.caseview-swiper{

		padding-bottom: 40px;

		margin-top: 6.5%;

	}

	.caseview-swiper .case-pagination{

		bottom: 15px;

	}

}

@media only screen  and (max-width:600px){

	.caseDetBox .right .jjbox{

		margin-top: 10px;

	}

	.caseDetBox .right .jjbox .title{

		height: 24px;

	}

	.caseDetBox .right .share{

		margin-top: 10px;

	}

	.caseDetBox .right .share .word{

		line-height:24px;

	}

	.caseDetBox .left .link .prev,.caseDetBox .left .link .next{

		float: none;

		width: 100%;

		padding: 0;

	}

	.caseDetBox .left .link .next{

		margin-top: 10px;

		text-align: left;

	}

	.caseDetBox .left .link .btn.next .imgbox{

		float: left;

	}

	.caseDetBox .left .link .next .word{

		float: right;

		margin-right: 0;

		margin-top: 23px;

	}

}

@media only screen  and (max-width:414px){

	.caseDetBox .left .link .btn .imgbox{

		width: 72px;

	}

	.caseDetBox .left .link .btn .word{

		width: calc(100% - 96px);

	}

	.caseDetBox .left .link .btn.prev .word{

		margin-left: 20px;

	}

	.caseDetBox .left .link .next .word{

		margin-top: 12px;

	}

	.caseview-swiper .btn{

		width: 36px;

		height: 36px;

		margin-top: -18px;

	}

	.caseview-swiper .btn:after{

		width: 12px;

		height: 12px;

		margin-top: -6px;

	}

}

/* =========



  閺呯儤鍙庨崶锟�



  ========== */

.wisdom-bg .left .yw,.wisdom-bg .left .zw{

	color: #4fc3f7;

}

.wisdom-bg .left:after{

	background-color: #4fc3f7;

}

.wisdomBox{

	background-color: #fff;

}

.wisdomBox .inbox{

	position: relative;

	z-index: 11;

}

.wisdomBox:after{

	background-color: #4fc3f7;

}

.wisdomBox:before{

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	background-color: #f3f8fb;

	height: 470px;

}

.wisdomBox .inbox .idesc{

	margin-top: -15px;

	padding-top: 30px;

	padding-bottom: 75px;

	font-size: 16px;

	color: #4e4d4d;

	position: relative;

	z-index: 1;

}

.wisdomBox .otherbox{

	max-width: 1380px;

	position: relative;

	z-index: 1;

}

.wisdomBox .otherbox li{

	width: 25%;

	float: left;

	cursor: pointer;

	margin-bottom: 24px;

}

.wisdomBox .otherbox li .outimg{

	overflow: hidden;

}

.wisdomBox .otherbox li .outimg .imgbox{

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	background-color: #fafafa;

	-webkit-transition: all .8s;

	-o-transition: all .8s;

	transition: all .8s;

}

.wisdomBox .otherbox li:nth-child(2n+0) .outimg .imgbox{

	background-color: #ebebeb;

}

.wisdomBox .otherbox li .outimg .imgbox img{

	width: 100%;

}

.wisdomBox .otherbox li .bottom{

	margin-top: 24px;

	padding: 0 30px;

	position: relative;

}

.wisdomBox .otherbox li .bottom .icon{

	position: absolute;

	top:50%;

	right: 30px;

	width: 40px;

	height: 40px;

	border-radius: 50%;

	margin-top: -20px;

	background-color: #4fc3f7;

}

.wisdomBox .otherbox li .bottom .icon:before{

	content: "";

	position: absolute;

	height: 2px;

	width: 16px;

	top: 50%;

	margin-top: -1px;

	left: 50%;

	margin-left: -8px;

	background-color: #fff;

}

.wisdomBox .otherbox li .bottom .icon:after{

	content: "";

	position: absolute;

	width: 8px;

	height: 8px;

	border-top: 2px solid #fff;

	border-right: 2px solid #fff;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

	top: 50%;

	margin-top: -5px;

	right: 11px;

}

.wisdomBox .otherbox li .bottom .name{

	font-size: 18px;

	color: #666666;

	font-weight: bold;

	font-family: "Microsoft JhengHei";

	line-height: 1.5;

	height: 27px;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	width: calc(100% - 50px);

}

.wisdomBox .otherbox li .bottom .type{

	font-size: 14px;

	color: #949494;

	line-height: 1.5;

	height: 21px;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	width: calc(100% - 50px);

}

.wisdomBox .desc,.wisdomBox .otherbox li .rightulbox{

	display: none;

}

/*瀵懓鍤仦锟�*/

.layerBox{

	background-color: #fff;

}

.layerBox .left{

	float: left;

	width: 320px;

}

.layerBox .left .top{

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	border-bottom: 1px solid #ececec;

}

.layerBox .left .bottom{

	margin-top: 20px;	

}

.layerBox .left .bottom .title{

	font-size: 26px;

	color: #2d2d2d;

	font-family: "Microsoft JhengHei";

	display: inline-block;

	vertical-align: bottom;

	margin-left: 20px;

	margin-right: 15px;

} 

.layerBox .left .bottom .type{

	vertical-align: bottom;

	display: inline-block;

	font-size: 14px;

	color: #8a8a8a;

}

.layerBox .right{

	padding-top: 150px;

	width: 680px;

	float: right;

	padding-left: 35px;

	border-left: 1px solid #ececec;

	padding-right: 50px;

	min-height: 400px;

}

.layerBox .right .d1{

	font-size: 30px;

	color: #d2d2d2;

}

.layerBox .right .desc{

	font-size: 14px;

	color: #686868;

	line-height: 2;

	margin-top: 12px;

}

.layerBox .right .d2{

	font-size: 14px;

	color: #2d2d2d;

	font-weight: bold;

	margin-top: 35px;

	margin-bottom: 25px;

}

.layerBox .rightul li{

	float: left;

	width: 20.67%;

	margin-right: 5.77%;

	margin-bottom: 65px;

}

.layerBox .rightul li:nth-child(4n+0){

	margin-right: 0;

}

.layerBox .rightul li a{

	display: block;

}

.layerBox .rightul li a .imgbox1{

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

}

.layerBox .rightul li a .imgbox1 img{

	width: 100%;

}

.layerBox .rightul li a .title1{

	font-size: 14px;

	color: #373737;

	font-weight: bold;

	font-family: "Microsoft JhengHei";

	line-height: 1.5;

	height: 21px;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	margin-top: 8px;

	margin-bottom: 3px;

}

.layerBox .rightul li a .didian{

	font-size: 12px;

	color: #aeaeae;

	line-height: 1.5;

	height: 18px;

	overflow: hidden;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.layerBox .bottom1{

	height: 59px;

	line-height: 58px;

	border-top: 1px solid #ececec;

	padding: 0 20px;

}

.layerBox .bottom1 a{

	display: block;

	color: #8e8e8e;

	font-size: 13px;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

}

.layerBox .bottom1 a span{

	font-family: "鐎瑰缍�";

}

.layerBox .bottom1 a[data-id="undefined"]{

	display: none;

}

.layerBox .bottom1 .prev{

	float: left;

	width: 50%;

	padding-right: 10px;

}

.layerBox .bottom1 .next{

	float: right;

	width: 50%;

	padding-left: 10px;

	text-align: right;

}

.layerBox .bottom1 .prev span{

	margin-right: 5px;

}

.layerBox .bottom1 .next span{

	margin-left: 5px;

}

.layui-layer .layui-layer-setwin .layui-layer-close2 {

    right: 5px;

    top: 5px;

    background: none;

}

.layui-layer .layui-layer-setwin .layui-layer-close2:before {

    content: "";

    position: absolute;

    top:50%;

   	left: 50%;

    width: 2px;

    height: 24px;

    border-left: 2px solid #b7b7b7;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    margin-top: -10px;

    margin-left: -1px;

}

.layui-layer .layui-layer-setwin .layui-layer-close2:after {

    content: "";

    position: absolute;

    top:50%;

   	left: 50%;

    width: 2px;

    height: 24px;

    border-left: 2px solid #b7b7b7;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    margin-top: -11px;

    margin-left: -1px;

}

/*瀵懓鍤仦锟� End*/

@media only screen  and (min-width:601px){

	.wisdomBox .otherbox li:hover .bottom .name{

		color: #4fc3f7;

	}

	.wisdomBox .otherbox li:hover .bottom .icon{

		-webkit-transform: translateX(10px);

		-ms-transform: translateX(10px);

		-o-transform: translateX(10px);

		transform: translateX(10px);

	}

	.wisdomBox .otherbox li:hover .outimg .imgbox{

		-webkit-transform:scale(1.02);

		-ms-transform:scale(1.02);

		-o-transform:scale(1.02);

		transform:scale(1.02);

		-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);

    	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);

    	-moz-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);

	}

}

@media only screen  and (max-width:1280px){

	.wisdomBox .inbox .idesc{

		padding-bottom: 60px;

	}



}

@media only screen  and (max-width:1024px){

	.wisdomBox .inbox .idesc{

		padding-bottom: 6%;

	}

	.wisdomBox .otherbox li{

		width: 33.33%;

		margin-bottom: 20px;

	}

	.layui-layer-page .layui-layer-content{

		width: 94%;

		margin-left: 3%;

	}

	.layui-layer .layui-layer-setwin .layui-layer-close2{

		top: 30px;

		right: 30px;

	}

	.layerBox .left{

		width: 32%;

	}

	.layerBox .right{

		width: 68%;

		padding-top: 120px;

	}

	.layerBox .rightul li{

		margin-bottom: 50px;

	}

}

@media only screen  and (max-width:800px){

	.wisdomBox .inbox .idesc{

		padding-top: 20px;

	}	

	.wisdomBox .otherbox li .bottom{

		margin-top: 10px;

		padding: 0 15px;

	}

	.wisdomBox .otherbox li .bottom .icon{

		right: 15px;

	}

	.layerBox .right{

		padding-top: 90px;

		padding-left: 25px;

		padding-right: 35px;

	}

	.layerBox .rightul li{

		margin-bottom: 35px;

		width: 30.66%;

		margin-right: 4%;

	}

	.layerBox .rightul li:nth-child(4n+0){

		margin-right: 4%;

	}

	.layerBox .rightul li:nth-child(3n+0){

		margin-right: 0;

	}

	.layerBox .right .d2{

		margin-top: 30px;

		margin-bottom: 20px;

	}

	.layerBox .left .bottom .type{

		display: block;

		margin-left: 20px;

		margin-top: 12px;

	}

	.layerBox{

		overflow-y: auto;

	}

}

@media only screen  and (max-width:600px){

	.wisdomBox{

		margin-top: 10px;

	}

	.wisdomBox .inbox .idesc{

		font-size: 12px !important;

	}

	.wisdomBox .otherbox li{

		width: 50%;

		margin-bottom: 15px;

	}

	.wisdomBox .otherbox li .bottom{

		margin-top: 5px;

		padding: 0 10px;

	}

	.wisdomBox .otherbox li .bottom .icon{

		right: 10px;

	}

	.layerBox .right{

		padding-top: 60px;

		padding-left: 15px;

		padding-right: 20px;

	}

	.layerBox .right .d1{

		font-size: 24px;

	}

	.layerBox .right .d2{

		margin-top: 10px;

		margin-bottom: 15px;

	}

	.layerBox .rightul li{

		margin-bottom: 25px;

	}

}

@media only screen  and (max-width:414px){

	.wisdomBox .otherbox li .bottom .icon{

		width: 30px;

		height: 30px;

		margin-top: -15px;

	}

	.wisdomBox .otherbox li .bottom .name{

		font-size: 16px;

		height: 24px;

		width: calc(100% - 40px);

	}

	.wisdomBox .otherbox li .bottom .type{

		font-size: 12px;

		height: 18px;

		width: calc(100% - 40px);

	}

	.wisdomBox .otherbox li .bottom .icon:after{

		right: 9px;

	}

	.layerBox .left .bottom .title{

		font-size: 20px;

		margin-left: 10px;

		margin-right: 0;

	}

	.layerBox .left .bottom .type{

		margin-left: 10px;

		margin-top: 8px;

	}

	.layerBox .right .desc{

		margin-top: 5px;

		line-height: 1.5 !important;

	}

	.layerBox .right .desc p{

		line-height: 1.5 !important;

		font-size: 12px !important;

	}

	.layui-layer .layui-layer-setwin .layui-layer-close2{

		top: 0px;

		right: 0px;

	}

	.layerBox .left .bottom{

		margin-top: 8px;

	}

	.layerBox .right{

		padding-top: 20px;

		padding-left: 12px;

		padding-right: 12px;

	}

	.layerBox .rightul li{

		width: 48%;

		margin-bottom: 10px;

	}

	.layerBox .rightul li:nth-child(3n+0){

		margin-right: 4%;

	}

	.layerBox .rightul li:nth-child(2n+0){

		margin-right: 0;

	}

	.layerBox .rightul li a .title1{

		font-size: 12px;

		height: 18px;

	}

	.layerBox .rightul li a .didian{

		font-size: 10px;

		height: 15px;

	}

	.layerBox .bottom1{

		height: 37px;

		line-height: 36px;

	}

}

/* =========



  瀹搞儳鈻�



  ========== */

.engineering-bg .left .yw,.engineering-bg .left .zw{

	color: #fff;

}

.engineering-bg .left:after{

	background-color: #fff;

}

.engineering-top:after{

	background-color: #0085da;

}

.engineering-top{

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	padding: 0;

	position: relative;

	padding-bottom: 100px;

	padding-top: 60px;

}

.engineering-top img{

	width: 100%;

}

.engineering-top .img1{

	margin-top: 30px;

}

.engineering-middle{

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	position: relative;

	height: 880px;

}

.engineering-middle img{

	width: 100%;

}

.engineering-middle .inbox{

	position: absolute;

	top: 0;

	height: 100%;

	width: 94%;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

	max-width: 1200px;

}

.engineering-middle .inbox .left{

	float: left;

	width: 50%;

	border-left: 1px solid rgba(255,255,255,.5);

	border-right: 1px solid rgba(255,255,255,.5);

	height: 100%;

	position: relative;

}

.engineering-middle .inbox .left:after,.engineering-middle .inbox .left:before{

	content: "";

	position: absolute;

	top: 0;

	width: 1px;

	height: 100%;

	background-color:rgba(255,255,255,.5);

	left: 33.333%;

}

.engineering-middle .inbox .left:before{

	left: 66.6666%;

}

.engineering-middle .inbox .left .gallery-thumbs{

	height: 700px;

}

.engineering-middle .inbox .left .bottom{

	height: 180px;

	border-top: 1px solid rgba(255,255,255,.5);

	margin-top: -1px

}

.engineering-middle .inbox .left .bottom .btn{

	width: 33.333%;

	height: 100%;

	cursor: pointer;

	position: relative;

}

.engineering-middle .inbox .left .bottom .btn:after{

	content: "";

    position: absolute;

    width: 36px;

    height: 36px;

    top: 50%;

    left: 50%;

    margin-top: -19px;

    margin-left: -19px;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.engineering-middle .inbox .left .bottom .gt-prev:after{

	border-top: 2px solid rgba(255,255,255,.5);

    border-left: 2px solid rgba(255,255,255,.5);

}

.engineering-middle .inbox .left .bottom .gt-next:after{

	border-bottom: 2px solid rgba(255,255,255,.5);

    border-right: 2px solid rgba(255,255,255,.5);

}

.engineering-middle .inbox .left .bottom .gt-next{

	float: right;

}

.engineering-middle .inbox .left .bottom .gt-prev{

	float: left;

}

.engineering-middle .inbox .left .bottom .middle{

	float: left;

	width: 33.333%;

	height: 100%;

	background-image: url(../images/icon30.png);

	background-repeat: no-repeat;

	background-position: center;

}

.engineering-middle .inbox .left .gallery-thumbs .swiper-slide{

	border-bottom: 1px solid rgba(255,255,255,.5);

	height: auto;

}

.engineering-middle .inbox .left .gallery-thumbs .swiper-slide:nth-child(3n+1){

	border-left: 0;

}

.engineering-middle .inbox .left .gallery-thumbs .swiper-slide .imgbox{

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	max-width: 110px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 38px;

}	

.engineering-middle .inbox .left .gallery-thumbs .swiper-slide .title{

	font-size: 16px;

	line-height: 1.5;

	height: 24px;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	color: rgba(255,255,255,.5);

	text-align: center;

	margin-bottom: 13px;

	margin-top: 16px;

}

.engineering-middle .inbox .left .gallery-thumbs .active{

	background-color: #067fce;

}

.engineering-middle .inbox .left .gallery-thumbs .active .title{

	color: #fff;

}

.engineering-middle .inbox .right{

	float: right;

	width: 50%;

	padding-left: 5.83%;

	height: 100%;

	padding-top: 90px;

}

.engineering-middle .inbox .right .comStitle{

	border-bottom: 2px solid #067fce;

	margin-bottom: 30px;

}

.engineering-middle .inbox .right .comStitle .zw{

	text-align: left;

	color: #fff;

}

.engineering-middle .inbox .right .comStitle .yw{

	text-align: left;

	color: rgba(255,255,255,.1);

}

.engineering-middle .inbox .right .gallery-top .swiper-slide a{

	display: block;

}

.engineering-middle .inbox .right .gallery-top .swiper-slide .imgbox{

	max-width: 330px;

	background-repeat: no-repeat;

	background-position: center;

	-webkit-background-size: cover;

	background-size: cover;

}

.engineering-middle .inbox .right .gallery-top .swiper-slide .imgbox img{

	width: 100%;

}

.engineering-middle .inbox .right .gallery-top .swiper-slide .title{

	font-size: 30px;

	color: #0085da;

	line-height: 1.5;

	height: 45px;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

}

.engineering-middle .inbox .right .gallery-top .swiper-slide .desc{

	font-size: 14px;

	color: #dfdfdf;

	line-height: 2;

	max-height: 112px;

	overflow: hidden;

}

.engineering-middle .inbox .right .gallery-top .swiper-slide .more{

	font-size: 14px;

	color: #dfdfdf;

	margin-top: 26px;

}

@media only screen  and (max-width:1024px){

	.engineering-top .img1{

		margin-top: 2.5%;

	}

	.engineering-top{

		padding-top: 6%;

		padding-bottom: 10%;

	}

}

@media only screen  and (max-width:800px){



	.engineering-middle .inbox .left .gallery-thumbs .swiper-slide .imgbox{

		margin-top: 25px;

	}

	.engineering-middle .inbox .left .gallery-thumbs .active .title{

		margin-top: 10px;

	}

	.engineering-middle .inbox .left .gallery-thumbs{

		height: auto;

	}

	.engineering-middle .inbox .left .bottom{

		height: 162px;

	}

	.engineering-middle .inbox .left{

		float: none;

		width: 100%;

		height: auto;

		margin-top: 5%;

		border-top: 1px solid rgba(255,255,255,.5);

		border-bottom: 1px solid rgba(255,255,255,.5);

	}

	.engineering-middle .inbox .right{

		float: none;

		width: 100%;

		padding-top: 5%;

		height: auto;

		padding-left: 0;

	}

	.engineering-middle .inbox .right .comStitle{

		margin-bottom: 10px;

	}

	.engineering-middle .inbox .right .gallery-top .swiper-slide .imgbox{

		max-width: 200px;

	}

}

@media only screen  and (max-width:600px){

	.engineering-middle .inbox .right .gallery-top .swiper-slide .imgbox{

		max-width: 150px;

	}

	.engineering-middle .inbox .right .gallery-top .swiper-slide .title{

		font-size: 20px;

		height: 30px;

	}

	.engineering-middle .inbox .right .gallery-top .swiper-slide .desc{

		font-size: 12px !important;

		line-height: 1.5 !important;

		max-height: 54px;

		margin-top: 5px;

	}

	.engineering-middle .inbox .right .gallery-top .swiper-slide .more{

		margin-top: 12px;

	}

	.engineering-middle .inbox .left .gallery-thumbs .swiper-slide .imgbox{

		margin-top: 10px;

	}

	.engineering-middle .inbox .left .gallery-thumbs .active .title{

		font-size: 14px;

		height: 21px;

		margin-bottom: 10px;

	}

	.engineering-middle .inbox .left .bottom{

		height: 147px;

	}

	.engineering-middle{

		height: 670px;

	}

}	

@media only screen  and (max-width:414px){

	.engineering-middle .inbox .left .gallery-thumbs{

		position: absolute;

		top:0;

		left: 33.33%;

		width: 33.33%;

	}

	.engineering-middle .inbox .left:after, .engineering-middle .inbox .left:before{

		left: calc(33.33% - 1px);

	}

	.engineering-middle .inbox .left:after{

		left: calc(66.66%);

	}

	.engineering-middle .inbox .left .bottom .middle{

		display: none;

	}

	.engineering-middle{

		height: 520px;

	}

	.engineering-middle .inbox .left .gallery-thumbs .active .title{

		margin-bottom: 0;

	}

	.engineering-middle .inbox .left .bottom{

		height: 137px;

	}

	.engineering-middle .inbox .left .gallery-thumbs .swiper-slide{

		height: 137px;

	}

}

/*engineering-bottom*/

.engineering-bottom{

	background-color: #f6f6f6;

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: right bottom;

	padding-top: 90px;

	padding-bottom:55px;

}

.engineering-bottom:after{

	content: "";

	position: absolute;

	top: 0;

	left: 50%;

	width: 339px;

	height: 5px;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

	background-repeat: no-repeat;

}

.engineering-bottom .inbox .title1{

	color:#E5322C;

	font-weight: bold;

	font-size: 40px;

	line-height: 1.5;



	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	font-family:"Microsoft JhengHei";

}

.engineering-bottom .inbox .desc{

	font-size: 14px;

	color:#878888;

	line-height: 1.5;

	margin-top: 10px;

	margin-bottom: 65px;

	font-family:"寰蒋闆呴粦";

	font

}

.engineering-bottom .inbox{

	overflow: visible;

}

.aboutupperBox .inbox .d2{

	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .5);

	box-shadow: 0 0 30px rgba(0, 0, 0, .5);

}

.aboutupperBox .my-swiper .swiper-slide{

	border-right: 1px solid #fff;

}

.aboutupperBox .my-swiper .swiper-slide:last-child{

	border-right: 0;

}

.swiper-slide .d1{

	font-size: 14px;

	color: #fff;

	font-weight: bold;

	height: 46px;

	text-align: center;

	line-height: 46px;

	background-color: #e5322c;

	cursor: pointer;

	width: 165px;

}

.cp_hea1{ margin-bottom:80px;}

.aboutupperBox .my-swiper .active .d1{

	background-color: #737474;

	color:#fff;

}

.aboutupperBox .my-swiper .choseul-prev{

	position: absolute;

    top: 50%;

    left: 0px;

    margin-top: -15px;

    width: 30px;

    height: 30px;

    cursor: pointer;

    z-index: 10;

    text-align: center;

    line-height: 30px;

    font-family: "鐎瑰缍�";

    font-size: 16px;

    color: rgba(0,0,0,.6);

    display: none;

}

.aboutupperBox .my-swiper .choseul-next{

	position: absolute;

    top: 50%;

    right: 0px;

    margin-top: -15px;

    width: 30px;

    height: 30px;

    cursor: pointer;

    z-index: 10;

    text-align: center;

    line-height: 30px;

    font-family: "鐎瑰缍�";

    font-size: 16px;

    color: rgba(0,0,0,.6);

    display: none;

}	

.aboutupperBox .inbox ul{

	margin-top: 40px;

}

.aboutupperBox .inbox ul li{

	float: left;

	width: 150px;

	border-right: 1px solid #fff;

}

.aboutupperBox .inbox ul li:last-child{

	border-right: 0;

}

.aboutupperBox .comBox .title:after{

	left: -50px;

	background-color: #000;

	top: auto;

	bottom: 0;

	height: 200px;

}

.aboutupperBox .inbox ul li .d1{

	font-size: 14px;

	color: #fff;

	font-weight: bold;

	height: 46px;

	text-align: center;

	line-height: 46px;

	background-color: #e63114;

	cursor: pointer;

}

.aboutupperBox .inbox ul .active .d1{

	background-color: #fff;

	color: #e63114;

}

.aboutupperBox .inbox .d2{

	background-color: #fff;

	display: none;

	overflow: hidden;

	

}

.aboutupperBox .inbox .d2 img{

	max-width:100%

}



.aboutupperBox .inbox .d2.d3{

	display: block;

}

.aboutupperBox .inbox .d2 .left{



	

	padding: 35px;

	line-height: 2;

	font-size: 12px;

	color: #000;

}

.aboutupperBox .inbox .d2 .left .title4{

	font-size: 30px;

	color: #545454;

	line-height: 1;

	margin-bottom: 20px;

}

.aboutupperBox .inbox .d2 .left .content{

	color: #545454;

	font-size:16px;

	line-height:30px; text-indent:20px;

}



.aboutupperBox .inbox .d2 .left .content br{

	margin-bottom:15px;

}



.aboutupperBox .inbox .d2 .right{



	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

}

.aboutupperBox .inbox .d2 .right img{

	width: 100%;

}

@media only screen  and (max-width:1440px){

	.engineering-bottom{

		

		padding-top: 70px;

	}

	.engineering-bottom .inbox .desc{

		margin-bottom: 55px;

	}

}

@media only screen  and (max-width:1280px){

	.engineering-bottom{

		

		padding-top: 50px;

	}

	.engineering-bottom .inbox .desc{

		margin-bottom: 45px;

	}

	.aboutupperBox .inbox .d2 .left{

		padding: 75px 35px 20px 35px;

	}

	.engineering-bottom .inbox .title1{

		font-size: 24px;

		height: 36px;

	}

}

@media only screen  and (max-width:1024px){

	.engineering-bottom{

		

		padding-top: 5%;

	}

	.engineering-bottom .inbox .title1{

		font-size: 20px;

		height: 30px;

	}

	.engineering-bottom .inbox .desc{

		margin-top: 7px;

		margin-bottom: 36px;

	}

	.aboutupperBox .inbox .d2 .left{

		padding: 50px 35px 20px 35px;

	}

	.aboutupperBox .inbox .d2 .left .title4{

		font-size: 24px;

	}

	.aboutupperBox .inbox .d2 .left .content{

	color: #545454;

	font-size:13px;

	line-height:30px; text-indent:20px;

}

}

@media only screen  and (max-width:600px){

	.aboutupperBox .inbox .d2 .right{

		float: none;

		width: 100%;

	}

	.aboutupperBox .inbox .d2 .left{

		float: none;

		width: 100%;

	}

	.engineering-bottom{

		

	}

	.aboutupperBox .inbox .d2{

		max-height: none;

	}

	.aboutupperBox .inbox .d2 .left{

		padding: 20px 15px 20px 15px;

	}

	.engineering-bottom .inbox .desc{

		margin-top: 3px;

		margin-bottom: 25px;

	}

	.aboutupperBox .my-swiper .choseul-prev,.aboutupperBox .my-swiper .choseul-next{

		display: block;

	}

}

@media only screen  and (max-width:414px){

	.aboutupperBox .inbox .d2 .left .title4{

		font-size: 20px;

		margin-bottom: 10px;

	}

	.engineering-bottom{

		

	}

	.aboutupperBox .my-swiper .swiper-slide .d1{

		height: 36px;

		line-height: 36px;

	}

}

@media only screen  and (max-width:375px){

	.engineering-bottom{

		

	}

}

/*engineering-bottom End*/

/* =========



  閻儰楠�



  ========== */

.company-bg .left .yw,.company-bg .left .zw{

	color: #e6b700;

}

.company-upper{

	background-repeat: no-repeat;

	background-position: center bottom;

	padding-bottom: 90px;

}

.company-bg .left:after{

	background-color: #e6b700;

}

/*.company-upper*/

.company-upper:after{

	background-color: #e6b700;

} 

.company-upper .content{

    position: relative;

    overflow: hidden;

   

}

.company-upper .content .right{

	width: 50%;

	float: right;

	font-size: 15px;

	color: #3f3f3f;

	line-height: 2;

	padding-right: 7.5%;

	padding-top: 52px;

	padding-bottom: 60px;

	background-repeat: no-repeat;

	background-position: top right;

}

.company-upper .content .left{

	width: 48%;

	position: absolute;

	bottom: 0;

	left: 0;

}

.company-upper .content .left img{

	width: 100%;

}

.company-upper-bottom{

	background:url(../images/2017083060490837.jpg);

	background-size:cover;

	display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    background-color: #e6b700;

    height: 250px;

}

.company-upper-bottom .inbox{

	font-size: 36px;

	color: #fff;

	line-height: 1.4;

	font-family: "Microsoft JhengHei";

	text-align: center;

}

@media only screen  and (max-width:1280px){

	.company-upper .content{

		margin-top: 50px;

	}

	.company-upper{

		padding-bottom: 80px;

	}

}

@media only screen  and (max-width:1024px){

	.company-upper .content{

		margin-top: 5%;

	}

	.company-upper{

		padding-bottom: 8%;

	}

	.company-upper .content .right{

		padding-top: 45px;

		padding-bottom: 50px;

	}

	.company-upper-bottom .inbox{

		font-size: 30px;

	}

	.company-upper-bottom{

		height: 220px;

	}

}

@media only screen  and (max-width:800px){

	.company-upper .content .right{

		float: none;

		width: 100%;

	}

	.company-upper .content .left{

		position: static;

		width: 100%;

		

		

	}

	.company-upper .content .right{

		padding-top: 4%;

		padding-bottom: 5.5%;

		padding-right:0%;

	}

	.company-upper-bottom .inbox{

		font-size: 24px;

	}

	.company-upper-bottom{

		height: 170px;

	}

}

@media only screen  and (max-width:600px){

	.company-upper-bottom .inbox{

		font-size: 20px;

	}

	.company-upper-bottom{

		height: 150px;

	}

}

@media only screen  and (max-width:414px){

	.company-upper .content .right{

		font-size: 12px !important;

	

	}

	.company-upper-bottom .inbox{

		font-size: 16px;

	}

	.company-upper-bottom{

		height: 120px;

	}

}

/*.company-upper End*/

/*鐠у嫯宸濈拠浣峰姛*/

.company-shu{

	padding-top: 80px;

	padding-bottom: 80px;

	background-color: #f3f8fb;

	position: relative;

}

.company-shu .swiperbox{

	max-width: 1380px;

	position: relative;

	margin-top: 30px;

}

.company-shu .swiperbox .btn{

	position: absolute;

    z-index: 10;

    cursor: pointer;

    top: 50%;

    width: 40px;

    height: 40px;

    margin-top: -20px;

    border-radius: 50%;

    border: 2px solid #e6b700;

    background-color: #fff;

}

.company-shu .swiperbox .btn:after {

    content: "";

    position: absolute;

    width: 6px;

    height: 6px;

    top: 50%;

    left: 50%;

    margin-top: -4px;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.company-shu .swiperbox .shu-prev{

	left: 0;

}

.company-shu .swiperbox .shu-next{

	right: 0;

}

.company-shu .swiperbox .shu-prev:after{

	border-top: 2px solid #e6b700;

    border-left: 2px solid #e6b700;

    margin-left: -4px;

}

.company-shu .swiperbox .shu-next:after{

	border-bottom: 2px solid #e6b700;

    border-right: 2px solid #e6b700;

    margin-left: -5px;

}

.company-shu .swiperbox .shu-swiper{

	max-width: 1200px;

	width: calc(100% - 90px);

	margin-left: auto;

	margin-right: auto;

}

.company-shu .swiperbox .shu-swiper .swiper-slide{

	cursor: pointer;

}

.company-shu .swiperbox .shu-swiper .swiper-slide .imgbox{

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	background-color: #fff;

	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);

	box-shadow: 0 0 5px rgba(0,0,0,.25);

}

.company-shu .swiperbox .shu-swiper .swiper-slide .imgbox img{

	width: 100%;

}

.company-shu .swiperbox .shu-swiper .swiper-slide .title{

	text-align: center;

	font-size: 14px;

	color: #434343;

	line-height: 1.5;

	height: 21px;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	margin-top: 10px;

}

.layui-layer-page .layui-layer-content{

	background-color: #fff;

}

.layui-layer .intitle{

	font-size: 14px;

	color: #434343;

	line-height: 1.5;

	height: 21px;

	text-align: center;

    background-color: #fff;

    border-top: 1px solid #ccc;

}

/*鐠у嫯宸濈拠浣峰姛 End*/

/*company-middle*/

.company-middle{

	position: relative;

	margin-top: 80px;

}

.company-middle .yw{

	color: #cfd8dc;

}

.company-middle .outbox{

	padding-bottom: 170px;

	position: relative;

	max-width: 1720px;

	margin-top: 30px;

}

.company-middle .outbox .imgbox{

	height: 375px;

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    font-size: 48px;

    color: #ffffff;

    font-weight: bold;

    font-family: "Microsoft JhengHei";

}

.company-middle .outbox .cm-swiper{

	max-width: 1500px;

	position: absolute;

	top: 318px;

	left: 50%;

	width: 96%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

}

.company-middle .outbox .cm-swiper .swiper-slide{

	text-align: center;

}

.company-middle .outbox .cm-swiper .swiper-slide .yuan{

	width: 116px;

	height: 116px;

	border-radius: 50%;

	background-color: #fff;

	font-size: 36px;

	font-weight: bold;

	color: #bebebe;

	text-align: center;

	line-height: 116px;

	margin-left: auto;

	margin-right: auto;

}

.company-middle .outbox .cm-swiper .swiper-slide .title{

	font-size: 20px;

	color: #3f3f3f;

	font-weight: bold;

	line-height: 20px;

	height: 20px;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	margin-top:15px;

	font-weight:bold;

}

.company-middle .outbox .cm-swiper .swiper-slide .desc{

	font-size: 14px;

	color: #3f3f3f;

	line-height: 2;

	height: 84px;

	overflow: hidden;

	margin-top: 10px;

}



.company-middle-bottom{

	padding-top: 50px;

	max-width: 1720px;

	background-repeat: no-repeat;

	background-position: 80% top;

}

.company-middle-bottom .line1{

	border-top: 1px solid #dfdfdf;

	height: 6px;

	background-image: url(../images/line01.png);

	background-position: center;

	background-repeat: no-repeat;

}

.company-middle-bottom .inbox{

	max-width: 1380px;

	margin-top: 45px;

}

.company-middle-bottom .inbox .left{

	float: left;

	width: 50%;

}

.company-middle-bottom .inbox .left img{

	width: 100%;

}

.company-middle-bottom .inbox .right{

	float: right;

	width: 50%;

	padding-left: 30px;

}

.company-middle-bottom .inbox .right .title{

	font-size: 30px;

	color: #2e2e2e;

	font-weight: bold;

	margin-top: 100px;

	line-height: 1.5;

	height: 45px;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

}

.company-middle-bottom .inbox .right .line{

	width: 30px;

	height: 2px;

	background-color: #fcdb00;

	margin-top: 20px;

	margin-bottom: 20px;

}

.company-middle-bottom .inbox .right .desc{

	font-size: 14px;

	color: #3f3f3f;

	line-height: 2;

}

@media only screen  and (max-width:1280px){

	.company-middle .outbox{

		margin-top: 15px;

	}

	.company-middle .outbox .imgbox{

		height: 325px;

	}

	.company-middle .outbox .cm-swiper{

		top: 268px;

	}

	.company-middle-bottom .inbox .right .title{

		margin-top: 70px;

	}

	.company-shu{

		padding-top: 65px;

		padding-bottom: 65px;

	}

	.company-shu .swiperbox .btn{

		width: 30px;

		height: 30px;

		margin-top: -15px;

	}

}

@media only screen  and (max-width:1024px){

	.company-middle .outbox .cm-swiper .swiper-slide .desc{

		margin-top: 5px;

	}

	.company-middle .outbox .imgbox{

		height: 275px;

		font-size: 40px;

	}

	.company-middle .outbox .cm-swiper{

		top: 218px;

	}

	.company-middle .outbox{

		margin-top: 0;

	}

	.company-middle-bottom .inbox .right .title{

		margin-top: 25px;

		font-size: 24px;

		height: 36px;

	}

	.company-middle-bottom .inbox .right .line{

		margin-top: 15px;

		margin-bottom: 15px;

	}

	.company-middle-bottom{

		padding-top: 5%;

	}

	.company-middle-bottom .inbox{

		margin-top: 4.5%;

	}

	.company-shu{

		padding-top: 6.5%;

		padding-bottom: 6.5%;

	}

	.company-shu .swiperbox{

		margin-top: 2%;

	}

}

@media only screen  and (max-width:800px){

	.company-middle .outbox .imgbox{

		height: 225px;

		font-size: 30px;

	}

	.company-middle .outbox .cm-swiper{

		top: 168px;

	}

	.company-middle-bottom .inbox .left{

		float: none;

		width: 100%;

	}

	.company-middle-bottom .inbox .right{

		float: none;

		width: 100%;

		padding: 0;

	}

	.company-middle-bottom .inbox .right .title{

		margin-top: 3%;

	}

	.company-middle-bottom .inbox .right .line{

		margin-top: 10px;

		margin-bottom: 10px;

	}

}

@media only screen  and (max-width:600px){

	.company-middle .outbox .imgbox{

		height: 200px;

		font-size: 24px;

	}

	.company-middle .outbox .cm-swiper{

		top: 160px;

	}

	.company-middle .outbox .cm-swiper .swiper-slide .desc{

		font-size: 12px !important;

		line-height: 1.5 !important;

		height: 54px;

	}

	.company-middle .outbox .cm-swiper .swiper-slide .yuan{

		width: 80px;

		height: 80px;

		font-size: 26px;

		line-height: 80px;

	}

	.company-middle .outbox{

		padding-bottom: 135px;

	}

	.company-middle-bottom .inbox .right .title{

		font-size: 20px;

		height: 30px;

	}

}

@media only screen  and (max-width:414px){

	.company-middle-bottom .inbox .right .title{

		font-size: 16px;

		height: 24px;

	}

	.company-middle-bottom .inbox .right .line{

		margin-top: 5px;

		margin-bottom: 5px;

	}

	.company-shu .swiperbox .shu-swiper .swiper-slide .title{

		font-size: 12px;

		height: 18px;

		margin-top: 5px;

	}

}

/*company-middle End*/

/*company-lc*/



.company-lc{

	padding-top: 105px;

	border-top: 1px solid #dfdfdf;

	margin-top: 50px;

	background-repeat: no-repeat;

	background-position: 23% 105px;

	position: relative;

	background:#f3f8fb

}

.company-lc .inbox{

	max-width: 1380px;

}

.company-lc .inbox .yw{

	color: #f0f0f0;

}

.about-dpp{

	height:400px;

	background: url(../images/line03.png) no-repeat;

    background-position: center;

    position: relative;

}

.about-dpp:after,.about-dpp:before{

	content: "";

	height: 2px;

	width: 50%;

	position: absolute;

	top: 50%;

	left: 0;

	margin-top: -1px;

	background-color: #e6b700;

}

.about-dpp:before{

	left: auto;

	right: 0;

}

.about-dpp .adbox{

	position: relative;

	max-width: 1380px;

	margin-top: 20px;

}

.about-dpp .adpp-swiper{

	height: 100%;

    max-width:1120px;

    width: calc(94% - 80px);

    margin-left: auto;

    margin-right: auto;

}

.adpp-swiper .swiper-slide .inbox{

	padding-left: 30px;

	overflow: hidden;

	max-height: 50%;

	position: absolute;

	padding-bottom: 10px;

	left: 0;

}

.adpp-swiper .swiper-slide:nth-child(2n+1) .inbox:before{

	content: "";

	position: absolute;

	left:4px;

	top: 22px;

	height: 100%;

	width: 2px;

	background-color: #e6b700;

}

.adpp-swiper .swiper-slide:nth-child(2n+1) .inbox:after{

	content: "";

	width: 6px;

	height: 6px;

	border-radius: 50%;

	border: 2px solid #e6b700;

	position: absolute;

	top: 12px;

	left: 0;

}

.adpp-swiper .swiper-slide:nth-child(2n+2) .inbox:before{

	content: "";

	position: absolute;

	left:4px;

	top: 0px;

	width: 2px;

	background-color: #e6b700;

}

.adpp-swiper .swiper-slide:nth-child(2n+2) .inbox:after{

	content: "";

	width: 6px;

	height: 6px;

	border-radius: 50%;

	border: 2px solid #e6b700;

	position: absolute;

	left: 0;

}

.adpp-swiper .swiper-slide .inbox .year{

	font-size: 30px;

	color: #e6b700;

	line-height: 1;

	height: 30px;

	overflow: hidden;

}

.adpp-swiper .swiper-slide .inbox .desc{

	overflow: hidden;

	margin-top: 10px;

	max-height: 200px;

}

.adpp-swiper .swiper-slide .inbox .desc .demo{

	font-size: 18px;

	color: #5f5f5f;

	height: 26px;

	line-height: 1;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	border-bottom: 1px solid #e8e8e8;

	margin-bottom: 10px;

}

.adpp-swiper .swiper-slide .inbox .desc .imgbox{

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

}

.adpp-swiper .swiper-slide .inbox .des .content{

	line-height: 1.8;

	font-size: 12px;

	color: #6b6b6b;

}

.adpp-swiper .swiper-slide .inbox .desc img{

	width: 100%;

}

.adpp-swiper .swiper-slide:nth-child(2n+1) .inbox{

	bottom: 50%;

}

.adpp-swiper .swiper-slide:nth-child(2n+1) .inbox .desc{

	margin-bottom: 30px;

}

.adpp-swiper .swiper-slide:nth-child(2n+2) .inbox{

	top: 50%;

}

.adpp-swiper .swiper-slide:nth-child(2n+2) .inbox{

	padding-top: 60px;

}

.adpp-swiper .swiper-slide:nth-child(2n+2) .inbox:before{

	height: 68px;

}

.adpp-swiper .swiper-slide:nth-child(2n+2) .inbox:after{

	top: 68px;

}

.about-dpp .btn{

	position: absolute;

	z-index: 10;

	cursor: pointer;

	top: 50%;

	width: 40px;

	height: 40px;

	margin-top: -20px;

	border-radius: 50%;

	border: 2px solid #e6b700;

	background-color: #fff;

}

.about-dpp .btn:after{

	content: "";

    position: absolute;

    width: 10px;

    height: 10px;

    top: 50%;

    left: 50%;

    margin-top: -5px;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.about-dpp .adpp-prev{

	left: 0px;

}

.about-dpp .adpp-next{

	right: 0px;

}

.about-dpp .adpp-prev:after{

	border-top: 2px solid #e6b700;

    border-left: 2px solid #e6b700;

    margin-left: -4px;

}

.about-dpp .adpp-next:after{

	border-bottom: 2px solid #e6b700;

    border-right: 2px solid #e6b700;

    margin-left: -7px;

}

@media only screen  and (max-width:1280px){

	.company-lc{

		margin-top: 40px;

		padding-top: 80px;

	}

}

@media only screen  and (max-width:1024px){

	.company-lc{

		margin-top: 4%;

		padding-top: 8%;

	}

	.adpp-swiper .swiper-slide .inbox .desc .demo{

		font-size: 16px;

		height: 24px;

	}

}

@media only screen  and (max-width:800px){

	.about-dpp .adbox{

		margin-top: 0;

	}

}

@media only screen  and (max-width:600px){

	.adpp-swiper .swiper-slide:nth-child(2n+1) .inbox .desc {

	    margin-bottom: 15px;

	}

	.adpp-swiper .swiper-slide:nth-child(2n+2) .inbox{

		padding-top: 30px;

	}

	.adpp-swiper .swiper-slide .inbox .year{

		font-size: 22px;

	}

	.adpp-swiper .swiper-slide .inbox .desc{

		margin-top: 0;

	}

	.adpp-swiper .swiper-slide:nth-child(2n+2) .inbox:before{

		height: 42px;

	}

	.adpp-swiper .swiper-slide:nth-child(2n+2) .inbox:after{

		top: 42px;

	}

	.adpp-swiper .swiper-slide .inbox .desc .demo{

		font-size: 14px;

		height: 22px;

	}

}

@media only screen  and (max-width:414px){

	.about-dpp .btn {

	    width: 24px;

	    height: 24px;

	    margin-top: -12px;

	}

	.about-dpp .btn:after {

	    width: 6px;

	    height: 6px;

	    margin-top: -3px;

	}

	.about-dpp .adpp-prev:after{

		margin-left: -3px;

	}

	.about-dpp .adpp-next:after{

		margin-left: -6px;

	}

	.about-dpp .adpp-swiper {

	    width: calc(96% - 48px);

	}

	.about-dpp{

		height: 480px;

	}

}

/*company-lc End*/

/*company-view*/

.company-view{

	position: relative;

	margin-top: 110px;

	padding-top: 100px;

	background-color: #f3f8fb;

	padding-bottom: 100px;

}

.company-view .top{

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	height: 450px;

}

.company-view .inbox{

	position: relative;

	z-index: 1;

}

.company-view .inbox .yw{

	color: rgba(255,255,255,.1);

}

.company-view .inbox .zw{

	color: #fff;

}

.company-view .inbox .imgbox{

	max-width: 564px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 30px;

}

.company-view .inbox .title{

	text-align: center;

	font-size: 36px;

	color: #2e2e2e;

	line-height: 1.5;

	height: 54px;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	font-family: "Microsoft JhengHei";

	margin-top: 20px;

	margin-bottom: 75px;

}

.company-view .inbox .line{

	width: 67.5%;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	height: 48px;

	border: 1px solid #e0b718;

	border-bottom: 0;

}

.company-view .inbox .line:after{

	content: "";

	position: absolute;

	top: -60px;

	height: 60px;

	width: 1px;

	background-color: #e0b718;

	left: 50%;

}

.company-view .inbox .box .left{

	float: left;

	width: 28.33%;

	margin-bottom: 10px;

	margin-left: 5.1%;

}

.company-view .inbox .box .left:first-child{

	margin-left: 3.1%;

}

.company-view .inbox .box .left .img{

	width: 114px;

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	margin: 0 auto;

}

.company-view .inbox .box .left .img img{

	width: 100%;

}

.company-view .inbox .box .left .title2{

	font-size: 14px;

	color: #3f3f3f;

	line-height: 1.5;

	height: 21px;

	overflow: hidden;

	white-space: nowrap;

	-ms-text-overflow: ellipsis;

	text-overflow: ellipsis;

	text-align: center;

	margin-top: 8px;

	margin-bottom: 2px;

}

.company-view .inbox .box .left .desc{

	color: #3f3f3f;

	line-height: 2;

	font-size: 12px;

	overflow: hidden;

}

@media only screen  and (max-width:1280px){

	.company-view{

		margin-top: 80px;

		padding-top: 80px;

		padding-bottom: 80px;

	}

	.company-view .top{

		height: 400px;

	}

}

@media only screen  and (max-width:1024px){

	.company-view{

		margin-top: 8%;

		padding-top: 8%;

		padding-bottom: 8%;

	}

	.company-view .inbox .imgbox{

		margin-top: 15px;

		width: 80%;

	}

	.company-view .top{

		height: 350px;

	}

	.company-view .inbox .title{

		margin-bottom: 65px;

		font-size: 30px;

		height: 45px;

	}

	.company-view .inbox .line:after{

		height: 50px;

		top: -50px;

	}

	.company-view .inbox .box .left .img{

		width: 100px;

	}

}

@media only screen  and (max-width:800px){

	.company-view .top{

		height: 300px;

	}

	.company-view .inbox .line:after{

		display: none;

	}

	.company-view .inbox .line{

		width: 1px;

		height: 50px;

		border: 0;

		background-color: #e0b718;

	}

	.company-view .inbox .box{

		margin-top: 3%;

	}

	.company-view .inbox .box .left{

		float: none;

		width: 100%;

		margin-bottom: 3%;

		padding: 0;

		margin-left: 0 !important;

	}

	.company-view .inbox .title{

		margin-bottom: 1%;

		margin-top: 3%;

	}

	.company-view .inbox .box .left .img{

		margin: 0;

	}

	.company-view .inbox .box .left .title2{

		text-align: left;

	}

}

@media only screen  and (max-width:600px){

	.company-view .top{

		height: 250px;

	}

}

@media only screen  and (max-width:414px){

	.company-view .top{

		height: 200px;

	}

	.company-view .inbox .box{

		margin-top: 10px;

	}

	.company-view .inbox .line{

		height: 30px;

	}

	.company-view .inbox .title{

		font-size: 20px;

		height: 30px;

	}

	.company-view .inbox .box .left .img{

		width: 75px;

	}

	.company-view .inbox .box .left .desc{

		font-size: 12px !important;

		line-height: 1.5 !important;

	}

}

/*company-view End*/

/*conpany-bottom*/

.conpany-bottom{

	background-position: center bottom;

	background-repeat: no-repeat;

	margin-top: 100px;

	padding-bottom: 120px;

	position: relative;

}

.conpany-bottom .inbox  .yw{

	color: #f0f0f0;

}

.conpany-bottom .inbox img{

	margin-top: 20px;

	width: 100%;

}

@media only screen  and (max-width:1280px){

	.conpany-bottom{

		margin-top: 80px;

		padding-bottom: 100px;

	}

}

@media only screen  and (max-width:1024px){

	.conpany-bottom{

		margin-top: 8%;

		padding-bottom: 10%;

	}

	.conpany-bottom .inbox img{

		margin-top: 0;

	}

}

/*conpany-bottom End*/

/*娓氀嗙珶瀹搞儱鍙块弽锟�*/

.toolbar-box{

	position: fixed;

	bottom: 80px;

	right: 20px;

	z-index: 99;

}

.toolbar-box .ul1 li{

	background-color: #333;

}

.toolbar-box .ul1 li .d1{

	color: #fff;

	font-size: 12px;

	margin-top: 10px;

	line-height: 1;

}

.toolbar-box .ul1 li .a1{

	display: block;

	width: 35px;

	text-align: center;

	border-bottom: 1px solid #fff;

}

.toolbar-box .ul1 li .a1.weixin{

 	border-bottom: 0;

}

.toolbar-box .ul1 li .qq{

	width: 35px;

	position: relative;

	border-bottom: 0;

	text-align: center;

	border-bottom: 1px solid #fff;

}

.toolbar-box .ul1 li .icon{

	display: block;

	width: 35px;

	height: 35px;

	text-align: center;

	cursor: pointer;

	position: relative;

}

.toolbar-box .ul1 li .icon img{

	width: 35px;

	height: 35px;

	position: absolute;

	top: 0;

	left: 0;

}

.toolbar-box .ul1 li .icon .img1{

	z-index: 1;

}

.toolbar-box .ul1 li .icon .img2{

	z-index: -1;

	opacity: 0;

}

.toolbar-box .ul1 li .weixin{

	position: relative;

}

.toolbar-box .ul1 li .weixin .ewm-box{

	position: absolute;

    top: 0px;

    left: -132px;

    width: 125px;

    height: 125px;

    -webkit-transform: scale(0.0001);

    -moz-transform: scale(0.0001);

    -ms-transform: scale(0.0001);

    -o-transform: scale(0.0001);

    transform: scale(0.0001);

}

.toolbar-box .ul1 li .weixin .ewm{

	max-width: none;

	width: 125px;

	height: 125px;

}

.toolbar-box .ul1 li .qq .hover-box{

	position: absolute;

    top: 0px;

    right: 50px;

    width: 170px;

    border: 1px solid #dfdfdf;

    background-color: #fff;

    font-size: 12px;

    color: #e94f25;

    line-height: 24px;

    z-index: 12;

    text-align: center;

    padding: 5px 0;

    -webkit-transform: scale(0.0001);

    -moz-transform: scale(0.0001);

    -ms-transform: scale(0.0001);

    -o-transform: scale(0.0001);

    transform: scale(0.0001);

}

.toolbar-box .ul1 li .qq .hover-box:before {

    content: "";

    position: absolute;

    top: 12px;

    right: -5px;

    width: 0;

    height: 0;

    border-top: 5px solid transparent;

    border-left: 5px solid #dfdfdf;

    border-bottom: 5px solid transparent;

}

.toolbar-box .ul1 li .qq .hover-box:after {

    content: " ";

    position: absolute;

    top: 12px;

    right: -4px;

    width: 0;

    height: 0;

    border-top: 4px solid transparent;

    border-left: 4px solid #fff;

    border-bottom: 4px solid transparent;

    margin-top: 1px;

}

.toolbar-box .ul1 li .qq .hover-box .hb-span{

	font-size: 14px;

	color: #515151;

	font-weight: bold;

}

.toolbar-box .ul1 li .qq .hover-box a{

	font-size: 12px;

	color: #333333;

	display: block;

	line-height: 2;

	margin-bottom: 3px;

}

.toolbar-box .ul1 li .qq .hover-box a:last-child{

	margin-bottom: 0;

}

.toolbar-box .ul1 li .qq .hover-box a .color{

	font-size: 12px;

	color: #898989;

}

.toolbar-box .ul1 .back-top{

	display: none;

	cursor: pointer;

	background-color: transparent;

	margin-top: 14px;

}

@media only screen  and (min-width: 601px){

	.toolbar-box .ul1 li .weixin:hover .ewm-box,.toolbar-box .ul1 li .qq:hover .hover-box{

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

	    -ms-transform: scale(1);

	    -o-transform: scale(1);

	    transform: scale(1);

	}

	.toolbar-box .ul1 li:hover .icon .img1{

		z-index: -1;

		opacity: 0;

	}

	.toolbar-box .ul1 li:hover .icon .img2{

		z-index: 1;

		opacity: 1;

	}

	.toolbar-box .ul1 li:hover .icon{

		background-color: #fde233;

	}

}

@media only screen  and (max-width: 1023px){

	.toolbar-box .ul1 li.telli{

		display: block;

	}

	.toolbar-box .ul1 li.telli[data-on=""] .qq{

		border-bottom: 0;

	}

	.toolbar-box .ul1 li.telli[data-on="scroll"] .qq{

		border-bottom: 1px solid #fff;

	}

}

@media only screen  and (max-width: 600px){

	.toolbar-box{

		right: 10px;

	}

	.toolbar-box .ul1 li .weixin[data-on="hover"] .ewm-box,.toolbar-box .ul1 li .qq[data-on="hover"] .hover-box{

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

	    -ms-transform: scale(1);

	    -o-transform: scale(1);

	    transform: scale(1);

	}

	.toolbar-box .ul1 li a[data-on="hover"] .img1,.toolbar-box .ul1 li .qq[data-on="hover"] .img1{

		z-index: -1;

		opacity: 0;

	}

	.toolbar-box .ul1 li a[data-on="hover"] .img2,.toolbar-box .ul1 li .qq[data-on="hover"] .img2{

		z-index: 1;

		opacity: 1;

	}

	.toolbar-box .ul1 li a[data-on="hover"] .icon,.toolbar-box .ul1 li .qq[data-on="hover"] .icon{

		background-color: #fde233;

	}

}

/*娓氀嗙珶瀹搞儱鍙块弽锟� End*/

.comlinka,.comlinka2{

	position: absolute;

	top: -120px;

	height: 1px;

	width: 1px;

	opacity: 0;

	left: 0;

}

.comlinka2{

	top: -91px;

}

@media only screen  and (max-width: 1023px){

	.comlinka{

		top: -75px;

	}

	.comlinka2{

		top: -51px;

	}

}

/*缂冩垹鐝崷鏉挎禈*/

.siteBox .btitle{

	font-size: 48px;

	color: #fcdb00;

	text-align: center;

	margin-top: 140px;

	margin-bottom: 80px;

}

.siteBox .outul .li1{

	display: inline-block;

	width: 20.8%;

	margin-right: calc(5.6% - 4px);

	margin-bottom: 70px;

	vertical-align: top;

}

.siteBox .outul .li1:nth-child(4n+0){

	margin-right: 0;

}

.siteBox .outul .li1 .a1{

	display: block;

	font-size: 24px;

	color: #fcdb00;

	padding-bottom: 14px;

	border-bottom: 1px solid #f5f5f5;

}

.siteBox .outul .li1 .inul{

	margin-top: 15px;

}

.siteBox .outul .li1 .inul li a{

	font-size: 14px;

	color: #494949;

	line-height: 32px;

	border-bottom: 1px solid #f5f5f5;;

	display: block;

}

@media only screen  and (min-width: 601px){

	.siteBox .outul .li1 .inul li:hover a{

		color: #000;

		background-color: #f5f7fa;

	}

}

@media only screen  and (max-width: 1280px){

	.siteBox .btitle{

		font-size: 42px;

		margin-bottom: 70px;

	}

	.siteBox .outul .li1{

		margin-bottom: 50px;

	}

}

@media only screen  and (max-width: 1024px){

	.siteBox .btitle{

		font-size: 38px;

		margin-bottom: 7%;

	}

	.siteBox .outul .li1{

		margin-bottom: 5%;

	}

	.siteBox .outul .li1 .a1{

		font-size: 22px;

	}

}

@media only screen  and (max-width: 1023px){

	.siteBox .btitle{

		margin-top: calc(51px + 4%);

	}

}

@media only screen  and (max-width: 800px){

	.siteBox .btitle{

		font-size: 32px;

	}

	.siteBox .outul .li1{

		width: 29.6%;

	}

	.siteBox .outul .li1:nth-child(4n+0){

		margin-right: calc(5.6% - 4px);

	}

	.siteBox .outul .li1:nth-child(3n+0){

		margin-right: 0;

	}

}

@media only screen  and (max-width: 600px){

	.siteBox .btitle{

		font-size: 26px;

	}

	.siteBox .outul .li1 .a1{

		font-size: 18px;

		padding-bottom: 10px;

	}

	.siteBox .outul .li1 .inul{

		margin-top: 10px;

	}

}

@media only screen  and (max-width: 414px){

	.siteBox .btitle{

		font-size: 22px;

	}

	.siteBox .outul .li1 .a1{

		font-size: 16px;

		padding-bottom: 7px;

	}

	.siteBox .outul .li1 .inul{

		margin-top: 7px;

	}

	.siteBox .outul .li1{

		width: 47.2%;

	}

	.siteBox .outul .li1:nth-child(3n+0){

		margin-right: calc(5.6% - 4px);

	}

	.siteBox .outul .li1:nth-child(2n+0){

		margin-right: 0;

	}

	.siteBox .outul .li1 .inul li a{

		font-size: 12px;

		line-height: 26px;

	}

}

@media only screen  and (max-width: 350px){

	.header .bottom .left .logo img{

		width: 91px;

		height: 28px;

	}

	

}

/*缂冩垹鐝崷鏉挎禈 End*/



/*閹兼粎鍌�*/

.search-main img{ max-width:100%;}

.search-main {

	width: 94%;

	max-width: 1200px;

	margin: auto;

	padding: 30px 0;

	min-height: 300px;

	margin-top:100px;

}

.search-main .list{ margin-bottom:30px;}

.search-main .type {

	line-height: 50px;

	font-size: 30px;

	color: #000;

	font-weight: bold;

}



.search-main .list ul li {

	display: block;

	overflow: hidden;

	font-size: 14px;

	border-bottom: 1px solid #ccc;

	padding:30px 0;

	float: left;

	width: 50%;

}



.search-main .list ul li.nothing {

	height: 100px;

	border: 0px;

	line-height: 100px;

	text-align: center;

	font-size: 18px;

	color: #999;

}





.search-main .list ul li a .text .title {

	font-size: 18px;

	margin-bottom: 10px;

}



.search-main .list ul li a .text .demo {

	font-size: 12px;

	opacity: .7;

	line-height: 1.8;

	margin-bottom: 20px;

}



.search-main .list ul li a .text .rq {

	font-size: 14px;

	opacity: .7;

	line-height: 1.8;

	margin-bottom: 15px;

}

.search-main .list ul li a .tu{ margin-bottom:20px;}

@media only screen and (min-width:600px) {

.search-main .list ul li a {



	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-direction: row;

	-webkit-flex-direction: row;

	flex-direction: row;

	-webkit-box-orient: horizontal;

	-ms-box-orient: horizontal;

	box-orient: horizontal;

}



.search-main .list ul li a .tu{ width:200px; margin-right:30px; margin-bottom:0px;}

.search-main .list ul li a .text {

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1;

	-webkit-box-flex: 1;

}

}



.search-main .list ul li a span {

	float: right;

	margin-right: 20px;

}



.search-main .list ul li a:hover {

	color: #21263f;

}

@media only screen and (max-width:800px) {

.search-main{ margin-top:60px;}

}

@media only screen and (max-width:500px) {



.search-main .type {

	font-size: 22px;

}

.search-main .list ul li{

	float: none;

	width: 100%;

	padding: 0;

}

.search-main{

	padding-top: 10px;

}

.search-main .list ul li a .text .demo{

	margin-bottom: 10px;

}

}





table {  

  width: 100%;  

  border-collapse: collapse;  

} 

tr:nth-of-type(odd) {  

  background: #eee;  

} 

th {  

  background: #333;  

  color: white;  

  font-weight: bold;  

} 

td, th {  

  padding: 6px;  

  border: 1px solid #ccc;  

  text-align: left;  

} 



div.fy{ width: 100%; padding: 20px 0; text-align: center;}

div.fy a{ display: inline-block; margin: 0 3px; padding: 3px 10px; font-size: 15px; color: #4B4B4B; border: 1px solid #D3D3D3}

div.fy a:hover,

div.fy a.on{ color: #fff; background-color: #D6000E; border-color: #D6000E;}





.header_ser{ width:100%; line-height:50px; margin-top:50px; display:none}

.header_ser ul li { width:25%; float:left; text-align:center; background:#ececec; font-size:14px; font-family:"微软雅黑";border-right:1px solid #cfd8dc;}

.header_ser ul li:nth-child(4){border-right:none}





@media only screen and (max-width:900px) {

.header_ser{ display:block}

}





.header .bottom .search{

	float: right;

	width: 100px;

	height: 100%;

	background-image: url(../images/icon35.png);

	background-repeat: no-repeat;

	background-position: center;

	cursor: pointer;

	padding-left:25px;

	font-size:16px;

	color:#999

}



.indexheader .bottom .search{

	background: url(../images/eng.png) left center;

	background-repeat:no-repeat

}





.indexheader .bottom .search a:hover{

	color:#ff0000;

	

	text-decoration:underline

}