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

body { min-width: 1220px; }

.g_cw { width: 1300px; padding: 0 ; margin: 0 auto; box-sizing: border-box; }
.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; }

html,html body{ display: block; min-width: 1700px;}



.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: #1b9ca1; color: #fff; border: 1px solid #1b9ca1;}



.g_title {clear: both;text-align:left; float: left; width: 30%;}
.g_title .l1{font-size: 25px;color: #ffffff;display: block;}
.g_title .l2{font-size: 14px;color: #ffffff;padding:10px 0 0 0px;}

.g_title1 {clear: both;text-align:left; float: left; width: 30%;}
.g_title1 .l1{font-size: 25px;color: #094647;display: block;}
.g_title1 .l2{font-size: 14px;color: #094647;padding:10px 0 0 0px;}
img{ max-width: 100%;}

.homeabout{ background: url("../img/aboutbg.jpg") no-repeat center center !important; background-size: cover !important; margin-top: 0 !important; padding: 150px 0 120px 0;}



.g_header { clear: both; }
.g_header .top { background: #f1f1f1; height: 38px; line-height: 38px; overflow:hidden;}
.g_header .top .left { float:left;color: #999; }
.g_header .top .right {float:right; color: #999; }
.g_header .top .right b { color: #1966bf; font-size:16px;}

.g_header .bar { display: none; }
.g_header .g_cw{ width: 100%; box-sizing: border-box; padding:  0 80px;}

.g_header .main { height: 100px; }
.g_header .main .logo { float: left; line-height: 100px; box-sizing: border-box; padding-right: 80px; }
.g_header .main .logo img { vertical-align: middle;}

.g_header .main .nav { float: left; }
.g_header .main .nav > li { float: left; box-sizing: border-box; }
.g_header .main .nav > li > a { display: block; font-size: 16px; font-weight: bold; line-height: 100px; padding: 0  40px; box-sizing: border-box;}
.g_header .main .nav > li:last-child > a { margin-right: 0; }
.g_header .main .nav > li > a > p { transition: ease .3s; }
.g_header .main .nav > li > a > p > b { display: block; color: #606060;font-size:16px; font-weight: normal; line-height: 1; transition: ease .3s;}
.g_header .main .nav > li.on > a,
.g_header .main .nav > li:hover > a { color: #276557;  }
.g_header .main .nav > li.on,.g_header .main .nav > li:hover{border-bottom: 2px solid #276557;}


.g_header .main .nav > li > a.on > p > b { font-weight: bold; color: #1966bf;}
.g_header .main .nav > li > a:hover > p > b { color: #1966bf;}
.g_header .main .search{ display: flex; float: right; height: 40px; margin: 30px 0; border-radius: 10px; border: 1px solid #ddd; justify-content: space-between; align-items: ce
	; flex-flow:row nowrap}
.g_header .main .search input,button{ display: inline-block; border: none; outline: none; background: none;}
.g_header .main .search input{ width: 150px;}
.g_header .main .search button{width: 50px; }
.g_header .main .search button img{ margin-top: 5px;}

.frame img{ display: block; width: 100%;}

.g_footer{clear: both;}
.g_footer .top{background:#276557;padding:45px 0 40px 0;overflow:hidden;}
.g_footer .top .h1{font-size:16px;color:#fff;padding-bottom:20px;}
.g_footer .top .lx{float:left;}
.g_footer .top .lx .con{overflow:hidden;}
.g_footer .top .lx .con .font{float:left;}
.g_footer .top .lx .con .font .p1{line-height:24px;font-size:12px;color:#ffffff;}
.g_footer .top .lx .con .gzh{float:left;overflow:hidden;padding-left:40px;}
.g_footer .top .lx .con .gzh .pic{float:left;}
.g_footer .top .lx .con .gzh .p1{float:left;padding:20px 0 0 20px;line-height:24px;font-size:12px;color:#ffffff;}
.g_footer .top .online{float:right;}
.g_footer .top .online .inpt{min-width:614px;}
.g_footer .top .online .inpt .list{margin-left:-10px;margin-bottom:-10px;overflow:hidden;}
.g_footer .top .online .inpt .list > li{float:left;width:33.33%;padding-left:10px;padding-bottom:10px;font-size:12px;}
.g_footer .top .online .inpt .list > li .td1{width:100%;height:31px;border:1px solid #ffffff;}
.g_footer .top .online .inpt .list > li .td1 .text{border:0;background:none;width:100%;height:31px;}
.g_footer .top .online .inpt .list > li .td2{width:100%;height:72px;border:1px solid #ffffff;}
.g_footer .top .online .inpt .list > li .td2 .text_a{border:0;background:none;width:100%;height:72px;}
.g_footer .top .online .inpt .list > li input{ color: #fff;}
.g_footer .top .online .inpt .list > li textarea{ color: #fff;}


.g_footer .top .online .inpt .list > li textarea::placeholder { color: #fff;}
.g_footer .top .online .inpt .list > li input::placeholder { color: #fff;}
.g_footer .top .online .inpt .td3 .sub{padding:10px 0;width:100px;background:#094647;display:block;color:#fff;text-align:center;}

.g_footer .bottom{background:#276557;text-align:center;padding:20px 0;color:#ffffff;}

            
/*--产品--*/
        .product .offset{padding-top:;}
		.product .offset .list{margin-left:-42px;margin-bottom:-30px;overflow:hidden;}
		.product .offset .list > li{float:left;width:33.33%;padding-left:42px;padding-bottom:30px;}
		.product .offset .list > li:nth-child(3n+1) {clear:both;}
		.product .offset .list > li .box{display:block; position: relative; padding-bottom: 48px;}
		.product .offset .list > li .box .pic img{border: 0px solid #eaeaea;width:100%;display:block;}
		.product .offset .list > li .box .p1{text-align:center;color:#ffffff;font-size:16px;font-weight:bold; float: left; line-height: 48px; padding-left: 20px;}
		.product .offset .list > li .box .p2{text-align:center;color:#ffffff; float: left; line-height: 48px; font-size: 16px; font-weight: normal; padding-left: 20px;}
		.product .offset .list > li .title{ display: block; width: 100%; padding-top: 20px; position: absolute; left: 0; bottom: 0;
			 background:url(../images/ptitle.png) no-repeat center bottom; box-sizing: border-box; }

	
/*--子页面--*/

		.s_child_banner{display:none;}
		.child_banner img{display:block;}
		.s_child_banner img{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;}
		
	   
        .c_nav{margin-top:0px; border-bottom: 1px solid #e5e5e5; background: #2a685a;}
		.c_nav .list{overflow:hidden; display: flex; flex-flow: row nowrap;justify-content: flex-start;}
		.c_nav .list > li{float:left; border-left: 1px solid #e5e5e5;}
		.c_nav .list > li .box{height:70px;padding:0 40px;line-height:70px; background: #276557; color:#fff;display:block;}
		.c_nav .list > li .box:hover{background:#fff;color:#707070;}
		.c_nav .list > li .on{background:#fff;color:#707070;}
		.m_top .btn .more:hover{background:#fff;color:#707070;}
		.c_nav .list > li:last-child{float:left; border-right: 1px solid #e5e5e5;}

		
		

		.banners-pc { clear: both; }
		.banners-pc .frame { 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;}


		.product{ background:#9cb6b5;}
		.m_top{overflow:hidden;padding:40px 0 36px 0;}
		.m_top .nav{overflow:hidden;margin-left:-9px;margin-bottom:-8px;float:right;}
		.m_top .nav > li{padding-left:9px;padding-bottom:8px;display:inline-block;}
		.m_top .nav > li .box{display:block;padding:10px 28px;background:#f1f1f1;text-align:center;}
		.m_top .nav > li .box:hover{background:#1966bf;color:#fff;}
		.m_top .nav > li .on{background:#1966bf;color:#fff;}
		.m_top .btn{float:right;}
		.m_top .btn .more{display:inline-block;padding:10px 28px;background:#f1f1f1;text-align:center;}

		.main2{margin-top:50px;}
		.main2 .con{padding:110px 0;overflow:hidden;}
		.main2 .con .pic{float:left;margin-right:42px;}
		.main2 .con .pic img{border:10px solid #fff;border-radius:10px;}
		.main2 .con .font{padding-top:45px;}
		.main2 .con .font .h1{font-size:24px;color:#555;}
		.main2 .con .font .h1 span{font-size:13px;color:#b8b8b8;}
		.main2 .con .font .p1{color:#838383;line-height:30px; text-indent:2em;padding:40px 0 30px 0;}
		.main2 .con .font .btn .more{padding:10px 38px;display:inline-block;border:1px solid #b5b5b5;border-radius:20px;}
		.main2 .con .font .btn .more:hover{background:#1966bf;color:#fff;border:1px solid #1966bf;}
		 ._slick{width:1200px; margin:0 auto;}
		 ._slick .li1{padding:0 30px;} 
		 ._slick .li1 .box{display:block;}
		 ._slick .li1 .box .pic img{border: 1px solid #eaeaea;width:100%;display:block;}
		 ._slick .li1 .box .p1{text-align:left;padding-top:20px;color:#505050;font-size:16px;}
		 ._slick .li1 .box .p1 .line{display:block;width:33px;height:1px;background:#b2b2b2;margin-top:12px;}
		 ._slick .li1 .box .time{font-size:12px;color:#888;padding:20px 0 22px 0;}
		 ._slick .li1 .box .p2{color:#888;line-height:24px;max-width:300px;}
		 ._slick .slick-next {right:-30px;}
		 ._slick .slick-prev {left:-30px;}
		 .news{margin-bottom:70px;}
		.news .offset{}
		.news .offset .list{display:none;margin-left:-102px;margin-bottom:-30px;overflow:hidden;}
		.news .offset .list > li{float:left;width:33.33%;padding-left:102px;padding-bottom:30px;}
		.news .offset .list > li:nth-child(3n+1) {clear:both;}
		.news .offset .list > li .box{display:block;}
		.news .offset .list > li .box .pic img{border: 1px solid #eaeaea;width:100%;display:block;}
		.news .offset .list > li .box .p1{text-align:left;padding-top:20px;color:#505050;font-size:16px;}
		.news .offset .list > li .box .p1 .line{display:block;width:33px;height:1px;background:#b2b2b2;margin-top:12px;}
		.news .offset .list > li .box .time{font-size:12px;color:#888;padding:20px 0 22px 0;}
		.news .offset .list > li .box .p2{color:#888;line-height:24px;max-width:300px;}

			
		.product{}
		.m_top{overflow:hidden;padding:40px 0 36px 0;}
		.m_top .nav{overflow:hidden;margin-left:-9px;margin-bottom:-8px;float:right;}
		.m_top .nav > li{padding-left:9px;padding-bottom:8px;display:inline-block;}
		.m_top .nav > li .box{display:block;padding:10px 28px;background:#f1f1f1;text-align:center;}
		.m_top .nav > li .box:hover{background:#1966bf;color:#fff;}
		.m_top .nav > li .on{background:#1966bf;color:#fff;}
		.m_top .btn{float:right;}
		.m_top .btn .more{display:inline-block;padding:10px 28px;background:#f1f1f1;text-align:center;}
		.m_top .btn .more:hover{background:#1966bf;color:#fff;}
		
		
		.main2{background:#eff1f6;margin-top:50px;}
		.main2 .con{padding:110px 0;overflow:hidden;}
		.main2 .con .pic{float:left;margin-right:42px;}
		.main2 .con .pic img{border:10px solid #fff;border-radius:10px;}
		.main2 .con .font{padding-top:45px;}
		.main2 .con .font .h1{font-size:24px;color:#555;}
		.main2 .con .font .h1 span{font-size:13px;color:#b8b8b8;}
		.main2 .con .font .p1{color:#838383;line-height:30px; text-indent:2em;padding:40px 0 30px 0;}
		.main2 .con .font .btn .more{padding:10px 38px;display:inline-block;border:1px solid #b5b5b5;border-radius:20px;}
		.main2 .con .font .btn .more:hover{background:#1966bf;color:#fff;border:1px solid #1966bf;}
		
		
		 ._slick{width:1200px; margin:0 auto;}
		 ._slick .li1{padding:0 30px;} 
		 ._slick .li1 .box{display:block;}
		 ._slick .li1 .box .pic img{border: 1px solid #eaeaea;width:100%;display:block;}
		 ._slick .li1 .box .p1{text-align:left;padding-top:20px;color:#505050;font-size:16px;}
		 ._slick .li1 .box .p1 .line{display:block;width:33px;height:1px;background:#b2b2b2;margin-top:12px;}
		 ._slick .li1 .box .time{font-size:12px;color:#888;padding:20px 0 22px 0;}
		 ._slick .li1 .box .p2{color:#888;line-height:24px;max-width:300px;}
		 ._slick .slick-next {right:-30px;}
		 ._slick .slick-prev {left:-30px;}
		
		.news{margin-bottom:70px;}
		.news .offset{}
		.news .offset .list{display:none;margin-left:-102px;margin-bottom:-30px;overflow:hidden;}
		.news .offset .list > li{float:left;width:33.33%;padding-left:102px;padding-bottom:30px;}
		.news .offset .list > li:nth-child(3n+1) {clear:both;}
		.news .offset .list > li .box{display:block;}
		.news .offset .list > li .box .pic img{border: 1px solid #eaeaea;width:100%;display:block;}
		.news .offset .list > li .box .p1{text-align:left;padding-top:20px;color:#505050;font-size:16px;}
		.news .offset .list > li .box .p1 .line{display:block;width:33px;height:1px;background:#b2b2b2;margin-top:12px;}
		.news .offset .list > li .box .time{font-size:12px;color:#888;padding:20px 0 22px 0;}
		.news .offset .list > li .box .p2{color:#888;line-height:24px;max-width:300px;}

		
		.company{margin-top:27px;overflow:hidden;}
		.company .font{float:left;padding-top:40px;color:#727272;}
		.company .font .h1{font-size:22px;padding-bottom:30px;}
		.company .font table td{padding-bottom:20px;}
		.company .pic{float:right;}
		
		.ditu{margin:60px 0 64px 0;}

		
		.d_pro{}
		.d_pro .title{overflow:hidden;padding:50px 0 20px 0;border-bottom:1px solid #e6e6e6;}
		.d_pro .title .h1{font-size:22px;color:#444;float:left;}
		.d_pro .title .h1 .s1{font-size:14px;color:#939393;}
		.d_pro .title .l2{float:right;color:#939393;}
		.d_pro .con{padding-top:38px;}
		.d_pro .con .pic{text-align:center;padding-bottom:77px;}
		.d_pro .con .h1{color:#0059b3;}
		.d_pro .con .p1{color:#747474;padding:8px 0 30px 0;line-height:28px;}
			
		.d_per{padding:42px 0 20px 0;}
		.d_per .h1{font-size:22px;color:#0059b3;text-align:center; padding-top: 30px;}
		.d_per .time{text-align:center;font-size:12px;color:#a6a6a6;padding:26px 0 38px 0;}
		.d_per .intro{background:#fafcfe;border:1px solid #eee;font-size:12px;color:#747474;padding:18px 28px 18px 20px;line-height:28px;margin-bottom:40px;}
		.d_per .intro .list{overflow:hidden;margin-left:-54px;}
		.d_per .intro .list > li{float:left;padding-left:54px;}
	    .d_per .g_content{font-size:14px;line-height:30px;}

			.product{}
		.m_top{overflow:hidden;padding:40px 0 36px 0;}
		.m_top .nav{overflow:hidden;margin-left:-9px;margin-bottom:-8px;float:right;}
		.m_top .nav > li{padding-left:9px;padding-bottom:8px;display:inline-block;}
		.m_top .nav > li .box{display:block;padding:10px 28px;background:#f1f1f1;text-align:center;}
		.m_top .nav > li .box:hover{background:#1966bf;color:#fff;}
		.m_top .nav > li .on{background:#1966bf;color:#fff;}
		.m_top .btn{float:right;}
		.m_top .btn .more{display:inline-block;padding:10px 28px;background:#f1f1f1;text-align:center;}
		.m_top .btn .more:hover{background:#1966bf;color:#fff;}
		
		
		.main2{background:#eff1f6;margin-top:50px;}
		.main2 .con{padding:110px 0;overflow:hidden;}
		.main2 .con .pic{float:left;margin-right:42px;}
		.main2 .con .pic img{border:10px solid #fff;border-radius:10px;}
		.main2 .con .font{padding-top:45px;}
		.main2 .con .font .h1{font-size:24px;color:#555;}
		.main2 .con .font .h1 span{font-size:13px;color:#b8b8b8;}
		.main2 .con .font .p1{color:#838383;line-height:30px; text-indent:2em;padding:40px 0 30px 0;}
		.main2 .con .font .btn .more{padding:10px 38px;display:inline-block;border:1px solid #b5b5b5;border-radius:20px;}
		.main2 .con .font .btn .more:hover{background:#1966bf;color:#fff;border:1px solid #1966bf;}
		
		
		 ._slick{width:1200px; margin:0 auto;}
		 ._slick .li1{padding:0 30px;} 
		 ._slick .li1 .box{display:block;}
		 ._slick .li1 .box .pic img{border: 1px solid #eaeaea;width:100%;display:block;}
		 ._slick .li1 .box .p1{text-align:left;padding-top:20px;color:#505050;font-size:16px;}
		 ._slick .li1 .box .p1 .line{display:block;width:33px;height:1px;background:#b2b2b2;margin-top:12px;}
		 ._slick .li1 .box .time{font-size:12px;color:#888;padding:20px 0 22px 0;}
		 ._slick .li1 .box .p2{color:#888;line-height:24px;max-width:300px;}
		 ._slick .slick-next {right:-30px;}
		 ._slick .slick-prev {left:-30px;}
		
		 
		.news{margin-bottom:70px;}
		.news .offset{}
		.news .offset .list{display:block;margin-left:-102px;margin-bottom:-30px;overflow:hidden;}
		.news .offset .list > li{float:left;width:33.33%;padding-left:102px;padding-bottom:30px;}
		.news .offset .list > li:nth-child(3n+1) {clear:both;}
		.news .offset .list > li .box{display:block;}
		.news .offset .list > li .box .pic img{border: 1px solid #eaeaea;width:100%;display:block;}
		.news .offset .list > li .box .p1{text-align:left;padding-top:20px;color:#505050;font-size:16px;}
		.news .offset .list > li .box .p1 .line{display:block;width:33px;height:1px;background:#b2b2b2;margin-top:12px;}
		.news .offset .list > li .box .time{font-size:12px;color:#888;padding:20px 0 22px 0;}
		.news .offset .list > li .box .p2{color:#888;line-height:24px;max-width:300px;}

		.d_pro{}
		.d_pro .title{overflow:hidden;padding:50px 0 30px 0;border-bottom:3px solid #336d60;}
		.d_pro .title .h1{font-size:22px;color:#1a1a1a;display: block; float:none; font-weight: bold;}
		.d_pro .title .h2{font-size:16px;color:#1a1a1a;display: block;}
		.d_pro .title .h1 .s1{font-size:14px;color:#939393;}
		.d_pro .title .l2{float:right;color:#939393;}
		.d_pro .con{padding-top:38px; padding-bottom: 80px;}
		.d_pro .con .pic{text-align:center;padding-bottom:77px;}
		.d_pro .con .h1{color:#0059b3;}
		.d_pro .con .p1{color:#747474;padding:8px 0 30px 0;line-height:28px;}

		
		
		.product{}
		.m_top{overflow:hidden;padding:50px 0 36px 0;}
		.m_top .nav{overflow:hidden;margin-left:-9px;margin-bottom:-8px;float:right;}
		.m_top .nav > li{padding-left:9px;padding-bottom:8px;display:inline-block;}
		.m_top .nav > li .box{display:block;padding:10px 28px;background:#2a685a; color: #fff; text-align:center;}
		.m_top .nav > li .box:hover{background:#fff;color:#2a685a;}
		.m_top .nav > li .on{background:#fff;color:#2a685a;}
		.m_top .btn{float:right;}
		.m_top .btn .more{display:inline-block;padding:10px 28px;background:#f1f1f1;text-align:center;}
		.m_top .btn .more:hover{background:#2a685a;color:#fff;}
		
		
		.main2{background:#eff1f6;margin-top:50px;}
		.main2 .con{padding:60px 0;overflow:hidden;}
		.main2 .con .pic{float:left;margin-right:42px;}
		.main2 .con .pic img{border:10px solid #fff;border-radius:10px;}
		.main2 .con .font{padding-top:45px;}
		.main2 .con .font .h1{font-size:24px;color:#555;}
		.main2 .con .font .h1 span{font-size:13px;color:#b8b8b8;}
		.main2 .con .font .p1{color:#838383;line-height:30px; text-indent:2em;padding:40px 0 30px 0;}
		.main2 .con .font .btn .more{padding:10px 38px;display:inline-block;border:1px solid #b5b5b5;border-radius:20px;}
		.main2 .con .font .btn .more:hover{background:#1966bf;color:#fff;border:1px solid #1966bf;}
		
		 ._slick{width:1300px; margin:0 auto;}
		 ._slick .li1{padding:0  30px;} 
		 ._slick .li1 .box{display:block;}
		 ._slick .li1 .box .pic img{border: 1px solid #eaeaea;width:100%;display:block;}
		 ._slick .li1 .box .p1{text-align:left;padding-top:20px;color:#505050;font-size:22px;}
		 ._slick .li1 .box .p1 .line{display:block;width:93px;height:3px;background:#3a7366;margin-top:12px;}
		 ._slick .li1 .box .time{font-size:12px;color:#888;padding:10px 0 12px 0;}
		 ._slick .li1 .box .p2{color:#888;line-height:24px;max-width:300px;}
		 ._slick .slick-next {right:-30px;}
		 ._slick .slick-prev {left:-50px;}
		 
		 
		.news{padding:0 0 80px 0; margin-bottom: 0;}
		.news .offset{}
	
		 .news .offset .list{width:1300px; margin:0 auto;}
		 .news .offset .list .li1{padding:30px;} 
		 .news .offset .list .li1 .box{display:block;}
		 .news .offset .list .li1 .box .pic img{border: 1px solid #eaeaea;width:100%;display:block;}
		 .news .offset .list .li1 .box .p1{text-align:left;padding-top:20px;color:#505050;font-size:22px;}
		 .news .offset .list .li1 .box .p1 .line{display:block;width:93px;height:3px;background:#3a7366;margin-top:12px;}
		 .news .offset .list .li1 .box .time{font-size:12px;color:#888;padding:10px 0 12px 0;}
		 .news .offset .list .li1 .box .p2{color:#888;line-height:24px;max-width:300px;}
		 .news .offset .list .slick-next {right:-30px;}
		  .slick-prev {left:-50px;}




		.product{padding:10px 0 80px 0; margin-top: -3px;}
		.slick-list{ margin-left: -30px;}
		.about{ background: none; padding: 60px 0; box-sizing: border-box;}
		.about img{ max-width: 100%;}
		.subtitle{ display: block; text-align: center;}
		.subtitle h2{ font-size: 30px; line-height: 1.5; margin-bottom: 20px;}
		.subtitle .line{ display: block; line-height: 20px; height: 20px; width: 50%; margin: 0 auto; background: url("../images/line.png") no-repeat center center;}

		.person{margin-top:36px;}
		.person .offset .list{margin-left:-40px;margin-bottom:-39px;overflow:hidden;}
		.person .offset .list > li{float:left;width:50%;padding-left:40px;padding-bottom:39px;}
		.person .offset .list > li .box{background:#eeeff2;display:block;text-align:center;padding:44px 0;}
		.person .offset .list > li .box .p1{font-size:22px;color:#3e3e3e;}
		.person .offset .list > li .box .time{font-size:12px;color:#3e3e3e;padding-top:20px;}
        .person .offset .list > li .box:hover{background:#276557;}
		.person .offset .list > li .box:hover .p1,.person .offset .list > li .box:hover .time{visibility: hidden;}
		.person .offset .list > li .box:hover{ background: url("../images/download.png") no-repeat center center #276557; background-size: auto 50%;}

		.product .subnav{ display: block; padding: 20px 0;text-align: center;}
		.product .subnav li{ display: inline-block; padding: 0 10px; line-height: 48px; background: #fff; margin-right:10px ; margin-bottom: 10px;}
		.product .subnav li.on,.product .subnav li:hover{ background: #276557; color: #fff;}


@media (max-width: 1024px) {
	body { min-width: 0; }
	.g_cw { width: 100%; }
	.product{ padding: 0; margin: 0; box-sizing: border-box; padding: 0 10px; padding-bottom: 30px; padding-top: 20px;}

		.product .subnav{ display: block; padding: 20px 0; text-align: left; }
		.product .subnav li{ display: inline-block; padding: 0 10px; line-height: 32px; background: #fff; margin-right:10px ; margin-bottom: 10px; width: 45%; height: 32px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
			;}
		.product .subnav li.on,.product .subnav li:hover{ background: #276557; color: #fff;}


	.g_title {padding:10px 0 10px 0; width: 100%;}
	.g_title .l1{ font-size: 18px;}
    .g_title .l2 {font-size: 16px;}

	.c_nav .list{ display: none;}
	.c_nav ul.nav{ display: block;}

	.g_title .l1 .line_l{display:none;}
    .g_title .l1 .line_r{display:none;}
	body { padding-top: 60px; }
	.g_header .main .search{ display: none;}
	.g_header { background: transparent; }
	.g_header .top { display: none; }
	.g_header .bar { position: relative; display: block; position: fixed; z-index: 100; left: 0; top: 0; right: 0; height: 60px; background: #fff; color: #875F23;}
	.g_header .bar .menu { position: absolute; right: 0; top: 0; display: inline-block; padding: 0 10px; line-height: 60px; }
	.g_header .bar .menu img { vertical-align: middle; height: 32px; }
	.g_header .bar .logo { font-size:22px;font-weight:bold; line-height: 60px;color:#333;padding-left:10px; }
	.g_header .bar .logo img { max-height: 30px; vertical-align: middle; }

	.g_header .main { height: auto; }
	.g_header .main .logo { display: none; }

	.g_header .main .nav { float: none; height: auto; padding: 20px 0; margin-top: 0; line-height: 1; visibility: hidden; opacity: 0; position: fixed; z-index: 99; left: 0; top: -100%; bottom: 100%; right: 0; background: #f1f1f1; border-top:; transition: ease .4s; }
	.g_header .main .nav > li { float: none; }
	.g_header .main .nav > li > a { width: auto; line-height: 56px;}
	.g_header .main .nav > li > a > p > b { margin-bottom: 5px; }
	.g_header .main .nav > li > a > p .en { font-size: 8px; margin-left: 0; transform: none; }
	.g_header .main .nav > li > a > p .line { margin-top: 5px; }

	.g_header .main .nav.show { visibility: visible; opacity: 1; top: 60px; bottom: 0;}
	.g_footer .top .lx{float:none;}
	.g_footer .top .lx .con .font{width:50%;}
	.g_footer .top .online{float:none; box-sizing: border-box; padding: 20px 10px;}	
	.g_footer .top .online .inpt{min-width:auto;}
	.g_footer .top .h1{text-align:center;}
	.g_footer .top .lx .con .font{width:100%;float:none;text-align:center;}
	.g_footer .top .lx .con .gzh{float:none;padding-left:0;padding-top:10px;}
	.g_footer .top .lx .con .gzh .pic{float:none;text-align:center;}
	.g_footer .top .lx .con .gzh .p1{float:none;text-align:center;padding:20px 0 0 0;}
	.g_footer .top .online .inpt .list > li{width:100%;}
	.g_footer .top .online .inpt .td3 .sub {
    padding: 10px 0;
    width: 100%;
    background: #094647;
    display: block;
    color: #fff;
    text-align: center;
	margin-top: 20px;
}

	.child_banner{display:none;}


	.s_child_banner{display:block;}
	.page{height:60px;}
	.page .p1{text-align:left;padding-left:10px;}
	.banners-pc {display: none;}
	.banners-mb {display: block;}

	html,html body{ display: block; min-width: 320px;}
	.slick-list { margin-left: 0px;}
	.slick-prev{ left: 20px;}

	.m_top .nav{float:none;text-align:center;margin-top:10px;}
	.m_top .btn{float:none;text-align:center;margin-top:10px;}

	     .product .offset{padding-top:;}
		.product .offset .list{margin-left:0px;margin-bottom:-30px;overflow:hidden;}
		.product .offset .list > li{float:left;width:50%;padding-left:42px;padding-bottom:30px;}
		.product .offset .list > li:nth-child(3n+1) {clear:both;}
		.product .offset .list > li .box{display:block; position: relative; padding-bottom: 48px;}
		.product .offset .list > li .box .pic img{border: 0px solid #eaeaea;width:100%;display:block;}
		.product .offset .list > li .box .p1{text-align:center;color:#ffffff;font-size:16px;font-weight:bold; float: left; line-height: 48px; padding-left: 20px;}
		.product .offset .list > li .box .p2{text-align:center;color:#ffffff; float: left; line-height: 48px; font-size: 16px; font-weight: normal; padding-left: 20px;}
		.product .offset .list > li .title{ display: block; width: 100%; padding-top: 20px; position: absolute; left: 0; bottom: 0;
			 background:url(../images/ptitle.png) no-repeat center bottom; box-sizing: border-box; }

	
.homeabout {
    background: url(../img/aboutbg.jpg) no-repeat top center !important;
    background-size: cover;
    margin-top: 0 !important;
    padding: 10px;
	box-sizing: border-box;
}

.homeabout .offset{ padding: 0 !important;}
.m_top {
    overflow: hidden;
    padding: 0px 0 10px 0;
}

.news{ box-sizing: border-box; padding: 10px;}
.news .offset .list{ display: block; width: 100%;}
.news .offset .list li { display: block; width: 100%}
.news .offset .list .li1 {padding: 0px;}
.news .offset .list .li1 .box .p1 {
    text-align: left;
    padding-top: 15px;
    color: #505050;
    font-size: 16px;
}

.about {
    background: none;
    padding: 10px;
    box-sizing: border-box;
}


		.person{margin-top:36px;}
		.person .offset .list{margin-left:0px;margin-bottom:20px;overflow:hidden; box-sizing: border-box; padding: 10px;}
		.person .offset .list > li{float:left;width:100%;padding-left:00px;padding-bottom:39px;}
		.person .offset .list > li .box{background:#eeeff2;display:block;text-align:center;padding:44px 0;}
		.person .offset .list > li .box .p1{font-size:22px;color:#3e3e3e;}
		.person .offset .list > li .box .time{font-size:12px;color:#3e3e3e;padding-top:20px;}
        .person .offset .list > li .box:hover{background:#276557;}
		.person .offset .list > li .box:hover .p1,.person .offset .list > li .box:hover .time{visibility: hidden;}
		.person .offset .list > li .box:hover{ background: url("../images/download.png") no-repeat center center #276557; background-size: auto 50%;}

		.subtitle{ display: block; text-align: center;}
		.subtitle h2{ font-size: 18px; line-height: 1.5; margin-bottom: 20px;}
		.subtitle .line{ display: block; line-height: 5px; height: 5px; width: 50%; margin: 0 auto; background: url("../images/line.png") no-repeat center center; background-size: cover;}
.main2 .con{padding:20px 0;overflow:hidden;}
		.main2 .con .pic{float:left;margin-right:42px;}
		.main2 .con .pic img{border:10px solid #fff;border-radius:10px;}
		.main2 .con .font{padding-top:45px;}
		.main2 .con .font .h1{font-size:24px;color:#555;}
		.main2 .con .font .h1 span{font-size:13px;color:#b8b8b8;}
		.main2 .con .font .p1{color:#838383;line-height:30px; text-indent:2em;padding:40px 0 30px 0;}
		.main2 .con .font .btn .more{padding:10px 38px;display:inline-block;border:1px solid #b5b5b5;border-radius:20px;}
		.main2 .con .font .btn .more:hover{background:#1966bf;color:#fff;border:1px solid #1966bf;}

     .c_nav{margin-top:0px; border-bottom: 1px solid #e5e5e5; background: #2a685a;}
		.c_nav .list{overflow:hidden; display: block; background: #fff; box-sizing: border-box; padding: 10px 10px; }
		.c_nav .list > li{float:left; border-left: 0px solid #e5e5e5; background-color: #f7f7f7; margin-right: 4%; width: 48%; margin-bottom: 4%;}
		.c_nav .list > li:nth-child(2n){margin-right: 0;}
		.c_nav .list > li .box{height:45px;padding:0 5px;line-height:45px; background: #e5e5e5; color:#000;display:block; text-align: center;}
		.c_nav .list > li .box:hover{background:#e5e5e5;color:#fff;}
		.c_nav .list > li .on{background:#e5e5e5;color:#fff;}
		.m_top .btn .more:hover{background:#fff;color:#707070;}
		.c_nav .list > li:last-child{float:left; border-right: 0px solid #e5e5e5;}

		
.d_pro {
	box-sizing: border-box; padding: 10px;
}


.company .font {
    float: left;
    padding-top: 0px;
    color: #727272;
}

	 .news .offset .list .li1 .box .p2{color:#888;line-height:24px;max-width:100%; width: 100%;}

	}

@media (max-width: 700px) {
	.g_mt { margin-top: 40px; }
	.g_mb { margin-bottom: 40px;}
	.g_page > ul .num_li { display: none; }
	.m_top .nav > li{width:33.33%;display:block;float:left;}
	.m_top .nav > li .box{padding:10px 0;}

	     .product .offset{padding-top:;}
		.product .offset .list{margin-left:0px;margin-bottom:-30px;overflow:hidden;}
		.product .offset .list > li{float:left;width:100%;padding-left:0px;padding-bottom:30px;}
		.product .offset .list > li:nth-child(3n+1) {clear:both;}
		.product .offset .list > li .box{display:block; position: relative; padding-bottom: 48px;}
		.product .offset .list > li .box .pic img{border: 0px solid #eaeaea;width:100%;display:block;}
		.product .offset .list > li .box .p1{text-align:center;color:#ffffff;font-size:16px;font-weight:bold; float: left; line-height: 48px; padding-left: 20px;}
		.product .offset .list > li .box .p2{text-align:center;color:#ffffff; float: left; line-height: 48px; font-size: 16px; font-weight: normal; padding-left: 20px;}
		.product .offset .list > li .title{ display: block; width: 100%; padding-top: 20px; position: absolute; left: 0; bottom: 0;
			 background:url(../images/ptitle.png) no-repeat center bottom; box-sizing: border-box; }

	
}