@charset "utf-8";
/* CSS Document */
.m-btn{ display:none; margin-top:40px; z-index:9999}
.m-btn span{ width:25px; height:3px; background:#0085c1; display:block; margin-bottom:5px; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.m-btn .span3{ margin-bottom:0}
.open-btn .span2{ display:none}
.open-btn .span1{ -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin:right top}
.open-btn .span3{ -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);transform-origin: 14px 8px}

.m-menu{ position:fixed; top:90px; background:#fff; width:100%; display:none; z-index:10; z-index:9999; border-top:solid 1px #ddd}
.m-menu li {line-height: 45px; font-size: 14px;border-bottom: 1px solid #e8e8e8; z-index:9999}
.m-menu li a{ position:relative; padding:0 2%; display:block}
.m-menu li .menu_a i {position: absolute;top: 15px;right: 2%;width: 22px;height: 22px;background: url(../images/menu_list1.png) no-repeat center;background-size: 22px 22px;}
.m-menu li .menu_a.cur {background: #0085c1;color: #fff;}
.m-menu li .menu_a.cur i{background: url(../images/ico_03_h.png) no-repeat;height: 2px;top: 26px;}
.m-menu li .sub {background: #f5f5f5;line-height: 35px;font-size: 14px;padding: 10px 0 20px;display: none; z-index:9999}
.m-banner{ display:none; position:relative}
.m-banner .swiper-slide a{ display:block; height:400px; background-size:auto 100% !important;}
.m-banner .swiper-pagination-bullet{border:1px solid #fff; opacity:1; background:none}
.m-banner .swiper-pagination-bullet-active{ background:#fff; border:1px solid #fff}


@media screen and (max-width: 1680px){
.banner{ width:100%;}
.flexslider .slides .img {width: 100%;display: block;height:600px;}
.flex-direction-nav .flex-next {right: 10%;}
.flex-direction-nav .flex-prev {left: 10%;}
}
@media screen and (max-width: 1440px){
.banner{ width:100%; }
.flexslider .slides .img {width: 100%;display: block;height:600px;}
.flex-direction-nav .flex-next {right: 10%;}
.flex-direction-nav .flex-prev {left: 10%;}
}

@media screen and (max-width: 1280px){
.wrap{ width:100%}
}
@media screen and (max-width: 1199px){
.wrap{ width:100%}
.header .menu li .menu_a{ font-size:16px; padding:0 15px; }
.banner{ width:100%;}
.flex-direction-nav{ display:none}
.banner{ width:130%; margin-left:-15%;}

.nguide .wrap{ width:100%;}
.nguide02 .wrap{ width:100%;}
.nguide03 .wrap{ width:100%;}

}
@media screen and (max-width: 1024px){
.menu{ display:none}
.m-btn{ display:block}

.flex-control-nav{ bottom:20px;}
.pro{ position:relative; margin-top:20px; z-index:999;}


.nbanner{ height:180px;}
.nbanner h3{ padding-top:40px;margin-left:0%}
.nbanner p{ margin-left:0%}

}
@media screen and (max-width: 768px){
.banner{ width:150%; margin-left:-25%;}

.nbanner{ height:130px;}
.nbanner h3{ padding-top:20px;margin-left:0%;font-size:24px;line-height:32px;}
.nbanner p{ margin-left:0%;font-size:13px;line-height:20px;}

}
@media screen and (max-width: 640px){
.nbanner{ height:110px;}
.nbanner h3{ padding-top:20px;margin-left:0%;font-size:24px;line-height:32px;}
.nbanner p{ margin-left:0%;font-size:13px;line-height:20px;}
}
@media screen and (max-width: 420px){
}








@media screen and (max-width:1440px){
	}
@media screen and (max-width:1280px){
.about3_L{width:616px}
.news_top a{width:362px;}
.news_bottom li div{width:954px}
	}
@media screen and (max-width:1080px){
.news_bottom li a{padding:20px 0px 0px 0px;}
	}
@media screen and (max-width:1025px){
.w1200{width:98%;}
.header-wrap { display: none;}
.header .logo { float:left; width:100%; margin-right:10px;}
.header .logo img { height:80px;}
.header .logo-txt{ display: none;}
.header .tel{ display:none;}
.menu-handler{display:block}
.header{top:0px;left:0px;right:0px;z-index:20;background:#fff}
.slide_container { margin-top:100px;}
.banner,.S_banner,.M_banner{margin-top:0px;}
.M_banner_top1 strong{background:none}
.slide_nav { background: none; }
.lefa_tit { width:100%; text-align:center; font-size:20px; color:#000000; margin:10px auto; }
.in_solution-box { display:none;}
.in_solution-box2 { display:block;}

.index_youshi { width:100%; height:auto; overflow: auto; background:#0366BB; padding-top: 50px; }
.index_youshi_left { width:96%; height: auto;}
.index_ys_xx { width:100%; height: auto; overflow: hidden; margin-top:20px; }
.index_ys_xx p { font-size: 14px; color: #fff; line-height: 30px; }
.youshi_more { display:none;}
.index_youshi ul { width:100%; height: auto; float:left; }
.index_youshi ul li { width:96%; height:auto; background: rgba(255, 255, 255, 0.2);  margin:auto; margin-left: 0px; padding: 15px; margin-bottom: 29px }
.index_youshi ul li span { font-size: 20px; color: #fff; padding-left:0px; height: 50px; line-height: 50px; display: block }
.ys_1 { background:none; }
.ys_2 { background:none }
.ys_3 { background:none }
.ys_4 { background:none }

.about-box2 { width:96%; margin:auto; background:#FFFFFF; height:auto; }
.ab_fl { width:96%; float:inherit; margin:0 auto; display:none;}
.ab_fl img { width:auto; }
.ab_fr { width:96%; float:left; margin:0 auto; margin-right:0px; }
.ab_fr h1 { color:#000000; font-size:16px; text-align:left; display:none; }
.ab_fr p { margin-bottom:30px; }

/*图片页面*/
.tupianji li{ width:48%; margin-right:2%;}
.tupianji li:hover .pic img { transform:scale(1.0); }
.tupianji li .wenzi { font-size:12px; color:#333333; line-height:300%; white-space: nowrap; overflow:hidden; }

.pro-tit { width:100%; text-align:center; font-size:20px; margin:10px auto; margin-bottom:0px; color:#303030; background:#F2F3F3; line-height:66px; height:66px; }
.pro-content { width:98%; margin:10px auto;}
.contentbox { padding:50px 0; position: relative; }
.contentbox .nav-wrap{ padding-top:50px; position: relative; }
.contentbox table{ color:#333333; text-align:center;}
.contentbox .td-title{ font: normal 12px/20px "微软雅黑";}
.contentbox .td-style0{ font: normal 12px/14px "微软雅黑"; }
.contentbox .td-style1{ font: normal 12px/26px "微软雅黑"; }
.contentbox .td-style2{ font: normal 12px/26px "微软雅黑"; }
.pro-con-tit { font: normal 16px/46px "微软雅黑"; }
.tuijian-pro { font: normal 16px/46px "微软雅黑"; border-top:2px solid #0476FF; margin-top:50px;}

.rolling { width:100%; margin:30px auto; PADDING:0px 0px; OVERFLOW: hidden;  ZOOM: 1; POSITION: relative;}

.web_link ul{ float:left; width:100%;}
.web_link li{ float:left; width:50%; text-align:center;}
.web_link li img{ width:80%; margin-bottom:20px;}
.news_cbox .newstitle h1 { font-size:20px; line-height:150%;}
.S_menu{display:none}
.news_bottom li a{padding:20px 0px 0px 0px;}

.web_link { float:left; margin-top:0px; overflow:hidden; padding-bottom:10px; }
.web_link ul { float:left;}
.web_link li { float:left; width:50%; margin:0px auto;}
.web_link li img { width:100%; margin:5px auto;}

.con_h2 { font-size: 22px; padding-bottom: 10px; }

/*联系我们*/
.contact_sec1 h3 { font-size: 30px; color: #000000; margin-top: 50px; margin-bottom: 50px; text-align: center; }
.contact_sec1 ul li { float: left; width: 100%; text-align: center; display: flex; justify-content: flex-start; padding: 25px 0; margin:0px;}
.contact_sec1 ul li:nth-child(2n+1) { background:#EFEFEF;}
.contact_sec1 ul li .img { width: 60px; height: 60px; margin-left: 30px; margin-right: 15px; float: left; }
.contact_sec1 ul li .txt { height: 55px; display: flex; float: left; justify-content: space-between; flex-direction: column; text-align: left; }
.contact_sec1 ul li .txt h4 { color: #173887; margin-top: 10px; font: bold 16px/18px "Arial";}
.contact_sec1 ul li .txt h5 { color: #000; font-size:14px;}

.footer .footer-tit{ width: 100%; float:left;}
.footer .footer-con{ width: 100%; float:left;}
.footer .footer-con ul li { float:left; width:100%; font-size:14px; font-weight:normal; line-height:26px;}
.foote-nav { float: left; width: 100%; }
.footer-weixin { width: 100%; color:#A7A9AC; text-align:center; font: normal 12px/36px "微软雅黑"; float:left;}
.footer-weixin .wechat{ display:none;}
.copyright { color: #E2E2E2; text-align:center; font: normal 12px/16px "微软雅黑"; height:auto; background:#27284B; padding-top:10px; padding-bottom:10px;}
	}
@media screen and (max-width:768px){
.wiot_B { width:96%; margin:0 auto; }
.foote-nav dl { float: left; margin-right:20px; white-space:nowrap;}
.foote-nav p,.S_menu{display:none}
	}
@media screen and (max-width:414px){
.w1200{width:96%;}
.header-wrap { display: none;}
.header .logo { float:left; width: 160px; margin-right:10px;}
.header .logo img { width:100%;}
.header .logo-txt{ display: none;}
.header .tel{ display:none;}
.slide_container { margin-top:0px;}
.S_banner, .M_banner{height:220px;}
.banner,.S_banner,.M_banner{margin-top:0px}
.slide_nav { background: none; }
.about3_R{width:100%}
.about3_R img{ margin-bottom:20px;}
.about3_con{padding:30px 0px}
.tupianji li{ width:48%; margin-right:2%;}
.web_link ul{ float:left; width:100%;}
.web_link li{ float:left; width:50%; text-align:center;}
.web_link li img{ width:80%; margin-bottom:20px;}
.menu-handler{margin-top:4px}
.menuBox{top:64px}
.news_bottom li strong,.talk_tit{font-size:24px;}
.news_top a{width:100%;border:none;margin-right:0px }
.news_bottom li div{width:80%;float:left;padding-right:20%}
.news_bottom li div span{font-size:14px}
.news_bottom li a{padding:20px 0px 0px 0px}
.news_top{padding-bottom:0px}

.web_link { float:left; margin-top:0px; overflow:hidden; padding-bottom:10px; }
.web_link ul { float:left;}
.web_link li { float:left; width:50%; margin:0px auto;}
.web_link li img { width:100%; margin:5px auto;}

.con_h2 { font-size: 22px; padding-bottom: 10px; }
.footer .footer-tit{ width: 100%; float:left;}
.footer .footer-con{ width: 100%; float:left;}
.foote-nav { float: left; width: 100%; }
.footer-weixin { width: 100%; color:#A7A9AC; text-align:center; font: normal 12px/36px "微软雅黑"; float:left;}
.copyright { color: #E2E2E2; text-align:center; font: normal 12px/16px "微软雅黑"; height:auto; background:#27284B; padding-top:10px; padding-bottom:10px;}
	}
	
	
@media screen and (max-width:375px){
	}
@media screen and (max-width:320px){
	}