@charset "utf-8";

/* CSS Document */





/*头部*/

header {

	background:#fff;


    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    z-index: 999;

    margin-top:0!important;

}

.fixednav {

    opacity: 0.98;

    -moz-box-shadow:2px 2px 5px #333333; 

    -webkit-box-shadow:2px 2px 5px #333333; 

    box-shadow:2px 2px 5px #333333;

}

.logo {

	margin-top:18px;

	float:left;

}

.search-box {

	float:left;

	border:1px solid #EFEFEF;

	padding-right: 8px;

	margin-top:38px;

	margin-left: 2%;

}

.search-box input {

    border: none;

    height: 30px;

    line-height: 30px;

    padding-left: 8px;

}

.search-btn {

	width: 30px;

	height: 28px;

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

	border:none;

	padding:8px 14px 8px 0;

}

#keys {

	width: 124px;

	height:30px;

	border:none;

	color: #9bafbe;

	padding:8px 0 8px 14px;

}

.language {

	float:right;

	margin-top:41px;

	padding-left: 14px;

	position: relative;

}

.languag-box {

	position: absolute;

	width: 61px;

	height: 56px;

	display: none;

	z-index: 100;

    background: #ddd;

}

.language:hover .languag-box{

	display: block;

}

.cn {

	display: block;

	width: 100%;

	height: 27px;

	background:url(../images/cn.jpg) no-repeat center;

}

.en {

	display: block;

	width: 100%;

	height: 27px;

	background:url(../images/en.jpg) no-repeat center;

}





.foot1 {

    background:url(../images/foot.jpg) no-repeat center;

    margin-top:50px;

    object-fit:fill;

    padding:36px  0 40px;

}

.foot2 {

    width: 100%;

    margin:0 auto;

    max-width: 1680px;

    background:url(../images/foot1.jpg) no-repeat center;

    padding:18px 0 28px 0;

    overflow: hidden;

    background-size: auto 100%;

}

.foot-contact {

	float:right;

}

.foot-contact h3 {

	font-size:16px;

	font-weight: bold;

	color: #FFEEC1;

}

.foot-contact a {

	color: #FFEEC1;

}

.foot-contact a:hover {

	text-decoration: underline;

}

.foot-contact p {

	font-size:14px;

	line-height: 20px;

}

.foot-contact1 {

	padding-right: 16px;

	border-right: 1px solid #FFA941;

}

.foot-contact2 {

	padding-left: 16px;

}

.foot2 .foot2-left {

	color: #817C68;

	font-size:12px;

    line-height: 19px;

    margin-top: 48px;

}

.foot2 a {

	color: #817C68;

	font-size:12px;

}

.foot2 a:hover {

	text-decoration: underline;

}

.head-wap {

    display: none;

}

.foot-wap {display: none;}



.foot2-left {

    width: 50%;

    float: left;

}

.foot2-right {

    width: 80px;

    float: right;

    position: relative;

}



.icon {display:inline-block;vertical-align:text-bottom;background-image:url(../images/icon.png);background-repeat:no-repeat;width:20px;height:20px;}

.icon-footer {position:relative;width:40px;height:40px;}

.icon-footer-wx {background-position:-49px -105px;}

.icon-footer-wb {background-position:10px -105px;}

.icon-footer-rss {background-position:-109px -185px;}

.icon-footer-wx:hover {background-position:-50px -145px;}

.icon-footer-wb:hover {background-position:10px -144px;}

.icon-footer-rss:hover {background-position:-109px -226px;}



.footer{position:absolute;background-color:#2d3237;padding-top:5px;width:100%;z-index:210;bottom:0;height:200px;}

footer .copy-right {margin-top:35px;position:relative;z-index:400;}

footer .footer-tag-list a {font-size:14px;margin-right:15px;}

footer .footer-icon-list {/*position:absolute;top:0  ;right:42px;*/ }

footer .footer-icon-list ul li {position:relative;float:left;width:40px;height:40px;background-color:#343a40;text-align:center;border-radius:20px;margin-left:20px;}

footer .footer-icon-list ul li:before {content:"";position:absolute;z-index:0;width:40px;height:40px;border-radius:50%;opacity:0;-webkit-transition:.5s cubic-bezier(.3,0,0,1.3);-moz-transition:.5s cubic-bezier(.3,0,0,1.3);-ms-transition:.5s cubic-bezier(.3,0,0,1.3);-o-transition:.5s cubic-bezier(.3,0,0,1.3);transition:.5s cubic-bezier(.3,0,0,1.3);-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);}

footer .footer-icon-list .app-qrcode {display:none;position:absolute;width:130px;height:130px;margin-top:-141px;box-shadow:0 0 6px rgba(14,22,30,.3);margin-left:-45px;}footer .footer-bull {position:relative;font-size:20px;top:2px;margin:0 15px;}

footer .footer-icon-list .app-qrcode img {width: 100%;}

footer .bull-em {font-style:normal;margin-left:15px;}

footer .footer-icon-list .app-qrcode:before {content:'';display:block;position:absolute;width:0;height:0;border:8px solid transparent;border-top:10px solid rgba(0,0,0,.3);top:130px;left:56px;}

footer .footer-icon-list .app-qrcode:after {content:'';display:block;position:absolute;width:0;height:0;border:8px solid transparent;border-top:10px solid #fff;top:129px;left:57px;}

footer .footer-icon-list ul li:hover:before {opacity:1;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);}

footer .footer-icon-list ul a:nth-child(1) li:before {background-color:#1ec354;}

footer .footer-icon-list ul a:nth-child(2) li:before{background-color:#f74864;}

footer .footer-icon-list ul a:nth-child(3) li:before {background-color:#7b8894;}



/*分页*/

.pagination {

    width: 300px;

    margin: 20px auto;

    overflow: hidden;

}

.pagination li{

    float: left;

    padding: 2px 8px;

    border: 1px solid #F3F3F3;

    margin: 0 4px;

}

.disabled {

    color: #000;

}

.active {

    color: #fff;

    background: #FDBB67;

}

.pagination li:hover {

    border: 1px solid #FE8E04;

}

.leftslider {

    display: none;

}

.pro-box-contact {

    display: none;

}



@media (max-width: 340px) {

.nav-btn {

    width: 50px!important;

    height: 35px!important;}

.head-wap-top {

    height: 46px!important;

    padding: 5px 0;

}

.leftMenu {

    top: 3px!important;

}

.leftMenu ul li {

    padding: 6px 0 6px 20px!important;

}

}

@media (max-width: 767px) {



.foot2 .foot2-left {

    margin-top: 0;

}

.picture-box img {

    width: 46%

}

.pro-box-contact {

    display: block;

}

.leftslider {

    margin-top: 0;

}

body {

    margin-top: 60px!important;

}

.list-media ul li{

    width: 46%;

    margin-right: 2%;

    margin-left: 2%;

    float: left;

    margin-top: 20px;

}

.pro-box-list {

    display: none;

}

.leftslider {

    display: block;

}

.nei-nav {

	display: none;

}

.index-about {

    width: 100%;

    height: auto; 

	padding: 50px 14px;

	margin-top:40px;

}

.index-about-slider {

    height: auto;

    margin: 0 auto;

    width:100%;

    float:none;

}

.silder-ctrl-prev>span, .silder-ctrl-next>span {

    top: 60%;

}

.index-about-txt {

	float: none;

    width: 100%;

    margin-left: 0;

}

.silder-main-img img {

	width:98%!important;

	margin:0 auto;

}

.index-video {

    width: 100%;

    height: auto;

}

.index-news {

	width:100%;

	margin:0;

	height: auto;

}

.index-video video {

    width: 100%;

     height: auto; 

}

.enter-img1, .enter-img2 {

    width: 48%;

    max-width: 262px;

    min-height: auto;

    float: left;

    margin: 1%;

}

.foot1,.foot2 {

	background-size: auto 100%;

}

.foot2 {

	margin-bottom: 50px;

}

.foot-contact {

     float: none; 

     padding-left: 16px;

}

.foot-contact1 {

	border-top: 1px solid #FFA941;

	border-right: none;

	padding-top: 10px;

	margin-top: 10px;

}



.nei-nav {

    height: 112px;

    background: #F7F7F7;

    max-width: 1680px;

    margin: 0 auto;

    padding-top: 10px;

}

.nei-nav h1 {

    font-size: 26px;

    line-height: 40px;

    font-weight: bold;

    color: #61504D;

     float: none; 

}

.nei-nav-list {

	float:none;

}

.position {

    height: 50px;

    border-bottom: 1px solid #F4F4F4;

    line-height: 50px;

    margin-bottom: 10px;

}

.pro-box {

	padding:20px 10px;

}

.pro-box-title h1 {

    font-size: 21px;

    color: #61504D;

    line-height: 24PX;

    float: left;

}

.pro-box-title p {

    font-size: 14px;

    color: #918785;

    line-height: 3PX;

    float: left;

    margin: 16px 0 0 20px;

}

.pro-box-title a {

	width:76px;

	font-size:12px;

}



.pro-box-list li {

    float: left;

    width: 47%;

    position: relative;

    margin-right: 3%;

    overflow: hidden;

}

.product-list-item h3 {

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

	overflow: hidden;



}

.product-list-item span {

	display: none;

}

.about-qyjj-left,.about-qyjj-right {

	width:100%;

	margin-bottom: 40px;

}

.pro-ser-ul li {

    width: 48%;

    padding: 87px 0 40px 0;

    margin-left: 1.6%;

    position: relative;

    float: left;

    text-align: center;

    margin-bottom: 10px;

}

.pro-box-list li:first-child {

    width: 97%;

    margin-bottom: 10px;

}



.news-info img {

    margin: 0 auto;

    width: 96%;

}

.news-list-1 {

    width: 100%;

    padding: 20px 8px;

}

.news-list-1img {

    width: 41%;

    float: left;

    margin: 0 14px 10px 0;

}

.news-list-1txt {

	width:auto;

	float:none;

}

.news-list-1txt .more1 {

	float:right;

	width: 110px;

    height: 40px;

    line-height: 40px;

}

.news-list-1txt .line {

	display: none;

}

.news-list-date {

	width:60px;

}

.news-list-ul li {

	padding:20px 0;

}

.news-list-1txt h1 {

    font-size: 18px;

    color: #61504D;

    line-height: 22px;

}

.news-list-txt {

    width: 80%;

    float:left;

}

.info-box {

	padding:0 10px;

}

.join-top {

	margin:10px 0;

}

.join-top-txt {

    width: 100%;

    margin: 10px auto;

    overflow: hidden;

}

.join1 {

	margin: 0 auto;

	float: none;

	text-align: center;

}

.join2 {

    float: none; 

    margin: 10px auto ;

    width: 100px;

}

.info-box {

	padding: 0 10px;

}

.foot-wap {display: block;position: relative;}

.foot-menu{ background:#fff; overflow:hidden; position:fixed; bottom:0px; width:100%; z-index:1000;border-top: 1px solid #F5F6F6;}

.foot-menu li{ float:left; line-height:50px; font-size:14px; text-align:center;}

.foot-menu li.li1{ width:22%;}

.foot-menu li.li1 a{ display:block;color: #61504D;}

.foot-menu li.li2{ width:22%; border-right:0px solid #d7d7d7;}

.foot-menu li.li2 a{ display:block; }

.foot-menu li.li3{ width:34%;  background:url(../images/phone.png) no-repeat 15px center #fff;background-size:30%; background-position:8px 47%;}

.foot-menu li.li3 a{ color:#61504D; padding-left:20px;}

.foot-menu li a { color:#61504D;}	  

.app-qrcode {position: fixed;bottom: 50px;right: 0;background-color: #fff;width: 100%;display: none;}

.app-qrcode p {
    display: block;
    padding: 8px 0;
    text-align: center;
    border: 1px solid #F5F6F6;
}

.display {display: block;}



.about-vision-left {

    width: 100%;

    height: auto; 

    padding: 20px 0 20px 23px;

    float: none; 

    background: url(../images/back5.jpg) no-repeat left center;

    background-size: 100% auto;

}

.about-vision-right {

    width: 100%;

    float: none;

    height: auto; 

    background: #FBFBFB;

    border: 1px solid #F5F5F5;

    padding: 10px;

}

.about-info-box {

    padding:8px;

}

.about-mission li {

    width: 100%;

    float: none; 

}

.about-mission li:last-child {

    border-right: none;

}

.about-Essence .p {

    font-size: 14px;

}

.about-Essence .h2 {

    font-size: 20px;

}

.contact {

    width: 100%;

    margin-top: 60px;

    overflow: hidden;

    margin-bottom: 36px;

    float: left;

}

.contact-img {

    width: 96%;

    height: 87px;

}

.qywh-title h2 {

    font-size: 20px;

}

.qywh-title p {

    font-size: 20px;

}

.about-Personality ul li {

    width: 100%;

}

.Responsibility-ul li {

    width:100%;

}

#table-breakpoint button {

    width: 100px;

    height: 30px;

    line-height: 30px;

}

.zlhz li {

    width: 19.5%;

}

.honor-list li {

    width: 47.6%;

    margin-left: 2%;

    margin-right: 0;

}

.czpt4-table {

    width: 100%;

    margin: 0 auto;

    padding: 10px;

}

.czpt4-table input {

    width: 90%;

}

.zbbh {

    width: auto;

}

.zbrq {

    width: auto;

}



}













/*pad*/

@media (min-width:768px) and (max-width:1025px) {

body {

    margin-top: 60px!important;

}

.list-media ul li{

    width: 31%;

    margin-right: 1%;

    margin-left: 1%;

    float: left;

    margin-top: 20px;

}

.foot-wap {display: none;}

.index-about {

    width: 100%;

    height: auto; 

	padding: 50px 14px;

	margin-top:40px;

}

.index-about-slider {

    height: auto;

    margin: 0 auto;

    width:60%;

    float:left;

}

.silder-ctrl-next>span {

    right: 18px;

}

.silder-ctrl-prev>span {

    left: 18px;

}

.index-about-txt {

	float: left;

    width: 37%;

    margin-left: 2%;

}

.index-about-txt p {

    color: #61504D;

    margin-bottom: 20px;

    line-height: 32px;

    font-size: 16px;

}

.silder-main-img img {

	width:98%!important;

	margin:0 auto;

}

.index-video {

    width: 34%;

}

.index-news {

	width:61%;

}



.about-qyjj-left,.about-qyjj-right {

	width:100%;

	margin-bottom: 40px;

}

.news-list-1 {

    width: 100%;

    padding: 20px 8px;

}

.news-list-1img {

    width: 41%;

    float: left;

    margin: 0 14px 10px 0;

}

.news-list-1txt {

	width:auto;

	float:none;

}

.news-list-1txt .more1 {

	float:right;

}

.news-list-1txt .line {

	display: none;

}

.news-list-date {

	width:70px;

}

.news-list-ul li {

	padding:20px 0;

}

.contact-img {

    width: 96%;

    height: 80px;

    margin:0 auto;

    border-radius:40px;

    transition: all 0.6s;

    margin-bottom: 20px;

}



.about-vision-left {

    width: 25%;

    height: 180px;

    padding: 34px 40px 115px 45px;

    background-size: 100% 100%;

}

.about-vision-right {

    height: 180px;

    padding: 62px 45px 0 45px;

}

.about-Essence .h2 {

    font-size: 30px;

}

.about-Personality ul li {

    float: left;

    width: 19.7%;

    background: #fff;

    margin-top: 20px;

    margin-right: 0.3%;

}









}



@media (min-width:1026px) and (max-width:1200px) {

.foot-wap {display: none;}

.head-wap {

	display: none;

}

.menu {

    margin-left: 1%!important;

}

.nav-list {

    min-width: 90px!important;

}

.nav-list1 {

    min-width: 90px!important;

}

.product-list-item {

    padding-left: 5px;

}

.index-about {

    width: 29%;

    height: 450px;

    background: #FAF9F8;

    float: left;

    padding: 50px 4px 0 4px;

}

.index-video {

    width: 25%;

}

.index-news {

    margin: 0 2%;

}

.contact-img {

    width: 130px;

    height: 118px;

    margin:0 auto;

    border-radius:40px;

    transition: all 0.6s;

    margin-bottom: 20px;

}



}



@media (min-width:1201px) and (max-width:1335px) {

.foot-wap {display: none;}

.head-wap {

	display: none;

}

}