﻿@charset "utf-8";

	*{ margin: 0 auto; font-family:"微软雅黑";}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ max-width:100%; margin:0px;}
	/*头部样式*/
	.max{ max-width:1200px;}
	
	header.header{ overflow:hidden;}
	.head_line{ background:#f7f7f7; overflow:hidden;}
	.head_line .max *{ float:left; font-size:14px; color:#666; padding:11px 0px;}
	.head_line .text{ float:right;}
	.head_line .text a{ border-right:2px solid #959595; padding:0px 13px;}
	.head_line .text a:last-child{ border-right:0px;}
	.head_b{box-sizing:border-box; overflow:hidden; padding:21px 0px;}	
	.head_b .logo{float:left; max-width:32%; width:100%;}
	.head_b .logo_text{float:left; max-width:30%; width:100%; font-size:20px; color:#00288e; font-weight:bold; border-left:1px solid #cacaca; box-sizing:border-box; margin:11px 0px 0px 18px; padding:5px 0px 5px 22px;}
	.head_b .logo_text p:nth-of-type(2){ font-size:18px; font-weight:bold; color:#333; margin-top:5px;}
	
	
	.header .contact{ float:right; max-width:25%; width:100%; display:flex; justify-content:space-between; margin-top:15px;}
	.header .contact div{ float:left; margin:0px;}
	.header .contact .picture{ margin:0px 0px 0px 12px;}
	.header .contact .content p:first-child{ font-size:18px; color:#000;}
	.header .contact .content p:nth-of-type(2){ font-size:30px; color:#fa6b1c; font-weight:bold;}
	
	
	
	

	/*导航样式*/
	nav{ background:#00288e; overflow:hidden;}
	.nav li{ float:left; max-width:calc(100% / 9); width:100%; text-align:center; line-height:57px; height:57px;}
	.nav li a{ display:block; font-size:16px; color:#fff;}
	.nav li:hover{ background:#fa6b1c;}
	#nav_select{ background:#fa6b1c;}

	.dh{ float:right; display:none;}
	.iconnav-list:before{ font-size:60px;}
	
	/*幻灯片样式*/
	.banner{ max-width:100%; position:relative; min-height:150px; overflow:hidden; height:605px;}
	.banner ul{ position:absolute; left:0px; top:0px;}
	.banner ul li{ float:left; max-width:100%; overflow:hidden;}
	.banner:hover ol{ opacity:1;}
	.banner ol{opacity:0; width:100%; position:absolute; bottom:2%; transition:all 0.5s;-webkit-transition:all 0.5s; text-align:center;}
	.banner ol li{ margin:0 5px; cursor:pointer; border-radius:100%; height:5px; width:5px; display:inline-block; border:2px solid #3574db; opacity:0.8;}
	.banner ol li:hover{border:2px solid #3574db; opacity:1;}
	.banner li img{min-height:150px; height:605px;}
	
	.lef_rig{ opacity:0.3; transition:all linear 0.25s;}
	.lef_rig span:first-child{ opacity:0.5; cursor:pointer; top:calc(50% - 90px); position:absolute;  z-index:2; width:50px; left:1%; text-align:center;}
	.lef_rig span:nth-child(2){ cursor:pointer;opacity:0.5; top:calc(50% - 90px); position:absolute;  z-index:2; width:50px; right:1%; text-align:center}
	.lef_rig span:hover{ opacity:0.8; }
	.lef_rig span+span:hover{ opacity:0.8; }
	.banner:hover .lef_rig{ opacity:1;}
	#dot{ background:#ff9900; border:2px solid #ff9900; opacity:1;}


	/*网站主体*/
	.often{text-align:center; margin:40px auto 32px auto; display:block; overflow:hidden;}
	.often .title{ font-size:28px; font-weight:bold; color:#00288e; display:inline-block; margin:0px auto;}
	.often .title::before{content:""; float:left; width:10px; height:3px; background:#00288e; margin-right:10px; margin-top:19px;}
	.often .title::after{content:""; float:right; width:10px; height:3px; background:#00288e; margin-left:10px; margin-top:19px;}
	.often .text{ font-size:14px; color:#d2d2d2; margin-top:8px;}
		
	section.hot{ padding:23px 0px; overflow:hidden;}
	.hot span{ float:left; font-size:16px; font-weight:bold; color:#101010; margin-top:3px;}
	.hot span font{ color:#00288e;}
	.hot ul{ float:left; max-width:calc(100% - 100px); width:100%; margin-top:3px; line-height:21px; height:21px; overflow:hidden;}
	.hot ul li{ float:left; margin-right:1%;}
	.hot ul li *{ font-size:14px; color:#666;}
	.hot ul li a:hover{ color:#ffa51e;}
	
	section.products{ overflow:hidden; background:#f2f2f2; background-size:100% 100%; padding-bottom:40px;}
	.pro_column{ overflow:hidden;}
	.pro_column span{ color:#fff; font-size:16px; max-width:131px; height:40px; line-height:40px; background:#dedede; color:#333; display:inline-block; width:100%; text-align:center; border-radius:40px; margin:0px 12px 10px 12px; cursor:pointer;}
	.pro_column span:hover{ background:#00288e; color:#fff;}
	.pro_column span:hover a{color:#fff;}
	#column{ background:#00288e; color:#fff;}
	.pro_b{ width:75%; float:right;}
	.pro_b:nth-of-type(n+2){ display:none;}
	.pro_b li{ float:left; max-width:calc(33% - 15px); width:100%; margin-right:20px; background:#fff; padding:6px; box-sizing:border-box; margin-bottom:20px;}
	.pro_b li .picture{ float:left; width:100%; overflow:hidden;}
	.pro_b li .picture img{ height:212px; width:100%; margin:0px auto; object-fit:cover; transition:all linear 0.25s;}
	.pro_b li:nth-of-type(3n){margin-right:0px;}
	.pro_b li .title{ font-size:16px; color:#333; text-align:center; float:left; width:100%; margin:20px 0px 10px 0px;}
	.pro_b li:hover .picture img{ transform:scale(1.2);}
	
	section.message{ overflow:hidden; background:url(../images/mes_01.jpg) no-repeat; background-size:cover; padding:40px 0px;}
	.mes_b{ max-width:100%; width:100%; margin-left:calc((100% - 1200px) / 2); display:flex; align-items:center;}
	.mes_l{ float:left; max-width:600px; width:100%; color:#fff; margin-left:0px;}
	.mes_l .title{ font-size:36px;}
	.mes_l .text{font-size:24px; margin-top:30px;}
	.mes_l .contact{margin-top:32px; display:flex; align-items:center;}
	.mes_l .contact .picture{ float:left; margin:0px;}
	.mes_l .contact .content{ float:left; margin-left:10px;}
	.mes_l .contact .content p{ float:left; width:100%;}
	.mes_l .contact .content p:first-child{ font-size:18px;}
	.mes_l .contact .content p:nth-of-type(2){ font-size:24px; font-weight:bold; margin-top:3px;}
	.mes_r{ float:right; width:100%; max-width:calc(100% - 600px); background:rgba(255,255,255,0.50); margin-right:0px;}
	.mes_r form{ max-width:600px; float:left;padding:34px 0px 32px 165px; box-sizing:border-box;}
	.mes_r form input{float:left; width:100%; max-width:300px; outline:none;}
	.mes_r form input[type=text]{padding-left:16px; border:1px solid #00288e; height:50px; line-height:50px; border-radius:8px; margin-bottom:21px; box-sizing:border-box;}
	.mes_r form input[type=submit]{background:#00288e; height:52px; line-height:52px; border:0px; font-size:18px; color:#fff; text-align:center; border-radius:8px; letter-spacing:3px; cursor:pointer}
	
	section.advantages{ overflow:hidden; padding-bottom:65px;}
	.advantages .often{ margin-top:50px;}
	.advan{ display:block;margin-top:30px; float:left; width:100%;}
	.advan li{ max-width:calc(25% - 15.5px); width:100%; float:left; margin-right:20px; box-shadow:0px 0px 10px rgba(0,0,0,0.10); padding:0px 23px; box-sizing:border-box; padding-bottom:40px; margin-right:20px;}
	.advan li:nth-of-type(4n){margin-right:0px;}
	.advan li .title{ font-size:24px; text-align:center; float:left; width:100%; margin-top:33px;}
	.advan li .title font{color:#00288e;}
	.advan li .title::after{ content:""; background:#b2bbe0; height:1px; width:40px; display:block; margin:16px auto 0px auto;}
	.advan li .text{ float:left; width:100%; font-size:14px; text-align:center; line-height:30px; color:#575757; margin-top:21px; max-height:90px; overflow:hidden; height:90px;}
	.advan li .picture{ float:left; width:100%; font-size:92px; text-align:center; color:#4c4c4c; margin-top:18px;}
	.advan li .number{ float:left; width:100%;text-align:center; font-size:14px; margin-top:10px;}
	.advan li:hover .picture{ color:#00288e;}
	
	section.advert{ background:#00288e; padding:22px 0px; overflow:hidden;}
	.advert .picture{ float:left; max-width:32.5%; width:100%; border:3px solid #fff; box-sizing:border-box; border-radius:7px;}
	.advert .picture img{ float:left; width:100%; height:208px; object-fit:cover;}
	.advert .advert_r{ float:right; max-width:63%; width:100%;}
	.advert_r .title{ font-size:30px; font-weight:bold; color:#fff; float:left; width:100%; border-bottom:1px solid #fff; padding-bottom:12px;}
	.advert_r .text{ font-size:18px;color:#fff; float:left; width:100%; line-height:36px; margin-top:10px;}
	.advert_r .contact{float:left; width:100%; margin-top:16px;}
	.advert_r .contact div{float:left; max-width:500px; width:100%; line-height:42px;}
	.advert_r .contact div .icon{float:left;}
	.advert_r .contact div .tel{float:left; font-size:20px; font-weight:bold; color:#fff; margin-left:15px;}
	.advert_r .contact div .tel font{ font-size:28px;}
	.advert_r .contact .more{float:right; width:107px; height:33px; line-height:33px;  background:#fff; text-align:center; font-size:16px; font-weight:bold; color:#fa6b1c;}
	.advert_r .contact .more:hover{background:#fa6b1c;color:#fff;}
	
	section.case{ overflow:hidden; display:block; padding-bottom:40px;}
	.case .often{ margin:48px auto;}
	.case_b{ margin-top:25px; overflow:hidden; display:block; width:100%;}
	.case_b li{ float:left; max-width:calc(25% - 12px); margin-right:16px; width:100%; border-bottom:4px solid transparent; margin-bottom:18px;}
	.case_b li .picture{ float:left;width:100%; overflow:hidden;}
	.case_b li .picture img{ height:216px; width:100%; object-fit:cover;}
	.case_b li:nth-of-type(4n){margin-right:0px;}
	.case_b li .title{ font-size:16px; color:#333; padding:15px 0px; background:#f0f0f0; text-align:center; float:left; overflow:hidden; white-space:pre; text-overflow:ellipsis; width:100%;}
	.case_b li:hover{ border-color:#00288e;}
	
	section.about{ background:url(../images/ab_01.jpg) no-repeat center; background-size:cover; overflow:hidden; padding-bottom:60px;}
	.about .often{ margin-bottom:70px;}
	.about_b .picture{ float:left; position:relative; z-index:1; max-width:476px; width:100%; padding-top:20px;}
	.about_b .picture img{ width:100%; height:317px; object-fit:cover;}
	.about_b .picture::before{ content:""; position:absolute; border:9px solid #00288e; box-sizing:border-box; z-index:-1; top:0px; left:20px; width:100%; height:317px;}
	.about_b .content{ max-width:635px; width:100%; float:right;}
	.about_b .content p{ font-size:14px; color:#444; line-height:32px; text-indent:28px;}
	.about_b .content .slogan{ font-size:24px; color:#fa6b1c; margin-top:6px;}
	.about_b .content .more{ float:left; max-width:146px; width:100%; text-align:center; margin-top:28px; line-height:42px; background:#fa6b1c; font-size:14px; color:#fff;}
	.about_b .content .more:hover{ background:#00288e;}
	
	.advert_contact{ background:url(../images/adv_02.jpg) no-repeat top center; background-size:cover; padding:26px 0px 30px 0px; overflow:hidden;}
	.advert_b{overflow:hidden; display:flex; align-items:center;}
	.adcontact_l{ max-width:60%; width:100%; float:left; margin:0px;}
	.adcontact_l .title{ font-size:18px; color:#fff;}
	.adcontact_l .text{ font-size:30px; font-weight:bold; color:#fff; margin-top:21px;}
	.adcontact_l .tel{ font-size:20px; font-weight:bold; color:#fff; margin-top:14px; padding-left:9%;}
	.adcontact_l .tel font{ font-size:30px;color:#fff;}
	.advert_contact a.more{ float:left; margin-left:0px; max-width:140px; width:100%; height:48px; line-height:48px; background:#fff; border-radius:4px; text-align:center; font-size:18px; color:#fa6b1c;}
	.advert_contact a.more:hover{background:#fa6b1c;color:#fff;}
	
	section.news{overflow:hidden; padding-bottom:62px;}
	.news .news_ch .news_b:nth-of-type(n+2){display:none;}
	.news_l{ overflow:hidden; max-width:412px; width:100%; float:left;}
	.news_l .picture{ overflow:hidden;}
	.news_l .picture img{ height:260px; width:100%; object-fit:cover;}
	.news_l .content{ background:#f6f6f6; padding:0px 10%; box-sizing:border-box; overflow:hidden; padding-bottom:60px;}
	.news_l .content .title{ display:block; width:100%; font-size:18px; font-weight:bold; color:#332c2b; margin-top:33px; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.news_l .content .text{ display:block; width:100%; font-size:14px; line-height:24px; color:#666; max-height:72px; overflow:hidden; margin-top:17px;}
	.news_l::after{ content:"+"; width:50px; height:50px; border-radius:100%; display:block; background:#00288e; color:#fff; text-align:center; line-height:50px; font-size:20px; font-weight:bold; margin:-25px auto 0px auto;}
	
	.news_l:hover::after{ background:#00288e;}
	
	
	.news_r{ max-width:760px; width:100%; float:right;}
	.news_r li{margin-bottom:15px; background:#f6f6f6; overflow:hidden; padding:6px; box-sizing:border-box;}
	.news_r li:last-child{ margin-bottom:0px;}
	.news_r li .picture{ float:left; max-width:192px;width:100%; overflow:hidden;}
	.news_r li .picture img{height:131px; width:100%; object-fit:cover; transition:all linear 0.25s;}
	.news_r li .content{ float:right; max-width:70%; width:100%; padding-right:5.5%; box-sizing:border-box;}
	.news_r li .title{ margin-top:12px; font-size:16px; font-weight:bold; color:#332c2b; display:block; width:100%; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.news_r li .text{ font-size:14px; line-height:24px; max-height:48px; overflow:hidden; color:#666; display:block; width:100%; margin-top:15px;}
	.news_r li time{ float:left;width:100%; font-size:12px; margin-top:12px;}
	.news_r li time .date{ float:left; color:#999;}
	.news_r li time .more{ color:#999; float:right;}
	
	.news_r li:hover .title{ color:#00288e;}
	.news_l:hover .title{ color:#00288e;}
	.news_r li:hover time .more{ color:#00288e; float:right;}
	.news_r li:hover .picture img{ transform:scale(1.1);}
	
	section.url{overflow:hidden; padding:26px 0px; background:#1d1d1d; border-bottom:1px solid #323232;}
	.url *{ line-height:25px;}
	.url .picture{ margin-right:10px; font-size:18px; font-weight:bold; color:#e7e6e6; float:left;}
	.url .picture font{color:#fa6b1c;}
	.url a{ margin-right:15px; font-size:14px; float:left; color:#a0a0a0;}
	
	
	
			
	footer.footer{ background:#1d1d1d; background-size:cover; overflow:hidden; padding:47px 0px 34px 0px;}
	.foot_b{ display:flex; align-items:center; justify-content:space-between;}
	.foot_l{ float:left; max-width:920px; width:100%; margin-left:0px;}
	.foot_l .contact{ float:left; width:100%; border-bottom:1px solid #323232;}
	.foot_l .contact div{ float:left; color:#9d9c9c; max-width:27%; width:100%;}
	.foot_l .contact .address{max-width:45%; width:100%;}
	.foot_l .contact .picture{ float:left; width:60px; height:60px; line-height:56px; text-align:center; border:2px solid #9d9c9c; border-radius:100%; font-size:26px; box-sizing:border-box;}
	.foot_l .content{ float:right; max-width:calc(100% - 70px); width:100%;line-height:29px; color:#9d9c9c; font-size:14px; padding-bottom:16px;}
	
	.foot_l .column{ float:left; width:100%; margin-top:30px;}
	.foot_l .column li{ float:left; padding:0px 17px; border-right:2px solid #757474; float:left;}
	.foot_l .column li:first-child{padding-left:0px;}
	.foot_l .column li:last-child{border-right:0px;}
	.foot_l .column li a{ float:left; width:100%; color:#9d9c9c; float:left;}
	.foot_l .copy{ color:#6a6a6a; font-size:14px; float:left; width:100%; margin-top:26px;}
	.foot_l .copy *{ color:#6a6a6a;}
	.footer .code{ float:right; max-width:180px; width:100%; border:1px solid #323232; padding:20px 0px; box-sizing:border-box; margin-right:0px;}
	.footer .code .picture{ text-align:center;}
	.footer .code .picture img{max-width:120px; width:100%; display:block; margin:0 auto;}
	.footer .code .title{ text-align:center; font-size:14px; color:#9d9c9c; margin-top:16px;}
	
	
	/*新闻页面*/
	.page_ban .banner{ height:500px;}
	.page_ban .banner li img{ height:500px;}
	.lef_rig span img{ width:35px;}
	.page_address{ box-sizing:border-box; margin:0px auto 45px auto; font-size:14px; overflow:hidden; text-align:right; line-height:42px; border-bottom:1px solid #00288e; padding:10px 0px 6px 0px;}
	.page_address.list{ border:0px; box-shadow:1px 0px 1px rgba(0,0,0,0.40); text-align:left;}
	.page_address .page_column{ font-size:20px; font-weight:bold; float:left;}
	.page_address .address span{ color:#00288e; font-weight:bold;}
	.page_address .content{float:left;text-align:right; margin-right:0px;}
	.page_address .content *{color:#333;}

	.page{ overflow:hidden; padding-bottom:60px; margin-top:60px;}
	.page.list{ padding-top:0px;}
	.page_list{ float:left; width:100%; text-align:center; font-size:14px; margin-top:20px;}
	.page_list a:first-child{ display:none;}
	.page_list a{ color:#666;}
	.page_list a:hover{ color:#10488e;}
	
	.page_l{ float:left; width:21%;}
	.pro_l_title{ float:left; width:100%; background:#00288e; text-align:center; padding:24px 0px 18px 0px;}
	.pro_l_title p:first-child{ font-size:24px; color:#fff;}
	.pro_l_title p:nth-of-type(2){ font-size:14px; color:#fff; letter-spacing:2px; margin-top:5px;}
	.pro_l ul{ float:left; width:100%; box-sizing:border-box; padding:15px 0px 0px 0px;}
	.pro_l ul li{float:left; width:100%; box-sizing:border-box; background:#ddd; margin-bottom:13px;}
	.pro_l ul li::after{ content:">"; font-family:"仿宋"; font-size:20px; color:#666; float:right; width:40px; line-height:44px; text-align:center;}
	.pro_l ul li .title{ float:left; width:100%; max-width:calc(100% - 40px); overflow:hidden; white-space:pre; text-overflow:ellipsis; line-height:46px; font-size:14px; color:#333; height:46px;padding:0px 15px; box-sizing:border-box; transition:all linear 0.25s;}
	.pro_l .contact .title{ float:left; width:100%; background:#00288e; text-align:center; padding:20px 0px 16px 0px; font-size:24px; color:#fff;}
	.pro_l .contact .tel{ float:left; width:100%; background-color:#f2f2f2; padding:10px 8px; box-sizing:border-box;}
	.pro_l .contact .tel p{ margin-bottom:6px; font-size:14px; color:#333;}
	.pro_l .contact .picture{ margin:0px auto 15px auto;}
	.pro_l .contact .picture img{ margin:0px auto;}
	.pro_l ul li:hover{ background:#00288e;}
	.pro_l ul li:hover .title{ padding-left:8px; color:#fff;}
	.pro_l ul li:hover::after{color:#fff;}
	
	.page_l .contact{ margin-top:30px; float:left; width:100%;}
	
	.page_r{ width:75%; float:right; box-sizing:border-box;}
	.page_r .page_odd_picture{ overflow:hidden; text-align:center; margin-bottom:20px;}
	.page_r .page_odd_picture img{ max-height:300px; margin:0 auto;}
	
	.page_odd .page_r{background:rgba(255,255,255,0.75);box-sizing:border-box;}
	.page_odd_title{ width:100%; text-align:center; margin-bottom:1%; font-size:20px; font-weight:bold; margin:20px 0px;}
	.page_odd_time{ width:100%; text-align:center; display:block; margin-bottom:1%; padding:10px 0px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; color:#333; font-size:12px;}
	.page_odd_img{ text-align:center; margin-bottom:1%;}
	.page_odd_content{margin-bottom:1%;}
	.page_odd_content p{line-height:30px; font-size:14px; overflow:hidden;}
	
	.page_odd_list{ margin:1% 0;}
	.page_odd_list span{ float:left; width:100%; color:#333; line-height:24px;}
	.page_odd_list span a{ color:#666;}
	.page_next{ border-top:1px dashed rgba(0,0,0,0.40); margin-top:20px;}
	
	
	.pro_list .page_r li{ max-width:calc( 100% / 3 - 14px); float:left; margin-right:21px; margin-bottom:21px; width:100%; box-shadow:0px 0px 4px #ddd;}
	.pro_list .page_r li:nth-of-type(3n){margin-right:0px;}
	.pro_list .page_r li .picture{ float:left;width:100%;}
	.pro_list .page_r li .picture img{ height:223px; width:100%; object-fit:cover; display:block;}
	.pro_list .page_r li .title{ float:left; text-align:center; width:100%;line-height:40px; background:rgba(255,255,255,1.0); text-overflow:ellipsis; white-space:pre; text-align:center; font-size:16px; color:#333; overflow:hidden;}
	.pro_list .page_r li:hover{ box-shadow:0px 0px 4px #10488e;}
	.pro_list .page_r li:hover p{ background:rgba(255,255,255,1.00);}
	.pro_l .pro_li:hover .pro_title{ background:#ec8e24;}
	
	.news_list .page_r li{ max-width:calc(100% - 10px); width:100%; float:left; background:rgba(255,253,255,0.60); padding:1%; box-sizing:border-box; margin-bottom:10px;}
	.news_list .page_r li .picture{max-width:25%; float:left; width:100%;}
	.news_list .page_r li .picture img{ height:160px;float:left; object-fit:cover; width:100%;}
	.news_list .page_r li .content{ max-width:73%; width:100%; float:right;}
	.news_list .page_r li .content .title{ font-size:17px; color:#111; text-overflow:ellipsis; white-space:pre;}
	.news_list .page_r li .content time{ font-size:12px; color:#666; display:block; margin:8px 0px;}
	.news_list .page_r li .content .text{ font-size:14px; color:#333; line-height:24px; height:48px; overflow:hidden}
	.news_list .page_r li .content .more{ font-size:14px; color:#333; line-height:30px; border:1px solid #ddd; text-align:center; float:left; text-align:center; width:140px; margin-top:20px;}
	.news_list .page_r li .content .more:hover{ background:#00288e; color:#fff;}
	.news_list .page_r li:hover .content .title{ color:#00288e;}
	
	.news_list .page_r li:hover{background:rgba(255,253,255,1.00); box-shadow:2px 2px 5px #ccc;}
	
	

	/*返回顶部*/
	
	.top{ cursor:pointer; position:fixed; bottom:5%; background:rgba(0,40,142,0.50); right:1%; font-size:60px; display:none;}
	.top::before{font-size:60px; color:rgba(255,255,255,0.5);}
	.top:hover{background:rgba(20,60,255,1.00);}
	.top:hover::before{color:rgba(255,255,255,1);}
	
	
	.sj_footer{ display:none; width:100%; background:#fff; position:fixed; bottom:0px; border-top:1px solid #ccc; z-index:999;}
	.sj_footer a{ width:33%; float:left; text-align:center; padding:3% 0;}
	.sj_footer span{ width:100%; float:left; color:#333; font-family:"微软雅黑";}
	.sj_footer img{ max-width:20%; margin:0px auto;}
	
	.weixin{ position:fixed; bottom:80px; right:0px; background:#00288e; max-width:220px; text-align:center; font-size:14px; color:#fff; padding:10px 5px; box-sizing:border-box; cursor:pointer; display:none;}
	.weixin .text{ min-width:120px; resize:none; border:0px; text-align:center; padding:0px; background:#00288e; font-size:20px; color:#fff; max-height:24px; overflow:hidden; outline:none;}


	

	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #666;
	}
		
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #666;
	}
	
	input:-ms-input-placeholder{
	color: #666;
	}
	
	input::-webkit-input-placeholder{
	color: #666;
	}

	
	textarea:-ms-input-placeholder{
	color: #666;
	}
	
	textarea::-webkit-input-placeholder{
	color: #666;
	}