@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;border:none;list-style:none;font-style:normal;}
body{  background-color:#fff;font-family:"微软雅黑";font-weight:normal;font-size:14px;color:#333;overflow:auto;line-height:200%; font-size:100%; max-width:1920px; margin:0px auto;}
a{ text-decoration:none;color:#333;background:none;}
a:hover{color:#005bac;}
.left,.l{ float:left;}
.right,.r{ float:right;}
em{font-style:normal;}
.clear{ width:100%;clear:both;height:0px;}
.center{ width:70%; margin:0px auto;}
img{ width:100%;}
.mobile,#mobilenav{ display:none;}
.pc{ display:block;}

.logo{ width:auto; height:3em; float:left;  overflow:hidden; display:block; margin:1.2em 0px;}
.logo img{ width:auto; height:100%; }

.header{ position:relative;}
.header ul{ height:2.12em;  position:absolute; right:0px; top:50%; margin-top:-1.06em; display:block; white-space:nowrap;}
.header ul li{ display:inline-table;}
.header ul li a{white-space:nowrap; line-height:2.12em; padding:0px 0.8em; font-size:1em;}
.header ul li.on a{ color:#005bac;}

.header .shiyong{}
.header .shiyong a{color:#005bac; border:1px solid #005bac; display:block; border-radius:3px; margin:0px 0.5em 0px 0px;}
.header .hezuo{}
.header .hezuo a{color:#fff; background-color:#005bac; display:block; border-radius:3px; border:1px solid #005bac;}

.banner{ width:100%;}


.sytit,.nytit{ width:100%; padding:1.2em 0px; font-size:1.5em; text-align:center; color:#595757; font-weight:bold; clear:both;}

.nytit{ margin-top:1.5em;}

#jqrtd .pc{width:100%;  margin-bottom:75px; float:left; background:url("../images/ht009.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht009.jpg*/ center center no-repeat; background-size:23.8% auto;}
#jqrtd .pc li{width:50%; position:relative; height:6.8em; }


#jqrtd .pc li strong{ width:6.8em; height:6.8em; border:1px solid #058cff; border-radius:3.4em; background-color:#FFF; display:block; text-align:center; line-height:6.8em;}

#jqrtd .pc span,#jqrtd .pc strong {position:absolute;}

#jqrtd .pc li span{ width:26%; line-height:150%; top:50%; display:block;}
#jqrtd .pc .l span{ left:0px;   padding-right:4%; background-color:#FFF;}
#jqrtd .pc .l strong{left:30%;}

#jqrtd .pc .r span{ right:0px;  padding-left:4%;}
#jqrtd .pc .r strong{right:30%;}

#jqrtd #li01{ background:url("../images/ht031.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht031.jpg*/ 60% center no-repeat; background-size:30% auto;}
#jqrtd #li02{ background:url("../images/ht032.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht032.jpg*/ 40% center no-repeat; background-size:30% auto;}

#jqrtd #li03{ background:url("../images/ht033.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht033.jpg*/ 50% center no-repeat; background-size:30% auto;}
#jqrtd #li04{ background:url("../images/ht033.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht033.jpg*/ 50% center no-repeat; background-size:30% auto;}

#jqrtd #li05{ background:url("../images/ht035.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht035.jpg*/ 60% center no-repeat; background-size:30% auto;}
#jqrtd #li06{ background:url("../images/ht036.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht036.jpg*/ 40% center no-repeat; background-size:30% auto;}

#jqrtd #li03{margin:6.8em 0px;}
#jqrtd #li04{ margin:6.8em 0px;}

/*.jqrtd ul .li01{ left:0px; top:0px;}
.jqrtd ul .li02{ right:0px; top:0px;}
.jqrtd ul .li03{ left:0px; top:50%; margin-top:-3.4em;}
.jqrtd ul .li04{ right:0px; top:50%; margin-top:-3.4em;}
.jqrtd ul .li05{ left:0px; bottom:0px;}
.jqrtd ul .li06{ right:0px; bottom:0px;}*/

.fwhy ul{width:100%; display:block; margin-bottom:75px; float:left;}
.fwhy ul li{ width:23%; float:left; margin-right:2%; position:relative;}
.fwhy ul li span{ width:100%; display:block; color:#fff; position:absolute; text-align:center; font-weight:bold; bottom:1em;}
.fwhy ul .li08{ margin-right:0px;}

.stty{ margin-bottom:75px;}
.stty ul{ width:50%; display:block;  float:left;}
.stty ul li{ width:99%; float:left; margin-bottom:10px;}
.stty ul li .img{ width:49%; overflow:hidden;}
.stty ul li .txt{ width:49%; position:relative; display:block; background-color:#63b7f8; }
.stty ul li .txt em { display:block; text-align:center; position:absolute; right:0px; top:50%; margin-top:-3em; height:6em; width:100%; color:#FFF;}

.stty ul li .txt em strong{ width:100%; display:block; font-size:1em; line-height:2em;}
.stty ul li .txt em span { width:100%; display:block; font-size:1em; line-height:2em;}
.stty ul li .txt em img{ width:auto; height:1.6em; margin-top:0.4em;}


.stty ul li .txt .icon{ width:23px; height:41px; position:absolute; left:-23px; top:50%; margin-top:-20px;}
.stty ul .li02 .txt .icon,.stty ul .li04 .txt .icon{ right:-23px; left:auto;}


.stty .li03,.stty .li04{ margin-left:1%;}



.xshz a{width:20%;  text-align:center; padding:1em 0px; color:#FFF; font-weight:bold; margin-bottom:85px;}
.xshz .l{  margin-left:27%; background:url("../images/ht006.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht006.jpg*/ center center; background-size:100% 100%;}
.xshz .r{  margin-right:27%; background:url("../images/ht007.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht007.jpg*/ center center; background-size:100% 100%;}


.list_gsjs{ margin-bottom:60px;}
.list_gsjs p{ margin-bottom:1em;}

.list_sm{ text-align:center; color:#4a70b7; font-size:1.8em; margin-bottom:85px;}

.list_jzg ul{ width:100%; float:left; margin-bottom:85px;}
.list_jzg li{ width:21.333%; padding:0px 6%; float:left; text-align:center;}
.list_jzg li img{ width:60%;}
.list_jzg li strong{ width:100%; font-size:1.2em; color:#4a70b7; display:block; padding:0.5em 0px;}
.list_jzg li span{ width:100%; display:block; text-align:left;}

.yygn{ width:100%; background-color:#f4f5f7; padding-bottom:2em;}
.yygn dl{ width:100%; float:left; }
#gndl01,#gndl03,#gndl05{ background:url("../images/ht901.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht901.jpg*/ right center no-repeat #d3edfb; background-size: auto 100%;}
#gndl02,#gndl04{ background:url("../images/ht902.png")/*tpa=http://www.hantiansoft.com/xystyle/images/ht902.png*/ right center no-repeat #7ecef4; background-size:auto 100%;}
.yygn dl dt{ width:30%; position:relative; float:left;}
.yygn dl dt img{ width:100%; float:left;}
.yygn dl dt em{ position:absolute; text-align:center; top:50%; font-size:1.5em; font-weight:bold; line-height:2em; margin-top:-1em; left:0px; width:100%; display:block; color:#FFF;}
.yygn dl dd{ width:70%;  float:left; line-height:1.5em; font-size:1em; position:relative;}
.yygn dl dd span{ position:absolute; left:0px; display:block; top:50%; padding-right:5%; width:95%;}

#gndl01 span,#gndl02 span,#gndl03 span,#gndl05 span{ margin-top:-0.75em;}
#gndl04 span{margin-top:-1.5em;}

.list_zc ul{ width:100%; margin-bottom:85px; float:left;}
.list_zc ul li{width:15%; padding:0px 5%; float:left; text-align:center;}
.list_zc li img{ width:60%;}
.list_zc li strong{ width:100%; font-size:1.2em; color:#4a70b7; display:block; line-height:2.2em;}
.list_zc li span{ width:100%; display:block; text-align:left;}


.list_tx ul{ width:100%; margin-bottom:85px; float:left;}
.list_tx ul li{width:15%; margin:0px 5%; float:left; text-align:center; color:#fff; background-color:#63b7f8;}
.list_tx ul li em{ width:100%; display:block; padding-bottom:1em; background:url("../images/ht402.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht402.jpg*/ #fff center bottom no-repeat; background-size:15%;}
.list_tx li img{ width:60%;}
.list_tx li strong{ width:90%;  font-size:1.2em;  display:block; padding:1em 5% 0px; }
.list_tx li span{ width:90%; display:block; background-color:#63b7f8; padding:1em 5%;}

.list_xt{ margin-bottom:85px;}
.list_xt p{ width:100%; padding:0px 0px 1em; text-align:center;}
.list_xt img{ width:100%; display: inherit;}


#list_cp ul{ width:100%; float:left; margin-bottom:85px;}
#list_cp ul li{ width:10%; padding:0px 5%; float:left; text-align:center; position:relative;}
#list_cp ul li span{ width:100%; font-size:1em; color:#FFF; line-height:1.5em; position:absolute; left:0px; top:50%; margin-top:-1.5em; }
#list_cp .ao{ margin-top:5em;}

.list_al{ margin-bottom:85px;}
.list_al p{ width:100%; padding:0px 0px 1em; text-align:center; float:left;}
.list_al ul{ width:100%; display:block; margin-bottom:75px; float:left;}
.list_al ul li{ width:10.75%; margin-right:2%;float: left; font-size:0.8em; line-height:150%; margin-bottom:1em;}
.list_al ul li span{ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  overflow: hidden;}
.list_al ul li img{ border:1px solid #ddd;}
.list_al ul li.last{ margin-right:0px; }



.footer{ width:100%; background:url("../images/ht005.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht005.jpg*/ center bottom no-repeat; background-size:100% 100% ; color:#FFF; padding:72px 0px 72px 0px;}
.footer .l{ width:48%; }
.footer .l img{ width:20%; margin-bottom:1.8em;}
.footer .m{ padding-left:8.7%; float:left;}
.footer .r{ width:11%; margin-top:0.5em;}

.copyright{ width:100%; text-align:center; background-color:#2f3542; color:#4e5461; font-size:0.8em; padding:1em 0px;}
.copyright a{color:#4e5461;}


.aijs ul { width:100%; float:left; margin-bottom:85px;}
.aijs ul .li01{ width:13%; float:left; text-align:center;}
.aijs ul .ao{ margin-top:6em;}
.aijs ul .li01 img{ width:60%; text-align:center;}
.aijs ul .li01 span{ display:block; width:100%; line-height:150%;}
.aijs ul .li02{ width:16%; float:left; text-align:center; margin-top:3em;}

.cpys ul { width:100%; float:left; margin-bottom:85px;}
.cpys ul li{ width:22%; margin-right:4%; float:left;   color:#FFF; background:url("../images/ht761.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht761.jpg*/ center top no-repeat; padding-top:1em;}
.cpys ul li em{ text-align:center; display:block;}
.cpys ul li img{ width:50%;}
.cpys ul li span { display:block; padding:1em;background-color:#63b7f8;text-align: center;}
.cpys ul li span strong{ display:block; width:100%;}
.cpys ul li.last{ margin-right:0px;}


.rjpk{color:#FFF;}
.rjpk{ width:100%; background:url("../images/ht741.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht741.jpg*/ center top no-repeat; padding:80px 0px;}
.rjpk .c{ width:42%; background-color:rgba(0,73,138,0.6); border-radius:5px; }
.rjpk .c dt{ font-size:1.2em; line-height:4.8em; padding:0px 1em;}
.rjpk .l dt{ text-align:right;}

.rjpk .c p{ padding:0px 2em;}
.rjpk .c p span{ width:40%; display:inline-block;}

.rjpk .c dd{ padding-bottom:2em;}

.rjpk .m{ width:14%; margin:0px 1%; float:left; background-color:#24acec;  text-align:center; border-radius:5px;  padding-bottom:2em;}
.rjpk .m dt{ font-size:2.4em; line-height:2.4em; }


.yycj p{ width:100%; margin-bottom:1em; float:left;}
.yycj p strong{ width:20%; text-align:center; color:#FFF; padding:1em 0px; background: url("../images/ht006.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht006.jpg*/ left center no-repeat; background-size:100% 100%; display:block; float:left; margin-right:2%; border-radius:5px; font-size:1.5em;}
.yycj .p2 strong{ background:url("../images/ht007.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht007.jpg*/ left center no-repeat; background-size:100% 100%;}
.yycj p span{ float:right; width:78%;}

.shenqing{ width:100%;}
.shenqing .l{ width:68%;  background:url("../images/ht801.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht801.jpg*/ right top no-repeat; background-size:auto 100%;}
.shenqing .r{ width:28%; margin:0px 2%;}

.shenqing .r .t{ margin-top:1.8em;}
.shenqing .r .t span{ width:48%; padding:1em 0px; display:block; text-align:center; font-size:1.5em;  border-radius:5px; }
.shenqing .r .t span a{color:#FFF; }
.shenqing .r .t .shiyong{ background:url("../images/ht007.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht007.jpg*/ left center no-repeat; background-size:100% 100%;float:left;}
.shenqing .r .t .hezuo{ background:url("../images/ht006.jpg")/*tpa=http://www.hantiansoft.com/xystyle/images/ht006.jpg*/ left center no-repeat; background-size:100% 100%; float:right;}

.form{ width:100%; margin-top:3em;}
.form table{ width:70%; margin:0px auto;}
.form table td{ padding-bottom:2em;}
.form .input-text{ width:100%; padding:5px 2%; border:1px solid #ddd; border-radius:5px; color:#666; height:3.5em; }
.form .anniu{ width:100%; height:3em; border-radius:5px; background-color:#499bf1; color:#FFF; display:block; text-align:center; line-height:3em; font-size:1.2em; font-weight:bold;}
.form span{ display:block; text-align:center;}
.form span a{ width: auto; padding:0.8em 2em; border:2px solid #409afc;border-radius:1.5em;  text-align:center; display:inline-block; }


.page{clear:both; padding-top:20px; position:relative; height:36px;}
.page span,.page a{ display:inline-block; padding:3px 12px; border:1px solid #ddd;}
.page span{ color:#005bac;}



@media screen and (min-width: 1441px) and (max-width:1600px) {

.header ul li a{ padding:0px 0.2em;}
}

@media screen and (min-width: 1201px) and (max-width:1440px) {
.center{width:90%;}
.header ul li a{ padding:0px 0.4em;}
.form .input-text{ height:2.5em;}
}

@media screen and (min-width: 992px) and (max-width:1200px) {
body{ font-size:90%;}
.center{width:90%;}
.yygn dl dt{ width:25%;}
.yygn dl dd{ width:75%;}
.header ul li a{ padding:0px 0.2em;}
}

@media screen and (min-width: 768px) and (max-width:991px) {
body{ font-size:80%;}
.center{width:96%;}
.yygn dl dd{ font-size:0.8em; }
.yygn dl dt{ width:25%;}
.yygn dl dd{ width:75%;}
.header ul li a{ padding:0px 0.2em;}
}

@media only screen and (max-width: 767px) {
body{ font-size:90%; line-height:160%;}
.center{width:96%;}
.pc{ display:none;}
.mobile,#mobilenav{ display:block;}
.banner{ margin-top:50px;}

#mobilenav{ width:100%; background-color:#005bac; height:50px; position:fixed; left:0px; top:0px; z-index:99999; display:block; max-height:50px;}
#mobilenav .left img{ width:auto; height:30px; padding:10px 0px;}
#mobilenav .right img{ width:20px; height:20px; padding:15px 0px;}
#guanbi{ display:none;}
#mnavul{ width:100%; position:absolute; top:50px; left:100%; background-color:rgba(0,91,172,1); height:100%;}
#mnavul ul{width:100%; border-top:2px solid #003b6f;}
#mnavul ul li{ width:100%; height:40px; line-height:40px;  background-color:rgba(0,91,172,1); border-bottom:2px solid #0068c5;}
#mnavul ul li a{ display:block; text-align:center; color:#FFF;}

.list_sm{ line-height:200%; width:80%; padding:0px 10%;}


.fwhy ul li{ width:23.5%; margin-bottom:0.5em;}
.fwhy ul .li04{ margin-right:0px;}

.stty ul{ width:100%;}
.stty ul li{ width:100%; float: left;}
.stty .li03,.stty .li04{ margin-left:0px;}

.list_zc ul li{ width:48%; margin-bottom:1em; overflow:hidden; padding:0px 1%; }
.list_zc li span{text-align:center;}


#list_cp ul li{ width:18%; padding:0px 1%;}

.xshz .l{ margin-left:0px;}
.xshz .r{ margin-right:0px;}
.xshz a{ width:49%;}

.cpys ul li{ width:49%; margin-right:2%; margin-bottom:1em;}
.cpys ul li.mlast{ margin-right:0px;}

.list_tx ul li{ width:49%; margin:0px 0px 0px 2%; }
#txli01,#txli03{ margin-left:0px;}

#list_cp ul{ text-align:center;}
#list_cp ul li{ width:30%;  display:inline-block; text-align:center; float:none;}
#list_cp ul li.ao{margin-top:0px;}

.list_al ul li,.list_al ul li.last{ width:32%; margin-right:2%;}
.list_al ul li.mlast{ margin-right:0px;}

.list_jzg li{ width:29.33%; padding:0px 2%;}
.list_jzg li img{ width:80%;}


.gnli01,.gnli03,.gnli05{ background-color:#d3edfb;}
.gnli02,.gnli04{ background-color:#7ecef4;}
.yygn ul li{ padding:10px 2%; width:96%;}
.yygn ul li em{ padding-right:10px; color:#FFF;}

.rjpk{ padding:10px 0px; background:none;}
.rjpk .l,.rjpk .r{ width:100%; margin:0px 0px 10px;}
.rjpk .m{ display:none;}
.rjpk .l dt{ text-align:left;}

.aijs ul{ width:90%; padding:0px 5%; display:block;}
.aijs ul .li01{ width:50%; margin-bottom:1.5em;}
.aijs ul .li01 img{ width:50%;}
.aijs ul .li02{ display:none;}
.aijs ul .ao{ margin-top:0px;}

.yycj p strong{ width:50%; margin:0px 25% 0.8em; padding:0.8em 0px;}
.yycj p span{ width:100%;}

#jqrtd .mobile li{ width:48%; margin-right:2%;  float:left; text-align:center; background-color:#d3edfb; padding:1em 0px; margin-bottom:1em; border-radius: 5px;}
#jqrtd #mli02,#jqrtd #mli04,#jqrtd #mli06{ margin-right:0px; }
#jqrtd .mobile li strong{ display:block; margin-bottom:10px;}
#jqrtd .mobile li span{ padding:0px 2%; display:block; line-height:150%;}
#jqrtd #mli03,#jqrtd #mli04{ background-color:#7ecef4;}


.mfooter{height:50px; width:100%; position: fixed; left:0px; bottom:0px; border-top:1px solid #e6e4e4; max-height:50px; z-index:99999;}
.mfooter li{font-size:70%;width:25%; float:left;background-color:#005bac;}
.mfooter,.mfooter li,.mfooter li a{text-align:center;color:#fff;}
.mfooter li strong{font-weight:normal;}
.icon{background: url("../images/icon.png")/*tpa=http://www.hantiansoft.com/xystyle/images/icon.png*/ no-repeat; background-size:cover;}
.icon_foot,.header-icon{height:22px;width:22px;}
.header-icon{ margin:13px;}
.icon_foot{margin:8px auto -1px auto;}
.icon_menu{background-position:-285px 0px;}
.icon_home{ background-position:0px 0px;}
.icon_tel{ background-position:-22px 0px;}
.icon_mark{ background-position:-45px 0px;}
.icon_webqq{  background-position:-70px 0px;}

.fwhy ul li span{ font-size:0.9em; font-weight:normal;}
.list_jzg li span{ line-height:150%;}
.rjpk .c p{ padding:0px 1em;}
.rjpk .c p span{ width:30%;}

.colorlink{ padding-bottom:15px;}
.colorlink span{ color:#666666;}
.colorlink p{ font-size:14px; line-height:20px; color:#999999;}

.list_sm,.list_jzg ul,.list_zc ul,.list_tx ul,.list_xt,#list_cp ul,.list_al,.aijs ul,.cpys ul{ margin-bottom:2em;}
 #jqrtd .pc,.fwhy ul,.stty,.list_al ul{ margin-bottom:1.7em;}
 
 .form{ margin-top:1.5em;}
 .form table{ width:100%;}
 .shenqing .l{ display:none;}
 .shenqing .r{ width:96%; float:none;}
 .shenqing .r .t{ margin-top:60px;}
.form table td{ padding-bottom:0.5em;}
 .form .input-text{ height:2em; width:96%;}
 .form .anniu{ line-height:2em;}
 .form span{ margin-bottom:60px;}
 .form span a{ padding:0.5em 2em;}
 .shenqing .r .t span{ font-size:1.2em; padding:0.8em 0px;}

.f14 ul li:nth-child(1){ float: left; }
.f14 ul li:nth-child(2){ float: right; }