/*@font-face {
    font-family: "BUSTERN";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/BUSTERN.TTF");
}*/




html {font-size: 14px;	line-height: 14px; font-family: 微软雅黑;}
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select,button { margin: 0;  padding: 0;}
ul,li{	list-style: none;}
input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
a{text-decoration: none;}
/*.company_anli img{transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}*/

/* 通用的class */
.body_index {position: relative; width: 100%;}
.headerZy {position: relative; width: 100%;    position: fixed;
    z-index: 9999;
    background: #fff;}
.public_div {position: relative; width: 1200px;	margin: 0 auto;	height: auto;}
.public_div_one {position: relative; width: 1230px;	margin: 0 auto;	height: auto;}
.clear{clear: both;}


/*======header  top==============*/

.header_nav.hover{display: none;}
.header_top { width: 100%; background-color: #fff; height: 90px; float: left;}
.header_top .company_logo {float: left; height: 74px; display: flex; margin-top: 8px}
.header_top .company_logo img {margin: 3px 0px 2px 0px; height: 74px;}
.header_top .company_search {float: right; position: relative; display: flex; margin-right: 20px; border: #ccc solid 1px; border-right: 0; border-radius: 5px; background: #fff; width: 300px; height: 34px; margin-top: 27px;}
.header_top .company_search .ipt {background: #fff; border: none 0; width: 256px; line-height: 34px; text-indent: 6px; float: left; margin: 0 4px; color: #999}
.header_top .company_search .ipt_btn {float: left; border-radius: 0 5px 5px 0; background: #0c4da2; width: 36px; height: 36px; margin: -1px -2px 0 0;}
.header_top .company_search .btn {float: left; width: 36px; height: 36px; line-height: 36px; border: 0 none; background: url(../images/search_btn.png) no-repeat}
.header_top .company_msg {float: right; position: relative; height: auto; display: flex; margin-right: 0px;}

.company_msg .cn_en_select {color: #9c9ea1; line-height: 30px; margin: 30px 20px 0 0px; font-size: 16px;}
.company_msg .cn_en_select a {/*text-transform: uppercase; */ color: #666; line-height: 25px; display: inline-block; padding: 0px 10px;
transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}
.company_msg .cn_en_select a:hover {color: #004eac;}
.company_msg  .login_logo {position: relative;display: flex;color: #9c9ea1;margin: 5px;}
.company_msg  .login_logo span {display: inline-block;height: 35px;line-height: 35px;color: #3a4047;margin: 0px 3px;}
.company_msg  .login_logo span.icon_peo {background-image: url('../images/people_01.png');width: 35px;background-repeat: no-repeat;
background-position: center;}
.company_msg  .join_VIP {position: relative;color: #3a4047;margin: 5px;line-height: 35px;color: #0971ce;font-weight: bold;
	transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.company_msg  .join_VIP:hover {color: #034c8d;}
.company_msg  .gzh_logo {position: relative; color: #666; margin: 5px 0px; width: 50px; float: left; top: 15px;}
.company_msg  .gzh_logo span {display: inline-block; width: 50px; height: 40px; line-height: 24px; float: left; font-size: 12px;}
.company_msg  .gzh_logo span.icon_sj {border: #0baf4d solid 1px; width: 36px; height: 36px; border-radius: 19px; background-repeat: no-repeat; background-position: center;}
.company_msg  .gzh_logo span.icon_tb {border: #ff7800 solid 1px; width: 36px; height: 36px; border-radius: 19px; background-repeat: no-repeat; background-position: center;}
.company_msg  .gzh_logo span.icon_ewm {border: #0c4da2 solid 1px; width: 36px; height: 36px; border-radius: 19px; background-repeat: no-repeat; background-position: center;}

.company_msg  .gzh_logo span.icon_sj:hover {border: #999 solid 1px; width: 36px; height: 36px; border-radius: 5px; transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 1s; filter: grayscale(100%);}
.company_msg  .gzh_logo span.icon_tb:hover {border: #999 solid 1px; width: 36px; height: 36px; border-radius: 5px; transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; filter: grayscale(100%);}
.company_msg  .gzh_logo span.icon_ewm:hover {border: #999 solid 1px; width: 36px; height: 36px; border-radius: 5px; transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; filter: grayscale(100%);}

#qt_one_gzh {width: 80px; height: 80px; position: absolute; top: -12px; right: -70px; opacity: 0; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s;-o-transition: all 1s; z-index: 99;}
.company_msg  .gzh_logo:hover img#qt_one_gzh {opacity: 1;}
.return_top{position: absolute;display: inline-block;width: 30px;height: 30px;top:2px;left:4px;background-repeat: no-repeat;background-size: 25px;background-image:url('../images/top.png');background-position: center;z-index:9;}
.return_top a{display: inline-block;width:100%;height:100%;}

/*===========header nav==============*/
.header_nav{ width: 100%; float: left; background-color: rgba(255,255,255,0.3); height: 50px; border-top: #6d94c7 solid 1px;}


/*swiper*/
.index_swiper {position: relative; width: 100%; height: 360px; float: left;}

.swiper_zl_back {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-position: center; z-index: 0;}
.swiper_zl_back .swiper-slide {height: 360px; background-position: center;}

.search_index_page {position: relative; padding-top: 170px; width: 540px; padding-left: 160px; z-index:1;}
.swiper_small_back{position: relative;width: 100%;margin-top: 280px;}
.swiper_small_back .swiper-slide{width: 200px;}
.swiper_small_back .swiper-slide a{display: inline-block;position: relative;overflow: hidden;width: 100%;}
.swiper_small_back .swiper-slide span{display: inline-block;width: 100%;background-color: rgba(30,35,80,0.5);height: 35px;
line-height: 35px;color: #fefefe;text-align: center;font-size: 16px;}
.swiper_small_back .swiper-slide img{max-width: 100%;width: 100%;overflow: hidden;transition: all 0.6s;-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.swiper_small_back .swiper-slide div.img{width: 100%;height: 116px;overflow: hidden;}
.swiper_small_back .swiper-slide a:hover img{transform: scale(1.1);}
.swiper_small_back .swiper-button-prev{background-image: url('../images/button_01.png');left: -35px;height: 30px;
overflow: hidden;background-size: 30px 60px;background-position: 0px 0px;width: 30px;margin-top: -10px;}
.swiper_small_back .swiper-button-next{background-image: url('../images/button_01.png');right: -35px;height: 30px;
overflow: hidden;background-size: 30px 60px;background-position: 0px -30px;width: 30px;margin-top: -10px;}



/*====================首页4008云顶国际官方网站=======================*/
.about {position: relative; max-width: 1200px; padding: 50px 0; margin: 0 auto;}

.about .about_left {position: relative; width: 700px; width: 677px; float: left; margin-left: 0%;}
.about .about_left p {color: #333; line-height: 24px;}
.about .about_left .title {color: #0c4da2; font-size: 24px; float: left; height: 24px; line-height: 24px; width: 700px; width: 677px; margin: 0;}
.about .about_left .tit {float: left; font-weight: normal;}
.about .about_left .titen {font-style: normal; font-size: 12px; float: left; line-height: 14px; color: #0baf4d; margin-top: 0px; margin-left: 8px; text-transform: uppercase;}
.about .about_left .line {height: 2px; background: #0baf4d; width: 30px; float: left; display: block; margin-left: -15px; margin-top: 23px;}
.about .about_left .txt {width: 700px; width: 677px; margin-top: 20px; float: left; color: #666;}
.about .about_left .txt p {width: 700px; width: 677px; color: #666; font-size: 16px; line-height: 32px;}


.about .about_left .title1 {color: #0c4da2; font-size: 20px; float: left; width: 700px; width: 677px; height: 40px; line-height: 40px; border-radius: 5px; background: url(../images/titBg.jpg) repeat-x;}
.about .about_left .title1 .tit {float: left; font-weight: normal;}
.about .about_left .title1 .titen {font-style: normal; font-size: 14px; float: left; line-height: 14px; color: #666; margin-top: 16px; margin-left: 8px; text-transform: uppercase; font-family: Arial;}
.about .about_left .title1 .line {height: 2px; background: #0baf4d; width: 30px; float: left; display: block; margin-left: 10px; margin-top: 23px;}
.about .about_left .title1 .iconTit {width: 3px; height: 20px; margin: 10px; margin: 10px 5px 10px 10px; float: left;}
.about .about_left .title1 .more {background: url(../images/more.png) no-repeat right top; width: 50px; height: 40px; float: right; font-size: 14px; font-weight: bold;}
.about .about_left .title1 .more a {cursor: pointer; text-decoration: none; color: #0c4da2;}

.about .about_left ul {margin-top: 20px; /*float: left;*/ width: 100%; width: 72%; margin: 0 auto;}
.about .about_left ul li {position: relative; width: 158px; width: 32%; width: 31%; height: 148px; height: 120px; border: #eee solid 1px; float: left; margin-right: 10px; cursor: pointer}
.about .about_left ul li:nth-child(3) { margin-right: 0px;}
.about .about_left ul li img {text-align: center; display: block; width: 60px; height: 60px; position: relative; left: 50%; margin-left: -30px; top: 18px; top: 5px;}
.about .about_left ul li b {text-align: center; font-weight: normal; display: block; margin-top: 15px; margin-top: 5px; font-size: 16px; color: #0c4da2;}
.about .about_left ul li em {text-align: center; font-style: normal; display: block; font-size: 14px; color: #999; text-transform: uppercase;}

.about .about_left ul li:hover img{transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 1s; filter: grayscale(100%); opacity: 0.5;}
.about .about_left ul li:hover b{transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 1s; filter: grayscale(100%); opacity: 0.5;}
.about .about_left ul li:hover em{transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 1s; color: #0c4da2;}


/* Viola */
.about .about_left ul .menu__item { position: relative; height: 148px; height: 120px; display: block; text-align: center; -webkit-transition: color 1.2s; transition: color 1.2s;}
.about .about_left ul .menu__link { position: relative; height: 148px; height: 120px; display: block; text-align: center; -webkit-transition: color 1.2s; transition: color 1.2s;}


.about .about_left ul li.menu__item::before,
.about .about_left ul li.menu__item::after,
.about .about_left ul .menu__link::before,
.about .about_left ul .menu__link::after { content: ''; position: absolute; background: #0c4da2; -webkit-transition: -webkit-transform 1.2s; transition: transform 1.2s; }

.about .about_left ul .menu__item:hover::before, .about .about_left ul .menu__item:hover::after { top: 0; width: 1px; height: 100%;	-webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); }
.about .about_left ul .menu__item:hover::before { left: -1px; -webkit-transform-origin: 50% 100%;	transform-origin: 50% 100%; }
.about .about_left ul .menu__item:hover::after { right: -1px; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; }

.about .about_left ul .menu__link:hover::before, .about .about_left ul .menu__link:hover::after { left: 0; width: 100%;	height: 1px; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1);}
.about .about_left ul .menu__link:hover::before { top: -1px; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; }
.about .about_left ul .menu__link:hover::after { bottom: -1px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }

.about .about_left ul .menu__item::before,
.about .about_left ul .menu__item::after,
.about .about_left ul .menu__link::before,
.about .about_left ul .menu__link::after {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition-duration: 1.2s;
	transition-duration: 1.2s;
}

.about .about_right {position: relative; width: 480px; margin-left: 20px; margin-left: 43px; height: auto; float: left;}
.about .about_right>img{max-width: 100%;}
.about .about_right span.txt {line-height: 48px; font-size: 18px; text-align: center; color: 666; display: block; color: #0c4da2}

/*----------video-open----start------------*/
.video{position: relative; width: 480px; height: 360px; overflow: hidden;}
#videoContainer {position: absolute;height: 100%;width: 100%;top: 0;left: 0;}
#background_video {position: absolute;height: 100%;width: 100%;top: 0;left: 0;object-fit: cover;}
.video .shipin_bt {position: absolute;top: 52%;left: 50%;transform: translate(-50%,-50%);text-align: center;font-size: 36px;color: #fff;line-height: 50px; display: inline-block;}
.video .shipin_bt img {margin: 10px auto;}
.video .shipin_bt .close {display: none;}
.video .shipin_bt.open .close {display: none;}
/*.video .shipin_bt.open .close {display: inline-block;}*/
.video:hover .shipin_bt.open .close {display: inline-block;}
.video .shipin_bt.open .open {display: none;}
.video .shipin_bt.open span {display: none;}

/*----------video-open----end------------*/


/*------------最新产品开始---------------*/
.ind_pro {position: relative; max-width: 100%; padding: 50px 0; margin: 0 auto;}
.ind_pro .products {position: relative; width: 100%; float: left; margin-left: 0%;}
.ind_pro .products p {color: #333; line-height: 24px;}

.ind_pro .products .title {color: #0c4da2; font-size: 24px; float: left; height: 24px; line-height: 24px; width: 100%; margin: 0;}
.ind_pro .products .tit {float: left; font-weight: normal;}
.ind_pro .products .titen {font-style: normal; font-size: 12px; float: left; line-height: 14px; color: #0baf4d; margin-top: 0px; margin-left: 8px; text-transform: uppercase;}
.ind_pro .products .line {height: 2px; background: #0baf4d; width: 30px; float: left; display: block; margin-left: 10px; margin-top: 23px;}

.ind_pro .products .title1 {color: #0c4da2; font-size: 20px; float: left; width: 100%; height: 40px; line-height: 40px; border-radius: 5px; background: url(../images/titBg.jpg) repeat-x;}
.ind_pro .products .title1 .tit {float: left; font-weight: normal;}
.ind_pro .products .title1 .titen {font-style: normal; font-size: 14px; float: left; line-height: 14px; color: #666; margin-top: 16px; margin-left: 8px; text-transform: uppercase; font-family: Arial;}
.ind_pro .products .title1 .line {height: 2px; background: #0baf4d; width: 30px; float: left; display: block; margin-left: 10px; margin-top: 23px;}
.ind_pro .products .title1 .iconTit {width: 3px; height: 20px; margin: 10px; margin: 10px 5px 10px 10px; float: left;}
.ind_pro .products .title1 .more {background: url(../images/more.png) no-repeat right top; width: 50px; height: 40px; float: right; font-size: 14px; font-weight: bold;}
.ind_pro .products .title1 .more a {cursor: pointer; text-decoration: none; color: #0c4da2;}

.ind_pro .products ul { float: left; width: 100%;}
.ind_pro .products ul li {position: relative; width: 378px; height: 278px; /*height: 343px;*/ background: #fff; float: left; margin-right: 30px; cursor: pointer; border-radius: 5px; margin-top: 20px; overflow: hidden; border: #ccc solid 1px;}
.ind_pro .products ul li:nth-child(3n) { margin-right: 0px;}
.ind_pro .products ul li img {text-align: center; display: block; width: 100%; height: auto; position: relative;transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s;}
.ind_pro .products ul li b {position: absolute; bottom: 0; width: 100%; border-radius: 0 0 5px 5px; text-align: center; font-weight: normal; height: 40px; line-height: 40px; display: block; font-size: 16px; color: #333; background: #dfdfdf;}
.ind_pro .products ul li em {text-align: center; font-style: normal; display: block; font-size: 14px; color: #999; text-transform: uppercase;}

.ind_pro .products ul li:hover img{transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transform: scale(1.2); opacity: 0.8;}
.ind_pro .products ul li:hover b{transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; background: #0baf4d; color: #fff;}
.ind_pro .products ul li:hover em{transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; color: #0c4da2;}
/*------------最新产品结束---------------*


/*------------产品分类开始---------------*/
.ind_pro .profl {position: relative; width: 100%; float: left; margin-left: 0%;}
.ind_pro .profl p {color: #333; line-height: 24px;}

.ind_pro .profl .title {color: #0c4da2; font-size: 24px; float: left; height: 24px; line-height: 24px; width: 100%; margin: 0;}
.ind_pro .profl .tit {float: left; font-weight: normal;}
.ind_pro .profl .titen {font-style: normal; font-size: 12px; float: left; line-height: 14px; color: #0baf4d; margin-top: 0px; margin-left: 8px; text-transform: uppercase;}
.ind_pro .profl .line {height: 2px; background: #0baf4d; width: 30px; float: left; display: block; margin-left: 10px; margin-top: 23px;}


.ind_pro .profl .title1 {color: #0c4da2; font-size: 20px; float: left; width: 100%; height: 40px; line-height: 40px; border-radius: 5px; background: url(../images/titBg.jpg) repeat-x;}
.ind_pro .profl .title1 .tit {float: left; font-weight: normal;}
.ind_pro .profl .title1 .titen {font-style: normal; font-size: 14px; float: left; line-height: 14px; color: #666; margin-top: 16px; margin-left: 8px; text-transform: uppercase; font-family: Arial;}
.ind_pro .profl .title1 .line {height: 2px; background: #0baf4d; width: 30px; float: left; display: block; margin-left: 10px; margin-top: 23px;}
.ind_pro .profl .title1 .iconTit {width: 3px; height: 20px; margin: 10px; margin: 10px 5px 10px 10px; float: left;}
.ind_pro .profl .title1 .more {background: url(../images/more.png) no-repeat right top; width: 50px; height: 40px; float: right; font-size: 14px; font-weight: bold;}
.ind_pro .profl .title1 .more a {cursor: pointer; text-decoration: none; color: #0c4da2;}

.ind_pro .profl ul { float: left; width: 100%;flex-wrap: wrap;display: flex;}
.ind_pro .profl ul li {position: relative; width: 380px; height: 280px; background: #f6f6f6; float: left; margin-right: 30px; cursor: pointer; border-radius: 5px; margin-top: 20px; overflow: hidden;}
.ind_pro .profl ul li:nth-child(3n) { margin-right: 0px;}
.ind_pro .profl ul li img {text-align: center; display: block; width: 100%; height: auto; position: relative;transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s}
.ind_pro .profl ul li b {position: absolute; bottom: 0; width: 100%; border-radius: 0 0 5px 5px; text-align: center; font-weight: normal; height: 40px; line-height: 40px; display: block; font-size: 16px; color: #333; background: #dfdfdf;}
.ind_pro .profl ul li em {text-align: center; font-style: normal; display: block; font-size: 14px; color: #999; text-transform: uppercase;}

.ind_pro .profl ul li:hover img{transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transform: scale(1.2); opacity: 0.8;}
.ind_pro .profl ul li:hover b{transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; background: #0baf4d; color: #fff;}
.ind_pro .profl ul li:hover em{transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; color: #0c4da2;}
/*------------产品分类结束---------------*/


/*------------我们客户开始--------------*/
.ind_pro .customer {position: relative; width: 100%; float: left; margin-left: 0%;}
.ind_pro .customer .title1 {color: #0c4da2; font-size: 20px; float: left; width: 100%; height: 40px; line-height: 40px; border-radius: 5px; background: url(../images/titBg.jpg) repeat-x;}
.ind_pro .customer .title1 .tit {float: left; font-weight: normal;}
.ind_pro .customer .title1 .titen {font-style: normal; font-size: 14px; float: left; line-height: 14px; color: #666; margin-top: 16px; margin-left: 8px; text-transform: uppercase;  font-family: Arial;}
.ind_pro .customer .title1 .line {height: 2px; background: #0baf4d; width: 30px; float: left; display: block; margin-left: 10px; margin-top: 23px;}
.ind_pro .customer .title1 .iconTit {width: 3px; height: 20px; margin: 10px; margin: 10px 5px 10px 10px; float: left;}
.ind_pro .customer .title1 .more {background: url(../images/more.png) no-repeat right top; width: 50px; height: 40px; float: right; font-size: 14px; font-weight: bold;}
.ind_pro .customer .title1 .more a {cursor: pointer; text-decoration: none; color: #0c4da2;}


.kf {max-width: 1200px; min-height: 130px; margin: 40px auto; position: relative; width: 100%; float: left;}
#myscroll {display: block; width: 92%; margin: 0 4%; position: relative; height: 130px; overflow: hidden;}
#myscroll #myscrollbox {display: block; float: left; position: absolute; left: 0; top: 0; width: 1000000px;}
#myscroll ul {display: block; float: left; list-style-type: none; padding: 0;}

#myscroll ul li {display: block; float: left; padding: 0; margin-right: 16px; width: 168px; height: 128px; background: #fff; border: #ccc solid 1px; position: relative; color: #fff; overflow: hidden;}
#myscroll ul li a { display: block;}
#myscroll ul li a img {}
#myscroll ul li a h5 {position: absolute; left: 0; background-color: rgba(12,77,162,.8); bottom: -41px; font-size: 14px; font-weight: bold; height: 40px; width: 100%; line-height: 40px; text-align: center; color: #fff;}
#myscroll ul li a:hover h5 {bottom: 0px;}
#myscroll ul li a:hover img{/*可以改变数值*/ -webkit-transform: rotate(360deg); transform: rotate(360deg);}

#mybtns { width: 100%; display: block; height: 0; position: absolute; z-index: 100; top: 25%;}
#mybtns a { width: 40px; height: 60px; display: block; float:left; margin-right: 1px;}
#mybtns a:hover {background-color: #0c4da2;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover h5, #myscroll a h5,#myscroll #myscrollbox,#myscroll ul li a:hover img{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left {background: url(../images/prev.png) 0 0 no-repeat; position: absolute; left: 0; margin-left: 0px;}
#mybtns #right {background: url(../images/next.png) 0 0 no-repeat; position: absolute; right: 0; margin-right: 0px;}

#mybtns #left:hover {background: #f6f6f6 url(../images/prev.png) 0 0 no-repeat;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
#mybtns #right:hover {background: #f6f6f6 url(../images/next.png) 0 0 no-repeat;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
	

/*------------我们客户结束--------------*/

/*------------新闻资讯开始---------------*/
.ind_pro .news {position: relative; width: 780px; float: left; margin-left: 0%;}
.ind_pro .news p {color: #333; line-height: 24px;}

.ind_pro .news .title {color: #0c4da2; font-size: 24px; float: left; height: 24px; line-height: 24px; width: 100%; margin: 0;}
.ind_pro .news .title .tit {float: left; font-weight: normal;}
.ind_pro .news .title .titen {font-style: normal; font-size: 12px; float: left; line-height: 14px; color: #0baf4d; margin-top: 0px; margin-left: 8px; text-transform: uppercase;}
.ind_pro .news .title .line {height: 2px; background: #0baf4d; width: 30px; float: left; display: block; margin-left: 10px; margin-top: 23px;}
.ind_pro .news .title1 {color: #0c4da2; font-size: 20px; float: left; width: 780px; height: 40px; line-height: 40px; border-radius: 5px; background: url(../images/titBg.jpg) repeat-x;}
.ind_pro .news .title1 .tit {float: left; font-weight: normal;}
.ind_pro .news .title1 .titen {font-style: normal; font-size: 14px; float: left; line-height: 14px; color: #666; margin-top: 16px; margin-left: 8px; text-transform: uppercase; font-family: Arial;}
.ind_pro .news .title1 .line {height: 2px; background: #0baf4d; width: 30px; float: left; display: block; margin-left: 10px; margin-top: 23px;}
.ind_pro .news .title1 .iconTit {width: 3px; height: 20px; margin: 10px; margin: 10px 5px 10px 10px; float: left;}
.ind_pro .news .title1 .more {background: url(../images/more.png) no-repeat right top; width: 50px; height: 40px; float: right; font-size: 14px; font-weight: bold;}
.ind_pro .news .title1 .more a {cursor: pointer; text-decoration: none; color: #0c4da2;}

.ind_pro .news ul.left { margin-top: 20px; float: left; width: 580px;}
.ind_pro .news ul.left li {position: relative; width: 100%; height: 130px; background: #fff; float: left; overflow: hidden; -moz-box-shadow:3px 1px 3px #eee; -webkit-box-shadow:3px 1px 3px #eee; box-shadow:3px 1px 3px #eee; transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 1s;}

.ind_pro .news ul.left li img.pic {margin: 10px; float: left; width: 180px; height: 110px; overflow: hidden; transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s;}
.ind_pro .news ul.left li div {padding: 10px 20px; float: left; width: 340px; height: auto;}

/*.ind_pro .news ul.left li b {position: absolute; bottom: 0; width: 100%; border-radius: 0 0 5px 5px; text-align: center; font-weight: normal; height: 40px; line-height: 40px; display: block; font-size: 16px; color: #333; background: #cedbec;}
.ind_pro .news ul.left li em {text-align: center; font-style: normal; display: block; font-size: 14px; color: #999; text-transform: uppercase;}*/

.ind_pro .news ul.left li p {width: 100%; float: left; color: #666; line-height: 24px; height: 48px; overflow: hidden;}
.ind_pro .news ul.left li .tit {font-size: 16px; line-height: 30px; float: left; color: #333; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}

.ind_pro .news ul.left li .time { float: left; width: auto; margin-top: 5px; color: #999; line-height: 23px;}
.ind_pro .news ul.left li img.arrow { float: right; width: 32px; height: 24px; margin-top: 5px; margin-right: 10px; filter: grayscale(100%); opacity: 0.5;}
.ind_pro .news ul li:hover img.pic {transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; opacity: 0.8;}

/*.ind_pro .news ul li:hover b{transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 1s; background: #0baf4d; color: #fff;}
.ind_pro .news ul li:hover em{transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 1s; color: #0c4da2;}*/

.ind_pro .news ul.left li:hover { -moz-box-shadow: 5px 0px 10px #aaa; -webkit-box-shadow:5px 0px 10px #aaa; box-shadow:5px 0px 10px #aaa; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s}
.ind_pro .news ul.left li:hover img.arrow { transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 1s; opacity: 1; filter: grayscale(0%);}
.ind_pro .news ul.left li:hover .tit { color: #0c4da2; font-size: 17px; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.ind_pro .news ul.left li:hover .time { color: #0c4da2; transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s;}


.ind_pro .news dl.right { margin-top: 20px; margin-left: 50px; float: left; width: 570px;}
.ind_pro .news dl.right dd {position: relative; left: -15px; padding: 0 15px; width: 100%; line-height: 30px; float: left; transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s;}

.ind_pro .news dl.right dd a {float: left; width: 80%; font-size: 14px; line-height: 29px; color: #666; overflow: hidden; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: #ccc dotted 1px;}
.ind_pro .news dl.right dd .time { float: right; width: 20%; text-align: right; font-size: 12px; color: #999; line-height: 29px; border-bottom: #ccc dotted 1px;}

.ind_pro .news dl.right dd:hover {position: relative; background: #fff; left: -15px; padding: 0 15px; -moz-box-shadow:5px 0px 10px #aaa; -webkit-box-shadow: 5px 0px 10px #aaa; box-shadow: 5px 0px 10px #aaa; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s}

.ind_pro .news dl.right dd:hover a { color: #0c4da2; font-size: 15px; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.ind_pro .news dl.right dd:hover .time { color: #0c4da2; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}


.ind_pro .news .info {width: 780px; float: left;}
.ind_pro .news .info img.pic {width: 240px; width: 290px; height: 240px; float: left;}
.ind_pro .news dl.list { margin-top: 0px; margin-left: 30px; float: left; width: 510px; width: 460px;}
.ind_pro .news dl.list dd {position: relative; left: -15px; padding: 0 15px; width: 100%; float: left;}
.ind_pro .news dl.list dd a {line-height: 29px;}
.ind_pro .news dl.list dd .time { line-height: 29px;}

.ind_news {margin-left: 20px; float: left; width: 397px;}

/*------------新闻资讯结束---------------*

/*--联系我们开始--*/

.contactus {width: 100%; background:url(../images/footerBg.jpg) no-repeat center top;  height: auto; /*background: #f5f5f5;*/ padding: 50px 0;}
.contactus .wow {animation-name: fadeInUp;}

.contactus .contactcon {max-width: 1200px; height: 360px; margin: 0 auto; position: relative;}
.contactus .contactcon1 {height: 300px;} 
.contactus .contactcon .infobdr {width: 780px; float: left;}
.contactus .contactcon .infobdr.infobdr1 {width: 1200px;}
.contactus .contactcon .infobdr .title1 {color: #0c4da2; font-size: 20px; float: left; width: 780px; height: 40px; line-height: 40px; border-radius: 5px; background: url(../images/titBg.jpg) repeat-x;}
.contactus .contactcon .infobdr .title2 {width: 1200px;}

.contactus .contactcon .infobdr .title1 .tit {float: left; font-weight: normal;}
.contactus .contactcon .infobdr .title1 .titen {font-style: normal; font-size: 14px; float: left; line-height: 14px; color: #666; margin-top: 16px; margin-left: 8px; text-transform: uppercase;  font-family: Arial;}
.contactus .contactcon .infobdr .title1 .line {height: 2px; background: #0baf4d; width: 30px; float: left; display: block; margin-left: 10px; margin-top: 23px;}
.contactus .contactcon .infobdr .title1 .iconTit {width: 3px; height: 20px; margin: 10px 5px 10px 10px; float: left;}
.contactus .contactcon .infobdr .title1 .more {background: url(../images/more.png) no-repeat right top; width: 50px; height: 40px; float: right; font-size: 14px; font-weight: bold;}
.contactus .contactcon .infobdr .title1 .more a {cursor: pointer; text-decoration: none; color: #0c4da2;}
.contactus .contactcon .infobdr .f_one{width: 62%; float: left;}
.contactus .contactcon .infobdr .f_one1 {width: 72%; float: left;}
.contactus .contactcon .infobdr .f_two{width: 36%; margin-left: 2%; float: left;}
.contactus .contactcon .infobdr .f_two1{width: 26%;}

.contactus #contactinfo {width: 50%; float: left;}
.contactus #contactinfo.contactinfo1 {width: auto !important; margin-right: 30px;}
.contactus #contactinfo h3 {margin: 20px 0 0px; color: #143884; font-size: 14px;}
.contactus #contactinfo p {float: none; font-size: 11px; line-height: 18px; color: #333;}
.contactus #contactinfo.contactinfo1 p {line-height: 22px;}

.contactus .ewm {width: 90px; float: left; margin: 20px 60px 0px; text-align: center; line-height: 20px; color: #999; font-size: 14px;}
.contactus .ewm1 {width: 90px; float: left; margin: 20px 0px 0px; text-align: center; line-height: 20px; color: #999; font-size: 14px;}
.contactus .tel {min-width: 324px; height: 38px; border: #0c4da2 solid 1px; border-radius: 20px; background: #fff; float: left; margin: 20px 0 0px; text-align: center; color: #999; font-size: 14px;}
.contactus .tel1 {width: 60%; height: 46px; margin: 3% 20% 1%; border-radius: 23px;}
.contactus .tel span {font-size: 14px; color: #0c4da2; line-height: 38px; float: left; text-indent: 20px; font-weight: 600}
.contactus .tel em {font-size: 24px; color: #0c4da2; line-height: 38px; float: left; text-indent: 10px; font-weight: 700}

.contactus .tel1 span {font-size: 20px; line-height: 44px;}
.contactus .tel1 em {font-size: 36px; line-height: 44px;}

.contactus .product {width: 20%; float: left; margin-left: 5%;}
.contactus .product h3 {margin: 40px 0 20px; color: #fff;}
.contactus .product a {font-size: 14px; line-height: 30px; color: #999; display: block;}
.contactus .product a:hover {color: #fff; text-decoration: underline}

.contactus .contactcon .infoul {width: 100%; margin-top: 20px;}
.contactus .contactcon .infoul h3 {margin: 40px 0 8px; color: #fff;}

.contactus .contactcon .infoul .inputtxt {color: #999; line-height: 34px; width: 99%; background: none; text-indent: 10px; border: #ccc solid 1px; border-radius: 3px; margin-bottom: 10px;}
.contactus .contactcon .infoul .textarea {line-height: 24px; width: 99%; background: none; border: #ccc solid 1px; border-radius: 3px; height: 97px; margin-bottom: 10px; font-size: 14px; color: #999; font-family: 'Microsoft Yahei'; text-indent: 10px;}

/* btn-8 */
.contactus .contactcon .infoul button {
  padding: 8px 0px;
  width: 156px;
  font: 14px 'Microsoft yahei', sans-serif;
  background: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: all .8s;
  transition: all .8s;
  z-index: 3;
  font-weight: bold; cursor: pointer; border-radius: 5px;
}
#swiper-wrapper{ padding-top:141px}
.btn-8 { color: #0c4da2; border: rgba(12,77,162,0.8) 2px solid; overflow: hidden; position: relative; }
.btn-8:before, .btn-8:after { content: ""; position: absolute; z-index: -1;  height: 100%; width: 0; top: 0; background-color: #0c4da2;  -webkit-transition: all .8s;  transition: all .8s;}
.btn-8:before { left: -30px; -webkit-transform: skew(-45deg, 0); transform: skew(-45deg, 0);}
.btn-8:after { right: -30px;  -webkit-transform: skew(-45deg, 0); transform: skew(-45deg, 0);}
.btn-8:hover { color: #fff;}
.btn-8:hover:before, .btn-8:hover:after { width: 90%;}

#fot {width: 100%; background: #0c4da2; height: auto; line-height: 60px; color: #fff; font-size: 16px; float: left;}
#fot .con {margin: 0 auto; background: none; padding: 18px 15px; text-align: center; line-height: 24px;}
#fot .con a {color: #ddd;}
#fot .con a:hover {color: #fff;}

/*--联系我们结束--*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*========================================about us=====================================*/
.about_us_banner{position: relative;width: 100%;overflow: hidden;text-align: center;display: flex;justify-content: center;    padding-top: 141px;}
.about_small_title{position: relative;width: 100%;background-color: #f7f7f7;line-height: 60px;min-height: 60px;}
.about_small_title .back_one_e5{position: absolute;width: calc(50% - 600px);top: 0px;left: 0px;height: 60px;background-color: #e5e5e5;}
.about_small_title .public_div{display: flex;justify-content: space-between;}
.small_title_text{position: relative;width: auto;display: flex;background: #e5e5e5 url('../images/icon_rr01.jpg') no-repeat right;
padding-right: 18px;font-size: 18px;color: #333;height: 60px;}
.small_title_text span{white-space: nowrap;}
.small_title_text .icon_rr_one{display: inline-block;width: 15px;background-image: url('../images/news_d03.png');background-repeat: no-repeat;
background-position: -59px center;height: 60px;}
.title_right_litter{display: flex;flex-wrap: wrap;justify-content: flex-end;}
.title_right_litter a{display: inline-block;width: auto;    margin-right: 20px;text-align: center;color: #666;font-size: 15px;line-height: 60px;}
.title_right_litter a.hover{color: #0c4da2;font-weight: 600;border-bottom: 2px solid #0c4da2;line-height: 58px;}
.about_context_one{position: relative;width: 100%;}
.about_context_one .about_one_text{position: relative;font-size: 16px;color: #666;line-height: 30px;padding: 40px 0px;}
.about_context_one .about_one_text p{text-indent: 32px;}
.about_si_litter{position: relative;width: 100%;display: flex;}
.about_si_litter .litter_small{position: relative;width: 25%;text-align: center;border-right: 1px solid #e5e5e5;padding: 0px 0px;margin:25px 0px;}
.about_si_litter .litter_small:nth-child(4n){border-right: none;}
.about_si_litter .litter_small p{color: #999;text-transform: uppercase;}
.about_si_litter .litter_small p.one{color: #0c4da2;font-size: 16px;}
.about_sitwo_litter{position: relative;width: 100%;display: flex;border: 1px solid #e5e5e5;}
.about_sitwo_litter .litter_small{position: relative;width: 25%;text-align: center;height: 200px;background-position: center;background-repeat: no-repeat;}
.about_sitwo_litter .litter_small p{color: #0c4da2;font-size: 16px;}
.about_sitwo_litter .litter_small p.one{margin-top: 55px;display:flex;justify-content: center;line-height:40px;font-weight: bold;}
.about_sitwo_litter .litter_small p>span{font-size: 50px;margin-right: 5px;line-height:1.8;font-weight: 500;color: #0c4da2;}
.about_video_litter p{color: #666;font-size: 20px;text-align: center;padding: 10px 0px;}
.about_video_litter{position: relative;margin-bottom: 60px;}
.about_video_litter .video{position: relative;width: 960px;height: 540px;margin: 0px auto;}
/*about context two*/
.about_context_two{position: relative;width: 100%;padding: 35px 0px 50px 0px;}
.about_context_two p.context_two_title{font-size: 24px;color: #666;text-align: center;}
.about_context_two .acon_two_list{position: relative;width: 100%;display: flex;flex-wrap: wrap;margin-top: 20px;}
.about_context_two .acon_two_list .acon_two_list_small{position: relative;width: 31.6667%;margin-right: 2.5%;margin-bottom: 30px;cursor:pointer;overflow: hidden;text-align:center;background-color: #f6f6f6;max-height:300px;}
.about_context_two .acon_two_list .acon_two_list_small img{height:calc(100% - 45px);max-weight:100%;}
.about_context_two .acon_two_list .acon_two_list_small:nth-child(3n){margin-right: 0px;}
.about_context_two .acon_two_list .acon_two_list_small img{max-width: 100%;}
.about_context_two .acon_two_list .acon_two_list_small p{color: #666;font-size: 16px;text-align: center;background-color: #e8e8e8;
	padding: 10px 0px;}
.fadaBack_img{position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 999;background-color: rgba(0,0,0,0.6);display:none;}
.fadaBack_img .show_img{position: relative;width: 100%;height: 100%;background-position: center;background-size: contain;background-repeat: no-repeat;overflow:auto;text-align:center;}
.fadaBack_img .show_img img{max-width:100%;margin-top:80px;margin-bottom:20px;}
.fadaBack_img a{display: block;background-image: url(../images/close_fill.png);width: 45px;height: 45px;position: absolute;top: 10px;right: 10px;background-size: contain;background-repeat: no-repeat;}


.about_context_two .acon_thr_list{position: relative;width: 100%;display: flex;flex-wrap: wrap;padding-top: 20px;padding-bottom: 12px;}
.about_context_two .acon_thr_list .acon_thr_list_small{position: relative;width: 23.75%;margin-right: 1.6666%;margin-bottom: 20px;overflow: hidden;}
.about_context_two .acon_thr_list .acon_thr_list_small:nth-child(4n){margin-right: 0px;}
.about_context_two .acon_thr_list .acon_thr_list_small img{width: 100%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;}
.about_context_two .acon_thr_list .acon_thr_list_small p{color: #fff;font-size: 16px;text-align: center;background-color: rgba(0,0,0,0.7);
	padding: 6px 0px;position: absolute;width: 100%;bottom: 0px;left: 0px;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;-o-transition:all .6s ease;height: 28px;}
.about_context_two .acon_thr_list .acon_thr_list_small p>span{display: inline-block;width: 100%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;-o-transition:all .6s ease;}
.about_context_two .acon_thr_list .acon_thr_list_small p>span.one{font-size: 14px;opacity: 0;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;-o-transition:all .6s ease;}
.about_context_two .acon_thr_list .acon_thr_list_small a:hover img{transform: scale(1.08);}
.about_context_two .acon_thr_list .acon_thr_list_small a:hover p{height: calc(100% - 12px);}
.about_context_two .acon_thr_list .acon_thr_list_small a:hover p>span{margin-top: calc(50% - 60px)}
.about_context_two .acon_thr_list .acon_thr_list_small a:hover p>span.one{display: inline-block;margin-top: 0px;opacity: 1;}
.aboutpa_list{position: relative;width: 100%;display: flex;flex-wrap: wrap;padding-bottom: 20px;padding-top: 20px;}
.aboutpa_list a{display: inline-block;width: calc(11.5% - 2px);font-size: 12px;color: #666;line-height: 30px;height: auto;overflow: hidden;
	border:1px solid #e5e5e5;margin-right:1.14285%;margin-bottom:20px;text-align:center;}
.aboutpa_list a:nth-child(8n){margin-right: 0%;}
.aboutpa_list a img{max-width: 95%;margin: 15px 0px 15px 0px;}
.aboutpa_list a p{text-overflow:ellipsis;overflow: hidden;padding:0px 5px;text-align:center;min-height:44px;line-height: 22px;align-items:center;display:flex;justify-content: center;}
/*你的上一页 下一页*/
.prve_next_about{position: relative;display: flex;justify-content: center;padding: 10px 0px;width: 100%;}
.prve_next_about a{display: inline-block;min-width: 12px;height: 25px;line-height: 25px;color: #999;text-align: center;margin: 0px 6px;}
.prve_next_about a.next{background-image: url('../images/user_img04.png');background-repeat: no-repeat;background-position: center;}
.prve_next_about a.prve{transform: rotateZ(180deg);background-image: url('../images/user_img04.png');background-repeat: no-repeat;
background-position: center;}
.prve_next_about a:hover{color: #333;}
.prve_next_about a.active{color: #333;border-bottom: 1px solid #b2b2b2;}



/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*========================================product context=======================================*/
.product_context{position: relative;width: 100%;padding-top: 50px;padding-bottom: 50px;}
.product_context .public_div{display: flex;flex-wrap: wrap;}
.product_left_meus{position: relative;width: 20%;padding-top: 20px;margin-right: 3.3333%;background-color: #eee;}
.product_left_meus .meus_top_blue{position: absolute;height: 25px;width: 100%;border-radius: 5px;top: 0px;background-color: #2351a7;}
.product_left_meus ul{position: relative;width: 100%;background-color: #eee;min-height: 250px;border-top: 1px solid #cbcacb;}
.product_left_meus ul li>a{position: relative;width: calc(100% - 20px);color: #333;font-size: 16px;padding: 10px;background-color: #f6f6f6;
	border-bottom: 1px solid #cbcacb;display: inline-block;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;-o-transition:all .6s ease;}
.product_left_meus ul li>a span.one{display: inline-block;width: 12px;height: 12px;margin-right: 6px;background-repeat: no-repeat;
	background-image: url('../images/about_p01.png');}
.product_left_meus ul li .meus_zdcd_li{display: none;width: 100%;}
.product_left_meus ul li .meus_zdcd_li a{padding: 0px 25px;color: #666;border-bottom: 1px solid #ccc;display: inline-block;
	width: calc(100% - 50px);line-height: 35px;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;-o-transition:all .6s ease;}
.product_left_meus ul li>a:hover{background-color: #2351a7;color: #fff;}
.product_left_meus ul li>a:hover span.one{background-image: url('../images/about_p02.png');}
.product_left_meus ul li .meus_zdcd_li a:hover{color: #2351a7;font-weight: bold;}
.product_left_meus ul li>a.hover{background-color: #2351a7;color: #fff;}
.product_left_meus ul li>a.hover span.one{background-image: url('../images/about_p02.png');}
.product_left_meus ul li>a.hover+.meus_zdcd_li{display: block;}
.product_left_meus ul li .meus_zdcd_li a.hover{color: #2351a7;font-weight: bold;}
.product_right_list{position: relative;width: 76.6667%;display: flex;flex-wrap: wrap;align-items: flex-start;align-content: flex-start;}
.list_title{font-size: 24px; color: #666; color: #2351a7; text-align: center;padding-bottom: 12px;display: block;width: 100%;
font-family:Arial;}
.product_right_list .pro_list_small{position: relative;width: calc(31.522% - 2px); border-radius: 5px;overflow: hidden;padding-bottom: 40px; border: #c7d4e5 solid 1px; margin-right: 2.717%; margin-bottom: 40px;}
.product_right_list .pro_list_small:nth-child(3n+1){margin-right: 0px;}
.product_right_list .pro_list_small img{max-width: 100%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;-o-transition:all .6s ease;max-height:100%;position: absolute;top: 50%;left: 50%;
    transform: translate(-50%,-50%);}
.product_right_list .pro_list_small .img{overflow: hidden;height:183px;position:relative;width:100%; /*height: 263px;*/}
.product_right_list .pro_list_small p{background-color: #c7d4e5;color: #333;font-size: 16px;text-align: center;padding: 6px 0px;width: 100%;
position: absolute;bottom: 0px;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;}
.product_right_list .pro_list_small a:hover img{transform: scale(1.08) translate(-46%,-46%);}
.product_right_list .pro_list_small a:hover p{color: #fff;background-color: #0baf4d;}
.product_right_list .product_swiper_one{position: relative;width: 100%;padding-top: 10px;}
.product_right_list .swiper_con{position: relative; max-width: 480px; max-width: 382px; max-width: 643px; width: 90%;margin: 0px auto;overflow: hidden;padding: 1px;}
.product_right_list .swiper_con .swiper-slide img{max-width: 100%; /*border: 1px solid #ebebeb; border-radius: 5px;*/}
.product_swiper_one .swiper-button-prev{width: 17px;height: 28px;background-size: 100%;left: 50%;margin-left: -290px; margin-left: -350px;}
.product_swiper_one .swiper-button-next{width: 17px;height: 28px;background-size: 100%;right: 50%;margin-right: -290px; margin-right: -350px;}
.product_swiper_one .swiper-button-prev.swiper-button-disabled,.product_swiper_one .swiper-button-next.swiper-button-disabled{opacity: 1;
-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);
 filter: grayscale(100%);filter: gray;}
.product_detail_t01{position: relative;width: 100%;display: flex;flex-wrap: wrap;background-color: #f6f6f6;margin-top: 30px;}
.product_detail_t01 a{display: inline-block;padding: 10px 12px;background-color: #e9e9e9;border-right: 1px solid #fff;font-size: 14px;color: #666;}
.product_detail_t01 a.hover{color: #fff;background-color: #2351a7;}
.product_detail_t02{position: relative;width: 100%;padding-top: 12px;padding-bottom: 12px;}
.pro_contect_small{position: relative;width: 100%;color: #666;line-height: 26px;display: none;}



/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*====================================tech=======================================*/
.tech_context_two{position: relative;width: 100%;padding: 35px 0px 50px 0px;}
.tech_context_two p.context_two_title{font-size: 24px;color: #666;text-align: center;}
.tech_context_two ul{position: relative;width: 100%;margin-bottom: 30px;}
.tech_context_two li{position: relative;width: 100%;border-bottom: 1px solid #f0f0f0;line-height: 49px;
	-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;}
.tech_context_two li a{display: flex;justify-content: space-between;padding: 0px 15px;width: calc(100% - 30px);}
.tech_context_two li a .time{min-width: 80px;color: #999;}
.tech_context_two li a p{display: flex;line-height: 49px;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;}
.tech_context_two li a p span.icon_t1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;padding-right: 20px;}
.tech_context_two li a img{margin-top: 18px;margin-bottom: 18px;margin-right: 10px;}
.tech_context_two li a:hover{color: #999;}
.tech_context_two li:hover{box-shadow: 0px 2px 5px 1px rgba(204,204,204,0.5);}
.tech_context_two li:hover a p{color: #0c4da2;}
/*detail*/
.tech_detail_title{position: relative;width: 100%;text-align: center;border-bottom: 1px solid #f0f0f0;margin-top: 5px;}
.tech_detail_title p.one{color: #666;font-size: 24px;line-height: 42px;}
.tech_detail_title p.two{color: #999;font-size: 14px;line-height: 30px;}
.tech_detail_edit{font-size: 16px;color: #666;line-height: 28px;padding-top: 20px;padding-bottom: 30px;}
.tech_detail_edit img{max-width: 100%;}
.prve_next_tech{position: relative;width: 100%;display: flex;justify-content: space-between;}
.prve_next_tech a.prve,.prve_next_tech a.next{position: relative;width: calc(43.3% - 20px);border: 1px solid #e0e0e0;line-height: 34px;height: 34px;
	border-radius: 18px;padding: 0px 10px;display: flex;color: #666;-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;margin: 5px 0px;}
.prve_next_tech a.prve img,.prve_next_tech a.next img{min-width: 12px;margin-right: 3px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;margin-top: 11px;margin-bottom: 11px;}
.prve_next_tech a.prve span,.prve_next_tech a.next span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.prve_next_tech a.prve:hover,.prve_next_tech a.next:hover{border: 1px solid #0c4da2;color: #0c4da2;}
.prve_next_tech a.prve:hover img,.prve_next_tech a.next:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);
	filter: grayscale(0%);filter: gray;}
.prve_next_tech a.return_fh{position: relative;border: 1px solid #e0e0e0;line-height: 34px;height: 34px;align-items: center;
	border-radius: 18px;padding: 0px 10px;display: flex;color: #999;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;-o-transition:all .6s ease;margin: 5px 0px;}
.prve_next_tech a.return_fh:hover{border: 1px solid #999;color: #666;}



/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*===============================news page====================================*/
.news_list_page{position: relative;width: 100%;display: flex;flex-wrap: wrap;padding-top: 10px;}
.news_list_small{position: relative;padding: 15px;width: calc(33.3333% - 30px);-webkit-transition:all .6s ease;-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;-o-transition:all .6s ease;}
.news_list_small .one_img{position: relative;width: 100%;overflow: hidden;}
.news_list_small .one_img img{width: 100%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;-o-transition:all .6s ease;}
.news_list_small .one_img .back{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 2;background-color: rgba(0,0,0,0);
-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;}
.news_list_small .list_small_text{position: relative;width: 100%;}
.news_list_small .list_small_text p.one{color: #666;font-size: 16px;line-height: 35px;padding: 8px 0px 2px 0px;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;height: 35px;}
.news_list_small .list_small_text .p_two{color: #999;line-height: 20px;font-size: 14px;height: 75px;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-bottom: 15px;-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;}
.news_list_small .list_small_text .p_thr{position: relative;padding: 8px 10px;border-bottom: 1px solid #dbdbdb;display: flex;
	justify-content: space-between;color: #666;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;
	-o-transition:all .6s ease;}
.news_list_small:hover{box-shadow: 0px 0px 5px 1px rgba(204,204,204,0.5);}
.news_list_small:hover .one_img img{transform: scale(1.08);}
.news_list_small:hover .one_img .back{background-color: rgba(0,0,0,0.5);}
.news_list_small:hover .list_small_text p.one{font-size: 18px;color: #0c4da2;}
.news_list_small:hover .list_small_text .p_two{color: #666;}
.news_list_small:hover .list_small_text .p_thr{color: #0c4da2;border-bottom: 1px solid #fff;}



/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*==========================================contact us============================================*/
.contact_us_map_one{position: relative;width: 100%;display: flex;flex-wrap: wrap;margin-top: 30px;}
.contact_us_map_one .left_text{position: relative;width: calc(50% - 30px);color: #666;font-size: 14px;line-height: 28px;padding-right: 30px;padding-top: 20px;}
.contact_us_map_one .right_text{position: relative;width: calc(50% - 30px);color: #666;font-size: 14px;line-height: 28px;padding-left: 30px;padding-top: 20px;}
.contact_us_map_one .right_map_one{position: relative;width: 50%;height: 320px;}
/*contact_gsdt*/
.contact_gsdt_one{position: relative;width: 100%;padding-top: 25px;padding-bottom: 25px;font-size: 14px;color: #666;line-height: 26px;}
.contact_gsdt_one img{max-width: 100%;}
/*contact_lxwm*/
.contact_zxly_one{position: relative;width: 100%;max-width: 600px;margin: 0px auto;}
.contact_zxly_one div{display: flex;padding: 5px 0px;}
.contact_zxly_one div span.one{min-width: 82px;color: #666;font-size: 16px;line-height: 38px;}
.contact_zxly_one div input{position: relative;width: 100%;border: 1px solid #ccc;line-height: 36px;height: 38px;padding: 0px 10px;
	color: #666;border-radius: 4px;}
.contact_zxly_one div.yzm{flex-wrap: wrap;}
.contact_zxly_one div.yzm input{max-width: 100px;}
.contact_zxly_one div.yzm img{height: 38px;margin-left: 10px;margin-right: 10px;}
.contact_zxly_one div.yzm a{line-height: 38px;}
.contact_zxly_one div textarea{position: relative;width: 100%;border: 1px solid #ccc;line-height: 36px;height: 150px;padding: 0px 10px;
	color: #666;border-radius: 4px;resize: none;}
.contact_zxly_one div span.red_one{min-width: 25px;color: #ff0000;font-size: 16px;line-height: 38px;text-align: center;}
.contact_zxly_one .submit_form{position: relative;display: inline-block;color: #fff;font-size: 16px;text-align: center;width: 160px;
	line-height: 50px;height: 50px;background-color: #2351a7;border-radius: 4px;margin-left: 82px;margin-top: 15px;}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*========================================share=========================================*/
#shares{position: fixed;bottom: 50px;right: 0px;width: 180px;background-color: #fff;border: 1px solid #0c4da2;border-radius: 5px;
	z-index: 99;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;
	-o-transition:all .6s ease;}
#shares .share_title{color: #fff;background-color: #0c4da2;text-align: center;line-height: 36px;}
#shares .social-share{position: relative;padding: 10px 6px;color: #666;font-size: 14px;}
#shares .social-share .social-share-icon{width: 28px;height: 28px;border: none;font-size: 18px;line-height: 28px;margin-right: 5px;}
#shares .social-share .social-share-icon.icon-qq-e{background-image: url('../images/lxwm_icon.jpg');background-position: center;background-repeat: no-repeat;}
#shares .social-share a:hover .icon-wechat{color: #7bc549;background-color: #fff;}
#shares .social-share a .img{opacity: 0;position: absolute;left: -90px;top:-25px;-webkit-transition:all .6s ease;z-index:999;width:80px;height:0px;
	-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease}
#shares .social-share a .img img{height:100%;width:100%;}
#shares .social-share a:hover .img{opacity: 1;height:80px;}
#shares .share_leftUp{position: absolute;display: inline-block;width: 30px;height: 30px;border-radius: 5px;background-color: #0c4da2;
	z-index: 99;top: 2px;left: -30px;color: #fff;line-height: 30px;font-size: 20px;text-align: center;background-repeat: no-repeat;
	background-image: url('../images/about_p02.png');background-position: 8px center;padding-right: 5px;-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;}
#shares.hover{right:-142px;}
#shares.hover .share_leftUp{background-image: url('../images/about_p03.png');}

@media (max-width:1360px){
	#qt_one_gzh{top: 42px;left: -20px;}
}
@media (max-width:1200px){
	.public_div{width: 95%;padding: 0px 2.5%;}
	.public_div_one{width: 95%;padding: 0px 2.5%;}
	.header_top{height: auto;}
	.about .about_left{max-width: 100%;margin: 0px auto;float: none;padding-bottom: 30px;}
	.about .about_right{max-width: 100%;margin: 0px auto;float: none;}
	.ind_pro .products ul li{width: calc(32% - 2px);margin-right:2%;height: auto;padding-bottom: 40px;}
	.ind_pro .profl ul li{width: 32%;margin-right:2%;height: auto;padding-bottom: 40px;}
	.ind_pro .news{width: 100%;}
	.ind_pro .news .title1{width: 100%;}
	.ind_pro .news .info{width: 100%;display:flex;}
	.ind_pro .news dl.list{width: calc(100% - 270px);}
	.ind_news{float: none;margin: 0px auto;max-width: 100%;}
	.ind_news img{max-width: 100%;margin-top: 20px;}
	.contactus .contactcon{height: auto;}
	.contactus .contactcon .infobdr{max-width: 95%;margin: 0px auto;float: none;}
	.contactus .contactcon .infobdr .title1{max-width: 100%;}
	.video{max-width: 100%;height: 320px;}
	.videoContainer img{max-width: 100%;}
	.about_us_banner{align-items: flex-start;}
	.about_us_banner img{width: 140%;}
	.about_small_title .back_one_e5{width: 2.5%;}
}
@media (max-width:1105px){
	.aboutpa_list a:nth-child(2n){margin-right: 2%;}
	.aboutpa_list a:nth-child(3n){margin-right: 2%;}
	.aboutpa_list a:nth-child(8n){margin-right: 2%;}
	
	.aboutpa_list a:nth-child(6n){margin-right: 0%;}

}
@media (max-width:800px){
	.aboutpa_list a:nth-child(2n){margin-right: 5%;}
	.aboutpa_list a:nth-child(6n){margin-right: 5%;}
	.aboutpa_list a:nth-child(8n){margin-right: 5%;}
	
	.aboutpa_list a:nth-child(3n){margin-right: 0%;}
	
}
@media (max-width:450px){
	.aboutpa_list a:nth-child(3n){margin-right: 8%;}
	.aboutpa_list a:nth-child(6n){margin-right: 8%;}
	.aboutpa_list a:nth-child(8n){margin-right: 8%;}
	
	.aboutpa_list a:nth-child(2n){margin-right: 0%;}
	
}

@media (max-width:1105px){
	.company_search{display: none !important;}
	.about_context_two .acon_thr_list{max-width: 800px;margin: 0px auto;}
	.about_context_two .acon_thr_list .acon_thr_list_small{width: 48%;margin-right: 4%;}
	.about_context_two .acon_thr_list .acon_thr_list_small:nth-child(4n){margin-right: 2%;}
	.about_context_two .acon_thr_list .acon_thr_list_small:nth-child(2n){margin-right: 0%;}
	.aboutpa_list{max-width: 800px;margin: 0px auto;}
	.aboutpa_list a{width: calc(15% - 2px);margin-right:2%;}
	.product_left_meus{width: 100%;}
	.product_right_list{width: 100%;}
	.product_swiper_one .swiper-button-prev{left: 5%;margin-left: 0px;}
	.product_swiper_one .swiper-button-next{right: 5%;margin-right: 0px;}
	.contactus .tel1{width:360px;margin:0px calc(50% - 179px);margin-top:3%;margin-bottom:1%;}
	.contactus .tel1 em{font-size:24px;}
	.body_index .swiper-slide{overflow:hidden;}
	.body_index .swiper-slide .swiper-container{height:240px !important;}
	/*.body_index .swiper-slide img{height:240px;*/width:100%;transform: translate(-50%,0%);margin-left:50%;}*/
}
@media (max-width: 800px){
	/*头部*/
	.header_nav{position: absolute;width: 62px;border: none;right: 0px;bottom: 22px;}

	.public_div{width: 96%;padding: 0px 2%;}
	.public_div_one{width: 96%;padding: 0px 2%;}
	.header_top .company_logo{float: none;width: 100%;text-align: center;display: inline-block;height: auto;}
	.header_top .company_msg{float: none;margin: 0px auto;justify-content: center;padding-right: 40px;}
	.company_msg .cn_en_select{margin: 25px 10px 0 0px;}
	.ind_pro .products ul li{width: calc(49% - 2px);margin-right:2%;height: auto;padding-bottom: 40px;}
	.ind_pro .profl ul li{width: 49%;margin-right:2%;height: auto;padding-bottom: 40px;}
	.ind_pro .products ul li:nth-child(3n){margin-right: 2%;}
	.ind_pro .products ul li:nth-child(2n){margin-right: 0px;}
	.ind_pro .profl ul li:nth-child(3n){margin-right: 2%;}
	.ind_pro .profl ul li:nth-child(2n){margin-right: 0px;}
	.ind_pro .news .info{flex-wrap:wrap;}
	.ind_pro .news .info>a{display: inline-block;width: 100%;text-align: center;margin-bottom: 20px;}
	.ind_pro .news .info img.pic{max-width: 100%;margin: 0px auto;float: none;}
	.ind_pro .news dl.list{width: 95%;margin-left: 2%;}
	.contactus .contactcon .infobdr .f_one{width: 100%;}
	.contactus .contactcon .infobdr .f_two{width: 100%;margin-left: 0px;}
	.about{padding: 20px 0 50px 0;}
	.about .about_left .title1{width: 100%;}
	.about .about_left .txt{width: 100%;}
	.about .about_left .txt p{width: 100%;font-size: 14px;}
	.header_top .company_logo img{max-width: 100%;height: auto;}
	.about .about_left ul li{width: calc(33.33% - 9px);}
	.about .about_left ul{width:auto;margin:0px auto;max-width:480px;}
	.about .about_left ul .menu__item{height: 120px;}
	.about .about_left ul .menu__link{height: 110px;padding-top:10px;}
	.about .about_left ul li img{width: 50px;height: 50px;margin-left: -25px;}
	.about .about_left ul li b{font-size: 15px;}
	.about .about_left ul li em{font-size: 13px;}
	.video{height: 280px;}
	.about_si_litter{flex-wrap: wrap;}
	.about_si_litter .litter_small{width: calc(50% - 1px);}
	.about_si_litter .litter_small:nth-child(2n){border:none;}
	.about_sitwo_litter{flex-wrap: wrap;}
	.about_sitwo_litter .litter_small{width: 50%;}
	.about_video_litter .video{height: 380px;}
	.about_context_two .acon_two_list .acon_two_list_small{width: 48%;margin-right: 4%;}
	.about_context_two .acon_two_list .acon_two_list_small:nth-child(3n){margin-right: 4%;}
	.about_context_two .acon_two_list .acon_two_list_small:nth-child(2n){margin-right: 0px;}
	.about_context_two .acon_two_list .acon_two_list_small p{font-size: 14px;}
	.aboutpa_list{max-width: 450px;}
	.aboutpa_list a{width: calc(30% - 2px);margin-right:5%;}
	.product_left_meus ul{min-height: auto;padding-bottom: 20px;}
	.product_right_list .pro_list_small{width: 100%;margin-right: 0px;}
	.product_left_meus{width: 100%;max-width: 450px;margin: 0px auto;}
	.product_right_list{width: 100%;max-width: 450px;margin: 0px auto;padding-top: 25px;}
	.prve_next_tech{flex-wrap: wrap;justify-content: center;padding-bottom: 46px;}
	.prve_next_tech a.prve, .prve_next_tech a.next{width: calc(100% - 22px);}
	.news_list_small{width: calc(100% - 30px);}
	.contact_us_map_one{margin-top: 45px;}
	.contact_us_map_one .left_text{width: calc(100% - 30px);padding:15px;}
	.contact_us_map_one .right_text{width: calc(100% - 30px);padding:15px;}
	.contact_us_map_one .right_map_one{width: 100%;}
	.contact_zxly_one div.yzm input{max-width: 60px;}

	/*xg*/
	.about_small_title .public_div{flex-wrap: wrap;}
	.title_right_litter{justify-content: flex-start;width: 100%;}
	.title_right_litter a{font-size: 14px;line-height: 45px;width: 25%;min-width: 100px;}
	.title_right_litter a.hover{line-height: 43px;}
	.small_title_text{width: 90%;height: 50px;line-height: 50px;}
	.small_title_text .icon_rr_one{height: 50px;}
	.about_small_title .back_one_e5{height: 50px;}
	.about_small_title{line-height: 50px;min-height: 50px;}
	.prve_next_tech a.return_fh{position: absolute;top: 92px;}
}
@media (max-width: 450px){
	.company_msg .cn_en_select{font-size: 13px;margin: 25px 0px 0 0px;}
	.about .about_left .title1{font-size: 16px;        width: 100%}
	.about .about_left .title1 .titen{font-size: 12px;}
	.video{height: 260px;}
	.ind_pro .products ul li{width: 100%;margin-right: 0px;}
	.ind_pro .products .title1{font-size: 16px;}
	.ind_pro .products .title1 .titen{font-size: 12px;}
	.ind_pro .products .title1 .more a{font-size: 12px;}
	.ind_pro .products .title1 .more{width: 40px;background-size: 40px;}
	.ind_pro .profl ul li{width: 100%;margin-right: 0px;}
	.ind_pro .profl .title1{font-size: 16px;}
	.ind_pro .profl .title1 .titen{font-size: 12px;}
	.ind_pro .profl .title1 .more a{font-size: 12px;}
	.ind_pro .profl .title1 .more{width: 40px;}
	.ind_pro .news dl.list dd{display: flex;}
	.ind_pro .news dl.right dd .time{min-width: 70px;}
	.ind_pro .customer .title1{font-size: 16px;}
	.ind_pro .customer .title1 .titen{font-size: 12px;}
	.ind_pro .customer .title1 .more a{font-size: 12px;}
	.ind_pro .customer .title1 .more{width: 40px;}
	.contactus .contactcon .infobdr .title1{font-size: 16px;}
	.contactus .contactcon .infobdr .title1 .titen{font-size: 12px;}
	.contactus .contactcon .infobdr .title1 .more{width: 40px;}
	.contactus .contactcon .infobdr .title1 .more a{font-size: 12px;}
	.contactus .tel{max-width: 100%;}
	.contactus .tel span{font-size: 13px;}
	.contactus .tel em{font-size: 22px;}
	.contactus #contactinfo{width: 100%;}
	.swiper-pagination-bullet{width: 10px !important;height: 10px !important;background-size: 10px !important;}
	.swiper-pagination-bullet-active{background-position: 0px -10px !important;}
	.small_title_text{font-size: 16px;}
	.about_sitwo_litter .litter_small p.one{margin-top: 75px;}
	.about_sitwo_litter .litter_small p>span{font-size: 35px;}
	.about_sitwo_litter .litter_small p{font-size: 14px;}
	.about_video_litter .video{height: 280px;}
	.about_context_two .acon_two_list .acon_two_list_small{width: 100%;margin-right: 0%;}
	.about_context_two .acon_two_list .acon_two_list_small img{width: 100%;}
	.about_context_two .acon_two_list .acon_two_list_small:nth-child(3n){margin-right: 0%;}
	.about_context_two .acon_two_list .acon_two_list_small:nth-child(2n){margin-right: 0px;}
	.about_context_two .acon_thr_list .acon_thr_list_small{width: 100%;margin-right: 0%;}
	.about_context_two .acon_thr_list .acon_thr_list_small:nth-child(4n){margin-right: 0%;}
	.aboutpa_list a{width: calc(46% - 2px);margin-right:8%;}
	.tech_context_two li{font-size: 12px;}
	.contact_zxly_one div.yzm input{max-width: calc(100% - 130px);}
	.contact_zxly_one div.yzm img{margin-left:82px;height: 30px;}
	.contact_zxly_one div.yzm a{font-size: 12px;}
	.contactus .tel1{width:280px;margin:0px calc(50% - 139px);margin-top:3%;margin-bottom:1%;min-width:280px;}
	.contactus .tel1 em{font-size:20px;}
	
	.about .about_left ul .menu__item{height: 105px;}
	.about .about_left ul .menu__link{height: 95px;padding-top:10px;}
	.about .about_left ul li img{width: 36px;height: 36px;margin-left: -18px;}
}






.about_small_title .company_search{ display: none;}
.sjmbx{    display: none;}

@media (max-width: 767px){
.product_left_meus{    display: none;}

#qt_one_gzh{    display: none;}
.company_msg .gzh_logo:hover img#qt_one_gzh {
    display: block;
}

.about .about_left .txt{ width:100%}
.about .about_left .txt p{ width:100%}
.about .about_left ul{ width:100%}
    .header_nav {
        position: absolute;
        width: 62px;
        border: none;
        right: 0px;
        bottom: 22px;
    }
.header_top .company_msg {
        float: none;
        margin: 0px auto;
        justify-content: center;
        padding-right: 40px;
    }
.header_top .company_logo img{    height: 70px;}
 .ind_pro .news .info>a {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .ind_pro .news .info {
        flex-wrap: wrap;
    }
    .ind_pro .news dl.list {
        width: 95%;
        margin-left: 2%;
    }
    .ind_pro .news .info img.pic {
        max-width: 100%;
        margin: 0px auto;
        float: none;
    }
.headerZy{    position: relative !important;}
#swiper-wrapper{padding-top:0px !important}
.about_us_banner{padding-top:0px !important}
.contactus .contactcon .infoul button{width: 103px;}
.sjmbx{    display: block;     font-weight: 500;             float: right;}
}