@charset "utf-8";
/* CSS Document */
/*
* @description: 网站公共样式
* @author: ishang_pan
* @update: ishang_pan (2017-10-11 10:50)
*/

/*全局 on*/
html{-webkit-text-size-adjust:none;}
*{margin: 0; padding: 0; list-style: none;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
body{padding:0; margin:0;font-size:16px;font-family:"微软雅黑";color:#333;}
input,textarea,select,button,label{vertical-align:middle; font-family:"Microsoft YaHei",微软雅黑;}
.clear{margin:0; overflow:hidden; visibility:hidden; font-size: 0; content: "."; clear: both; height: 0; padding:0;}
.clearfix:after{visibility:hidden; display: block; font-size: 0; content:" "; clear:both; height:0;}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,a,form,input,label,select{margin:0; padding:0; list-style:none;}
a{color:#333; text-decoration:none; outline:none; }
a:focus,a:hover{color:#d71018; text-decoration:none;}
a img{border:none;}
li,img{vertical-align: text-top;}
ul{zoom:1;}
input{border: none;background: none;outline: none;}
textarea{resize:none;}
.fl{float:left;}
.fr{float:right;}
:focus {
    outline: -webkit-focus-ring-color auto 0;
}
.c-red{color: red;}

/*去除谷歌自带黄色背景问题*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { box-shadow:0 0 0 60px #fff inset;  -webkit-text-fill-color: #333;}
/*全局 end*/

/*function*/
.f-dn{display: none;}
.f-db{display: block;}
.f-fl{float: left;}
.f-fr{float: right;}
.f-pr{position: relative;}
.f-pa{position: absolute;}
.f-pf{position: fixed;}
.f-oh{overflow: hidden;}
.f-fwn{font-weight: normal;}
.f-fwb{font-weight: bold;}
.f-toe{overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.f-csp{cursor: pointer;}
.f-csd{cursor: default;}
.f-csh{cursor: help;}
.f-csm{cursor: move;}
.f-usn{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.f-clear{margin: 0; padding: 0; height: 0; overflow: hidden; visibility: hidden; content: "."; clear: both; font-size: 0; }
.f-clearfix:after{display: block; height: 0; visibility: hidden; font-size: 0; content:" "; clear: both;}
* html .f-clearfix{zoom: 1;}
*:first-child+html .f-clearfix{zoom: 1;}
.f-wd100{width: 100%;}
.f-npd{padding: 0;}
.f-nmg{margin: 0!important;}
.f-mlr2{margin: 0 2px;}
.f-mlr5{margin: 0 5px;}
.f-mlr7{margin: 0 7px;}
.f-mlr10{margin: 0 10px;}
.f-mlr15{margin: 0 15px;}
.f-mlr20{margin: 0 20px;}
.f-mlrf5{margin: 0 -5px;}
.f-mlrf7{margin: 0 -7px;}
.f-mlrf10{margin: 0 -10px;}
.f-mlrf15{margin: 0 -15px;}
.f-mlrf20{margin: 0 -20px;}
.f-plr5{padding: 0 5px;}
.f-plr7{padding: 0 7px;}
.f-plr10{padding: 0 10px;}
.f-plr15{padding: 0 15px;}
.f-plr20{padding: 0 20px;}
.f-mb5{margin-bottom: 5px;}
.f-mb10{margin-bottom: 10px;}
.f-mb15{margin-bottom: 15px;}
.f-mb20{margin-bottom: 20px;}
.f-nbg{background: none!important;}
.f-nbd{border: none;}

/*module*/

/*header*/
.ls-header{ background: url("../images/home/header.gif") center bottom repeat-x #a1d4fd;}
/*顶部导航*/
.ls-topbox{ height: auto; padding: 5px 0 6px; line-height: 0; font-size: 0; border-bottom: 1px #a3ceef solid;}
.ls-top-left li{ display: inline;}
.ls-top-left li a{display: inline-block; vertical-align: middle;font-size: 14px; line-height: 2; padding-left: 21px; background: 10px center no-repeat; background-image: url("../images/home/top_line.png") !important;}
.ls-topbox a{ color: #666; vertical-align: top; *vertical-align: middle;}
.ls-topbox a:hover{ color: #275dae;}
.ls-topbox .noline a,.ls-top-left li.num1 a{ padding-left: 0; background: none !important;}
.ls-top-right{ text-align: right;}
.ls-top-right .trli{ display: inline;}
.ls-top-right .trlia{display: inline-block; vertical-align: middle; font-size: 14px; line-height: 2; padding-left: 21px; background: 10px center no-repeat; background-image: url("../images/home/top_line.png") !important;cursor: pointer;}
.ls-top-right .num-old,.ls-top-right .num-wza{ display:inline;}
.ls-top-right .num-old a,.ls-top-right .num-wza a{ display:inline-block; color: #275dae; font-size: 14px; padding: 0 11px; line-height: 26px; border: 1px #5185c7 solid;}
.ls-top-right .num-old a:hover,.ls-top-right .num-wza a:hover{color: #275dae; text-decoration: underline;}
.ls-top-right .num-old a{border-radius: 26px 0 0 26px; border-right: 0 none;}
.ls-top-right .num-wza a{border-radius: 0 26px 26px 0; border-left: 0 none; background: 0 center no-repeat; background-image: url("../images/home/top_line_blue.png") !important;}
.ls-top-right .num-old a{ margin-left: 14px;}
/*快捷菜单*/
.ls-quickMenu{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.8) !important; z-index: 100;}
.ls-quickbg{ height: 568px; position: absolute; text-align: left; top: 50%; margin-top: -284px; left: 0; right: 0;}
.ls-quickbg .container{position: relative;}
.ls-quickItem{ border: 1px #164fa6 solid; padding: 18px 0 0; background: #164fa6; border-radius: 6px; width: 400px; height: 248px; margin: 0 0 10px 10px;}
.ls-quickItem.num1,.ls-quickItem.num4{margin-left: 0;}
.ls-quickItem.num4,.ls-quickItem.num5,.ls-quickItem.num6{margin-bottom: 0;}
.ls-quickItem .title{ margin: 0 0 0 40px; height: 40px; line-height: 34px; padding-left: 40px; background: url("../images/home/quick_ico.png") 0 0 no-repeat; font-size: 22px; color: #fff;}
.ls-quickItem.num2 .title{ background-position: 0 -40px;}
.ls-quickItem.num3 .title{ background-position: 0 -80px;}
.ls-quickItem.num4 .title{ background-position: 0 -120px;}
.ls-quickItem.num5 .title{ background-position: 0 -160px;}
.ls-quickItem.num6 .title{ background-position: 0 -200px;}
.ls-quickItem a{color: #fff;}
.ls-quickItem a:hover{color: #fff;}
.ls-quickItem .link{ padding: 7px 15px 0 40px;}
.ls-quickItem .link li{float: left; width: 50%;}
.ls-quickItem .link li a{display: block; font-size: 16px; height: 35px; line-height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ls-quickClose{ position: absolute; top: -39px; right: 11px; width: 24px; height: 24px; background: url("../images/home/quck_close.png") 0 0 no-repeat;}
@media (min-width:992px) and (max-width:1299px) {
	.ls-quickItem{ width: 308px;}

}
/*banner*/
.ls-banner{ background: url("../images/home/banner-new.jpg") bottom center no-repeat;}
.ls-siteLogo{ height: 163px; padding: 33px 0 0; line-height: 0;}
.ls-siteLogo img{width: auto; height: auto; max-width: 100%; max-height: 96%; vertical-align: middle;}
/*搜索*/
.ls-searchBox{ margin: 42px 0 0; width: 488px; max-width: 96%;}
.ls-search{ background: rgba(255, 255, 255, 0.42); border: 1px rgba(134, 168, 212, 0.65) solid; padding: 0 50px 0 168px; position: relative; border-radius: 7px; height: 45px;}
.ls-search ul{height: 100%;}
.ls-search li{font-size: 0; line-height: 0; height: 100%;}
.ls-search li label,.ls-search form{display: inline;}
.ls-search li input{vertical-align: middle; width: 100%; height: 100%; background:none; border:none;font-weight: normal;}
.ls-search li.ss1{ position: absolute; left: 14px; top: 0; width: 82px; font-size: 0; overflow: hidden; background: url("../images/home/sear_yst.png") 0 center no-repeat !important; border-radius: 7px 0 0 7px;}
.ls-search li.ss2{width: 73px; position: absolute; left: 97px; top:0;}
.ls-search li.ss2 select{height: 100%; width: 90%; font-size: 14px; text-align: center; background: none; border: 0 none; color: #164fa6; vertical-align: middle;}
.ls-search li.ss2:after{content: ''; border-right: 1px #97bbe2 solid; position: absolute; right: 0; top: 50%; height: 18px; margin-top: -9px;}
.ls-search li.ss3 input{ font-size: 15px; line-height: 44px; text-indent: 10px;}
.ls-search li.ss4{ position: absolute; top: 0; right: 0; border-radius: 0 7px 7px 0; width: 50px;}
.ls-search li.ss4 input{ font-size: 0; background: 8px center no-repeat; background-image: url("../images/home/searico.png") !important; cursor: pointer;}
/*热词*/
.ls-hotname{margin-top: 6px; line-height:0; font-size:0; text-align: left; padding-left: 14px; color: #666;}
.ls-hotname a,.ls-hotname .tit{ line-height: 22px; font-size: 14px; vertical-align: middle; color: #666;}
.ls-hotname a:hover{color: #164fa6;}
.ls-hotname li,.ls-hotname ul{display: inline;}
.ls-hotname a{ padding: 0 14px 0 2px;}
/*导航*/
.m-nav{height: 58px; background: #164fa6;}
.m-nav ul{display: flex;position: relative;margin: 0 -15px 0 -15px}
.m-nav ul li{float:left;width: 132px; height: 58px;line-height: 58px;background: url("../images/home/nav_line.png") left center no-repeat;}
.m-nav ul li:first-child{background: none;}
.m-nav li a{display:block;font-size: 22px;color: #fff;text-align: center; position: relative;}
.m-nav li a:hover{background: #2e61af;color: #fff;font-weight: bold;}
.m-nav button{background: none;}
.navbar-header{display: none;height:58px;line-height:58px;background: #164fa6;text-align: left;padding: 0 15px;}
.navbar-header a{font-size: 22px;color: #fff;font-weight: bold;}
.navbar-toggle{padding: 2px 3px;margin: 16px 0 0 0;border: 1px solid #fff; line-height: 0;}

.m-nav ul li .menulist{position:absolute;left:0;z-index: 999;margin: 0;background:url(../images/home/write85.png);width: 1240px;}
.m-nav ul li .menulist ul{ padding:15px 0; height:auto;text-align:center; overflow:hidden; width:1200px; margin:0 auto;display: block;line-height: 1;}
.m-nav ul li .menulist li{ display: inline; height:33px; width:auto; height:auto; float:none; padding:0; font-size:18px; font-weight:bold; white-space:nowrap;}
.m-nav ul li .menulist li a{ display:inline-block; font-size:18px; font-weight:bold; line-height:34px; color:#164fa6; padding-left: 25px; background: url("../images/home/menulist_line.gif") 12px center no-repeat;}
.m-nav ul li .menulist li:first-child a{background: none;}
.m-nav ul li .menulist li a:hover{color:#d71018;}

.m-nav ul li .menulist.menulist2 ul{ padding:15px 0; width:1240px;}
.m-nav ul li .menulist.menulist2 li{ float:left; width:605px;height: 33px;line-height: 33px; text-align:left; overflow:hidden; padding-left:15px; display:block; font-size:14px; font-weight:normal; color:#164fa6;}
.m-nav ul li .menulist.menulist3 li.num3{width:1210px;}
.m-nav ul li .menulist.menulist2 li.num5{width:1210px;}
.m-nav ul li .menulist.menulist2 li a{ padding:0 6px; color:#164fa6; background:none;}
.m-nav ul li .menulist.menulist2 li a:hover{ color:#d71018;}
.m-nav ul li .menulist.menulist2 li span.link1{ font-size:18px; font-weight:bold;}
.m-nav ul li .menulist.menulist2 li .link2{color: #454545;}
.m-nav ul li .menulist.menulist2 li .link2 a{font-size: 14px;font-weight: normal;color: #454545;}
.m-nav ul li .menulist.menulist2 li .link2 br{display: none;}

.downloadgb{text-align:center;margin-top: 50px;}
.downloadgb a{display:inline-block;width: 120px;margin: auto;cursor: pointer;}
.downloadgb a .img{display:block;width:100%;text-align:center;}
.downloadgb a .img img{width:90px;height:90px;border:#ddd 1px solid;padding:14px;background:#fff;}
.downloadgb a .tit{display:block;width:100%;height: 36px;line-height: 36px;font-size: 16px;text-align:center;}


/*导航 end*/
@media (min-width: 992px) and (max-width:1299px) {

}
@media (max-width:991px) {
.mt30{margin-top: 20px;}
.mt20{margin-top: 15px;}
/*logo*/
.ls-siteLogo{float: none; width: auto; height: auto; text-align: center;}
/*搜索*/
.ls-banner{padding-bottom: 30px;}
.ls-searchBox{float: none; max-width: 96%; margin: 30px auto 0;}
/*导航*/

}
@media (max-width:767px) {
.navbar-header{display: block;}
.m-nav ul{display: block;}
.m-nav ul li,.m-nav li.active{width: 100% !important;}
#navbar-collapse{background-color: #164fa6;position: relative;z-index: 999;border-color: #e7e7e7;}
/* .m-nav ul li:after,.f-clearfix{display: none;} */
.m-logo .qrcode{margin-top: 10px;}

.mt20{margin-top: 10px;}
.mt30{margin-top: 15px;}
.ls-top-right{padding-right: 10px;}
.ls-top-right li:nth-child(2) a{padding-left: 0; background: none !important;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff !important;}
.navbar-toggle{margin-right: 10px;}
.navbar-default .navbar-brand{line-height: 50px; color: #fff; font-size: 20px; padding: 0 10px;}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{ color: #fff;}

}
@media (max-width:439px) {
.ls-siteLogo img{max-width: 96%;}
.ls-search{padding:0 44px 0 64px;}
.ls-search li.ss1{display: none;}
.ls-search li.ss2{left: 0; width: 64px;}
.ls-search li.ss3 input{text-indent: 5px; font-size: 14px;}
.ls-search li.ss4{width: 44px;}
}

/***底部***/
.footer{ background: #ebebeb; border-top: 4px solid #164fa6; font-size: 14px; text-align: center; padding: 16px 0 23px;}
.footer .fotnav{ height: 24px; line-height: 24px;margin-bottom: 10px;}
.footer .fotnav a{padding:0 13px; background: url("../images/ind_fotfg.gif") left center no-repeat; display: inline-block;}
.footer .fotnav a.num1{background: none;}
.footer .fotcon{ line-height: 30px; padding-top: 10px; position: relative;}
.footer .fotcon span{padding: 0 0.5em;font-size: 14px;}
.footer .fotcon span.oem{ padding-left: 1em;}
.footer .fotcon .js,.footer .fotcon .js a{ color: #6e6e6e;}
.footer .fotcon a{font-size: 14px;}
.footer .fotcon .js a:hover{ color: #d00;}
.footer .fotcon .dzjg,.footer .fotcon .jiucuo{ position: absolute;}
.footer .fotcon .jiucuo{right:0; top: 18px; width: 110px; height: 55px;}
.footer .fotcon .dzjg{left:0; top: 3px; width: 80px; height: 80px;}
.footer .fotcon img.gaj{vertical-align: middle; padding-right: 0.5em;}
#_ideConac{position: absolute;/* right: -815px */;top: -15px;left: 0;}
.u-jbzx{top: 0;right: 40px;}
.slhwza{position: absolute;top: 0;left: 90px;}
@media (max-width:767px) {
	#_ideConac{position: relative;right: 220px;top: 20px;}
	.u-jbzx{position: relative;top: -50px;right: -10px;}
    .slhwza{display: none;}
    .footer .fotnav{height: auto;}
}
.tongbao,.shimin{width: 90px;height: 30px;color: #fff;line-height: 30px;background: url(/xxgk/media/images/public/fot_btnbg.png) no-repeat !important;padding: 0 !important;border-radius: 2px;}
.tongbao{margin-right: 20px;}

/*弹出框*/

.m-tc {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: 微软雅黑 !important;
}

.m-tc .m-shadw {
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.m-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 999;
    width: 100%;
    margin-top: -300px;
}

.iframe-content {
    position: relative;
    z-index: 10;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-tc .seek-box {
    width: 540px;
    height: 500px;
    background-color: #ffffff;
    border-radius: 10px;
    margin: 0 auto;
    position: relative;
}
.guanbi {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
}
.guanbi img {
    width: 100%;
}
.jctitle {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 50px;
    font-size: 14px;
    color: #164fa6;
}
.jctitle span {
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    padding-left: 18px;
}
.tixing {
	width: 100%;
	font-size: 16px;
	padding: 20px 20px 0;
}
.red {
    color: #164fa6;
}
.tixing label {
	font-weight: normal !important;
}
.tixing label span {
	font-size: 14px;
	font-weight: bold;
	line-height: 36px;
	float: left;
	/* width: 80px; */
	text-align: right;
	padding-right: 10px;
}
.tixing label select {
    width: 180px;
    height: 36px;
    border-radius: 2px;
    border: solid 1px #dddddd;
    padding: 6px 5px;
    border-radius: 3px;
    font-size: 14px;
    outline: none;
    color: #333;
    margin-bottom: 8px;
}
.tixing label input {
    outline: none;
    margin-bottom: 8px;
}
.tixing label input.form-control {
    width: 362px;
    height: 36px;
    /* background-color: #f8f8f8; */
    border-radius: 2px;
    border: solid 1px #dddddd;
    float: right;
    padding-left: 10px;
}
.ly-tex textarea {
    width: 362px;
    height: 128px;
    background-color: #ffffff;
    border-radius: 2px;
    border: solid 1px #dddddd;
    outline: none;
    margin-bottom: 8px;
    overflow: auto;
    resize: none;
}
.tixing label input.mane{
    margin-right: 30px;
    margin-left: -3px;

}
.tixing label input.mane,
.tixing label input.phone{
    width: 362px;
    height: 36px;
    border-radius: 2px;
    border: solid 1px #dddddd;
}
.tixing label input.yzm {
	width: 112px;
	height: 36px;
	border-radius: 2px;
	border: solid 1px #dddddd;
}
.tijiao {
    width: 100px;
    margin: 0 0 0 112px;
}
#SubmitButton {
    width: 100px;
	height: 36px;
	background-color: #164fa6;
	border-radius: 4px;
	border: none;
	color: #fff;
    font-size: 14px;
    cursor: pointer;
}



/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {
    .container{padding: 0; width: 1240px;margin: 0 auto;}

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
	.f-lg-mlr5{margin: 0 5px;}
	.f-lg-mlr10{margin: 0 10px;}
	.f-lg-mlr15{margin: 0 10px;}
	.f-lg-mlrf5{margin: 0 -5px;}
	.f-lg-mlrf10{margin: 0 -10px!important;}
	.f-lg-mlrf15{margin: 0 -15px;}
	.f-lg-plr5{padding: 0 5px;}
	.f-lg-plr10{padding: 0 10px!important;}
	.f-lg-plr15{padding: 0 15px;}
	.f-lg-mb5{margin-bottom: 5px;}
	.f-lg-mb10{margin-bottom: 10px;}
	.f-lg-mb15{margin-bottom: 15px;}
	.f-lg-mb20{margin-bottom: 20px;}
	.f-lg-mb30{margin-bottom: 30px!important;}
	.f-lg-ha{height: auto;}
	.f-lg-fn{float: none;}
	.f-lg-wa{width: auto;}
	.f-lg-db{display: block;}
	.f-lg-dn{display: none;}

}
/*pad md*/
@media screen and (max-width: 991px){
	.f-md-mlr5{margin: 0 5px;}
	.f-md-mlr10{margin: 0 10px;}
	.f-md-mlr15{margin: 0 10px;}
	.f-md-mlrf5{margin: 0 -5px;}
	.f-md-mlrf10{margin: 0 -10px;}
	.f-md-mlrf15{margin: 0 -15px;}
	.f-md-plr5{padding: 0 5px;}
	.f-md-plr10{padding: 0 10px;}
	.f-md-plr15{padding: 0 15px;}
	.f-md-mb5{margin-bottom: 5px;}
	.f-md-mb10{margin-bottom: 10px;}
	.f-md-mb15{margin-bottom: 15px!important;}
	.f-md-ha{height: auto!important;}
	.f-md-fn{float: none;}
	.f-md-wa{width: auto;}
	.f-md-db{display: block;}
	.f-md-dn{display: none;}

}
/*phone sm*/
@media screen and (max-width: 767px) {
	.f-sm-mlr5{margin: 0 5px;}
	.f-sm-mlr10{margin: 0 10px;}
	.f-sm-mlr15{margin: 0 10px;}
	.f-sm-mlrf5{margin: 0 -5px;}
	.f-sm-mlrf10{margin: 0 -10px;}
	.f-sm-mlrf15{margin: 0 -15px;}
	.f-sm-plr5{padding: 0 5px;}
	.f-sm-plr10{padding: 0 10px;}
	.f-sm-plr15{padding: 0 15px;}
	.f-sm-mb5{margin-bottom: 5px;}
	.f-sm-mb10{margin-bottom: 10px;}
	.f-sm-mb15{margin-bottom: 15px;}
	.f-sm-ha{height: auto;}
	.f-sm-fn{float: none!important;}
	.f-sm-wa{width: auto;}
	.f-sm-db{display: block;}
	.f-sm-dn{display: none;}

}
/*small xs*/
@media screen and (max-width: 638px) {
	body{font-size: 16px;}

}

/*print*/
@media print {
    a[href]:after {
        content: none!important;
    }
}