html { background: #ffffff; font-size: 14px; color: #666; font-family: "Arial", "微软雅黑", "Helvetica", "sans-serif"; }

body { min-width: 1220px; }

.g_cw { width: 1220px; padding: 0 10px; margin: 0 auto; }
.g_cw::before,
.g_cw::after { content: ''; display: block; clear: both; }

.g_mt { margin-top: 80px; }
.g_mt::before,
.g_mt::after { content: ''; display: block; clear: both; }

.g_mb { margin-bottom: 80px; }
.g_mb::before,
.g_mb::after { content: ''; display: block; clear: both; }

@media (max-width: 1024px) {
	body { min-width: 0; }
	.g_cw { width: 100%; }
}

@media (max-width: 700px) {
	.g_mt { margin-top: 40px; }
	.g_mb { margin-bottom: 40px;}
}


.g_page { clear: both; text-align: right; font-size: 14px; color: #888888; margin-top: 100px;}
.g_page > ul { display: inline-block; }
.g_page > ul > li { float: left; line-height: 35px; margin: 0 5px; }
.g_page > ul > li a { display: block; background: #fff; padding: 0 15px; border: 1px solid #E8E8E8;}
.g_page > ul > li a .fa { font-size: 17px; line-height: 35px;}
.g_page > ul > li a.dis { color: #ccc; cursor: not-allowed;}
.g_page > ul > li a:hover:not(.dis),
.g_page > ul > li a.on { background: #286cc2; color: #fff; border: 1px solid #286cc2;}

@media (max-width: 600px) {
	.g_page > ul .num_li { display: none; }
}


.g_title {clear: both;text-align: center;margin-bottom:50px;}
.g_title .l1 {font-size:36px;color:#414040;}
.g_title .l2 { font-size: 14px; color: #89898b;padding:8px 0 20px 0;}

.g_title .l3 { width: 90px; height: 2px;background:#cac9c9; margin-left: auto; margin-right: auto; margin-top: 10px; position:relative;}
.g_title .l3 .left { width: 38px; height: 2px; background: #2977da; display:inline-block; position:absolute;left:0;top:0;}



.g_header { clear: both; }

.g_header .top { clear: both; height: 110px; border-bottom: 1px solid #E9E9E9;}

.g_header .top .logo { float: left; line-height: 100px; font: bold 50px/100px arial; color: #333333; }
.g_header .top .logo img { vertical-align: middle; margin-right: 10px; }

.g_header .top .right { float: right; line-height: 110px; }
.g_header .top .right .tel { font-size:16px;color: #666666; line-height: normal; display: inline-block; padding-bottom: 10px;  }
.g_header .top .right .tel .ico{padding-right:5px;}
.g_header .top .right .tel .ico img{ vertical-align:middle;}
.g_header .top .right .tel .h1{color:#2977da;font-size:24px;font-weight:bold;}


.g_header .bar { display: none; }


.g_header .nav { position: relative; z-index: 99; background:#286cc2;}
.g_header .nav .g_cw {  height: 52px; overflow: hidden; }
.g_header .nav .list { display: inline-block; text-align: left;}
.g_header .nav .list > li { float: left; border-right:1px solid #2986fb;}
.g_header .nav .list > li > a { display: block; padding: 0 50px; font-size: 14px; color: #ffffff;}
.g_header .nav .list > li > a.on,
.g_header .nav .list > li > a:hover {background:#17539f;}
.g_header .nav .list > li > a b { line-height: 52px;}


.g_header .nav .search{display: inline-block; float: right;margin-top:11px;}
.g_header .nav .search .input_1 {

    height: 28px;
    background: #fff;
    border: 1px solid #cecfd0;}
.g_header .nav .search .ico{height:30px;width:30px;background:#17539f;display:inline-block;text-align:center;line-height:30px;}
.g_header .nav .search .ico img{height:13px; }


@media (max-width: 1024px) {
	body { padding-top: 70px; }
	.g_header { height: auto; }
	.g_header .top { display: none; }
	.g_header .bar { position: relative; display: block; position: fixed; z-index: 100; left: 0; top: 0; right: 0; height: 70px; background: #fff; border-bottom: 1px solid #2977da; }
	.g_header .bar .logo { position: absolute; left: 0; top: 0; display: block; padding: 0 10px; color: #333333; font: bold 20px/70px arial; }
	.g_header .bar .logo img { height: 40px;line-height:40px; vertical-align: middle; margin-right: 10px; }
	.g_header .bar .menu { position: absolute; right: 0; top: 0; display: block; float: right; padding: 0 10px; line-height: 70px;}
	.g_header .bar .menu img { vertical-align: middle; height: 40px;}

	.g_header .nav { visibility: hidden; opacity: 0; position: fixed; z-index: 99; left: 0; top: -100%; bottom: 100%; right: 0; background: #fff; border-top: 0; transition: ease .4s; }
	.g_header .nav .g_cw { text-align: left; padding: 0 20px; height: auto; overflow: visible;}
	.g_header .nav .list { display: block; }
	.g_header .nav .list > li { float: none; border-right:0;}
	.g_header .nav .list > li > a { padding: 20px 30px; font-size: 16px; color: #333;}
	.g_header .nav .list > li > a.on,
	.g_header .nav .list > li > a:hover { color: #3E87C4;background:none; }
	.g_header .nav .list > li > a b { line-height: 40px; }
     .g_header .nav .search{display:none;}
	.g_header .nav.show { visibility: visible; opacity: 1; top: 70px; bottom: 0;}
}

.g_footer{clear: both;}
.g_footer .top{background:#40454b;padding:45px 0 40px 0;overflow:hidden;}
.g_footer .top .h1{font-size:16px;color:#fff;padding-bottom:20px;display:block;}
.g_footer .top .left{float:left;max-width:496px;}
.g_footer .top .left .title{font-size:28px;color:#fff;padding-bottom:46px;}
.g_footer .top .left .title .line{width:37px;height:8px;background:#2977da;display:inline-block;}
.g_footer .top .left .p1{line-height:33px;font-size:14px;color:#fff;padding-bottom:30px;}
.g_footer .top .left .p1 .h1{color:#fff;font-size:18px;}
.g_footer .top .left .lx .s1{line-height:50px;font-size:14px;color:#fff;}
.g_footer .top .left .lx .s1 img{ vertical-align:middle;} 

.g_footer .top .right{float:right;}

.g_footer .bottom{background:#33373c;text-align:center;padding:20px 0;color:#ffffff;}
@media (max-width: 1024px) {
	.g_footer .top .left{float:none;max-width:none;}
	.g_footer .top .right{float:none;text-align:center;}
	
}
@media (max-width: 600px) {
	
	
}
            
/*--产品--*/
       
/*--子页面--*/

		.s_child_banner{display:none;}
		.child_banner img{display:block;}
		.s_child_banner img{display:block;}
        @media (max-width: 1024px) {
	      .child_banner{display:none;}
		  .s_child_banner{display:block;}
        }
		
		.page{border-bottom:1px solid #d0d0d0;height:70px;overflow:hidden}
		.page .p1{color:#707070;font-size:12px;line-height:70px;text-align:right;}
		.page .p1 .ico img{width:13px; vertical-align:middle;}
		.page .p1 .on{color:#0059b3;}
		@media (max-width: 1024px) {
			.page{height:60px;}
			.page .p1{text-align:left;padding-left:10px;}
		}
	   
        .product .title{margin-left:3px;border-bottom:1px solid #e4e4e4;overflow:hidden;padding-bottom:22px;}
		.product .title .left{float:left;}
		.product .title .left .p1 .line{width:5px;height:22px;background:#286cc2;display:inline-block; vertical-align:middle;margin-right:11px;}
		.product .title .left .p1{font-size:18px;color:#4e4e4e;}
		.product .title .left .p1 .s1{font-size:12px;color:#989898;padding-left:14px;}
		.product .title .right{float:right;}
		.product .title .right a.on{color:#286cc2;}
		@media (max-width: 800px) {
			.product .title .left{float:none;}
			.product .title .right{float:none;padding-bottom:20px;}
		}
		
			.banners-pc { clear: both; height: 700px;}
		.banners-pc .frame { height: 700px; background: no-repeat center center; background-size: cover;}

		.banners-mb { display: none; clear: both; height: 700px;}
		.banners-mb div { height: 100%; }
		.banners-mb .frame { height: 100%; background: no-repeat center center; background-size: cover;}

		@media (max-width: 1024px) {
			.banners-pc {display: none;}
			.banners-mb {display: block;}
		}
		
		.main1{margin-top:60px;}
		.main1 .offset .list{margin-left:-27px;margin-bottom:-28px;overflow:hidden;}
		.main1 .offset .list > li{float:left;width:25%;padding-left:27px;padding-bottom:28px;}
		.main1 .offset .list > li:nth-child(4n+1) {clear:both;}
		.main1 .offset .list > li .box{display:block;border:1px solid #e3e4e6;}
		.main1 .offset .list > li .box .pic{text-align:center;}
		.main1 .offset .list > li .box .pic img{display:block;width:100%;height: 200px;}
		.main1 .offset .list > li .box .p1{text-align:center;background:#e3e4e6;height:63px;line-height:63px;}
		.main1 .offset .list > li .box:hover{border:1px solid #2977da;}
		.main1 .offset .list > li .box:hover .p1{background:#2977da;color:#fff;}
		.main1 .offset .list > li .box2{display:block;background:#2977da;}
		.main1 .offset .list > li .box2 .more{text-align:center;padding-top:63px;}
		.main1 .offset .list > li .box2 .s1{text-align:center;color:#fff;font-size:24px;padding-bottom:60px;}
		@media (max-width: 1024px) {
			.main1 .offset .list > li{width:50%;}
			.main1 .offset .list > li:nth-child(n) {clear:none;}
			.main1 .offset .list > li:nth-child(2n+1) {clear:both;}
		}
		@media (max-width: 600px) {
			.main1 .offset .list > li{width:100%;}
			.main1 .offset .list > li:nth-child(n) {clear:none;}
		}
		
		.main2{background:#f5f5f5;padding:50px 0 100px 0;/*margin-top:70px;*/}
		.main2 .offset .list{margin-left:-33px;margin-bottom:-42px;overflow:hidden;}
		.main2 .offset .list > li{float:left;width:33.33%;padding-left:33px;padding-bottom:42px;}
		.main2 .offset .list > li:nth-child(3n+1) {clear:both;}
		.main2 .offset .list > li .box{display:block; position:relative;}
		.main2 .offset .list > li .box .pic img{display:block;width:100%;}
		.main2 .offset .list > li .box .pic:before{content:'';position:absolute;left:26px;top:21px;right:26px;bottom:21px;background:red;opacity:0;}
		.main2 .offset .list > li .box .font{ position:absolute;left:26px;top:21px;right:26px;bottom:21px;text-align:center;color:#fff;opacity:0; transition: .3s ease;background:rgba(0,0,0,.8);}
		.main2 .offset .list > li .box .font .s1{font-size:18px;color:#fff;display:block;padding-top:70px;}
		.main2 .offset .list > li .box .font .line{width:28px;height:1px;background:#a2a5a3;display:block;margin:13px auto;}
		.main2 .offset .list > li .box .font .s2{font-size:12px;color:rgba(255,255,255,.6);display:block;padding-bottom:28px;}
		.main2 .offset .list > li .box .font .gd{padding:10px 23px;background:#e30210;font-size:12px;display:inline-block;}
		.main2 .offset .list > li .box:hover .font{opacity:1;}
		.main2 .offset .list > li .box .pic:before{}
		@media (max-width: 1024px) {
			.main2 .offset .list > li{width:50%;}
			.main2 .offset .list > li:nth-child(n) {clear:none;}
			.main2 .offset .list > li:nth-child(2n+1) {clear:both;}
		}
		@media (max-width: 600px) {
			.main2 .offset .list > li{width:100%;}
			.main2 .offset .list > li:nth-child(n) {clear:none;}
		}
		
		.about{margin:80px 0;}
		.about .left{float:left;max-width:540px;}
		.about .left .title{font-size:28px;color:#1c1c1c;padding-bottom:46px;}
		.about .left .title .line{width:37px;height:8px;background:#2977da;display:inline-block;}
		.about .left txt{display: block; line-height:1.8em;font-size:14px;color:#757575;padding-bottom:30px;}
		.about .left txt .h1{color:#2977da;font-size:18px;}
		.about .left .more{color:#2977da;font-size:12px;}
		.about .right{float:right;}
		@media (max-width: 1024px) {
			.about .left{float:none;max-width:none;}
			.about .left .more{text-align:center;display:block;margin-bottom:30px;}
			.about .right{float:none;text-align:center;}
		}
		
		.coop{background:#f5f5f5;padding:50px 0 100px 0;}
		.coop .hz .list{overflow:hidden;}
		.coop .hz .list > li{float:left;width:16.66%;}
		.coop .hz .list2{text-align:center;margin-top:-5px;}
		.coop .hz .list2 > li{display:inline-block;}
		.coop .offset{display:none;}
		.coop .offset .list{overflow:hidden;text-align:center;}
		.coop .offset .list > li{float:left;width:25%;}
		.coop .offset .list > li .pic img{width:100%;}
		.coop .offset .list > li:nth-child(4n+1) {clear:both;}
        @media (max-width: 1024px) {
			.coop .hz{display:none;}
			.coop .offset{display:block;}
		}
		@media (max-width: 750px) {
			.coop .offset .list > li{width:33.33%;}
			.coop .offset .list > li:nth-child(n) {clear:none;}
			.coop .offset .list > li:nth-child(3n+1) {clear:both;}
		}
		@media (max-width: 600px) {
			.coop .offset .list > li{width:50%;}
			.coop .offset .list > li:nth-child(n) {clear:none;}
			.coop .offset .list > li:nth-child(2n+1) {clear:both;}
		}