arset "UTF-8";
/* CSS Document */ 
html {overflow-y:scroll;}
body {margin:0; padding:0; color: #222; font:14px/1.5 Microsoft YaHei,Arial,Helvetica,sans-serif,Simsun; min-width:1180px;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
ol,ul {list-style:none;}
li{list-style-type:none;} 
img{vertical-align:middle;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:" ";}
a {color:#222; text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#6991f9;text-decoration:none;}
a:active {color:#6991f9;}
.of_h{ overflow:hidden; text-overflow:ellipsis; } 
.cBlack{color:#252525;}
.cGreen, .cGreen:visited, .cGreen a,.green {color: #008000;}
.cBlue,.cBlue:visited,.cBlue a{color:#ce1126;}
.cRed, .cRed:visited, .cRed a,.red { color: Red; }
.taC{text-align: center}
.bold{font-weight: bold;}
.fr{ float:right}
.fl{float:left}

.web{ margin:0px auto; width:1180px;}

.header{ background:#f1c604; width:100%; height:67px;}
.header dl dt{ float:left; padding-top:12px; padding-left:75px;}
.header dl dt img{ display:block; height:45px;margin-top: 12px;}
.header dl dd{ float:right; padding-top:10px;}
.header dl dd a.weixin{ float:left; display:block; background:url(../images/img2.png) no-repeat; width:23px; height:22px;margin-left:29px; margin-top:8px;}
.header dl dd a.En{ float:left; display:block; background:url(../images/img3.png) no-repeat; width:23px; height:22px;margin-left:29px; margin-top:8px;}
.header dl dd div.weather{ float:left;}
.header dl dd div.weather .weather_today{line-height: 40px;color: #fff;}
.header .otherLink{float: left;}
.header .otherLink i{width:23px; height:22px;margin-left:15px; margin-top:8px;display: block;cursor: pointer;}

.h{height: 100px;}
.wza{width:18px;height:22px;float:left;margin-top:8px;margin-left:15px;}
.wza i{background:url(http://m.myjhkq.com/sanyasite/xhtml/zyswq/images/wza-icon.png) no-repeat;background-size:100% 100%;width:100%;height:100%;display:block;}

.otherLink .weixin{background: url(../images/img2.png) no-repeat;position: relative;}
.otherLink .weixin span{display: none;position: absolute;top: 25px;right: 0;z-index: 20;}
.otherLink .weixin:hover span{display: block;}

.mNav{display: none;}

.nav{background:#036eb4; height:39px; position:relative; z-index:10;}
.nav ul{ float:right}
.nav ul li{ float:left; margin-left:60px; position:relative;}
.nav ul li>span{ background:url(../images/img4.png) no-repeat right center;cursor: pointer; padding-right:20px; display:inline-block; color:#fff; font-size:14px; line-height:39px;}
.nav ul li div.navTwo{ position:absolute; right: 0; top:38px; width:130%; display:none;z-index: 100;}
.nav ul li div.navTwo p{background:#036eb4; padding:8px 0px; text-align:center;}
.nav ul li div.navTwo p a{ display:block; line-height:20px; color:#fff;padding: 8px 0;}
.nav ul li div.navTwo p a:hover{ background:#f1c604;}
/*.nav ul li:hover div.navTwo{ display:block;}*/

.navBtn{ float:left; display:block; padding-top:10px; margin-left:75px;}
.navBtn span{ display:block; width:18px; height:3px; background:#fff; margin-top:3px;}


/*--首页--*/

.indexBanner{ width:100%; position:relative; overflow:hidden; height:667px;}
.indexBanner ul li{ overflow:hidden; position:relative;}
.indexBanner ul li img{ display:block; width:1180px; margin:0 auto; position:relative;}

.indexBannerdot{ position:absolute; text-align:center; bottom:20px; width:100%; left:0px; z-index:99;}
.indexBannerdot span{ display:inline-block; margin:0px 5px; width:12px; height:12px; border-radius:100%; background:#fff;}
.indexBannerdot span.swiper-active-switch{background:#f1c604}

.indexaboutTabClass{ padding-top:40px;}
.indexaboutTabClass ul{}
.indexaboutTabClass ul li{ float:left; padding:0px 0px 0px 20px; position:relative; width:275px; border-bottom:3px solid transparent; padding-bottom:8px; cursor:pointer;}
.indexaboutTabClass ul li span{ display:block; float:left; background-position:left center; background-repeat:no-repeat; width:50px; height:45px;}
.indexaboutTabClass ul li h3{ font-size:18px; color:#231815; white-space:nowrap;}
.indexaboutTabClass ul li p{ font-size:12px; color:#858585; white-space:nowrap; font-family:Arial, Helvetica, sans-serif}
.indexaboutTabClass ul li b{ position:absolute; bottom:-9px; left:50%; margin-left:-5px; display:none; border-right:5px solid transparent;border-left:5px solid transparent;border-top:6px solid #f1c604;}
.indexaboutTabClass ul li span.icon1{ background-image:url(../images/img6.png);}
.indexaboutTabClass ul li span.icon2{ background-image:url(../images/img7.png); margin-left:60px}
.indexaboutTabClass ul li span.icon3{ background-image:url(../images/img8.png); margin-left:40px}
.indexaboutTabClass ul li span.icon4{ background-image:url(../images/img9.png);margin-left:60px}

.indexaboutTabClass ul li.cur{border-bottom:3px solid #f1c604}
.indexaboutTabClass ul li.cur b{ display:block;}
.indexaboutTabClass ul li.cur span.icon1{ background-image:url(../images/img06.png);}
.indexaboutTabClass ul li.cur span.icon2{ background-image:url(../images/img07.png);}
.indexaboutTabClass ul li.cur span.icon3{ background-image:url(../images/img08.png);}
.indexaboutTabClass ul li.cur span.icon4{ background-image:url(../images/img09.png);}

.indexaboutTabContent{ padding:35px 0px;}
.indexaboutTabContent dl{ display:none}
.indexaboutTabContent dl:first-child{display: block;}
.indexaboutTabContent dl dt{ float:left; width:575px;}
.indexaboutTabContent dl dt img{ display:block; width:575px;}
.indexaboutTabContent dl dd{ float:right; width:540px;}
.indexaboutTabContent dl dd h3{ font-size:18px; color:#231815;}
.indexaboutTabContent dl dd h4{ font-size:12px; color:#858585;}
.indexaboutTabContent dl dd div.desc{ color:#717071; font-size:16px; line-height:27px; margin-top:30px; height:213px; overflow:hidden;}
.indexaboutTabContent dl dd p.more a{ display:inline-block; border:1px solid #cbcaca; color:#595757; text-align:center; border-radius:4px; font-size:12px; height:24px; line-height:24px; width:98px;}
.indexaboutTabContent dl dd p.more{ padding-top:20px;}
.indexaboutTabContent dl dd p.more a:hover{ background:#f1c604; border:1px solid #f1c604; color:#fff;}


.indexNews{ background:#036eb4; padding:30px 0px 0px;}
.indexNews h3{ color:#fff; background:url(../images/img11.png) no-repeat; height:39px; font-size:18px; padding-left:68px; line-height:18px;}
.indexNews h3 span{ display:block; font-size:12px;}
.indexNews ul{ padding:55px 0px;}
.indexNews ul li{ float:left; width:230px; padding:0px 32px}
.indexNews ul li img{display:block; width:230px;}
.indexNews ul li p{ padding-top:20px; line-height:21px;color:#fff; font-size:15px;}

.indexServiceCenter{ padding:30px 0px 0px;}
.indexServiceCenter h3{ color:#3e3a39; background:url(../images/img16.png) no-repeat; height:39px; font-size:18px; padding-left:68px; line-height:18px;}
.indexServiceCenter h3 span{ display:block; font-size:12px;}

.indexServiceCenterTab{ border-bottom:1px solid #d5d5d5; padding-left:65px; padding-bottom:10px;}
.indexServiceCenterTab a{ float:left; display:block; white-space:nowrap; padding-right:85px; padding-top:45px;}
.indexServiceCenterTab a span{ display:inline-block; padding-left:50px;height:35px; background-repeat:no-repeat; background-position:left center; line-height:35px; font-size:18px; color:#231815;}
.indexServiceCenterTab a span.icon1{ background-image:url(../images/img17.png);}
.indexServiceCenterTab a span.icon2{ background-image:url(../images/img18.png);}
.indexServiceCenterTab a span.icon3{ background-image:url(http://m.myjhkq.com/sanyasite/xhtml/zyswq/images/img24.png);}

.indexServiceCenterTab a.cur span.icon1{ background-image:url(../images/img017.png);}
.indexServiceCenterTab a.cur span.icon2{ background-image:url(../images/img018.png);}
.indexServiceCenterTab a.cur span.icon3{ background-image:url(../images/img024.png);}


.indexServiceCenterTabContent{padding:35px 0px 30px;}
.indexServiceCenterTabContent dl{ display:none;}
.indexServiceCenterTabContent dl:first-child{ display:block;}
.indexServiceCenterTabContent dl dd{ float:right; width:389px;}
.indexServiceCenterTabContent dl dd img{ display:block; width:389px;}
.indexServiceCenterTabContent dl dt{ float:left; width:535px; padding-left:65px;}
.indexServiceCenterTabContent dl dt h4{ font-size:18px; color:#231815;}
.indexServiceCenterTabContent dl dt div.desc{ color:#717071; font-size:16px; line-height:27px; margin-top:20px; height:163px; overflow:hidden;}
.indexServiceCenterTabContent dl dt p.more a{ display:inline-block; border:1px solid #cbcaca; color:#595757; text-align:center; border-radius:4px; font-size:12px; height:24px; line-height:24px; width:98px;}
.indexServiceCenterTabContent dl dt p.more{ padding-top:20px;}
.indexServiceCenterTabContent dl dt p.more a:hover{ background:#f1c604; border:1px solid #f1c604; color:#fff;}


.indexJoinUs{ background:#036eb4; padding:30px 0px 0px;}
.indexJoinUs h3{ color:#fff; background:url(../images/img20.png) no-repeat; height:39px; font-size:18px; padding-left:75px; line-height:18px;}
.indexJoinUs h3 span{ display:block; font-size:12px;}


.indexJoinUsTab{ border-bottom:1px solid #4292c7; padding-left:65px; padding-bottom:10px;}
.indexJoinUsTab a{ float:left; display:block; white-space:nowrap; padding-right:85px; padding-top:45px;}
.indexJoinUsTab a span{ display:inline-block; padding-left:60px;height:40px; background-repeat:no-repeat; background-position:-3px 0px; line-height:35px; font-size:18px; color:#fff;}
.indexJoinUsTab a span.icon1{ background-image:url(../images/img21.png);}
.indexJoinUsTab a span.icon2{ background-image:url(../images/img22.png);}

.indexJoinUsTab a.cur span.icon1{ background-image:url(../images/img021.png);}
.indexJoinUsTab a.cur span.icon2{ background-image:url(../images/img022.png);}

.indexJoinUsTabContent{padding:35px 0px 30px;}
.indexJoinUsTabContent dl{ display:none;}
.indexJoinUsTabContent dl:first-child{ display:block;}
.indexJoinUsTabContent dl dd{ float:right; width:500px; padding-right:26px;}
.indexJoinUsTabContent dl dd h4{ font-size:18px; color:#fff;}
.indexJoinUsTabContent dl dd div.desc{ color:#717071; color:#fff;font-size:16px; line-height:27px; margin-top:15px; height:81px; overflow:hidden;}
.indexJoinUsTabContent dl dd p.more a{ display:inline-block; border:1px solid #cbcaca; color:#fff; text-align:center; border-radius:4px; font-size:12px; height:24px; line-height:24px; width:98px;}
.indexJoinUsTabContent dl dd p.more{ padding-top:20px;}
.indexJoinUsTabContent dl dd p.more a:hover{ background:#f1c604; border:1px solid #f1c604; color:#fff;}

.indexJoinUsTabContent dl dt{ float:left; width:526px; padding-left:68px;}
.indexJoinUsTabContent dl dt img{ display:block; width:526px;}


.link{ background:#f1c604; font-weight:bold; padding-top:25px; padding-bottom:20px; min-height:70px; height:auto !important; height:70px;}
.link dl dt{ float:left; width:150px; text-align:right; padding-right:10px; font-size:16px; padding-top:5px;}
.link dl dd{ float:right; width:1020px;}
.link dl dd a{ margin:0px 15px; padding:5px 0px; display:inline-block; color:#231815; font-size:16px;}
.link dl dd a:hover{ color:#fff;}
.link dl dd div.linkText{ float:left; width:750px;}
.link dl dd div.ewm{ float:right; width:260px;}
.link dl dd span{float: left;width: 110px;text-align: center;margin-right: 20px;}
.linkwrapper{width: 1112px;padding-left: 68px;margin: 0 auto;}
.linkwrapper .linkright{width: 852px;float: left;}
.linkText{color: #231815;font-size: 16px;}
.linkText span{padding-right: 10px;font-size: 16px;}
.linkText a{margin: 0px 15px;padding: 5px 0px;display: inline-block;}
.linkwrapper .ewm{ float:right; width:260px;}
.linkwrapper .ewm span{float: left;width: 110px;text-align: center;margin-right: 20px;}
.linkText2 .syzsrx{font-size: 20px; color: #666; margin-top: 5px;}

.publicityBanner {width: 1180px;margin: 0 auto 35px auto;position: relative;overflow: hidden;}
.publicityBanner  img {width: 100%;display: block;}
.pubpagination span {position: relative;cursor: pointer;display: inline-block;width: 12px;height: 12px;border-radius: 7px;margin: 0 5px;color: #B0B0B0;font: 12px/15px "\5B8B\4F53";text-decoration: none;text-align: center;outline: 0;background: #fff;}
.pubpagination {position: absolute;right: 10px; bottom: 5px;z-index: 99;}
.pubpagination span.swiper-active-switch {background: #f7ba4c;}
@media screen and (max-width: 750px){
	body{ min-width:100%;}
	*{ box-sizing:border-box;}
	.web{ width:100%;}
	.header dl dt{ padding-left:15px;padding-top: 23px;width: 55%;}
	.header dl dt img{ height:25px;width: 100%;}
	.header dl dd{ padding-top:15px;width: 45%;}
	.header .otherLink i{margin-left:5px;}
	.header dl dd a.weixin{ margin-left:10px;margin-top: 12px;}
	.header dl dd a.En{margin-left:10px;margin-top: 12px;}
    
	.h{height: 155px!important;overflow:hidden;}
	.h dl dt {width: 100%;}
	.h dl dt img {height: auto; margin-top: -4px;width:100%}
	.s-img{width:50%!important;}
	.h .hinp{clear:both;width:100%;}
	.h .hinp input {border: 1px solid #284c9c;width: 86%;float:left;}
	.h .hinp img{position:unset;float:right;width:14%;height:37px}
	.h dl dd {width: 100%;padding: 0 15px;}
	.wza{display: none;}

	/* .navBtn{ display:none;}
	.nav ul{ float:none; overflow:hidden; width:100%;}
	.nav ul li{ width:20%; margin:0px;}
	.nav ul li>span{ background:none; padding:0px; text-align:center; display:block; font-size:12px;}
	.nav ul li p{ display:none;} */
	.nav{display: none;}
	.mNav{display: block;width: 100%;background:#036eb4; height:39px;white-space: nowrap;overflow: hidden;}
	.mNav ul{overflow-x:scroll;height:60px;}
	.mNav ul li{display: inline-block;margin-right: 10px;font-size:14px;padding:0 10px;height:39px;line-height:39px;}
	.mNav ul li a{color:#fff;}

	.indexBanner ul li img{ width:100%;}
	.indexaboutTabClass{ padding-top:20px;}
	.indexaboutTabClass ul li{width:25%; padding:0px; text-align:center;}
	.indexaboutTabClass ul li span{ display:none;}
	.indexaboutTabClass ul li h3{ font-size:14px;}
	.indexaboutTabClass ul li p{ display:none;}
	.indexaboutTabContent{ padding:30px 15px 40px;}
	.indexaboutTabContent dl dt{ float:none; width:100%; padding-bottom:20px;}
	.indexaboutTabContent dl dt img{ display:block; width:100%;}
	.indexaboutTabContent dl dd{ width:100%; float:none;}
	.indexaboutTabContent dl dd div.desc{ margin-top:20px; font-size:14px;}
	.indexaboutTabContent dl dd p.more{ padding-top:0px;}
	.indexNews ul li{ float:none; display:block; max-width:420px; margin:0px auto; width:auto; padding:0px 15px 25px;}
	.indexNews ul li img{ display:block; width:100%;}
	.indexServiceCenterTab{ padding:20px 15px 15px;}
	.indexServiceCenterTab a{ width:50%; padding:0px 0px 0px;}
	.indexServiceCenterTab a span{ padding-left:30px; font-size:16px; background-size:25px;}
	.indexServiceCenterTabContent dl dt{ float:none; width:100%; padding:0px 15px;}
	.indexServiceCenterTabContent dl dt div.desc{ font-size:14px;}
	.indexServiceCenterTabContent dl dd{ width:100%; float:none; padding-top:25px;}
	.indexServiceCenterTabContent dl dd img{ width:100%; padding:0px 15px;}
	.indexJoinUsTab{ padding:20px 15px 0px;}
	.indexJoinUsTab a{ width:50%; padding:0px;}
	.indexJoinUsTab a span{ padding-left:40px; font-size:16px; background-size:30px; background-position:left center;}
	.indexJoinUsTabContent dl{ padding:0px 15px;}
	.indexJoinUsTabContent dl dt{ padding:0px; float:none; width:100%;}
	.indexJoinUsTabContent dl dt img{ display:block; width:100%;}
	.indexJoinUsTabContent dl dd{ float:none; width:100%; padding:15px 0px 0px;}
	.indexJoinUsTabContent dl dd div.desc{ font-size:14px;}
	.link dl dt{ float:none; width:100%; text-align:left; padding-left:15px; padding-bottom:10px;}
	.link dl dd{ float:none; width:100%;}
	
	.link dl dd div.linkText{ float:none; width:100%;}
	.link dl dd div.erweima{ float:none; width:100%;  max-width:260px; margin:0px auto; padding-top:20px;}
	.link dl dd span{float: left;width: 50%;text-align: center; padding:0px 10px; margin:0px;}
	.link dl dd span img{ width:110px; display:block; margin:0px auto;}
	.linkwrapper{width: 100%;padding: 0;}
	.linkwrapper .linkright{width: 100%;margin-bottom: 10px;}
	.linkText{padding: 0 10px;}
	.linkText a{margin: 0;width: 50%;float: left;}
	.linkText span{display: block;}
	.syzsrx{margin-left: 10px;}
	/*.ewm{float: none;width: 100%;}*/
}