* {
	    padding: 0;
	    margin: 0;
	}
	
	.header-container {
	    width: 100%;
	    background: url('../Images/otherheaderbg.jpg') no-repeat;
	    background-size: cover;
	}
	
	.icon-bar {
	    display: block;
	    width: 22px;
	    height: 2px;
	    border-radius: 1px;
	    margin-top: 3px;
	    background-color: #fff;
	}
	
	.header-title {
	    padding-top: 1rem;
	    width: 100%;
	    text-align: center;
	    color: #fff;
	    position: relative;
	    padding-bottom: 0.6rem;
	}
	
	.header-title img {
	    width: 16%;
	}
	
	.header-title h2 {
	    font-size: 0.52rem;
	    font-weight: normal;
	    text-align: center;
	    position: absolute;
	    top: 56.5%;
	    width: 100%;
	    transform: translateY(-50%);
	}
	
	.header-title h4 {
	    font-size: 0.19rem;
	    text-align: center;
	    position: absolute;
	    width: 100%;
	    top: 74%;
	    font-weight: lighter;
	}
	
	.menu-container.fixed {
	    width: 100%;
	    position: fixed;
	    top: 0;
	    left: 0;
	    background-color: #fff;
	    z-index: 999;
	}
	
	.nav-list {
	    width: 80%;
	    margin: 0 auto;
	}
	
	.nav-list li {
	    color: #164a95;
	    width: 25%;
	    text-align: center;
	    float: left;
	    /*font-size: 0.3rem;*/
		font-size: 0.26rem;
	    line-height: 0.8rem;
	    cursor: pointer;
	    border-bottom: 3px solid #fff;
	}
	
	.nav-list.one-list li {
	    width: 100%;
	}
	
	.nav-list.two-list li {
	    width: 50%;
	}
	
	.nav-list.three-list li {
	    width: 33%;
	}
	
	.nav-list a:hover,
	.nav-list a:visited,
	.nav-list a:link,
	.nav-list a:active {
	    color: #164a95;
	}
	
	.nav-list li.active {
	    border-bottom: 3px solid #da0000;
	    color: #da0000;
	}
	
	.nav-list li.active a {
	    color: #da0000;
	}
	
	.nav-list::after {
	    content: '';
	    display: block;
	    height: 0;
	    width: 0;
	    clear: both;
	}
	
	.item {
	    width: 100%;
	    min-height: 1rem;
	    padding-top: 0.35rem;
	    padding-bottom: 0.5rem;
	}
	
	.item .cont-box {
	    width: 80%;
	    margin: 0 auto;
	    font-size: 0.21rem;
	    color: #4d546a;
	    line-height: 0.44rem;
	    margin: 0 auto;
	    padding: 0.05rem 0;
	}
	
	.con-container .item.about {
	    background: url('../Images/introbg.png') no-repeat;
	    background-size: cover;
	}
	
	.con-container .item.culture {
	    background: url('../Images/companybg.jpg') no-repeat;
	    background-size: cover;
	}
	
	.con-container .item.developing {
	    background: url('../Images/developbg.jpg') no-repeat;
	    background-size: cover;
	}
	
	.con-container .item.target {
	    background: url('../Images/targetbg.jpg') no-repeat;
	    background-size: cover;
	}
	
	.footer-container {
	    background: #f7f7f7;
	    color: #4d546a;
	    font-size: 0.2rem;
	}
	
	.footer-container .nav-text a {
	    color: #164A95;
	}
	
	.footer-container .footer-text {
	    color: #4D546A
	}
	
	.footernav {
	    width: 90%;
	    margin: 0 auto;
	    overflow: hidden;
	    padding: 0.4rem 0 0.7rem;
	}
	
	.footernav li {
	    width: 20%;
	    float: left;
	    line-height: 0.35rem;
		/*text-align: left;*/
	    text-align: center;
	}
	
	.footernav li>div {
	    display: inline-block;
	    text-align: left;
	}
	
	.footernav li h5 {
	    font-weight: bold;
	    padding-bottom: 0.1rem;
	    cursor: pointer;
	    font-size: 0.2rem;
	}
	
	.footernav li .nav-text {
	    font-weight: normal;
	    cursor: pointer;
	}
	
	.nav-text .icon-weixin,
	.nav-text .icon-facebook {
	    font-size: 0.6rem;
	}
	
	.footer-text {
	    text-align: center;
	    width: 100%;
	    height: 1rem;
	    clear: both;
	}
	
	.footer-container a:hover,
	.footer-container a:visited,
	.footer-container a:link,
	.footer-container a:active {
	    color: #4d546a;
	}
	
	@media (max-width:768px) {
	    html,
	    body {
	        width: 100%;
	        height: 100%;
	    }
	    .header-title {
	        padding-top: 0;
	        width: 100%;
	        text-align: center;
	        color: #fff;
	        position: relative;
	        padding-bottom: 0;
	    }
	    .header-title h4 {
	        top: 80%;
	    }
	    .header {
	        position: static;
	        overflow: hidden;
	        padding: 0.2rem 0;
	        height: 1rem;
	    }
	    .header-container {
	        width: 100%;
	        background: url('../Images/otherheaderbg.jpg') no-repeat;
	        background-size: cover;
	        height: 70%;
	    }
	    .header-title img {
	        width: 90%;
	    }
	    .navbar-toggle {
	        margin: 0.3rem auto;
	        width: 100%;
	    }
	    .nav-list {
	        width: 94%;
	        margin: 0 auto;
	    }
	    .nav-list li {
	        width: 48%;
	        line-height: 0.6rem;
			font-size:0.27rem;
	    }
	    .header-back {
	       /* height: 90%;*/
			/*height:7.6rem;*/
			height:70%;
	        background-color: rgba(55,61,65,.96);
	        transition: all 1s ease;
	        position: absolute;
			/*left: 7%;*/
	        /*top: 0.15rem;*/
	        z-index: 20;
	       /* width: 86%;*/
			width: 100%;
	    }
	    .nav-container {
	        width: 100%;
	        font-size: 0.25rem;
	        clear: both;
	        display: none;
	    }
	    .nav-container li {
	        display: block;
			/*line-height: 0.8rem;
			height: 0.8rem;*/
	        line-height: 0.78rem;
	        height: 0.78rem;
	        color: #fff;
	        cursor: pointer;
	        width: 80%;
	        margin: 0 auto;
	        border-bottom: solid 1px #b8afaf;
	    }
	    .logo-container {
	        float: left;
	       /* width: 90%;*/
	        text-align: center;
	        font-size: 0.36rem;
			width:46%;
	    }
	    .header-back .logo-container {
	       /* width: 83%;*/
			width:46%;
	    }
	    .logo-container a {
	        height: 0.9rem;
	        line-height: 0.9rem;
	    }
	    .navbar-toggle-container {
	        display: block !important;
	        height: 10%;
	        width: 15%;
	        float: right;
		}
		.footernav {
	        width: 90%;
			/*width:94%;*/
	        margin: 0 auto;
	        overflow: hidden;
	        padding: 4% 0 7%;
			/*padding:0;*/
			display:flex;
			display:-webkit-flex;
			flex-wrap:wrap;
	    }
	    .footernav li {
	        width: 33.3%;
	        float: left;
	        line-height: 0.38rem;
	        margin-top: 10%;
			text-align:left;
	    }

		.nav-list-en li {
			line-height:0.36rem;
			padding:0.2rem 0;
			font-size:0.28rem;
		}
		.header-title h2 {
			font-size:0.4rem;
		}
		.con-container .item.about { background:none !important; }

	}
	
	.detail_box {
	    padding: 0 0 0 0;
	}
	
	.detail_box h2 {
	    height: 46px;
	    line-height: 46px;
	    border-bottom: 1px solid #F4F4F4;
	    font-size: 18px;
	    color: #333;
	    font-family: "Microsoft Yahei";
	  /*  text-align: left;*/
	    font-weight: normal;
	    margin: 0 0 0 0;
	    text-align: center;
	    background: #E8F5FF;
	}
	
	.detail_box h3 {
	    background: url('../Images/ico_jt.png') no-repeat 0 50%;
	    padding-left: 18px;
	    font-size: 16px;
	    font-family: "Microsoft Yahei";
	    height: 30px;
	    line-height: 30px;
	  /*  color: #333;*/
	    margin-top: 10px;
	    font-weight: normal;
	    margin-bottom: 3px;
	    color: #f60
	}
	
	.img_box {
	    padding-left: 18px
	}
	
	.img_box img {
	    float: left;
	    border: 1px solid #ccc;
	    padding: 1px;
	    background-color: #fff
	}
	
	.txt_box {
	    padding-left: 18px;
	    padding-top: 6px;
	    padding-bottom: 10px;
	    font-size: 14px;
	    line-height: 25px;
	}
	
	.txt_box h4 {
	    font-size: 12px;
	    padding-bottom: 5px;
	    color: #666
	}
	
	.txt_box .p-txt {
	    font-size: 14px;
	    padding-bottom: 20px;
	    line-height: 25px;
	    color: #666
	}
	
	ol.txt_box {
	   /* margin-left: 18px;*/
	}
	
	.QC img {
	    height: 99px;
	    padding: 1px 30px;
	    margin-left: -1px;
	}
	
	.CK img {
	    margin-right: 30px
	}
	
	.Category {
	    width: 940px;
	    overflow: hidden;
	    margin: 0;
	    padding: 0
	}
	
	.Category img {
	    float: none;
	    width: 178px
	}
	
	.Category li {
	    float: left;
	    width: 200px;
	    display: inline;
	    margin: 0 0 25px 120px;
	}
	
	.Category li.none {
	    margin-left: 0
	}
	
	.company-wh {
	    padding-left: 18px;
	    line-height: 25px;
	    font-size: 14px;
	    padding-bottom: 15px;
	}
	
	.company-wh dt {
	    float: left;
	    width: 100px;
	    padding-right: 5px;
	}
	
	.company-wh dd {
	    float: left;
	}
	
	.clear:after {
	    content: '\20';
	    display: block;
	    height: 0;
	    clear: both
	}
	
	.clear {
	    *zoom: 1
	}
	/* 图片List */
	
	.gallery-list {
	    padding-left: 18px;
		display:flex;
		display:-webkit-flex;
		flex-wrap:wrap;
		align-items:center;
	}

	.gallery-list li {
	    float: left;
	   /* width: 200px;*/
		width:20%;
		/*min-width:200px;*/
	   /* margin-right: 78px;*/
	    display: table-cell;
	    /*text-align: center;*/
	    vertical-align: middle;
	    position: relative;
		margin-bottom: 15px;
	}
	
	.gallery-list li img {
	    max-height: 150px;
	    max-width: 200px;
	    vertical-align: middle;
	    border: 1px solid #ccc;
	    padding: 3px;
	}
	
	.gallery-list li.no-right {
	    margin-right: 0;
	}
	
	.gallery-list li a {
	    position: relative;
	    display: block;
	}
	
	.gallery-list li a .zoom-box {
	    font-size: 30px;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    margin-left: -15px;
	    margin-top: -15px;
	    z-index: 999;
	    color: #333;
	    display: none;
	}
	
	.gallery-list li a:hover img {
	    opacity: 0.7;
	    filter: alpha(opacity=70);
	}
	
	.gallery-list li a:hover .zoom-box {
	    display: block
	}
	
	.gallery-list li .g-ft {
	    display: none;
	    position: absolute;
	    left: -1px;
	    bottom: -30px;
	    height: 28px;
	    line-height: 28px;
	    text-align: center;
	    background: #fff;
	    border: 1px solid #ccc;
	    border-top: none;
	    width: 110px;
	    padding: 0 5px;
	}
	
	.gallery-list li .g-ft a {
	    display: inline-block;
	    line-height: 16px;
	}
	
	.gallery-list li:hover .g-ft {
	    display: block;
	}
	
	.gallery-list li .t-i {
	    text-align: left;
	    padding-top: 6px;
	    padding-left: 5px;
	}
	
	.gallery-list li .t-i h4 {
	    font-size: 14px;
	    font-weight: normal;
	}
	
	.gallery-list li .t-i p {
	    font-size: 12px;
	    color: #999
	}
	/* 路由信息列表 */
	
	.packing-search-list {
	    font-size: 14px;
	}
	
	.packing-search-list h5 {
	    border-bottom: 1px solid #F2F2F2;
	    height: 50px;
	    line-height: 50px;
	    padding-left: 18px;
	    font-size: 14px;
	}
	
	.packing-search-list .bd {
	    overflow-y: auto;
	    min-height: 391px;
	}
	
	.packing-search-list li {
	    padding: 15px 0 15px 18px;
	    border-bottom: 1px solid #F2F2F2;
	}
	
	.packing-search-list dd {
	    height: 40px;
	    overflow: hidden;
	}
	
	.packing-search-list dt {
	    font-size: 14px;
	    padding-bottom: 10px;
	    color: #000;
	}
	
	.packing-search-list .t-day {
	    float: left;
	    width: 80px;
	    color: #333;
	    height: 40px;
	    line-height: 40px;
	}
	
	.packing-search-list .t-hour {
	    float: left;
	    border-left: 1px solid #E0E0E0;
	}
	
	.packing-search-list i {
	    float: left;
	    width: 7px;
	    height: 7px;
	    background: #E0E0E0;
	    border-radius: 4px;
	    margin-top: 11px;
	}
	
	.packing-search-list .t-h-one {
	    margin-left: -4px;
	}
	
	.packing-search-list .t-h-one:hover p {
	    background: #EDFFED;
	}
	
	.packing-search-list .t-h-one.on i {
	    background: #090
	}
	
	.packing-search-list .t-h-one.on p {
	    color: #090!important;
	}
	
	.packing-search-list .t-h-one.on p em {
	    color: #090;
	}
	
	.packing-search-list .t-h-one p {
	    margin-left: 20px;
		line-height: 20px;
	    padding: 5px 10px 5px 5px;
	    border-radius: 3px;
	}
	
	.packing-search-list .t-h-one p em {
	    padding-right: 20px;
	    color: #999;
	    float: left;
	    width: 100px;
	}
	
	.packing-search-list .t-h-one p span {
	    float: left;
	}
	
	.img-box-container {
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    background: #000;
	    left: 0;
	    top: 0;
	    z-index: 1000;
	    color: #fff;
	    transform: scale(0, 0);
	    transition: all 0.5s;
	}
	
	.img-box-container.active {
	    transform: scale(1, 1);
	}
	
	.img-box-container .close-box {
	    display: block;
	    position: fixed;
	    right: 0.4rem;
	    top: 0.2rem;
	    text-align: right;
	    z-index: 1001;
	    width: 1.5%;
	    min-width: 20px;
	}
	
	.img-box-container .close {
	    display: block;
	    position: relative;
	    text-align: right;
	    z-index: 1200;
	    padding-bottom: 100%;
	    border-radius: 50%;
	    cursor: pointer;
	}
	
	.img-box-container .close::before {
	    content: "";
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%) rotate(45deg);
	    display: block;
	    padding-bottom: 10%;
	    width: 100%;
	    background-color: #fff;
	    z-index: 1201;
	}
	
	.img-box-container .close::after {
	    content: "";
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%) rotate(-45deg);
	    display: block;
	    padding-bottom: 10%;
	    width: 100%;
	    background-color: #fff;
	    z-index: 1201;
	}
	
	.img-box-container .swiper-wrapper img {
	    max-width: 100%;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    z-index: 10;
	}
	
	.img-text-container {
	    position: absolute;
	    z-index: 11;
	   /* text-align: center;*/
	    background-color: rgba(0, 0, 0, 0.5);
	    text-align: left;
	    padding: 0.2rem 0.2rem 0.1rem;
	    display: none;
	}
	
	.img-text-container h4 {
	    font-size: 0.25rem;
	    line-height: 150%;
	}
	
	.img-text-container p {
	    font-size: 0.2rem;
	    line-height: 150%;
	}
	/* .wx-box-container .close-box {
	    display: block;
	    position: fixed;
	    right: 0.4rem;
	    top: 0.2rem;
	    text-align: right;
	    z-index: 1001;
	    width: 1.5%;
	    min-width: 20px;
	} */
	/* .wx-box-container .close {
	    display: block;
	    position: relative;
	    text-align: right;
	    z-index: 1200;
	    padding-bottom: 100%;
	    border-radius: 50%;
	    cursor: pointer;
	} */
	
	.video-container {
	    width: 100%;
	}
	
	.video-container video {
	    width: 100%;
	}
	
	.small-list {
	    width: 100%;
	    overflow: hidden;
	}
	
	.small-list li {
	    width: 10%;
	    display: table-cell;
	    box-sizing: border-box;
	    padding: 4px;
	    background-color: #000;
	}
	
	.small-list img {
	    width: 100%;
	    vertical-align: middle;
	    cursor: pointer;
	}
	
	.swiper-slide img {
	   /* width: 100%;*/
	    vertical-align: middle;
		max-width:100%;
		max-height:100%;
	}
	
	.workimg-back {
	    position: absolute;
	    z-index: 2;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0, 0, 0, 0.5);
	}
	
	.swiper-slide-active .workimg-back {
	    background-color: rgba(0, 0, 0, 0);
	}
	
	#workinyaheesmall .swiper-slide {
	    box-sizing: border-box;
	    padding: 0.05rem;
	    background-color: #000;
	}
	
	.workin-title {
	    font-size: 0.3rem;
	    color: rgb(77, 84, 106);
	}

	.cont-box-en strong {
		display:block;
		width:100%;
	}

	.packing-search-list-en .t-h-one p em{
		 width:160px;
	}
	.header-title-en h2 {
		font-size:0.36rem;
	}
	.gallery-list-en li .t-i h4{ line-height:0.2rem; }

	.detail_box_en h3, .detail_box_en h2 { font-family:"Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;  }

	.nav-list.three-list li.w-100 { width:100%; }

	.packing-search-list li { border-bottom:none; }

	.con-container .item.about {  background: url('../Images/introbg.png') center bottom no-repeat;  }

	.allmap { width:100%; height:500px; line-height:20px; font-size:12px; }
	.allmap .BMap_cpyCtrl { display:none;   }
	.allmap .amap-copyright { display:none !important; }
	.codeWxCont { position:relative; overflow:visible; display:inline-block; padding-top:0.2rem; }
	.codeWxCont .wx-boxCont { position:absolute; opacity:0;  padding:6px 6px 0 6px; display:none; z-index:999; top:-35%; left:0.68rem;  background:#fff; border:1px solid #ddd; border-radius:2px; }
	.codeWxCont .wx-boxCont img { width:1.2rem;  }
	a.linkStyle { color:#164a95; }
	a.linkStyle:hover { color:#da0000; }

	.job-list { padding:18px;}
	.job-list li { border-bottom:1px solid #e3e3e3;  font-size:16px; line-height:46px; display:flex; display:-webkit-flex; width:100%; justify-content: space-between;  }
	.job-list li:first-child { border-bottom:2px solid #666; }
	.job-list li strong {font-size:18px; }
	.job-list li strong, .job-list li span {  text-align:center; width:20%;   }
	.job-list li strong:first-child, .job-list li span:first-child { width:40%; text-align:left; }
	.job-list li a { color:#164a95; }
	.job-list li a:hover { color:#f60; }

	/*****===================alter_box=======================******/
	.alert_boxCont { text-align:left; padding:16px; color:#4d546a;   }
	.alert_boxCont h5 { color:#363636; padding:10px 0; font-size:16px;  }
	.alter_box { width:100%; background:rgba(0,0,0,.5); position:fixed; left:0; right:0; top:0; bottom:0; z-index:999;  }
	.alert_k_Cont { position:relative; width:100%; height:100vh; }
	.alter_con {  overflow-y:auto; position:absolute; z-index:9999;  width:900px; top:50%; left:50%; -webkit-transform:translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%); transform:translate(-50%, -50%); background:#fff; text-align:center; border-radius:3px; overflow:hidden; -webkit-box-shadow:0 8px 20px rgba(0,0,0,0.15);  box-shadow:0 8px 20px rgba(0,0,0,0.15); padding:16px 6px 20px 6px; }
	.alter_con .alterb_tit { display:block; font-size:20px;  width:100%; font-weight:bold; padding-bottom:10px; text-align:center; line-height:30px; }
	.alter_con .alter_msg { max-height:76vh; overflow-y:auto; display:block; width:100%; text-align:center; line-height:24px; color:#a6a6a6; font-size:14px;  }
	.alter_con .alter_btnbox { margin-top:20px; text-align:center; }
	.alter_con .alter_btn_ok, .alter_con .alter_btn_no { cursor:pointer; border-radius:3px; display:inline-block; height:32px; line-height:32px;  color:#fff; width:100px; margin:0 10px; }
	.alter_con .alter_btn_ok { background:#fd6500;  }
	.alter_con .alter_btn_no { background:#d0d0d0; }

	.alert_close { }
	.alert_close{ margin:0; display:inline-block; font-style:normal; position:absolute; right:16px; top:6px; cursor:pointer; color: rgb(173, 173, 173); font-size:26px; font-weight: normal; transform:rotate(45deg); }
	.alert_close::before { content:"+"; }
	.alert_close:hover { color:#363636; }

	.areanav-container { top:100%; }
	.present-text { line-height:0.26rem; }

	.cultrue-point { display:flex; display:-webkit-flex; }
	.cultrue-point strong { width:1.5rem; flex:0 0 1.2rem; }
	.cultrue-point em { font-style:normal; }
	.cultrue-point .redColor { color:#f60; }

	.DevelopmentCont dd { height:auto;  }
	.DevelopmentCont .t-h-one p { line-height:22px; padding:8px 10px 8px 5px; }
	.DevelopmentCont i { margin-top:15px; }
    /***==========产品页面样式============***/
	.header-ProContainer { /*background:url('../Images/pro_banner.jpg') center top no-repeat;*/ background:url('../Images/cat_tree.webp') center top no-repeat; height:70%; background-size:cover;    }
	.header-ProContainer .pro-banner { width:100%; }
	.header-ProContainer .pro-banner img { width:100%; max-width:100%; }
	.con-Pro { border-bottom:1px solid #e3e3e3;   margin:0 auto; padding:20px 10px; margin-top:-6px; }
    .Pro-tab {  margin:0 auto;   text-align:center; }
	.Pro-tab .pro-tabCont { display:inline-block;   }
	.Pro-tab .pro-tabCont li { display:inline-block; padding:0 40px; font-size:0.26rem;   }
	.Pro-tab .pro-tabCont li a { display:inline-block; line-height:0.6rem;  border-bottom:2px solid transparent; }
	.Pro-tab .pro-tabCont li a.tab_active { border-bottom:2px solid #da0000; }
	.Pro-tab .pro-tabCont li a { color:#333; }

	.Pro-cont { padding:20px 0; text-align:center; overflow:hidden; width:80%; margin:0 auto; }
	.Pro-cont img { width:100%; max-width:100%; float:left; }
	.Pro-cont .Pro-item { display:flex; display:-webkit-flex; justify-content: space-between; padding:5px 0;  }
	.Pro-cont .item-w1 { width:43.2%; background:#fff;  }
	.Pro-cont .item-w2 { width:56.8%; }
	.Pro-cont .item-w3 { width:61.7%; background:#fff;  }
	.Pro-cont .item-w4 { width:38.3%; }
	.Pro-cont .item-w5 { width:50%;  }

	.Pro-cont .Pro-item ul { display:flex; display:-webkit-flex; flex-wrap:wrap; }
	.Pro-cont .Pro-item .li-w1 { width:61.8%; }
	.Pro-cont .Pro-item .li-w2 { width:38.2%; }
	.Pro-cont .Pro-item .li-w3 { width:50%; }
	.Pro-cont .Pro-item .li-w4 { width:61.78%; }
	.Pro-cont .Pro-item .li-w5 { width:38.22%;  }
	.Pro-cont .Pro-item .li-w6 { width:37.5%; }
	.Pro-cont .Pro-item .li-w8 { width:25%;  }
	.Pro-cont .Pro-item li { position:relative; cursor:pointer; overflow:hidden; }
	.Pro-cont .pro-item-img { position:relative; cursor:pointer; overflow:hidden;  }
	.Pro-cont .pro-item-img img, .Pro-cont .Pro-item li img {-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out;transition:all .3s ease-in-out }
	.Pro-cont .pro-item-img:hover img, .Pro-cont .Pro-item li:hover img { -ms-transform:scale(1.12);  -o-transform: scale(1.12); -moz-transform: scale(1.12); -webkit-transform: scale(1.12);transform:scale(1.12);}
	.Pro-cont .pro-item-img span, .Pro-cont .Pro-item li span { display:block; padding:10px;  box-sizing:border-box; height:0; overflow:hidden;  box-sizing:border-box; position:absolute; left:0; right:0; bottom:0;  background:rgba(0,100,210,.56); color:#fff;  opacity:0;  -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.Pro-cont .pro-item-img span strong, .Pro-cont .Pro-item li span strong { display:inline-block; border-bottom:3px solid #fff; padding:10px 0; position:relative;   }
	.Pro-cont .pro-item-img:hover span, .Pro-cont .Pro-item li:hover span {  opacity:1; height:100%;   }
	.Pro-cont .pro-item-img:hover span strong, .Pro-cont .Pro-item li:hover span strong { padding-top:50px;  }
	.Pro-cont .Pro-item .viewBigPic { display:block;  height:60px; background:url('../Images/magnifier.svg') center center no-repeat; background-size:24px 24px; }

	@media (max-width:1366px) {
		.gallery-list li { width:25%; }
		.Pro-cont { width:100%; }
		.header-ProContainer { height:60%; }
	}

	@media (max-width:1024px) {
		.gallery-list li { width:33.3%; }
		.alter_con { width:80%; }
		.con-Pro { padding:15px 10px; }
		.Pro-cont { padding:10px 0; }

	}
	@media (max-width:768px) {
		.gallery-list li { width:50%; }
		.packing-search-list .t-h-one p em { width:100%;}
		.packing-search-list dd { height:auto; overflow:visible;}
		.packing-search-list .t-h-one.on p { line-height:24px; }
		.item .cont-box { width:90%; }
		 ol.txt_box { margin-left:0;}
		.packing-search-list li { padding-left:10px; }
		.txt_box { padding-left:0; }
		.footernav img { width:1.5rem; /*vertical-align:middle;*/  }
		.nav-text .icon-weixin, .nav-text .icon-facebook { font-size:0.7rem;}
		.footer-text { padding:0 0.2rem; }
		.footernav li:last-child { width:50%; }
		.footernav li .codeWxCont { padding-top:0.3rem; }
		.nav-list-en li { font-size:0.18rem; }
		.packing-search-list .t-day { float:none; }

		.alter_con { width:94%;  }

		.Pro-tab .pro-tabCont li { padding:0 8px; }
		.Pro-tab .pro-tabCont_en li { font-size:13px; padding:0 3px;  }
		.Pro-cont .Pro-item { display:block; padding:0;  }
		.Pro-cont .item-w1 { width:100%;   }
		.Pro-cont .item-w2 { width:100%; }
		.Pro-cont .item-w3 { width:100%; }
		.Pro-cont .item-w4 { width:100%; }
		.Pro-cont .item-w5 { width:100%;  }
		.Pro-cont .Pro-item ul { display:block; }
		.Pro-cont .Pro-item .li-w1 { width:100%; }
		.Pro-cont .Pro-item .li-w2 { width:100%; }
		.Pro-cont .Pro-item .li-w3 { width:100%; }
		.Pro-cont .Pro-item .li-w4 { width:100%; }
		.Pro-cont .Pro-item .li-w5 { width:100%;  }
		.Pro-cont .Pro-item .li-w6 { width:100%; }
		.Pro-cont .Pro-item .li-w8 { width:100%;  }

		.Pro-cont .Pro-item span, .Pro-cont .Pro-item  li span { display:flex; display:-webkit-flex; justify-content: space-between; opacity:1; padding:0 10px;  height:50px !important;  line-height:50px; text-align:left; }
		.Pro-cont .pro-item-img, .Pro-cont .Pro-item li { margin-bottom:15px; }
		.Pro-cont .pro-item-img span strong, .Pro-cont .Pro-item li span strong { diaplay:inline-block !important; padding-top:0 !important; border-bottom:0 !important; padding:0;  }
		.Pro-cont .Pro-item em.viewBigPic { display:inline-block; width:50px; height:50px; }

		.header-ProContainer { height:70%; background-position:76% top;  }

		.header-pro { position:absolute; }
		.banner-container-pro .swiper-slide { height:6rem; }
		.banner-container-pro .swiper-slide img { height:6rem; width:auto; max-width:500%; float:right; margin-right:-200px;   }
   }
	@media (max-width:480px) {
		.gallery-list li { width:100%; }
		.packing-search-list .t-day { float:none; }
		.nav-list-en li { font-size:0.28rem; }
		.job-list { padding:18px 0; }
		.job-list li { font-size:14px; }
		.job-list li strong { font-size:14px; }

	}