@charset "UTF-8";

.left{ float: left;}
.right{float: right;}
.y_nav{display: none;}
.justify_fix{display:inline-block; width:100%; height:0; overflow:hidden;}

.header{width: 75%; margin: 0 auto; height: 95px;max-width: 1400px;}
.logo{ float: left;  width: 20%; }
.logo img{max-height: 95px;}
.head_rg{ float: right; width:75%;}
.nav_list{ float: left;  width:89%; text-align: right;}
.nav_list li{ display: inline-block;  margin:0 ;    padding: 0 3%; height: 95px; padding-top: 38px;position: relative;}
.nav_list li a{ font-size: 16px; color: #333;    display: block;
    width: 100%;
    height: 100%;
 }
.nav_list li.active a,.nav_list li:hover a{ color: #1185fc; display: inline-block;  padding-bottom: 15px; border-bottom: 4px solid #1185fc;}
.top_yq{ float: left; margin-top: 33px; width:50px;}

.nav_mod{position: absolute;top: 95px;z-index: 999;display: none;width: 100%;left: 0;text-align: center;height: auto; background: #0b82ff;}
.nav_list>li:hover .nav_mod{ display: block; }
.nav_list .nav_mod li a{height:auto;line-height: 40px;font-size: 16px; color: #fff; margin: 0;}
.nav_list .nav_mod li{ margin: 0; padding: 0;    display: block;line-height: 40px;
    height: auto;
}
.nav_list>li:hover .nav_mod li a{ color: #fff; padding: 0; border: none;}

.top_ser{position: relative;}
.pro_serh{position: absolute;top: 62px;right: 0;width: 380px;background: rgba(255,255,255,.9);border: 1px solid #e1e1e1;padding: 20px;z-index: 999;display: none;}
.pro_serh form{height: 40px;}
.pro_serh p{color: #044e8b;font-size: 16px;float: none;top: 0;margin-bottom: 10px;line-height: 35px;}
.pro_serh input{background: #f6f6f6;border: none;height: 40px;width: 80%;padding-left: 5px;border: 1px solid #CCCCCC;border-radius: 5px;vertical-align: top;}
.pro_serh button{border:none;background: transparent;margin-left: 5px;height: 40px;vertical-align: top;}
.pro_serh button img{vertical-align: top;}
.pro_serh ul li{display: inline-block;color: #888888;margin-right: 5px;}
.pro_serh ul li a{color: #888888;}



/*banner*/
.ban_swi{ float: none;width: 100%;}
.ban_swi .swiper-slide img{width: 100%;}
.ban_swi .swiper-button-next,.ban_swi .swiper-button-prev{width: 63px;height: 63px;text-align:center; border: 1px solid #fff; color: #fff; font-size: 14px; background: none;line-height: 63px; border-radius: 50%;}
.ban_swi .swiper-button-next:hover,.ban_swi .swiper-button-prev:hover{background: rgba(26,48,92,0.9);}
.ban_swi .swiper-button-next{right: 5%;}
.ban_swi .swiper-button-prev{left: 5%;}
.ban_swi .swiper-pagination-bullet{width: 12px; height: 12px; background: #fff; opacity: 1;}
.ban_swi .swiper-pagination-bullet-active{ background: #ef8641; width: 80px; border-radius: 6px;}


.about_bg{ width: 100%; min-width: 1600px; background: url("../images/about_bg.jpg") no-repeat; background-size: cover; height: auto; overflow: hidden;}
.about_con{ margin: 135px auto 160px auto; width: 1400px; height: auto;overflow: hidden;}
.in_about{width: 615px; font-size: 16px; color: #666666; line-height: 30px; margin-top: 20px; height: 230px;}

.more1{ width: 217px; height: 48px; font-size: 18px; line-height: 46px; border: 1px solid #1185fc; color: #1185fc; font-weight: bold; text-align: center; border-radius: 5px;}
.more1:hover{ color: #fff; background: #1185fc;}
.about_con .right,.video{width: 750px; height: 480px;}


.titl{ margin: 73px auto ; text-align: center;}
.pro_bg{background: url("../images/pro_bg.jpg") no-repeat; height: auto; overflow: hidden; margin: 0 auto; min-width: 1600px; background-size: cover; }

.pro_cate{ margin-top: 100px; text-align: center; margin-bottom: 80px;}
.pro_cate .pro_cate_item{ font-size: 18px; line-height: 34px; padding:0 20px; margin: 0 37px; color:#333; display: inline-block;}
.pro_cate .pro_cate_item:hover{ background:#1185fc; border-radius: 5px; color: #fff;}

.pro_list{width: 88%; margin: 0 auto 45px; position: relative; display: none;    max-width: 1600px;}
.pro_list:nth-child(1){display: block;}
.pro_list .swiper-button-next,.pro_list .swiper-button-prev{ width: 51px; height: 51px; }
.pro_list .swiper-container{width: 86%;max-width: 1400px;}

.pro_list .cimg{ border: 1px solid #dfdfdf; overflow: hidden;background: #fff;}
.pro_list .cimg img{max-height: 100%; width: 100%;transition: all .4s;-moz-transition: all .4s;}
.pro_list .cimg:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.pro_list p{ color: #333; font-size: 18px; line-height: 34px; margin-top: 5px; text-align: center;   }

/* .accordion */
.accordion { height:702px;overflow: hidden;position:relative; }
.accordion:after { content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff; }
.accordion._create:after { display: none; }

.accordion__ul { display:block;list-style: none;margin: 0;padding: 0;width:100%;height:702px;overflow:hidden;position:absolute;left:0;top:0; }
.accordion__li { display:block;list-style: none;margin: 0;padding: 0;height:702px;float:left;overflow: hidden;transition: all 0.3s ease-out; position: relative; }
.accordion__img { display: block;cursor: pointer; max-width: initial; }
/* /.accordion */

.accordion__li .item{ transition: all 0.3s ease-out;position: absolute; top: 50%; left: 0; right: 0; margin:-25px auto 0 auto; width: 85%; background:rgba(17,133,252,0.83); color: #fff; text-align: center; padding: 25px 0;}
.accordion__li .item div{ font-size: 24px; font-weight: bold; line-height: 35px;}
.accordion__li .item p{ font-size: 16px; line-height: 32px; font-weight: bold; text-transform: uppercase;}


.se_bg{width: 100%; min-width: 1600px; margin: 0 auto; background: url("../images/se_bg.jpg") center no-repeat; background-size: cover; height: auto; overflow: hidden;}

.se_con{ margin: 83px auto; width: 1400px; height: auto; overflow: hidden;}
.se_con .left p{ font-size: 30px; line-height: 40px; margin-top: 20px;}
.se_con .left .esc{ font-size: 16px; color: #464646; line-height: 36px; width: 375px; margin: 30px auto 80px 0;}
.se_con .right{width: 71%;}
.se_con .right li{ float: left; margin-left: 3.55%; width: 29.75%;}
.se_con .right li img{width: 100%;}
.se_con .right li p{line-height: 69px;color: #333; font-size: 20px; text-indent: 1em; background:#ffffff;}
.se_con .right li:hover p{ background:#1185fc;color: #fff;}

.titl p{ margin-top: 15px; color: #515151; text-align: center;}


.honor_bg{width: 100%; min-width: 1600px; margin: 0 auto; background: url("../images/honnr_bg.jpg") center no-repeat; height: auto; overflow: hidden;
    background-size: cover;}
.honor_con{ margin: 140px auto 115px auto; width: 1400px; text-align: center; }

.honor_con .swiper-container {
    width: 100%;
    height: 100%;
}
.honor_con .swiper-slide {
    text-align: center;
    font-size: 18px;


    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}
.honor_con .swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1);
}

.pbpor,.pbnor{ position: initial;display: inline-block; background: none; margin: 82px 5px 0; width: 55px; height: 55px;outline: none;}


.news_bg{ background: url("../images/news_bg.jpg") center no-repeat; height: auto; margin: 0 auto; overflow: hidden;min-width: 1600px; background-size: cover;}
.news_con{ width: 1400px; margin: 115px auto 140px auto; text-align: justify;}
.news_ite{ display: inline-block; width: 31%;color: #333; }
.news_ite img{width: 100%;}
.news_ite .tt{margin-top: 30px;font-size: 20px; font-weight: bold;    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.news_ite .tm{ margin: 20px auto 15px 0; font-size:14px; }
.news_ite .dsc{ font-size: 14px; line-height: 24px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.news_ite:hover .tt,.news_ite:hover .tm{ color: #1185fc;}


.footer{ background: #002448; height: auto; overflow: hidden; width: 100%;}
.footer_con{width: 75%; margin:75px auto 50px auto;height: auto; overflow: hidden; }
.dd1 p{ color: #fff; font-size: 16px;}
.dtel{ font-size: 30px; font-weight: bold; color: #1185fc; margin-top: 25px;}
.dtel img{ margin-top: -5px; margin-right: 10px; }
.desc{ color: #737a82; line-height: 34px; margin-top: 15px;}

.dd2{ margin-left: 14%; width: 50%;height: auto; overflow: hidden; }
.dd2 ul{ margin-right: 15%; float: left;text-align: center;}
.dd2 ul:nth-child(4){ margin-right: 0;}
.dd2 ul li{margin-bottom: 15px;}
.dd2 ul .tt{margin-bottom: 25px;}
.dd2 ul li a{ font-size: 14px; color: #737a82; }
.dd2 ul .tt a{ font-size: 14px; color: #fff;}

.dd3 .tt{font-size: 16px; color: #fff; margin-bottom: 25px;    text-align: center;}
.footer_dd{ color: #737a82; line-height: 36px; font-size: 14px; text-align: center; }
.footer_dd a,.footer_dd a:hover{color: #737a82;}
.footer_dd span{margin-left: 15px;}


/**关于**/
.banner img{width: 100%;}
.m_nav{border-bottom: 1px solid #d2d2d2;text-align: center;}
.m_nav li{display: inline-block;line-height: 110px;margin: 0 3%;}
.m_nav li a{color: #666666;font-size: 18px;}
.m_nav li.active{border-bottom: 2px solid #283886;}
.m_nav li.active a{color:#283886;}
.m_nav li a:hover{color:#283886;}
.about{width: 100%;}
.about_tn{width: 100%;height: 630px;background: url(../img/abou_img01.png) bottom center no-repeat;background-size: cover;padding-top: 125px;}
.about_tn h1{color: #333333;font-size: 45px;margin-bottom: 15px;}
.about_tn .p1{color: #333333;font-size: 45px;font-weight: bold;position: relative;margin-bottom: 60px;}
.about_tn .p1 span{color: #21409D;}
.about_tn .p1:before{content: "";width: 50px;height: 2px;background: #21409d;position: absolute;top: 83px;left: 0;}
.about_tn .p2{color: #666666;font-size: 20px;width: 360px;}

.about_m{display: flex;justify-content: space-around;margin-top: 70px;}
.about_m li{width: 48%;}
.about_m li img{width: 100%;}



/*****联系我们*****/
.contact{width: 100%;background: url(../img/cont_img.png) top center no-repeat;padding-top: 115px;padding-bottom: 150px; margin: 0 auto;}
.contact .nr{width: 75%; margin: 0 auto;max-width:1400px;}
.cont_tit{color: #333333;font-size: 32px;position: relative;margin-bottom: 35px;}
.cont_tit{padding-left:100px;}
.cont_tit:before{content: "";width:65px;height: 2px;background:#21409d;position: absolute;top: 18px;left: 0;}
.cont_bt p{color: #666666;font-size: 16px;line-height: 30px;}
.contact_tb{margin-top: 60px;width: 100%;margin-bottom: 170px;border: none;border-top:1px solid #cccccc;}
.contact_tb tr td{border: none;padding: 25px 0;}
.contact_tb tr{border-bottom: 1px solid #cccccc;}
.contact_tb tr:nth-child(odd){background: rgba(245,245,245,0.5);}
.contact_tb tr:nth-child(even){background: rgba(255,255,255,0.5);}
.contact_tb tr td:first-child{color: #666666;font-size: 16px;text-align: center;width: 230px;}
.contact_tb tr td:nth-child(2n){color: #333333;font-size: 16px;line-height: 30px;}

.join_f{background: #f1f3f5;padding: 40px 45px;}
.j_inp input,.join_f select{width: 540px;height: 48px;border: 1px solid #e4e6e8;padding-left: 20px;font-size: 16px;}
.j_inp input:nth-child(even){float: right;}
.j_inp{margin-bottom: 20px;}
.join_f textarea{width: 100%;height: 125px;border: 1px solid #e4e6e8;padding-left: 20px;padding-top: 15px;}
.b_cent{text-align: center;margin-top: 30px;}
.b_cent input{width: 180px;height: 45px;border: none;background: #21409d;color: white;font-size: 18px;}


/*****产品中心*****/
.product_nr{width: 1400px;margin: 0 auto;margin-bottom: 90px;}
.product{margin-top: 90px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.product li{width: 24%;height: auto;margin-bottom: 25px;    text-align: center;}
.product li .p_m{width: 100%;height: auto;display: inline-flex;align-items: center;justify-content: center;overflow: hidden;border: 1px solid #cccccc; }
.product li .p_m img{transition: all .4s;-moz-transition: all .4s;}
.product li .p_m img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.product li .p_wz{display: inline-block;width: 100%;vertical-align: top;padding-left: 15px;padding-top: 10px;}
.product li .p_wz h3{color: #333333;font-weight: bold;font-size: 16px;margin-bottom: 15px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.product li .p_wz p{color: #666666;font-size: 16px;line-height: 30px;}
.product li .p_wz .p_more{display: inline-block;width: 140px;line-height: 40px;background:#21409d;text-align: center;color: white;border-radius: 25px;font-size: 14px;margin-top: 25px;}
.con{ height: 200px; overflow: hidden;}



/******新闻资讯*******/
.new_u{margin-top: 100px;}
.new_u li .lf_data{display: inline-block;height: 80px;text-align: right;position:absolute;top: 45%;margin-top: -40px;left: 88%;}
.new_u li .lf_data p{color: #21409d;font-size: 18px;font-weight: bold;font-style: italic;border-bottom: 1px solid #a3a3a3;line-height: 35px;}
.new_u li .lf_data span{display: inline-block;color: #666666;font-size: 16px;text-align: right;margin-top: 5px;}
.new_u li .lf_txt{width: 85%;float: left;padding-left: 30px;padding-top: 5px;}
.new_u li .lf_txt p{font-size: 22px;color: #333;margin-bottom: 30px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.new_u li .lf_txt span{color: #a1a1a1;font-size: 16px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.new_u li{padding: 28px 40px;border: 1px solid #eeeeee;overflow: hidden;position: relative;margin-bottom: 25px;}
.news_m{float: right;}
.news_m img{width: 270px;}
.new_u li:hover{box-shadow:0px 0px 10px #ccc;-moz-box-shadow:0px 0px 10px #ccc; -webkit-box-shadow:0px 0px 10px #ccc;}
.new_u li:hover .lf_txt p{color: #21409d;}

.content{ width: 80%; max-width: 100%;height: auto; min-height: 300px; overflow: hidden;margin:0 auto;padding:40px 0;font-size: 16px;
    line-height: 28px;}
.content img{ max-width: 100%; height: auto !important;}
.foot_link{ color: #999;}
.foot_link a{color: #999;}

.my-map { margin: 0 auto; width: 100%; height: 500px; max-width:100%; margin:0 auto; border:1px solid #ccc; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}

.Pagination{width: 100%;height: auto;text-align: center;margin-top: 15px; margin-bottom: 70px;}
.Pagination a{display: inline-block;padding: 5px 10px;border: 1px solid #CCCCCC;}
.Pagination .current{color: white;}
.Pagination .current{background: #1185fc;border-color: #1185fc;}
.Pagination a{color: #666666;font-size: 12px;}

.case_box{width: 80%; margin: 0 auto;}

.mob{display: none;}
.pc{display: block;}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content:'';}


/*新闻页面*/
.news-box{
	
	background-size: cover;
	    width: 75%;max-width:1400px;
    margin: 0 auto;
}
/*新闻页面*/
.news-box{
	padding: 50px 0;
}
.news-box ul li{
	padding: 30px 0;
	border-bottom: 1px solid #E3E3E3;
    height: auto;
    overflow: hidden;
}
.news-left{
	float: left;
	width: 27%;
	height: auto;
	position: relative;
	transition: all 0.4s;
}
.news-left img{
	width: 100%;
	height: 100%;
	transition: all 0.4s;
}
.news-left div{
	position: absolute;
	top: 0;
	right: -43px;
	width: 86px;
	height: 86px;
	background-color: #1185fc;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	font-family: arial;
	padding-top: 13px;
	transition: all 0.3s;
}
.news-left div span{
	font-size: 16px;
	display: block;
}
.news-right{
	float: right;
	width:65%;
	margin-right: 40px;
	padding-top: 40px;
}
.news-right div{
	font-size: 20px;
	color: #333;
	margin-bottom: 25px;
}
.news-right p{
	font-size: 16px;
	color: #818181;
	margin: 0;
	line-height: 25px;
}
.news-box ul li:hover .news-left{
	overflow: hidden;
}
.news-box ul li:hover .news-left img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.news-box ul li:hover .news-left div{
	right: 0;
}
.news-box ul li:hover .news-right div{
	color: #096199;
}

.about_tab{width: 100%;border-bottom: 1px dashed #dcdcdc;text-align: center;}
.about_tab ul li{display: inline-block;margin: 0 15px;}
.about_tab ul{position: relative;bottom: -20px;}
.about_tab ul li a{display: inline-block;width: 150px;height: 40px;background: black;color: white;text-align: center;line-height: 40px;font-size: 16px;}
.about_tab ul .active a{background: #cf2a1f;}
.about_txt p{color: #666666;font-size: 16px;line-height: 30px;margin-bottom: 30px;text-indent: 2em;}
.about_txt{margin-top: 80px;}



.oth_pro{ width: 75%; margin: 43px auto; height: auto; overflow: hidden;max-width: 1400px;}
.oth_pro .left{width: 17%;    background: #f8f8f8;}
.oth_tt{ width: 100%; background: #1185fc; line-height: 70px; font-size: 24px; text-align: center; color: #fff;}
.oth_pro .left ul{ margin-top: 15px;}
.oth_pro .left ul li{ line-height: 50px; border-bottom: 1px solid #c6c6c6; font-size: 16px; background: url("../images/icopro2.png") right center no-repeat; margin: 0 20px;}
.oth_pro .left ul li p{ display: inline-block; color: #333;}
.oth_pro .left ul li img{ display: inline-block; margin-right: 12px;}
.oth_pro .left ul li:hover,.oth_pro .left ul li.oth-act{background: url("../images/icopro2_on.png") right center no-repeat;}
.oth_pro .left ul li:hover p,.oth_pro .left ul li.oth-act p{ color: #1185fc;    }

.oth_pro .right{width: 80%;}
.oth_pro .right .pro_list{ text-align: justify;}
.pro_item{ display: inline-block; width: 30.3%; margin-bottom: 28px;vertical-align: text-top;}
.pro_item .pro_m{ border: 1px solid #e5e5e5;    display: table-cell;
    vertical-align: middle;    text-align: center;}
.pro_item .pro_m img{max-width: 100%; text-align: center;}
.pro_item .pro_tt{ font-size: 18px; text-align: center; color: #333; margin-top: 20px;}
.pro_item:hover p{ color: #1185fc;}
.pro_item:hover .pro_m{border: 1px solid #1185fc; }






.case{ text-align: justify;    width: 75%;
    margin: 40px auto 70px auto;
    max-width: 1400px;}
.case_item{ display: inline-block; width: 32%; border: 1px solid #e5e5e5; color: #333; position: relative; margin-bottom: 30px;}
.case_item .video_m img{width: 100%;}
.case_item p{ line-height: 36px; text-align: center; font-size: 20px;margin-top: 25%; color: #fff;  width: 100%;}
.case_item .fa{ margin-top: 35px;}
.case_item:hover{ color: #fff; background: #213e84; }
.case_item .info{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; display: none; transition: all 0.3s;}
.case_item:hover .info{ display: block;}


.case_item .case_m p{margin-top: 0;
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.5);
    line-height: 60px;}
.c_nav{    margin: 45px auto;text-align: center;padding-bottom: 70px;
    border-bottom: 1px solid #f0f0f0; }
.cna_img{width: 290px;  max-width:100%;  border-radius: 20px;
    overflow: hidden;}
.cna_img img{width:100%;}
.c_nav li{    display: inline-block;    margin: 0 2% 0 0;    position: relative; width:15%;}
.c_nav li:first-child{margin-left:0;}
.c_nav li:last-child{margin-right:0;}
.c_nav li p{    font-size: 16px;
    line-height: 38px;
    margin: -20px auto 0 auto;
    background: #dde1e6;
    position: absolute;
    left: 0;
    right: 0;
    width: max-content;
    padding: 0 35px;
    border-radius: 5px;
    color: #636363;}
.c_nav li:hover p,.c_nav li.active p{background:#1185fc; color:#fff;}

.about_q{max-width: 1400px;
    margin: 0 auto;
}

.about_video_bg{ background: url("../images/about_bg.jpg") center no-repeat; background-size: cover; height: 929px;    overflow: hidden;}
.about_video_tt{ margin-top: 88px;}
.cn{ font-size: 30px; color: #000; text-align: center; font-weight: bold;}
.en{ text-transform: uppercase; font-size: 16px; font-family: Arial; text-align: center; color: #424242; margin-top: 10px;}
.about_video{width: 1288px; height: 649px; margin:55px auto auto;}

.about{width: 75%;max-width:1400px; margin: 78px auto 100px auto; height: auto; overflow: hidden;}
.about_tt .en,.about_tt .cn{ text-align: left;}
.at {    background: #1185fc;border-radius: 10px;color: #fff; margin: 30px auto 30px 0;  font-size: 18px;text-indent: 2em; line-height: 45px; width: max-content;    padding-right: 25px;}
.about .dsc{ font-size: 16px; line-height: 33px; text-indent: 2em;    color: #666;}
.about .left{width: 53%; margin-right: 2%;}
.about .right{width: 45%;}
.about .right img{max-width: 100%;}

.ab{ margin-top: 30px; margin-bottom: 70px;}

.ab .a2 {
    left: 30%;
    background: url(../images/left1.png) no-repeat;
    background-size: contain;
    width: 65px; height: 65px;
}
.ab .a2:hover {
    background: url(../images/left1_on.png) no-repeat;
    background-size: contain;
}
.ab .a1 {
    right: 30%;
    background: url(../images/right1.png) no-repeat;
    background-size: contain;
    width: 65px; height: 65px;
}
.ab .a1:hover{
    background: url(../images/right1_on.png) no-repeat;
    background-size: contain;
}


.hon{width: 70%;
    max-width: 1350px;  
    margin: 40px auto 20px;        display: flex;
    flex-wrap: wrap;}

.hon_item{    display: block;   margin-bottom: 30px;  width: 17.5%;    vertical-align: text-top;    margin-right: 3.125%;    float: left;}
.hon_item p{line-height: 28px;color:#333;    text-align: center;}
.hon_item img{width:100%;}
.hon_item:nth-child(5n){ margin-right:0;}

.yq{ padding: 20px 0; width: 80%; margin: 0 auto; height: auto; overflow: hidden;color: #737a82;}
.yq span{font-size: 18px; font-weight: bold;text-indent: 2em;}
.yq a{font-size: 14px; margin-left: 35px; color: #737a82;}


.subNavBox{width:100%;background: #f5f5f5;}
.subNav{cursor:pointer;font-size:16px;color:#333;line-height:48px;padding-left:55px;background:url(../img/icon_j.png) no-repeat;background-size: 100% 100%;}
.subNav a{color:#333;}
.subNav:hover{color:#333;}
.currentDd{color:white}
.currentDd a{color:white}
.currentDd:hover{color: white;}
.currentDt{background-image:url(../img/-.png);}
.navContent{display: none;}
.navContent li a{display:block;width:100%;height:40px;font-size:14px;line-height:40px;color:#666;    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.navContent li a:hover{color:#1185fc;}
.navContent li em{display: inline-block;width: 5px;height: 5px;border-radius: 50%;background:#bbbbbb;margin-right: 10px;position: relative;bottom: 2px;}
.oth_pro .left .navContent li,.oth_pro .left .navContent li:hover{    background: none;}
.navContent li:hover em{background:#1185fc;}





.lang{width: 44px;
    height: 44px;
    float: right;
    font-size: 20px;
    border-radius: 22px;
    border: 1px solid #1986ff;
    line-height: 40px;
    text-align: center;    margin-top: 25px}





.hon .case_m{border: 1px solid #666;}


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

	.nav_list li{        padding: 0 2.5%;    line-height: 95px;
}
	.about_con,.se_con{    width: 95%;}
.about_con{    width: 85%;}
	.se_con .right{    width: 75%;}
.about .dsc{    line-height: 28px;}

.hon{    width: 85%;}

}


@media only screen and (max-width: 1600px) {
    .header{width: 80%;}
    .head_rg{width: 80%;}
    .nav_list{width: 90%;text-align: right;}
    .nav_list li{padding: 0 3%;}
    .top_yq{width: 30px;}
    .about_bg{width: 100%;min-width: initial;}
    .about_con{width: 90%; margin: 5% auto 4% auto;}
    .about_con .left{ width: 50%; height: auto;}
    .about_con .right{width: 47%; height: 371px;}
    .about_con .left img:nth-child(1){ width: 50%;}
    .video{width: 100%; height: 100%;}
    .in_about{width: 100%;height: auto;}
    .about_con .more1{width: 30%; height: 6%; font-size: 1em; margin-top: 2%;}
    .titl{margin: 4% auto 3% auto;}
    .titl img{zoom: 0.85;}
    .se_con,.news_con{width: 85%;}
    .se_con .left .esc{margin: 9% auto 14%  0;}
    .honor_con,.news_con{margin: 5% auto 4% auto;}
	.honor_bg,.se_bg,.news_bg,.pro_bg{min-width:100%;}
.honor_con,.footer_con{width:85%;}

.j_inp input, .join_f select{width:45%;}

.se_con .right{    width: 72%;}
.se_con .left{zoom:0.85;}

}




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

.hon{    width: 90%;}
	.dd2{    margin-left: 10%;    width: 53%;}
.about{height:auto;    width: 85%;}
.about .left{height:470px;}
.about .dsc{     line-height: 29px;}
}

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

.se_con .right li:first-child{margin-left:0;}
.se_con .right{width:70%;}
.se_con .left p {
    font-size: 30px;
    line-height: 40px;
    margin-top: 0px;
}
.se_con .left .esc {
    margin: 7% auto 10% 0;
}
.dd2 {
    margin-left: 5%;
    width: 53%;
}
}

@media only screen and (max-width: 1366px) {
.dd2 ul{    margin-right: 10%;}
.se_con .left p{margin-top:0;}
.se_con .left .esc{width:360px;}
.se_con .right{    width: 70%;}
.pro_list{    margin: 0 auto 100px;}
.in_about{    font-size: 14px;}
.about_con .right{    width: 49%;}
.about_con .left{ width: 49%;}
.about_con .left img:nth-child(1){    width: 35%;}
.titl img{zoom: 0.65;}
.pro_cate{    margin-bottom: 60px;    margin-top: 80px;}

.header{min-width:1080px;}
.about_con{min-width:1215px;}
.se_con,.news_con{min-width:1180px;}
.honor_con, .footer_con{min-width:1146px;}


.oth_pro{width:85%;}

.oth_pro .left{width:21%;}
.oth_pro .right {    width: 77%;}
.oth_pro .right .pro_list{width:100%;}
.pro_item{    width: 32%;}

.subNav{
    background-size: cover;
    background-position-x: -15px;
    padding-left: 35px;
}





}

.news_ite .img{max-width: 100%;
    height: 290px;
    display: flex;
    align-items: center;    overflow: hidden;}




@media only screen and (max-width: 768px) {
    div {
        min-width: initial;
    }

    .mob {
        display: block;
    }

    .pc {
        display: none;
    }

    .header {
        display: none;
    }

    .y_nav {
        display: block;
    }

    .navbar-brand {
        padding: 0;
    }

    .navbar {
        margin-bottom: 0;
    }

    .navbar-brand > img {
        height: 49px;
    }

    .ban_swi .swiper-button-next, .ban_swi .swiper-button-prev {
        width: 30px;
        height: 30px;
        line-height: 25px;
    }

    .ban_swi .swiper-button-next img, .ban_swi .swiper-button-prev img {
        height: 15px;
    }

    .about_con .left, .about_con .right {
        width: 100%;
    }

    .about_con .left img:nth-child(1) {
        width: 85%;
    }

    .about_con .more1 {
        width: 45%;
        margin: 20px auto;
    }

    .titl img {
        zoom: 0.55;
        margin: 35px auto 25px;
    }

    .pro_bg, .se_bg, .honor_bg, .news_bg {
        width: 100%;
        min-width: initial;
        background-size: cover;
    }

    .pro_cate {
        width: 100%;
        margin: 20px auto
    }

    .pro_cate .pro_cate_item {
        font-size: 14px;
        padding: 0 15px;
        margin: 0;
    }

    .pro_list {
        margin-bottom: 30px;
    }

    #zA7n {
        display: none;
    }

    .se_con {
        margin: 25px auto;
    }

    .se_con .left {
        width: 100%;
    }

    .se_con .left .esc {
        width: 100%;
    }

    .se_con .left p {
        margin-top: 0;
        font-size: 18px;
        line-height: 36px;
    }

    .se_con .left p br {
        display: none;
    }

    .se_con .left .esc {
        font-size: 14px;
        margin: 15px auto;
        line-height: 28px;
    }

    .more1 {
        width: 200px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .se_con .right {
        width: 100%;
        margin-top: 20px;
    }

    .se_con .right ul {
        text-align: justify;
    }

    .se_con .right li {
        display: inline-block;
        width: 30%;
        margin: 0 1.5% 0 1.5%;
    }

    .honor_con {
        width: 95%;
    }

    .pbpor, .pbnor {
        height: 35px;
        width: 35px;
        margin-top: 0;
    }

    .news_ite {
        width: 95%;
        margin: 0 auto 30px;
        display: block;
    }

    .news_ite .tt {
        margin-top: 10px;
    }

    .news_ite .tm {
        margin: 10px auto 10px 0;
    }

    .dd2 {
        display: none;
    }

    .dd3 {
        width: 100%;
 text-align: center;
        margin-top: 20px    
    }

    .dd3 .tt {
        margin-bottom: 5px;
    }

    .footer_con {
        width: 90%;
        margin: 30px auto 20px auto;
    }

    .dtel {
        margin-top: 5px;
    }

    .desc {
        margin-top: 0;
    }


    .footer_dd {
        text-align: center;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .footer_dd span {
        display: block;
    }

    .acc {
        width: 100%;
    }

    .acc_ul {
        margin-left: 2.5%;
    }

    .acc_ul li {
        width: 47.5%;
        float: left;
        margin: 0 2.5% 25px 0;
    }

    .acc_ul li a {
        color: #333;
    }

    .acc_ul li img {
        max-width: 100%;
    }

    .m_nav {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .m_nav li {
        margin: 0;
        width: 25%;
        line-height: 20px;
        padding: 15px 0;
    }

    .m_nav li a {
        font-size: 14px;
    }

    .content {
        width: 95%;
    }

    .case_box {
        width: 100%;
    }

    .product {
        display: block;
        margin-top: 25px;
        margin-left: 4.5%;
    }

    .product li {
        width: 46%;
        margin: 0 2.5% 25px 0;
        display: inline-block;
    }

    .nabouts {
        width: 95%;
        margin: 0 auto;
    }


    .new_u li .lf_txt {
        width: 100%;
        padding-left: 0px;
        text-align: left;
        padding-top: 0;
    }

    .new_u li .lf_data {
        position: static;
        float: right;
        margin-top: 0;
        padding-right: 10px;
        display: none;
    }

    /*.new_u li .lf_data p{font-size: 20px;}*/
    .new_u li .lf_data span {
        font-size: 12px;
    }

    .new_u li .lf_txt p {
        font-size: 14px;
        margin-bottom: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .new_u li .lf_txt span {
        -webkit-line-clamp: 2;
        font-size: 13px;
        line-height: 21px;
    }

    .new_u li {
        padding: 10px 0 10px 10px;
        margin-bottom: 15px;
    }

    .news_m {
        display: none;
    }

    .new_u li .lf_data p {
        font-size: 13px;
    }

    .new_u {
        width: 95%;
        margin: 25px auto;
    }


    /*联系*/
    .contact .nr {
        width: 95%;
    }

    .join_f, .join_zc, .join_ban {
        padding: 15px;
    }

    .j_inp input, .join_f select {
        width: 100%;
        height: 40px;
        font-size: 14px;
        margin-bottom: 15px;
    }

    .b_cent input {
        height: 40px;
        font-size: 14px;
        width: 120px;
    }

    .b_cent {
        margin-top: 0;
    }

    .join_f textarea {
        margin-bottom: 15px;
    }

    .contact {
        background: #f7f9fb;
        padding-top: 45px;
        padding-bottom: 75px;
    }

    .cont_tit {
        font-size: 18px;
        padding-left: 45px;
        margin-bottom: 20px;
    }

    .cont_tit:before {
        width: 30px;
        top: 10px;
    }

    .cont_bt p {
        font-size: 13px;
        line-height: 23px;
    }

    .contact_tb tr td:first-child {
        font-size: 14px;
        width: 85px;
    }

    .contact_tb tr td {
        padding: 15px 0;
    }

    .contact_tb tr td:nth-child(2n) {
        font-size: 14px;
        line-height: 23px;
    }

    .contact_tb {
        margin-top: 25px;
        margin-bottom: 50px;
    }


    /*新闻页面*/
    .news-box {
        width: 95%;
    }

    .news-left {
        float: none;
        width: 100%;
        height: auto;
    }

    .news-left div {
        right: 0;
        width: 65px;
        height: 65px;
        font-size: 1.2rem;
        padding-top: 9px;
    }

    .news-left div span {
        font-size: 1.4rem;
    }

    .news-box ul li {
        padding: 24px 5px;
    }

    .news-right {
        float: none;
        width: 100%;
        margin-right: initial;
        padding-top: 15px;
    }

    .news-right div {
        font-size: 1.4rem;
        margin-bottom: 10px;
    }

    .news-right p {
        font-size: 1rem;
        line-height: 24px;
        text-align: justify;
    }

    .about_con, .footer_con {
        min-width: 90%;
    }

    .video iframe {
        height: 250px;
    }

    .pro_list, .se_con, .news_con, .honor_con {
        min-width: 95%;
    }

    .cn {
        font-size: 18px;
    }

    .about_video_tt {
        margin-top: 28px;
    }

    .about_video {
        width: 85%;
        height: auto;
        margin: 25px auto 30px;
    }

    .about_video_bg {
        height: auto;
    }

    .about_video iframe {
        height: 250px;
    }

    .about .left {
        width: 100%;
    }

    .about {
        height: auto;
        margin: 28px auto 40px;
        width: 95%;
    }

    .at {
        width: 100%;
        font-size: 14px;
        background-size: cover;
        margin: 15px auto;
        line-height: 38px;
        border-radius: 5px;
    }

    .about .dsc {
        font-size: 14px;
        line-height: 22px;
    }

    .about .right {
        width: 100%;
    }

    .ab .a2 {
        width: 35px;
        height: 35px;
        left: 0;
    }

    .ab .a1 {
        width: 35px;
        height: 35px;
        right: 0;
    }

    .oth_pro {
        width: 95%;
    }


    .about_q .swiper-container {
        width: 95%;
    }

    .c_nav {
        height: auto;
        width: 95%;
        overflow: hidden;
        padding-bottom: 0px;
    }

    .c_nav li {
        width: 47%;
        margin: 0 1.5% 20px 1.5%;
        float: left;
    }

    .c_nav li p {
        margin: 0 auto;
        position: initial;
        width: 100%;
        padding: 0;
    }

    .c_nav {
        margin: 25px auto;
    }


    .oth_pro .left {
        display: none;
    }

    .oth_pro .right {
        width: 100%;
    }

    .pro_item {
        width: 48.5%;    vertical-align: text-top;
    }


    .news-box {
        padding-top: 0;
    }

    .case_item {
        width: 48%;
    }

    .case, .hon {
        width: 95%;
    }

    .hon_item {
        width: 47.5%;
        margin-bottom: 20px;
    }
.hon .hon_item{margin:0 0 20px 0;}
    .cna_img ,.yq{
        display: none;
    }
.hon {justify-content: space-between;}


.pro_item .pro_tt{font-size: 14px;    margin-top: 5px;}

.news_ite .img{max-width: 100%;
    height: auto;
    display: flex;
    align-items: center;    overflow: hidden;}








    

}