@charset "utf-8";
/* CSS Document */
.index_head .nav li .second dt{ margin-bottom: 15px; padding:0 15px;}
.index_head .nav li .second a{ padding: 0 5px; display:block; line-height:36px; border-bottom:1px dashed #e5e5e5;}
.index_head .nav li .second a:hover{ color: #1d365f ;}
.index_head .nav li .second dt .box{ display:none; position: absolute; left: 100%; background:#fff; top:0; min-width:320px; padding:10px; border-radius:5px; max-height:80vh; overflow-y:scroll; }
.index_head .nav li .second dt .box::-webkit-scrollbar{ width:4px; border-radius:2px;}
.index_head .nav li .second dt .box::-webkit-scrollbar-track{ background:#f3f3f3;}
.index_head .nav li .second dt .box::-webkit-scrollbar-thumb{ background:#1d365f ; border-radius:2px;}
.index_head .nav li .second dt .box a{ font-size: 14px;}
.index_head .nav li .second dt:hover .box{ display:block;}

.search_box{ position: fixed; background: #fff; z-index: 10; top: 0; height: 100px; right: 0; width:0; overflow:hidden; transition:.4s ease;z-index:999;} 
.search_box form{ margin-left: auto; width:50%;}
.search_box form input{ line-height: 60px; width: 80%;}
.search_box form input.fl{ border: 1px solid #dfe6ec; padding:0 20px;}
.search_box form input.fr{ width: 20%; color: #fff; text-align: center; cursor:pointer; line-height:62px; background:#283d6c url(../images/search.png) no-repeat center; background-size:34px;}
.search_box .close{ margin-right: auto; margin-left: 80px; font-size:30px; cursor:pointer;}
.search_box .close i{ font-size: 36px;}
.search_box.open{ width: 100%;}
.search_box .close:hover{ color:#283d6c;}

.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban img{ width: 100%;}
.sy-ban .swiper-pagination{position: absolute;z-index: 1;flex-wrap: wrap; text-align: left; left: 4%; bottom: 80px;}
.swiper-pagination-bullet:focus{ outline: none;}
.sy-ban .swiper-pagination .swiper-pagination-bullet{ width: 25px; height: 4px; background: #fff; border-radius: 0; transform: skewX(-15deg);}
.sy-ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 54px;}
.bannerswiper span.iconfont{font-size: 14px;color: #fff;}
.bannerswiper .page .swiper-num{position: absolute;z-index: 2;bottom: 74px;right: 4%;color: #fff; font-size: 20px;}
.bannerswiper .page .prne{width: 40px;position: absolute;bottom: 70px;right: 9%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;}
.bannerswiper .page .swiper-pagination{position: absolute;bottom: 64px;left: 8%;z-index: 3;}
.bannerswiper .page .active{ font-size: 40px; font-weight: bold;}
.bannerswiper .banner-towrap{position: absolute;bottom: 42px; left: 50%; z-index: 2;margin-left: -24px; display: flex; align-items: center;}
.bannerswiper .banner-towrap p{font-size: 12px;color: #FFFFFF;text-align: center;margin-top: 10px;}
.bannerswiper .banner-to{transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;display: block;border: 1px solid #FFFFFF; background-color: transparent;z-index: 9;margin: auto; color: #fff; position: relative; height: 30px; width: 20px; text-align: center; border-radius: 10px; margin: 0 5px;}
.bannerswiper .banner-towrap span{ text-transform: uppercase; color: #fff; font-size: 14px;}
.bannerswiper .banner-to i{ animation: downico 1.5s ease-out infinite;position: absolute; width: 3px; height: 3px; background: #fff; margin-left: -1px;}
@keyframes downico{
	0%{top: 10%;}
	35%{top: 40%;}
	65%{top: 50%;}
	100%{top: 10%;}
}
@-webkit-keyframes downico{
	0%{top: 10%;}
	35%{top: 40%;}
	65%{top: 50%;}
	100%{top: 10%;}
}
.top_h{ height: 105px;}
.sy-ban .txt1{ padding: 30px 0; position: absolute; width: 100%; top: 20%; }
.sy-ban .txt1 p{ font-family: montm; font-size: 20px; color: #666; margin-bottom: 20px;}
.sy-ban .txt1.white .box p,.sy-ban .txt1.white .box h3,.sy-ban .txt1.white .more_btn a{ color: #fff;}
.sy-ban .more_btn{ margin-top: 90px;}
.sy-ban .txt1.white .more_btn{ border-color: #fff;}
.sy-ban .txt1 h3{font-size: 54px; line-height: 80px; font-family: montb; display: block;}
.show768{ display: none;}
.sy_product{ padding: 70px 0 100px;}
.procolbox{ overflow: hidden; margin-bottom: 45px;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ display: none;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none;}
.swiperall{ position: relative;}
.syproswiper{ overflow: hidden;}
.swiperall .swiperbtn{ font-size: 40px; top: 50%;}
.swiperall .swiper-button-prev{ left: 4%;}
.swiperall .swiper-button-next{ right: 4%;}
.procolbox li{ background: #ffffff; text-align: center; border-radius: 16px; padding: 15px 40px;}
.procolbox li p{ font-family: Arial!important; line-height: 20px; height: 20px; overflow: hidden;}
.procolbox li.swiper-slide-thumb-active{ border: 1px solid #1d365f;}
.syproswiper li.dheight{ height: 500px;}
.syproswiper .left{ border-radius: 32px; overflow: hidden; position: relative; width: 23.75%; height: 100%;}
.syproswiper .left img{ width: 100%; height: 100%; object-fit: cover;}
.syproswiper .left .txt{ position: absolute; width: 100%; bottom: 0; left: 0; bottom: 0; padding: 0 40px 50px; color: #fff;}
.syproswiper .left h4{ font-size: 24px; font-weight: bold; color: #fff; margin-bottom: 15px;}
.syproswiper .left p{ font-size: 18px; margin-bottom: 35px;}
.syproswiper .left .more_btn{ padding: 0 20px;}
.syproswiper .left .more_btn a{ line-height: 40px;}
.syproswiper .right{ width:73.75%; background: #fff; border-radius: 32px; padding: 50px 40px 50px 70px; height: 100%; }
.syproswiper .right .txt{width: 52%; margin-right: auto;}
.syproswiper .right .mutiswiper{ width: 48%; position: relative; overflow: hidden;}
.syproswiper .right .txt h2{ font-size: 34px; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid #efefef; position: relative; margin-bottom: 30px;}
.syproswiper .right .txt h2:after{ position: absolute; left: 0; bottom: 0; height: 3px; width: 100px; background: #1d365f; content: '';}
.syproswiper .right .txt p{ font-size: 18px;}
.syproswiper .right .des{ margin-bottom: 70px; height: 90px; overflow:hidden;}
.syproswiper .right .txt .more_btn{padding: 0 23px;}
.syproswiper .right .txt .more_btn a{ line-height: 40px;}
.syproswiper .right .mutiswiper .swiper-pagination-bullet{ width: 37px; height: 2px; border-radius: 0; background: #c4c4c4; opacity: 1;}
.syproswiper .right .mutiswiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #1d365f;}
.who_top{margin-bottom: 80px;}
.who_top .left{ width: 40%; margin-right: auto;}
.sy_item_tit p{ font-size: 18px; margin-bottom: 10px}
.sy_item_tit h3{ font-size: 60px; font-weight: bold; line-height: 60px; color: #1d365f; text-transform: uppercase;}
.sy_item_tit{ margin-bottom: 30px;}
.who_top .left p{ font-size: 18px;}
.who_top .left .more_btn{margin-top: 45px;}
.who_top .right{ width: 50%; font-size: 18px;}
.who_top .right p.des{ margin-bottom: 55px;}
.who_top .right dl dt{ padding-right: 80px; margin-right: auto; position: relative;}
.who_top .right dl dt:last-child{margin-right: 0; padding: 0;}
.who_top .right dl dt:after{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 50px; width: 1px; background: #e4e4e4; content: '';}
.who_top .right dl dt:last-child:after{ display: none;}
.who_top .right dl dt .icon{ margin-bottom: 10px;}
.who_top .right dl dt .icon img{ transition: 2s ease;}
.who_top .right dl dt:hover .icon img{ transform: rotateY(360deg);}
.who_bot{ border-radius: 32px; overflow: hidden; background: #f2f4f8;}
.who_bot .sy_number{ width: 50%; padding: 0 70px 0 30px; position: relative;}
.who_bot .pic{ width: 50%;}
.who_bot .pic .imgfd{ padding-top: 50%;}
.who_bot .sy_number dt{ width: 50%; padding: 35px 0 35px 60px;}
.who_bot .sy_number dt p{height: 30px;}
.who_bot .sy_number dt b{ font-size: 70px; color: #1d365f; line-height: 70px; height: 70px;  font-family: montb;}
.who_bot .sy_number dt sup{ font-size: 48px; line-height: 40px; margin-left: 5px;}
.who_bot .sy_number:after,.who_bot .sy_number:before{ width: 50%;height: 1px; background: #e0e0e0; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.who_bot .sy_number:before{ height: 50%; width: 1px;}
.sy_solution{ background: #f2f4f8 url("../images/solmap_07.png") no-repeat right 80px;}
.sy_solution .solpic{ width: 62.5%; border-radius: 32px; overflow: hidden; position: relative; margin-right: auto;}
.sy_solution .solpic .imgfd{padding-top: 60%;}
.sy_solution .solpic .txt{ position: absolute; width: 100%; left: 0; bottom: 0; padding:40px 70px; color: #fff; }
.sy_solution .solpic .txt .left{ width: calc(100% - 250px); margin-right: auto;}
.sy_solution .solpic .txt .left h2{ color: #fff; font-size: 30px; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid #fff; margin-bottom: 20px;}
.sy_solution .solpic .txt .left p{ font-size: 18px;}
.sy_solution .solpic .txt .more_btn{ padding: 0 25px;}
.sy_solution .solpic .txt .more_btn a{ line-height: 40px;}
.sy_solution .soltxt{ width: 32%;}
.sy_solution .soltxt li{ padding: 18px 0 10px; border-bottom: 1px solid rgba(202,202,202,.56); font-size: 18px;}
.sy_solution .soltxt li i{ font-size: 32px; color: #1d365f; margin-right: 10px; display: none;}
.sy_solution .soltxt li p{ margin-right: auto;}
.sy_solution .soltxt li .icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(30%);-webkit-filter: brightness(0%) invert(30%); opacity: .6}
.sy_solution .soltxt li.active{ border-color: #1d365f;}
.sy_solution .soltxt li.active i{ display: block;}
.sy_solution .soltxt li.active p{ color: #1d365f;}
.sy_solution .soltxt li.active .icon img{ filter: none; opacity: 1;}
.sy_solution .soltxt .more_btn{ margin-top: 50px;}

.sy_news .top{ margin-bottom: 65px;}
.sy_news .top p{ padding-bottom: 20px; border-bottom: 1px solid #d6d6d6; font-size: 18px; margin-bottom: 25px;}
.sy_news .top h3{ font-size: 60px; color: #1d365f; margin-right: auto; line-height: 60px; font-weight: bold; text-transform: uppercase;}
.news_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 50px;}
.news_list ul li:nth-child(3n){ margin-right: 0;}
.news_list ul li .imgfd{ padding-top: 53%; border-radius: 16px;}
.news_list ul li .txt{ margin-top: 40px;}
.news_list ul li span.colname{ display: inline-block; line-height: 32px; font-size: 14px; border-radius: 6px; padding: 0 15px; border: 1px solid #666666;}
.news_list ul li h2{ font-weight: bold; font-size: 24px; line-height: 36px; height: 72px; overflow: hidden; margin: 20px 0;}
.news_list ul li span.c-flex i{ display: inline-block; width: 4px; height: 4px; background: #b8b8b8; margin: 0 3px;}
.news_list ul li span.c-flex{ color: #333;}
.news_list ul li:hover h2{ color: #1d365f;}



.foot_msg{ padding: 70px 0; color: #fff;}
.foot_msg .left:first-child{ position: relative; padding-right: 90px; margin-right: 100px; }
.foot_msg .left:first-child:after{position: absolute; right: 0; top: 50%; width: 1px; height: 200px; content: ''; background: rgba(255,255,255,.2); transform: translateY(-50%);}
.foot_msg .left i{ font-size: 50px; color: #fff; display: inline-block; margin-bottom: 20px;}
.foot_msg .left b{ font-size: 44px; font-family: montb; color: #fff; display: inline-block; line-height: 45px;}
.foot_msg p{ color: #a7a7a7; margin-bottom: 30px;}
.foot_msg h3{ color: #fff; font-size: 24px; margin-bottom: 10px; font-weight: bold;}
.foot_msg .foot_form{ width: 40%; margin-left: auto;}
.foot_msg .foot_form input{ line-height: 54px; border-radius: 4px; margin-bottom: 15px;}
.foot_msg .foot_form input:first-child{ background:#fff url("../images/coic1_03.png") no-repeat calc(100% - 15px) 12px;}
.foot_msg .foot_form input.fl{ width:49%; margin-right: 2%; padding-left: 20px;}
.foot_msg .foot_form input.fl:nth-child(2){ margin-right: 0;background:#fff url("../images/cic2_03.png") no-repeat calc(100% - 15px) 12px;}
.foot_msg .foot_form textarea{ width: 100%; line-height: 54px; border-radius: 4px; margin-bottom: 15px;background: #fff; padding-left: 20px;background:#fff url("../images/cic5_03.png") no-repeat calc(100% - 15px) 12px;}
.foot_msg .foot_form .sub{ width: 100%; text-align: center; background: #1d365f; color: #fff; cursor: pointer; text-transform: uppercase; transition: .2s ease;}
.foot_msg .foot_form .sub:hover{background: #121f36;}
.fcon_box{ width: 33%;}

.bottom-feed{position: fixed;z-index: 99;right: 0;bottom: 0;}
.bottom-feed .subNavBox{position: relative;padding-top: 50px;}
.bottom-feed .subNavBox .navContent{position: absolute;bottom: 60px;left: 0;}
.bottom-feed .subNavBox i{width: 18px;height: 7px;background: url(../images/rtic8.png) no-repeat center;margin-top: 26.5px;}
.bottom-feed .currentDt i{background: url(../images/rtic9.png) no-repeat center;}
.bottom-feed span i{display: block; height: 60px; width: 18px;background: url(../images/rtic06.png) no-repeat center; transition: all 0.3s ease-out; transform: rotate(0deg);float: right;margin-right: 10px;overflow: hidden;}
.bottom-feed span{display: block;width: 280px;height: 60px;background: #1d365f;border-top-left-radius: 500px;border-bottom-left-radius: 500px;cursor: pointer;}
.bottom-feed span b{display: inline-block;width: 50px;height: 50px;border-radius: 500px;margin-top: 5px;margin-left: 5px;float: left;background: #fff;overflow: hidden;}
.bottom-feed span p{font-size: 14px;color: #fff;float: left;line-height: 20px;margin-left: 10px;margin-top: 10px;width: 180px;height: 40px;display: block;overflow: hidden;}
.bottom-feed span:hover p,.bottom-feed .feed .sub:hover{font-style: italic;}
.bottom-feed .feed{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);width: 280px;padding: 10px 0;display: block; border-radius:10px;}
.bottom-feed .feed input{width: 90%;margin: 0 5%;border: 1px solid #eee;height: 40px;line-height: 40px;font-size: 12px;text-indent: 10px;margin-bottom: 10px;}
.bottom-feed .feed textarea{width: 90%;margin: 0 5%;border: 1px solid #eee;height: 80px;text-indent: 10px;font-size: 12px;padding: 5px 0;}
.bottom-feed .feed input:hover,.bottom-feed .feed textarea:hover{border: 1px solid #1d365f}
.bottom-feed .feed .sub{background: #1d365f;color: #fff;cursor: pointer;margin-bottom: 0;margin-top: 5px;border: none;border-radius: 500px;}
.navContent{display: none;}
.bottom-feed span b img{transform: translateY(-200px);filter: drop-shadow(#1d365f 0 200px);}


@media (max-width: 1700px){
.top_contact{padding-right: 2%;}
}


@media (max-width: 1600px){

}

@media (max-width: 1441px){
.swiperall .swiper-button-prev{ left: 2%;}
.swiperall .swiper-button-next{ right: 2%;}
.syproswiper .right{ padding: 30px 20px 30px 40px;}
.syproswiper li.dheight{ height: 450px;}
.syproswiper .left .txt{ padding: 0 25px 30px;}
.who_bot .sy_number dt{padding: 25px 0 25px 40px;}
.index_head .nav li{margin-left: 50px;}
.index_head .logo img{max-height: 40px;}
.index_head .nav li a img{ height: 25px;}
.sy-ban .txt1 h3{font-size: 45px; line-height: 60px;}
.sy-ban .more_btn{margin-top: 45px;}
.foot_msg .left b{ font-size: 36px;}
}

@media (max-width: 1281px){
.index_head .nav li:first-child{margin-left:0;}
.index_head .logo img{ max-height: 32px;}
.procolbox li{ padding: 10px 20px;}
.syproswiper li.dheight{height: 400px;}
.syproswiper .left p{ font-size: 16px; margin-bottom: 20px;}
.syproswiper .right .txt p{ font-size: 16px; line-height: 24px;}
.syproswiper .right .txt h2{ font-size: 28px; padding-bottom: 15px; margin-bottom: 20px;}
.sy_item_tit h3{ font-size: 44px; line-height:44px;}
.who_bot .sy_number{ padding: 0 40px 0 20px;}
.who_bot .sy_number dt b{ font-size: 56px; line-height:56px; height:56px;}
.who_bot .sy_number dt p{ font-size: 14px;}
.who_bot .sy_number:after{ width:70%;}
.sy_solution .soltxt li{ padding: 10px 0 8px;}
.sy_solution .soltxt li i{font-size: 24px;}
.sy_solution .soltxt .more_btn{ margin-top: 35px;}
.sy_solution .solpic .txt{ padding: 20px 50px 30px;}
	.sy_solution .solpic .txt .left h2{ font-size: 26px;}
	.sy_solution .solpic .txt .left{width: calc(100% - 200px);}
	.sy_news .top h3{ font-size: 46px;}
	.news_list ul li .txt{margin-top: 25px;}
	.news_list ul li h2{ font-size: 20px; line-height: 30px;height: 60px; margin: 15px 0;}
	.foot_msg .left:first-child{ padding-right:50px; margin-right: 70px;}
}

@media (max-width: 1024px){
	.top_h{ height: 54px;}
	.contact_list{ display: none;}
	.bottom-feed{ display: none;}
	.sy-ban .txt1 p{font-size: 18px;}
	.sy-ban .txt1 h3{ font-size: 34px; line-height: 40px;}
	.more_btn{min-width: 100px;}
	.more_btn{padding: 0 20px;}
	.syproswiper .left{ display: none;}
	.syproswiper .right{ width: 100%;}
	.sy_product{ padding: 50px 0 60px;}
	.who_top .right{ width: 55%;}
	.who_top .right dl dt{ padding-right: 40px;}
	.who_bot .sy_number dt b{ line-height: 42px; font-size: 42px; height:42px;}
	.who_bot .sy_number dt sup{ font-size: 30px; line-height: 30px;}
	.sy_news .top p{ padding-bottom: 10px; margin-bottom: 18px;}
	.sy_item_tit h3,.sy_news .top h3{ font-size: 36px; line-height:40px;}
	.sy_news .top{margin-bottom: 35px;}
	.foot_msg .left:first-child{display:none;}
	.foot_center{ display:none;}

	
}
@media (max-width: 768px){
.none768{ display: none;}
.show768{ display: block;}
.procolbox ul li{ float: left; width: 49%; margin-bottom: 20px; margin-right: 2%;}
.procolbox ul li:nth-child(2n){margin-right:0;}
.procolbox{margin-bottom: 0;}
.who_top{ display: block;}
.who_top .left{ width: 100%; margin-bottom:30px;}
.who_top .left .more_btn{ margin-top: 25px;}
.who_top .right{width: 100%;}
.who_top .right p.des{margin-bottom: 40px;}
.who_bot{ display: block;}
.who_bot .sy_number{ width: 100%; padding: 30px 40px;}
.who_bot .pic{ width: 100%;}
.bannerswiper .page .swiper-num,.bannerswiper .banner-towrap{ bottom: 30px;}
.bannerswiper .page .active{ font-size: 26px;}
.bannerswiper .page .swiper-num{ font-size: 18px;}
.sy-ban .more_btn{ display: none;}
.sy-ban .txt1 h3{ font-size: 28px; line-height: 34px;}
.who_top{margin-bottom: 45px;}
.sy_solution .solpic{ display: none;}
.sy_solution .soltxt{ width: 100%;}
.news_list ul li span.colname{ display: none;}
}

@media (max-width: 450px){
.sy_product{ padding: 30px 0;}
.bannerswiper .banner-towrap{ display: none;}
.bannerswiper .page .swiper-num{ bottom: 18px;}
.sy-ban .txt1 p{ font-size: 14px; margin-bottom:10px;}
.sy-ban .txt1 h3{ font-size: 22px; line-height: 28px;}
.sy-ban .txt1 .box{ width: 80%;}
.sy-ban .txt1{ padding: 0;}
.m_img .headlf .m_logo{ max-height: 27px;}
.m_img .headlf{ padding-top: 12px;}
.who_top .right dl dt{padding-right: 0; text-align: center; width:33.3%;}
.sy_item_tit h3, .sy_news .top h3{ font-size: 30px; line-height: 35px;}
.sy_item_tit{ margin-bottom: 15px;}
.who_top .left p{ font-size: 16px;}
.who_top .left .more_btn{margin-top: 15px;}
.who_top .right p.des{margin-bottom: 25px;}
.who_top .right dl dt .icon img{ width: 48px;}
.who_top{ margin-bottom: 25px;}
.who_bot .sy_number dt{padding: 20px;}
.who_bot .sy_number{ padding: 0px 15px;}
.who_bot .sy_number dt p{ line-height: 24px; height: 48px;}
.who_bot .sy_number dt b{ font-size: 34px; line-height: 34px;height: 34px;}
.who_bot .sy_number dt sup{ font-size: 26px; line-height: 26px;}
.sy_news .top p{ font-size: 16px;}
.sy_news .top{margin-bottom: 20px;}
.news_list ul li{ width: 100%; float: none; margin-bottom: 20px;}
.news_list ul li .txt{ margin-top: 20px;}
.news_list ul li h2{ font-size: 18px; line-height: 26px; height: 52px;}
.news_list ul li span.c-flex{ font-size:14px;}
.foot_msg{ padding: 40px 0;}
.foot_msg h3{ font-size: 22px;}
.foot_msg p{ margin-bottom: 20px;}
.foot_msg .left b{ font-size: 30px;}
.foot_msg .foot_form{ width: 100%; margin-top: 25px;}
.foot_msg .foot_form input.fl{ width: 100%; float: none;}
.foot_msg .foot_form input{ line-height:48px;}
.copy{ font-size: 13px;}
}

.ny_ban{ position: relative; width: 100%; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ny_ban .bantxt{ position: absolute; width: 100%; text-align: center; color: #fff; left: 0; top: 50%; transform: translateY(-50%);}
.ny_ban .bantxt a,.ny_ban .bantxt h3{ color: #fff;}
.ny_ban .bantxt h3{ font-size: 52px; font-weight: bold; margin-top:10px;}
.main_left{ width: 380px;}
.main_right{ width: calc(100% - 450px);}
.right_nav a{ color: #333;}
.right_nav .first{ line-height: 30px; padding: 15px;font-size: 20px; display:flex; align-items:center;}
.right_nav .first .iconfont.icon-jian_sekuai{ display: none;}
.right_nav .first i{ cursor: pointer;}
.right_nav .firstli{ border-bottom:1px solid #eaeaea;}
.right_nav .firstli.on .first,.right_nav .firstli.act .first{ background: #283d6c; border-radius:6px; }
.right_nav .firstli.on .first a,.right_nav .firstli.act .first a{color:#fff;}
.right_nav .firstli.act .sec_ul{ display: block; margin-top:15px;}
.right_nav .firstli .first i{font-size: 22px; font-weight:bold;}
.right_nav .firstli .first i.icon-jian{ display: none;}
.right_nav .firstli.on .first i.icon-jian,.right_nav .firstli.act .first i.icon-jian{ display: block; color:#fff;}
.right_nav .firstli.on .first i.icon-jia1,.right_nav .firstli.act .first i.icon-jia1{display: none;}
.right_nav .first a{ color: #333; display:inline-block; width: calc(100% - 30px);}
.right_nav .sec_ul{  padding: 0 10px 10px; display: none;}
.right_nav .sec_ul li{ font-size:16px;}
.right_nav .sec_ul li .secondp{ line-height: 28px; padding: 5px 0 5px 30px; display:flex; align-items:center; background:url(../images/fk_05.jpg) no-repeat left 10px; }
.right_nav .sec_ul li .secondp:hover a{ color:#283d6c; }
.right_nav .sec_ul li .secondp i{ cursor: pointer;}
.right_nav .sec_ul li .secondp .icon-xiangxia3{ display: none;}
.right_nav .third_ul li.thac a{ color: #283d6c;}
.right_nav .sec_ul .sec_li.on .secondp .icon-xiangxia3,.right_nav .sec_ul .sec_li.ac .secondp .icon-xiangxia3{ display: inline-block;}
.right_nav .sec_ul .sec_li.on .secondp .icon-xiangyou3,.right_nav .sec_ul .sec_li.ac .secondp .icon-xiangyou3{ display: none;}
.right_nav .sec_ul .sec_li.on .secondp{ color: #283d6c;}
.right_nav .sec_ul .sec_li .secondp a{ display: inline-block; width:calc(100% - 30px);}
.right_nav .sec_ul .sec_li.on .secondp a{ color: #283d6c;}
.right_nav .sec_ul li.ac .third_ul{ display: block;}
.right_nav .sec_ul .sec_li.ac .secondp{ background:url(../images/fk2_08.jpg) no-repeat left 10px;}
.right_nav .sec_ul .sec_li.ac .secondp a{ color: #283d6c;}
.right_nav .third_ul{ padding: 0 10px; line-height: 28px; display: none;}
.right_nav .third_ul a{ padding-left: 20px; position: relative; color:#666;}
.right_nav .third_ul a:after{ position:absolute; left: 0; width: 10px; background: #999999; content: ''; top: 50%; transform: translateY(-50%); height:1px;}
.right_nav .third_ul li i{ margin-left: auto; opacity:0; color:#283d6c;}
.right_nav .third_ul li a:hover{ color: #283d6c;}
.right_nav .third_ul li.thac a{ color: #283d6c;}
.right_nav .third_ul li.thac i{ opacity: 1;}

.coltit{ font-size: 32px;font-weight: bold; margin-bottom: 30px;}
.ny_pro_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 25px; background: #fff; border-radius: 16px; padding:30px; text-align:center;}
.ny_pro_list ul li:nth-child(3n){ margin-right:0;}
.ny_pro_list ul li h2{ font-size: 20px; line-height:25px; height:25px; overflow:hidden; }
.ny_pro_list ul li .line{ width: 40px; display: inline-block; height: 3px; background: #283d6c; margin:15px 0;}
.ny_pro_list ul li p{ color: #333; line-height: 24px; height:48px; overflow:hidden;}
.ny_pro_list ul li:hover h2{ color:#283d6c;}
.proshow_top{ background: #fff; padding: 50px; border-radius:16px; margin-bottom:65px;}
.proshow_top .pic{ width: 45%;}
.proshow_top .picswiper{ overflow: hidden; position:relative;}
.proshow_top .txt{ width:50%; padding-top:50px;}
.proshow_top .txt h1{ font-size: 46px; font-weight:bold; padding-bottom:20px; position:relative; border-bottom:1px solid #f1f1f1; margin-bottom:30px;}
.proshow_top .txt h1:after{ position:absolute; left: 0; bottom: -1px; background: #283d6c; height: 3px; width: 80px; content: '';}
.proshow_top .txt .more_btn{ margin: 50px 0;}
.proshow_top .txt .chara{ margin-top: 25px;}
.proshow_top .txt .chara span{ display: inline-block; line-height: 37px; padding: 0 15px; border-radius: 6px; background: #f3f3f3; margin-right: 20px; margin-bottom: 10px;}
@media (max-width: 1281px){
    .main_left{ width: 280px;}
    .main_right{ width: calc(100% - 330px);}
    .right_nav .first{ font-size: 18px;}
    .coltit{ font-size: 28px;}
    
}
@media (max-width: 1024px){
    .main_left{ display: none;}
    .main_right{ width: 100%; float: none;}
    .ny_ban .bantxt h3{ font-size:40px;}
}
@media (max-width: 768px){
    .ny_ban img{ width: 160%; margin-left: -30%;}
    .ny_pro_list ul li{ padding: 20px;}
}
@media (max-width: 450px){
    .ny_ban .bantxt h3{ font-size: 30px;}
    .ny_ban img{ width: 200%; margin-left: -80%;}
    .posi{ font-size: 12px;}
    .coltit{ font-size: 22px;}
    .ny_pro_list ul li{ width: 49%; margin-right: 2%;}
    .ny_pro_list ul li:nth-child(3n){ margin-right:2%;}
    .ny_pro_list ul li:nth-child(2n){ margin-right:0;}
    .ny_pro_list ul li p{ display: none;}
    .ny_pro_list ul li h2{ font-size: 18px;}
}
.swiper-pagination-bullet{ width: 35px; height: 2px; border-radius: 0;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #283d6c;}
.proshow_main{ background: #fff; border-radius: 16px; padding: 70px 100px;}
.proshow_main .showtit{ font-size: 40px; font-weight: bold;padding-bottom: 20px; border-bottom: 1px solid #ececec; position:relative;}
.proshow_main .showtit:after{ position:absolute; left: 0; bottom: 0; content: ''; background: #283d6c; width: 180px; height: 3px;}
.show_content{ padding: 55px 0; overflow:hidden;}
.show_content img{max-width: 100%!important;}
.page_btn{ align-items: flex-start; padding-top:40px; border-top:1px solid #d8e1e4;}
.page_btn span{ display: inline-block; line-height: 20px;}
.page_btn .back{ display: inline-block; margin: 0 auto; line-height: 48px; border: 1px solid #b1b1b1; border-radius: 6px; width:130px; text-align:center; text-transform: uppercase;}
.page_btn a{ display: block; line-height: 24px; height: 48px;}
.page_btn .back i{ margin-left: 10px;}
.page_btn .back:hover{background: #283d6c; border-color: #283d6c; color: #fff;}
.page_btn .next{ text-align: right;}
.page_btn i{ font-size: 14px;}
.page_btn .next i{ margin-left: 10px; font-size:14px;}
.page_btn .prev i{margin-right: 10px; font-size:14px;}
.page_btn .next:hover a,.page_btn .prev:hover a{ color: #283d6c;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px;}
.mainh{height: 80px;}
.fz40{ font-size: 40px; font-weight: bold; margin-bottom:25px; font-family:montb;}
.rel_product .fz40{ text-align: center;}
.relswiper{ overflow: hidden; padding-bottom: 40px; position:relative;}
.relswiper li{ background: #fff; border-radius: 16px; padding: 30px 10px 30px 30px;}
.relswiper li .txt{ width: 50%; margin-right:auto;}
.relswiper li .pic{ width: 48%;}
.relswiper li .txt h2{ font-size: 30px; font-weight: bold; line-height:30px; overflow:hidden;}
.relswiper li .txt .tit{ padding-bottom: 20px; border-bottom: 1px solid #f1f1f1; position:relative; margin-bottom:30px;}
.relswiper li .txt .tit:after{ position:absolute; left: 0; bottom: 0; width: 80px; height: 3px; background: #283d6c; content: '';}
.relswiper li .txt p{ line-height: 24px; height: 48px; overflow: hidden; margin-bottom:30px;}
.relswiper li .txt span{ display: inline-block; font-size:14px; width:125px; line-height:40px; border-radius:6px; border:1px solid #bfbfbf; text-align:center; transition:.2s ease;}
.relswiper li:hover span{ background:#283d6c; color: #fff;}
.relswiper li:hover h2{ color:#283d6c;}
@media (max-width: 1281px){
    .proshow_top .txt{ padding-top: 0;}
    .proshow_top{ padding: 30px;}
    .proshow_main{ padding: 60px 50px;}
}
@media (max-width: 1024px){
    .proshow_top .txt h1{ font-size: 36px;}
    .proshow_top .txt .more_btn{ margin: 25px 0;}
    .proshow_top .txt .chara span{ font-size: 14px;}
    .proshow_main .showtit{ font-size: 36px;}
    .show_content{ padding: 40px 0;}
    .mainh{ height: 50px;}
    .fz40{ font-size: 36px;}
    .relswiper li .txt .tit{ margin-bottom: 20px;}
}
@media (max-width: 768px){
    .proshow_top .pic{ width: 100%; float: none;}
    .proshow_top .txt{ width: 100%; float: none; margin-top:30px;}
    .proshow_main{ padding: 35px 25px;}
    .proshow_main .showtit{ font-size: 30px;}
    .proshow_main .showtit:after{ width:120px;}
}
@media (max-width: 450px){
    .proshow_top{ padding: 20px;}
    .proshow_top .txt h1{ font-size: 28px; margin-bottom: 20px; padding-bottom:15px;}
    .swiper-pagination-bullet{width: 25px;}
    .proshow_main{ padding: 25px 15px;}
    .show_content{ padding: 25px 0;}
    .page_btn{ display: block;}
    .page_btn .back{ display: none;}
    .page_btn .prev, .page_btn .next{ width: 100%;}
    .page_btn .next{ text-align: left; margin-top: 25px;}
    .page_btn a{height: auto;}
    .page_btn span{ margin-bottom: 5px;}
    .page_btn{ padding-top: 25px;}
    .fz40{ font-size: 30px;}
    .relswiper li .txt p{margin-bottom: 0;}
    .relswiper li .txt span{ display: none;}
    .relswiper li{ padding: 20px 5px 20px 20px;}
    .relswiper li .txt h2{ font-size: 24px;}
    .relswiper li .txt .tit{ padding-bottom: 8px; margin-bottom: 10px;}
}
.fz46{ font-size: 46px; font-weight: bold; margin-bottom:20px;}
.sol_tit{ text-align: center; width: 70%; margin: 0 auto; margin-bottom:60px;}
.sol_tit p{ font-size: 18px; color:#666;}
.sol_list .sol_item{ background: #fff; border-radius: 32px; overflow:hidden; margin-bottom:80px;}
.sol_list .sol_item .pic,.sol_list .sol_item .txt{ width: 50%; float:left;}
.sol_list .sol_item:nth-child(2n) .pic,.sol_list .sol_item:nth-child(2n+1) .txt{ float:right;}
.sol_list .sol_item .txt{ padding: 85px 70px 0; position:relative;}
.sol_list .sol_item .pic .imgfd{ padding-top:60% ;}
.sol_list .sol_item .txt h3{ font-size: 30px; font-weight: bold; margin-bottom:15px;}
.sol_list .sol_item .txt p{ font-size: 18px; line-height: 26px; height: 130px; overflow: hidden; margin-bottom:50px;}
.sol_list .sol_item .txt .icon{ position: absolute; right: 70px; bottom: 0;}
.sol_list .sol_item .txt .icon img{ width: 100px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(30%);-webkit-filter: brightness(0%) invert(30%); opacity: .3}

@media (max-width: 1281px){
    .sol_list .sol_item .txt{ padding: 55px 40px 0;}
    
}
@media (max-width: 1024px){
    .sol_tit{ width: 80%;}
    .fz46{ font-size: 38px;}
    .sol_tit p{ font-size: 16px;}
    .sol_list .sol_item .txt p{ font-size: 16px; line-height: 24px; height: 96px;}
    .sol_list .sol_item .txt p{margin-bottom: 30px;}
    .sol_list .sol_item .txt .icon img{ width: 70px;}
}
@media (max-width: 768px){
    .fz46{ font-size: 32px;}
    .sol_list .sol_item .pic, .sol_list .sol_item .txt{ width:100%; float:none;}
    .sol_list .sol_item:nth-child(2n) .pic, .sol_list .sol_item:nth-child(2n+1) .txt{ float:none;}
    .sol_list .sol_item .txt{ padding: 35px 25px;}
    .sol_list .sol_item .txt .icon{ right: 30px; bottom: 40px;}
    .sol_list .sol_item{ margin-bottom: 50px;}
}
@media (max-width: 450px){
    .sol_tit{ width: 90%; margin-bottom: 30px;}
    .fz46{ font-size: 26px;}
    .sol_list .sol_item .txt{ padding: 25px 15px;}
    .sol_list .sol_item .txt h3{ font-size: 24px;}
    .sol_list .sol_item .txt p{margin-bottom: 20px;}
}
.posi.center{ padding: 25px 0;}
.sol_det{ text-align: center; width: 75%; margin: 0 auto;}
.sol_det .sol_des{ font-size: 18px; color:#666;}
.sol_det dl{ margin-top: 70px;}
.sol_det dl dt{ width: 25%; position:relative;}
.sol_det dl dt:after{ position:absolute; right: 0; top: 50%; transform: translateY(-50%); width:1px; height:50px; background:#e7e7e7; content:'';} 
.sol_det dl dt:last-child:after{ display:none;}
.sol_det dl dt img{ transition: 2s ease;}
.sol_det dl dt:hover img{ transform:rotateY(360deg);}
.sol_det dl dt p{ font-size: 18px; margin-top: 10px;}

@media (max-width: 1024px){
    .sol_det{ width: 85%;}
    .sol_det dl{ margin-top: 40px;}
    
}
@media (max-width: 768px){
    .sol_det{ width: 95%;}
    .sol_det .sol_des{ font-size: 16px;}
    .sol_det dl dt p{ font-size: 16px;}
}
@media (max-width: 450px){
    .posi.center{padding: 15px 0;}
    .sol_det dl dt{ width: 50%; margin-bottom:15px;}
    .sol_det dl dt:nth-child(2n):after{ display:none;}
}
.ab_profile .txt{ width: 48%; padding-top:30px;}
.ab_profile .imgfdd{ width: 48%;}
.ab_profile .txt .des p{ font-size: 22px; line-height: 33px; margin-bottom:15px;}
.numberdl{margin-top: 70px;}
.numberdl dt{ width: 50%;}
.numberdl dt b{ display: block; font-size: 70px; line-height: 80px; color:#283d6c; font-weight:bold; margin-bottom:15px;}
.numberdl dt b sup{ line-height: 50px; font-size: 48px; margin-left:5px;}

.ab_service .pic{ width: 50%; position:relative;}
.ab_service .pic .picswiper{ border-radius: 32px; overflow: hidden;}
.ab_service .pic .swiperbtn{ position: absolute; top:50%; font-size:50px;}
.ab_service .pic .imgfd{padding-top: 63%;}
.ab_service .txt{ width: 46%; padding-top:30px;}
.ab_service .txt .des p{ font-size: 18px; line-height:30px;}
.ab_service .pic .swiperbtn.swiper-button-prev{ left: -50px;}
.ab_service .pic .swiperbtn.swiper-button-next{ right: -50px;}
.ab_service .pic .swiperbtn:hover{ color:#283d6c;}

.ab_honor .txt{ width: 40%; margin-right: auto;}
.ab_honor .honorswiper{ width: 55%; overflow:hidden; text-align:center;}
.ab_honor .txt .swiperbtn{ position: unset; display:inline-block; width:60px; height:60px; border-radius:50%; text-align:center; border:1px solid #cfcfcf; font-size:26px; line-height:60px; margin-right:18px; transition:.3s ease;}
.ab_honor .txt .btnbox{ margin-top: 80px;}
.ab_honor .txt .swiperbtn:hover{ background:#283d6c; color:#fff;}
.ab_honor .honorswiper .pic{ background: #fff; padding: 25px; margin-bottom:20px;}
.ab_honor .honorswiper .pic .imgfd{ padding-top: 137.5%;}
.ab_honor .honorswiper p{ line-height: 20px; height: 20px;}
.ab_factory .facswiper{ overflow: hidden; padding-bottom: 60px; position: relative; text-align:center;}
.ab_factory .facswiper .imgfd{border-radius: 16px; padding-top: 71.2%; margin-bottom:20px;}
.ab_factory .facswiper p{ font-size: 18px; line-height: 30px; height: 30px; overflow: hidden;}
.ab_factory .facswiper .swiper-pagination-bullet{width: 24px; height: 24px; border-radius: 50%; border-radius: 50%; background: none; border: 1px solid rgba(40,61,108,0); position:relative;}
.ab_factory .facswiper .swiper-pagination-bullet:after{ position:absolute; width: 8px; height: 8px; border-radius: 50%; background: #999999; top:50%; left:50%; transform:translate(-50%,-50%); content:'';}
.ab_factory .facswiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color: #283d6c;}
.ab_factory .facswiper .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background:#283d6c;}
@media (max-width: 1700px){
    .ab_service .pic .swiperbtn.swiper-button-prev{ left: -10px;}
    .ab_service .pic .swiperbtn.swiper-button-next{ right: -10px;}
}

@media (max-width: 1441px){
    .ab_profile .txt .des p{ font-size: 20px; line-height: 30px;}
}
@media (max-width: 1281px){
    .ab_profile .txt .des p{ font-size: 18px;}
    .numberdl dt b{ font-size: 56px; line-height:56px;}
    .numberdl{ margin-top: 40px;}
}
@media (max-width: 1024px){
    .ab_honor .honorswiper .pic{ padding: 15px;}
    .ab_profile .txt{ width: 100%; float: none;}
    .ab_profile .imgfdd{ width: 100%; float: none; margin-top: 20px;}
    .ab_service .pic{ width: 100%; float: none;}
    .ab_service .txt{ width: 100%; float: none;}
    .ab_honor .txt .btnbox{margin-top: 50px;}
    .ab_service .pic .swiperbtn.swiper-button-prev{ left: 10px;}
    .ab_service .pic .swiperbtn.swiper-button-next{ right: 10px;}
}
@media (max-width: 450px){
    .ab_profile .txt{ padding-top: 0;}
    .ab_profile .txt .des p{ font-size: 16px; line-height: 26px;}
    .numberdl dt b{ font-size: 36px; line-height: 36px; height: 36px;}
    .numberdl dt b sup{ font-size: 26px; line-height: 26px;}
    .ab_service .pic .picswiper{ border-radius: 16px;}
    .ab_service .txt .des p { font-size: 16px; line-height: 26px;}
    .numberdl{margin-top: 25px;}
    .ab_honor .center.c-flex{ display: block;}
    .ab_honor .txt{ width: 100%;}
    .ab_honor .txt .swiperbtn{ width: 36px; height: 36px; line-height: 34px; font-size:18px;}
    .ab_honor .txt .btnbox{ margin-top: 30px;}
    .ab_honor .honorswiper{ width: 100%; margin-top: 20px;}
    .ab_honor .honorswiper .pic{ padding: 5px; margin-bottom:10px;}
    .ab_factory .facswiper .imgfd{ margin-bottom: 10px;}
    .ab_factory .facswiper p{ font-size: 16px;}
    .ab_factory .facswiper .swiper-pagination-bullet{ width: 20px; height: 20px;}
}
.left_search{margin-bottom: 50px;}
.left_search input{ line-height: 50px; background: #f8f8f8;}
.left_search form{ width: 100%;}
.left_search .search_sub{ background: #283d6c url(../images/search.png) no-repeat center center;background-size:30px; color: #fff; text-align: center; width: 60px; cursor:pointer;}
.left_search input.fl{ width: calc(100% - 60px); padding-left:20px;}
.hot_news h3{ font-size: 24px; font-weight: bold; position: relative; padding-bottom: 10px;}
.hot_news h3:after{ position:absolute; left: 0; bottom: 0; width: 60px; height: 3px; background: #2a5fb2; content: '';}
.hot_news .list li{padding: 35px 0; border-bottom:1px solid #e6e6e6;}
.hot_news .list li .pic{ width: 34%; margin-right: auto;}
.hot_news .list li .pic .imgfd{ padding-top: 54%;}
.hot_news .list li .txt{ width:63%;}
.hot_news .list li .txt p{ line-height: 24px; height: 48px; overflow: hidden; margin-bottom:8px; color:#333;}
.hot_news .list li .txt span{ font-size: 14px;}
.hot_news .list li:hover p{ color:#283d6c;}
.news_det h1{ font-size: 40px; font-weight: bold; line-height: 60px;}
.news_det .news_info{ padding: 30px 0; border-bottom:1px solid #e7e7e7; line-height:34px; font-size:14px;}
.news_det .news_info .colname{ display: inline-block; padding: 0 22px; background: #f0f3f7; margin-right:20px; color:#333;}
.news_det .news_info p i{ display: inline-block; width: 4px; height: 4px; background: #9b9b9b; margin: 0 5px;}
.news_det .news_info .follow{ margin-left: auto;}

@media (max-width: 768px){
    .news_det h1{ font-size: 26px; line-height: 35px;}
    
}
@media (max-width: 450px){
    .news_info p.c-flex{ display: none;}
    .news_det .news_info{ padding: 20px 0;}
    .news_det .news_info .colname{ padding: 0 18px;}
    .news_det h1{ font-size: 24px; line-height: 32px;}
    .social-share .social-share-icon{ width: 28px; height: 28px; line-height:28px;}
}


.lx_left{ width: 40%;}
.lx_left .tit span{ color: #283d6c; text-transform:uppercase;}
.lx_left .tit h2{ font-size: 52px; font-weight: bold;; margin: 10px 0 15px;}
.lx_left .tit p{ font-size:18px; color:#666666;}
.lx_left .tit{ margin-bottom: 50px;}
.lx_left .item{  margin-bottom:40px;}
.lx_left .item i{ font-size: 26px; display: block; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #d8d8d8; margin-right: 8px; text-align:center; line-height:50px; color:#283d6c;}
.lx_left .item:nth-child(3) i,.lx_left .item:nth-child(4) i{ color:#25d366;}
.lx_left .item .txt{ width: calc(100% - 60px);}
.lx_left .item .txt h4{ font-size: 20px; font-weight: bold; margin-bottom: 5px;}
.lx_left .item .txt a{ display: block; line-height: 30px;}
.lx_left .follow span{ display: block; margin-right: 20px; text-transform: uppercase;}
.lx_right{ width: 53%;}
.lx_right .tit h3{ font-size: 40px; font-weight: bold; margin-bottom:15px;}
.lx_right .tit{margin-bottom: 40px;}
.lx_right form input,.lx_right form textarea{ width: 100%; line-height: 52px; padding-left:20px; border-radius: 8px; border: 1px solid #e6ebed; margin-bottom:30px;}
.lx_right form p{ padding-left: 25px; background: url(../images/gt_05.jpg) no-repeat left center; color:#666; margin-bottom:25px;}
.lx_right form input.sub{background: #283d6c url(../images/yx.png) no-repeat calc(50% - 40px) center; cursor: pointer; color:#fff; text-transform:uppercase;}
.lx_where .txt{ width: 40%; padding: 80px 0; color:#fff;}
.lx_where .map{ width: 55%; overflow:hidden;}
.lx_where .map iframe{ width: 100%!important;}
.lx_where .txt h3{ position: relative; color:#fff; font-size:48px;}
.lx_where .txt .tab-hdd{margin: 60px 0 40px;}
.lx_where .txt .tab-hdd li{ display: inline-block; line-height: 53px; padding: 0 25px; border: 1px solid #fff; color:#fff; font-size:18px; margin-right:35px; cursor:pointer; border-radius:6px;}
.lx_where .txt .tab-hdd li.active{ background: #fff; color: #283d6c;}
.lx_where .txt p{ font-size: 18px; line-height: 30px;}

@media (max-width: 1281px){
    .lx_left .tit h2{ font-size: 46px;}
}
@media (max-width: 1024px){
.lx_left .tit h2{ font-size: 40px;}
.lx_left .tit{ margin-bottom: 35px;}
.lx_left .item{ margin-bottom: 30px;}
}
@media (max-width: 768px){
    .lx_left{ width: 100%; float: none;}
    .lx_right{ width: 100%; float: none; margin-top: 35px;}
    .lx_where .txt{ width: 100%; float: none; padding: 45px 0;}
    .lx_where .txt .tab-hdd{ margin: 40px 0 30px;}
}
@media (max-width: 450px){
    .lx_left .tit h2,.lx_right .tit h3{ font-size: 32px;}
    .lx_right .tit{ margin-bottom: 25px;}
    .lx_right form input, .lx_right form textarea{ margin-bottom: 20px;}
    .lx_where .txt h3{ font-size: 34px;}
    .lx_where .txt .tab-hdd li{ line-height: 44px;}
    .lx_where .txt .tab-hdd{margin: 30px 0 20px;}
}