@charset "utf-8";
/* CSS Document */

body{ max-width: inherit}
img{border:0;vertical-align:middle}
.layout{ width:1200px; margin:0 auto; position:relative;}
a:hover{ font-weight: bold;}

.boxMo{ min-width:1200px;}
.w585{ width: 585px;}
.w480{ width: 480px;}
.w690{ width: 690px;}
.w320{ width: 320px;}
.w840{ width: 840px;}
.w670{ width: 670px;}
.w490{ width: 490px;}
.w575{ width: 575px;}


.marB10{ margin-bottom: 10px;}
.marB20{ margin-bottom: 20px;}
.marB30{ margin-bottom: 30px;}
.marB40{ margin-bottom: 40px;}
.marB50{ margin-bottom: 50px;}
.marR40{ margin-right: 40px;}
.marT30{ margin-top: 30px;}
.padS30{ padding: 0 30px;}

.top{ height: 50px; background: #ecf7ff;}
.ipv6{ float: right;  width: 100px; height: 30px; margin-top: 10px; font: 14px/30px "Microsoft Yahei"; color: #3c7fb6; text-align: center; background-color: #d2dce4; border-radius: 15px;}
.smwy{ float: right;  width: 80px; height: 30px; margin-top: 10px;margin-left: 14px; font: 14px/30px "Microsoft Yahei"; color: #3c7fb6; text-align: center; background-color: #d2dce4; border-radius: 15px;}
.smwy a{color: #3c7fb6;}
.znwd{ float: right;  width: 80px; height: 30px; margin-top: 10px;margin-left: 14px; font: 14px/30px "Microsoft Yahei"; color: #3c7fb6; text-align: center; background-color: #d2dce4; border-radius: 15px;}
.znwd a{color: #3c7fb6;}
.top_icons{ float: right; margin-top: 8px;}
.icons_tem{ position: relative; float: left; width: 34px; height: 34px; margin-left: 14px; background-image: url(../images/icon_media.png); cursor: pointer; z-index: 10;}
.icons_tem.wechat{ background-position: 0 0}
.icons_tem.weibo{ background-position: 0 -34px}
.icons_tem.slh{ background-position: 0 -68px}
.icons_tem.wza{ background-position: 0 -102px}

.icons_qrcode{ display: none; position: absolute; top: 37px; left: 50%; width: 107px; height: 142px; margin-left: -53px; background: url(../images/icons_qrcode.png) no-repeat center top; overflow: hidden;}
.icons_qrcode img{ display: block; width: 84px; height: 84px; margin: 14px auto 0;}
.icons_qrcode p{ margin-top: 4px; font: 12px/16px "Microsoft Yahei"; color: #333; text-align: center;}

.icons_tem:hover .icons_qrcode{ display: block;}

.banner{ height: 227px; background: url(../images/banner.jpg) no-repeat center top; overflow: hidden;}



/*.banner{ height: 224px; background: url(../images/banner.jpg) no-repeat center top;}*/
.logo{ position: absolute; top: 72px; left: 0; width: 369px; height: 74px; }

.search{ position: absolute; top: 80px; right: 0; width: 402px; height: 50px; }
.keyword{ position: absolute; top: 0; left: 0; width: 350px; height: 50px; font: 16px/48px "Microsoft Yahei"; color: #333; text-indent: 1em; border: 1px solid #ededed; background-color: transparent; box-sizing: border-box; outline: none;}

/*input.keyword:-moz-placeholder{ color: #fff; }
input.keyword:-ms-input-placeholder{color:#fff;}
input.keyword::-webkit-input-placeholder{color:#fff;}*/
a.btn_search{ position: absolute; top: 0px; right: 0px; width: 68px; height: 50px;  background: url(../images/icon_search.png) no-repeat center center #0455a6; border-top-left-radius: 8px; border-bottom-left-radius: 8px; cursor: pointer;}
/*a.btn_search:hover{ color: #fff;}*/

.nav{ height: 74px; background-color: #1a56a8; text-align: center;}
.nav a{ display: inline-block; height: 74px; padding: 0 38px; font: 20px/74px "Microsoft Yahei"; color: #fff; text-alcign: center; letter-spacing: 0.1em; }
.nav a:hover{ background-color: #1f7ccb; color: #fff; font-weight: bold;}

.left_bar{ position: fixed; bottom: 20px; right: 50%; width: 80px; margin-right: 620px; z-index: 99;}
.left_bar_tem{ position: relative; width: 80px; height: 80px; background-color: #f7f7f7; border-bottom: 1px solid #e4e4e4; cursor: pointer;}
.left_bar_tem:last-child{ border-bottom: 0;}

.left_bar_tem i{ position: absolute; top: 18px; left: 50%; width: 28px; height: 28px; margin-left: -14px; background-image: url(../images/icon_sidebar.png);}
.left_bar_tem.phone i{ background-position: 0 0}
.left_bar_tem.media i{ background-position: 0 -84px}
.left_bar_tem.phone i{ background-position: 0 -56px}
.left_bar_tem.toTop i{ background-position: 0 -28px}
.toTop{display: none; }

.left_bar_tem span{ position: absolute; top: 58px; left: 0; width: 100%; font: 14px/14px "Microsoft Yahei"; text-align: center; color: #333;}

.left_bar_qrcode{ display: none; position: absolute; top: 0; left: -162px; width: 152px; padding: 12px; background-color: #fff; border: 1px solid #a3cdff; box-sizing: border-box;}
.left_bar_tem:hover .left_bar_qrcode{ display: block;}

.left_bar_qrcode img{ width: 100%;}
.left_bar_qrcode p{ margin-top: 8px; font: 14px/14px "Microsoft Yahei"; color: #333; text-align: center;}

.footer{ position: relative; padding: 42px 0; background-color: #f4f4f4;}

.frd_link{ }
.frd_link_tit{ position: relative; height: 24px; margin-bottom: 30px; font: bold 24px/24px "Microsoft Yahei"; color: #333;}

select.frd_link_tem{ position: relative; float: left; width: 370px; height: 42px; margin-right: 45px; font-size: 16px; color: #666; text-align-last: left; text-indent: 1em; background-color: #eaebeb; border: none; z-index: 10;  outline: 0; cursor: pointer;}
.frd_link_tem:last-child{ margin-right: 0}

.footer_con{ }

.footer_tem{ height: 130px;  background-color: #eaebeb; box-sizing: border-box; }
.footer_qrcode{ float: left; width: 244px; padding-top: 20px; margin-right: 40px; text-align: center; }
.footer_qrcode img{ width: 85px; margin: 0 10px;}

.footer_des{ float: left; width: 632px; padding-top: 14px; margin-right: 40px;}
.footer_des p{ font-size: 16px; line-height: 34px; color: #666; text-align: center;}
.footer_des p a{ color: #666;}

.footer_i{ float: left; width: 244px; padding-top: 30px;}
.fq_con{ display: flex; align-items: center; width: 204px; height: 80px; margin: 0 auto; text-align: center; background-color: #fff;}



@media (max-width: 1120px) {
	.mobile_sidebar_icon{ display: none;}
	.boxMo{ max-width: 100%;}
	.layout{ width:96%; margin:0 2%; position:relative;}
	.w585,.w480,.w690,.w320,.w840,.w670,.w490,.w575{ width: 100%; margin-bottom: 20px;}
	.marB30{ margin-bottom: 15px;}
	.marB40{ margin-bottom: 20px}
	.fl,.fr{ float: none;}
	.layout, .content{ width:96%; margin:0 2%; position:relative;}
	.nav a{ display: inline-block; height: 74px; width: 13%;  padding: 0 ;}

	.footer{ padding: 42px 2%; }


	select.frd_link_tem{ position: relative; float: left; width: 30%; height: 42px; margin-right: 5%; }


	.footer_tem{ height: 130px; background-color: #eaebeb; box-sizing: border-box; }
	.footer_qrcode{ display: flex; align-items: center; justify-content: center; float: left; width: 20%; padding-top: 0; margin-right: 5%; text-align: center; }
	.footer_qrcode img{ width: 36%; margin: 0 5%;}

	.footer_des{ float: left; width: 50%; padding-top: 14px; margin-right: 5%;}
	.footer_des p{ font-size: 14px;}


	.footer_i{ display: flex; align-items: center; justify-content: center; float: left; width: 20%; padding-top: 0;}
	.fq_con{ width: 80%; height: 80px; margin: 0 auto; text-align: center; background-color: #fff;}
	.fq_con img{ width: 45%;}
}

@media (max-width: 768px) {
	.top{ display: none;}
	.banner{ display: flex; align-items: center;}
	.logo{ display: block; position: relative; top: auto; left: auto;  width: 60%; height: auto; margin: 0 auto 10%; }
	.search{  position: relative; top: auto; right: auto; width: 80%; height: 40px; margin: 0 auto; background: rgba(255,255,255,0.4);}
	.keyword{ width: 85%; height: 100%; line-height: 100%;}
	a.btn_search{ height: 100%; background-size: auto 60%}


	.nav{ height: auto;}
	.nav a{ float: left; width: 25%; height: 48px; font-size: 16px; line-height: 40px;}

	.left_bar{ position: fixed; bottom: 20px; right: 50%; width: 80px; margin-right: 620px; z-index: 99;}

	.footer{ padding: 20px 0;}
	.frd_link_tit{ font-size: 18px; margin-bottom: 10px;}
	select.frd_link_tem{ float: none; width: 100%; margin: 0 0 10px 0;}
	.footer_tem{ height: auto; background-color: #eaebeb; box-sizing: border-box; }
	.footer_qrcode{ display: block; float: none; width: 100%; padding: 20px 0; margin-right: 0; text-align: center; }
	.footer_qrcode img{ width: 20%; margin: 0 5%;}

	.footer_des{ float: none; width: 100%; padding-top: 0; margin-right: 0%;}
	.footer_des p{ font-size: 14px; line-height: 24px;}


	.footer_i{ display: block; float: none; width: 100%; padding-top: 0;}
	.fq_con{ width: 100%; height: auto;  background-color: transparent;}
	.fq_con img{ width: 30%;}
}