@charset "utf-8";
/* CSS Document */
/*
* @description: 网站公共样式
* @author: ishang_pan
* @update: ishang_pan (2017-08-03 17:53)
*/

/*全局 on*/
html{-webkit-text-size-adjust:none;}
*html{background-image:url(about:blank); background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
*{margin: 0; padding: 0; list-style: none;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
body{padding:0; margin:0; font: 14px/1.5 "Microsoft YaHei",微软雅黑,'宋体',tahoma,Verdana,arial,sans-serif; color:#333; background:#f3f3f3; min-width: 1200px;}
input,textarea,select,button,label{vertical-align:middle; outline:none; font-family:"Microsoft YaHei",微软雅黑;}
textarea{resize:none;}
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:hover{color:#e22929; text-decoration:none;}
a img{border:none;}
.fl{float:left;}
.fr{float:right;}
.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;}
* html .clearfix{zoom: 1;} /* IE6 */
*:first-child+html .clearfix{zoom: 1;} /* IE7 */
h1,h2,h3{font-weight: normal;}
.hidden{display: none;}
/*全局 end*/

.is-header{width: 100%;}
.m-top{width: 100%; }
.m-top .container{width: 1200px; margin: 0 auto; overflow: hidden;}
.m-top .container .m-x{width:300px;background: url(../images/top.png) left center no-repeat;}
.m-top .container .m-x a{padding-left: 25px;}
.m-top .container span{display: block; height: 40px; line-height: 40px; color: #5e5e5e; }
.m-top .container span a{color: #666; padding: 0 2px;}
.m-top .container span a:hover{color: #a00;}
.m-banner{width: 100%;height: 150px; background: url("../images/banner.png") no-repeat center top;}
.m-banner .container{position: relative; width: 1200px; height: 134px; margin: 0 auto; }
.u-logo{position: absolute; left: 10px; top: 32px; width: 630px; height: 81px;}
.u-search{position: absolute; right: 10px; top: 52px; width: 380px; height: 40px;}
.u-search .text{width: 268px; height: 38px; line-height: 38px; border: 1px solid #ddd; border-right: none; background: #fff; padding: 0 10px; color: #808080; float: left;}
.u-search .btn{width: 51px; height: 40px; float: left; cursor: pointer; background: url("../images/search-btn.png") no-repeat; border: none;}
.u-search .deep-search{display: block; float: right; width: 30px; height: 40px; line-height: 20px;}
.m-nav{position: relative; z-index: 999; width: 100%; height: 50px; background: #cd0000; margin-bottom: 15px;}
.m-nav .content{width: 1200px; height: 50px; margin: 0 auto; position: relative;}
.m-nav .content ul{width: 1180px; height: 50px; zoom:1;padding:0 10px;}
.m-nav .content li{height: 54px; line-height: 54px; float: left; position: relative; z-index: 999;}
.m-nav .content .m{width:160px;height: 54px; background: url("../images/line-bg.png") right center no-repeat;text-indent:10px;}
.m-nav .content li a{position: relative; display: block; height: 50px;  font-size: 16px;  color: #fff;}
.m-nav .content li a i{width: 23px;height: 30px;margin:15px 0 0 25px;float: left;}
.m-nav .content li a i.m1{ background: url("../images/nav.png") no-repeat left top;}
.m-nav .content li a i.m2{ background: url("../images/nav.png") no-repeat -156px top;}
.m-nav .content li a i.m3{ background: url("../images/nav.png") no-repeat -365px top;}
.m-nav .content li a i.m4{ background: url("../images/nav.png") no-repeat -526px top;}
.m-nav .content li a i.m5{ background: url("../images/nav.png") no-repeat -685px top;}
.m-nav .content li a i.m6{ background: url("../images/nav.png") no-repeat -858px top;}
.m-nav .content li a i.m7{ background: url("../images/nav.png") no-repeat -1017px top;}
.m-nav .content li:hover{background:#a00;}
.content .mask{position: absolute; left: 0px; bottom: -70px; z-index: 0; width: 1200px; height: 50px; background: url(../images/subnav_bg.png) repeat; display: none; opacity: 0;}
.m-nav .content li .subnav{display: none; opacity: 0; position: absolute; left: 0; top: -50px; z-index: 999; width: 1200px; overflow: hidden;}
.m-nav .content li .subnav a{display: block; padding: 0 15px; height: 50px; line-height: 50px;color: #000; float: left;}
.m-nav .content li .subnav a:hover{color: #a00;}
.m-nav .content li .subnav1{width: 800px;}
.m-nav .content li .subnav2{left:-160px; width: 800px;}
.m-nav .content li .subnav3{left:-370px; width: 1000px;}
.m-nav .content li .subnav4{left:-150px; width: 560px;}
.m-nav .content li .subnav5{left:-60px; width: 320px;}
.m-nav .content li .subnav6{left:-160px; width: 320px;}
.is-main{position: relative; width: 1200px; overflow: hidden; margin: 0 auto;}
.is-mainBox{ width: 1200px; overflow: hidden; margin: 0 auto; background: #fff;}

.m-introduction{ width: 1168px; overflow: hidden; border: 1px dashed #0268b3; border-radius: 5px; background: url(../images/introduction.jpg) no-repeat 49px 36px; margin: 18px auto 0;}
.m-introduction p{ padding: 26px 20px 26px 230px; line-height: 32px; text-indent: 2em; font-size: 16px;}

.f-title{ width: 1170px; height: 71px; line-height: 60px; text-align: center; margin: 30px auto; font-size: 26px; color: #fff; font-weight: normal;}
.f-title1{ background: url(../images/title_bg1.png) no-repeat;}
.f-title2{ background: url(../images/title_bg2.png) no-repeat;}
.f-title3{ background: url(../images/title_bg3.png) no-repeat;}
.f-title4{ background: url(../images/title_bg4.png) no-repeat;}
.f-title5{ background: url(../images/title_bg5.png) no-repeat;}

.f-box{ width: 1170px; overflow: hidden; margin: 0 auto;}
.f-box p{ background: #f5f5f5; padding: 18px 20px; text-align: justify; text-indent: 2em; line-height: 30px; font-size: 15px;}

.z-xzql{ width: 1200px; height: 150px; padding: 30px 0 0 115px; overflow: hidden; zoom:1;}
.z-xzql li{ position: relative; height: 118px; float: left; margin-right: 180px; border-radius: 10px; overflow: hidden;}
.z-xzql li.btn1{ background: #d05b5b;}
.z-xzql li.btn2{ background: #b6ad74;}
.z-xzql li.btn3{ background: #79a6b5;}
.z-xzql li a{ position: absolute; left: 0; top: 0; z-index: 2; display: block; width: 87px; height: 60px; line-height: 24px; padding: 40px 28px 0 94px; text-align: center; color: #fff; font-size: 16px;}
.z-xzql li a:hover{ text-decoration: none;}
.z-xzql li a.b1{ background: url(../images/btn_icon1.png) no-repeat;}
.z-xzql li a.b2{ background: url(../images/btn_icon2.png) no-repeat;}
.z-xzql li a.b3{ background: url(../images/btn_icon3.png) no-repeat;}
.z-xzql li.wayra {
	overflow: hidden;
	width: 192px;
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.z-czzj{ width: 1200px; height: 196px; padding: 37px 0 0 30px; overflow: hidden; zoom:1;}
.z-czzj li{ position: relative; width: 220px; height: 160px; float: left; overflow: hidden;margin-right:66px;}
.z-czzj li.i1{ background: url(../images/btn_bg1.png) no-repeat center top;}
.z-czzj li.i2{ background: url(../images/btn_bg2.png) no-repeat center top;}
.z-czzj li.i3{ background: url(../images/btn_bg3.png) no-repeat center top;}
.z-czzj li.i4{ background: url(../images/btn_bg4.png) no-repeat center top;}
.z-czzj li a{ display: block; width: 220px; height: 160px; text-align: center; line-height: 300px; font-size: 16px;}
.z-czzj li a:hover{text-decoration: none;}
.z-czzj li i{ position: absolute; left: 0; display: block; width: 100%; height: 52px; opacity: 1; top: 38px; background: url(../images/icons_sprites.png) no-repeat;}
.z-czzj li.i1 i{ background-position: 86px 0;}
.z-czzj li.i2 i{ background-position: -206px 0;}
.z-czzj li.i3 i{ background-position: -492px 0;}
.z-czzj li.i4 i{ background-position: -787px 0;}

.z-zypz{ width: 1200px; height: 324px; padding: 30px 0 0 23px; overflow: hidden; zoom:1;}
.z-zypz li{ position: relative; width: 256px; overflow: hidden; height: 38px; float: left; margin: 0 35px 43px 0;}
.z-zypz li span{ position: absolute; left: 0; top: 0; display: block; width: 38px; height: 38px;}
.z-zypz li.z1 span{ background: url(../images/btn_icons1.png) no-repeat 0 0 #5578cc;}
.z-zypz li.z2 span{ background: url(../images/btn_icons1.png) no-repeat -291px 0 #10b6f0;}
.z-zypz li.z3 span{ background: url(../images/btn_icons1.png) no-repeat -581px 0 #b9b286;}
.z-zypz li.z4 span{ background: url(../images/btn_icons1.png) no-repeat -872px 0 #8dd0be;}
.z-zypz li.z5 span{ background: url(../images/btn_icons1.png) no-repeat 0 -81px #f9644e;}
.z-zypz li.z6 span{ background: url(../images/btn_icons1.png) no-repeat -291px -81px #2392a3;}
.z-zypz li.z7 span{ background: url(../images/btn_icons1.png) no-repeat -581px -81px #fbab4a;}
.z-zypz li.z8 span{ background: url(../images/btn_icons1.png) no-repeat -872px -81px #10b6f0;}
.z-zypz li.z9 span{ background: url(../images/btn_icons1.png) no-repeat 0 -162px #29a76a;}
.z-zypz li.z10 span{ background: url(../images/btn_icons1.png) no-repeat -291px -162px #6f64c0;}
.z-zypz li.z11 span{ background: url(../images/btn_icons1.png) no-repeat -581px -162px #365486;}
.z-zypz li.z12 span{ background: url(../images/btn_icons1.png) no-repeat -872px -162px #a8ce71;}
.z-zypz li.z13 span{ background: url(../images/btn_icons1.png) no-repeat 0 -243px #fbab4a;}
.z-zypz li.z14 span{ background: url(../images/btn_icons1.png) no-repeat -291px -243px #b9b286;}
.z-zypz li.z15 span{ background: url(../images/btn_icons1.png) no-repeat -581px -243px #1fb26b;}
.z-zypz li a{ 
	position: absolute; left: 0; top: 0; z-index: 99; display: block; width: 204px; height: 38px; line-height: 38px; padding-left: 52px; font-size: 16px;
	-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}
.z-zypz li a:hover{
	text-decoration: none; color: #fff;
	-webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}

.z-fwms{ width: 1200px; height: 270px; padding: 30px 0 0 23px; overflow: hidden; zoom:1;}
.z-fwms li{ width: 168px; height: 108px; float: left; margin-right: 23px; margin-bottom: 23px; overflow: hidden;}
.z-fwms li a{ display: block; width: 168px; height: 108px; font-size: 15px;}
.z-fwms li a:hover{ text-decoration: none; color: #282828;}

.b-btns1{ width: 168px; height: 216px;}
.b-btns1 span{ display: block; width: 146px; text-align: center; height: 86px; line-height: 40px; padding-top: 22px; background: #f0f0f0; border-radius: 10px;}
.b-btns1 span.bottom{ background: #0368b3; color: #fff}
.b-btns1 span i{ display: block; width: 43px; height: 38px; margin: 0 auto; background: url(../images/button_icons1.png) no-repeat;}
.b-btns1 span.top i.b1{ background-position: 0 0;}
.b-btns1 span.top i.b2{ background-position: -43px 0;}
.b-btns1 span.top i.b3{ background-position: -86px 0;}
.b-btns1 span.top i.b4{ background-position: -129px 0;}
.b-btns1 span.top i.b5{ background-position: -172px 0;}
.b-btns1 span.top i.b6{ background-position: -215px 0;}
.b-btns1 span.top i.b7{ background-position: -258px 0;}
.b-btns1 span.top i.b8{ background-position: -301px 0;}
.b-btns1 span.top i.b9{ background-position: -344px 0;}
.b-btns1 span.top i.b10{ background-position: -387px 0;}
.b-btns1 span.top i.b11{ background-position: -430px 0;}
.b-btns1 span.top i.b12{ background-position: -472px 0;}

.b-btns1 span.bottom i.b1{ background-position: 0 -38px;}
.b-btns1 span.bottom i.b2{ background-position: -43px -38px;}
.b-btns1 span.bottom i.b3{ background-position: -86px -38px;}
.b-btns1 span.bottom i.b4{ background-position: -129px -38px;}
.b-btns1 span.bottom i.b5{ background-position: -172px -38px;}
.b-btns1 span.bottom i.b6{ background-position: -215px -38px;}
.b-btns1 span.bottom i.b7{ background-position: -258px -38px;}
.b-btns1 span.bottom i.b8{ background-position: -301px -38px;}
.b-btns1 span.bottom i.b9{ background-position: -344px -38px;}
.b-btns1 span.bottom i.b10{ background-position: -387px -38px;}
.b-btns1 span.bottom i.b11{ background-position: -430px -38px;}
.b-btns1 span.bottom i.b12{ background-position: -472px -38px;}


.z-jgxx{ height: 356px; padding: 27px 0 0 35px; overflow: hidden; zoom:1;}
.z-jgxx li{ position: relative; width: 126px; height: 130px; float: left; overflow: hidden;margin: 0 63px 33px 0;}
.z-jgxx li.i1{ background: url(../images/icon_bg1.png) no-repeat center top;}
.z-jgxx li.i2{ background: url(../images/icon_bg2.png) no-repeat center top;}
.z-jgxx li.i3{ background: url(../images/icon_bg3.png) no-repeat center top;}
.z-jgxx li.i4{ background: url(../images/icon_bg4.png) no-repeat center top;}
.z-jgxx li.i5{ background: url(../images/icon_bg5.png) no-repeat center top;}
.z-jgxx li.i6{ background: url(../images/icon_bg6.png) no-repeat center top;}
.z-jgxx li.i7{ background: url(../images/icon_bg7.png) no-repeat center top;}
.z-jgxx li.i8{ background: url(../images/icon_bg8.png) no-repeat center top;}
.z-jgxx li.i9{ background: url(../images/icon_bg9.png) no-repeat center top;}
.z-jgxx li.i10{ background: url(../images/icon_bg10.png) no-repeat center top;}
.z-jgxx li.i11{ background: url(../images/icon_bg11.png) no-repeat center top;}
.z-jgxx li a{ display: block; width: 126px; height: 130px; text-align: center; line-height: 230px; font-size: 16px;}
.z-jgxx li a:hover{text-decoration: none;}
.z-jgxx li i{ position: absolute; left: 0; display: block; width: 100%; height: 94px; opacity: 1; top: 0; background: url(../images/icons_sprites1.png) no-repeat;}
.z-jgxx li.i1 i{ background-position: 36px 15px;}
.z-jgxx li.i2 i{ background-position: -155px 15px;}
.z-jgxx li.i3 i{ background-position: -348px 15px;}
.z-jgxx li.i4 i{ background-position: -938px 15px;}
.z-jgxx li.i5 i{ background-position: -736px 15px;}
.z-jgxx li.i6 i{ background-position: -57px -145px;}
.z-jgxx li.i7 i{ background-position: -251px -145px;}
.z-jgxx li.i8 i{ background-position: -546px 15px;}
.z-jgxx li.i9 i{ background-position: -449px -145px;}
.z-jgxx li.i10 i{ background-position: -644px -145px;}
.z-jgxx li.i11 i{ background-position: -839px -145px;}
.is-footer{width: 100%; overflow: hidden; background: #cd0000; margin-top: 10px;}
.is-footer .container{position: relative; padding: 10px 0; width: 1200px; margin: 0 auto; color: #fff; height: 130px;}
.u-nav{width:800px; height: 46px; line-height: 46px; color: #fff;margin: 0 auto;text-align:center;}
.u-nav a{padding: 0 10px; color: #fff;}
.m-ftfuns{width:800px; height: 46px; line-height: 46px; color: #fff;margin: 0 auto;text-align:center;}
.m-ftfuns a{padding: 0 10px; color: #fff;}
.is-footer .container p{width:800px;margin:auto; line-height: 30px; padding-left: 10px;text-align:center;}
.is-footer .container p a{color: #fff;}
.is-footer .container p img{max-width: 100%; border: 0; vertical-align: middle;}
#_ideConac{position: absolute; top: 40px; left: 90px; width: 80px; height: 80px;}
#_span_jiucuo{position: absolute; top: 45px; left: 1045px; width: 110px; height: 55px;}
.u-codes{position: absolute; right: 0; top: 30px; width: 340px; height: 110px;}
.u-codes li{width: 70px; height: 110px; float: left; margin-right: 10px; line-height: 22px; color: #fff; text-align: center;}
.u-codes li img{width: 70px; height: 71px; margin-bottom: 10px;}
@media screen and (max-width: 767px) {
  *{box-sizing:border-box;}
  body{min-width:auto;}
  .is-main{padding:10px}
	.g-gov{padding:0 10px}
  .g-gov,.is-main,.m-gov,.is-mainBox,.m-introduction,.f-title,.f-box,.m-banner .container,.z-czzj,.z-czzj li a{width: 100%!important;}
	.u-logo{width:100%;top:8px}
	.u-search{top:90px}
	.z-xzql li a{background: none!important;width:100%;padding:20px}
  .is-gyheader img{width:255%;left:0;margin-left:-77%;height:170px}
	.is-gyheader .u-home img{margin-left:0!important;margin-top:0!important;}
	.is-gyheader{height: 170px;}
  .m-search{left:20px!important;bottom:8px!important;top:auto!important;position: absolute!important;width:280px!important}
	.m-search .u-searchbtn{right:15!important;height:36px!important;top:0!important;}
  .m-nav .content ul,.m-nav .content,.m-nav,.z-fwms,.z-jgxx{width:100%;height:auto;overflow: hidden;}
	.m-nav .content .m{width: 25%!important;text-align: center;}
	.m-nav .content li a i,	.m-nav .content li.line,.visible-lg{display: none;}
	.z-czzj li{width:48%;margin:1%}
	.m-introduction p{height:227px;overflow-y: auto;}
  .is-footer .container,.panel-wrapper .hd ul,.is-footer .container p,.m-ftfuns,.z-xzql{width: 100%;}
	.is-footer .m-footer #_span_jiucuo{margin-left:0}
	.is-footer .m-footer #_ideConac,.is-footer .m-footer #_span_jiucuo{position: static;}
	.is-footer .m-footer{width:100%;height:auto;overflow: hidden;}
	.m-footer .container{padding:15px}
	.z-czzj,.z-fwms,.z-jgxx{height:auto;padding:10px}
	.z-czzj li.i1 i{background-position: 57px 0;}
	.z-czzj li.i2 i{background-position: -235px 0;}
	.z-czzj li.i3 i{background-position: -510px 0;}
	.z-czzj li.i4 i{background-position: -807px 0;}
	.z-zypz{width:100%}
	.z-zypz li,.z-jgxx li,.z-fwms li{width:48%;margin:10px 1%}
	.m-introduction p{padding-left:176px}
	.z-fwms li{height:86px}
	.b-btns1 span{padding-top:10px}

	.f-title{background-position: center center;}
	.is-gyheader a.u-home{left:0;margin-left:0;top:10px}
	.z-xzql{height:auto;padding:20px}
	.z-xzql li.wayra{float:left;width:31.333%;margin:1%}

  .u-gymain{width:100%}
	.m-gysynav{height: auto;overflow: hidden;line-height: 44px;}
	.m-hjbh ul li{width: 50%;}
	.m-gysytit{width:100%;line-height:56px}
	.m-gysytit a{font-size: 24px;height:44px}
	.m-jyxx,.m-ylws,.m-hjbh,.m-shjz,.m-zhsg,.m-ggwh{padding:20px}
	.m-jyxx ul li{width:50%;padding:0;margin:10px 0}
	.m-ylws,.m-tpgj,.m-shjz,.m-zhsg,.m-ggwh{height:auto}
	.m-ylws ul,.m-tpgj ul,.m-shjz ul.u-shjztp,.m-shjz ul.u-shjzbt,.m-zhsg ul{overflow: hidden;}
	.m-shjz ul.u-shjztp{margin-top:20px}
	.m-shjz ul li{width:48%;margin:1%}
	.m-ylws ul li{float:none;margin:10px auto}
	.m-shjz ul.u-shjzbt{margin:0}
	.m-zhsg ul{padding:20px 0}
	.m-zhsg ul li{width:33.33%;margin:0}
	.m-zhsg ul li span{width:80px;height:80px}
	.m-zhsg ul li.u-zh01 span{background-position: -26px -26px}
	.m-zhsg ul li.u-zh02 span{background-position: -155px -28px;}
	.m-zhsg ul li.u-zh03 span{background-position: -285px -23px;}
	.m-zhsg ul li.u-zh04 span {background-position: -415px -19px;}
	.m-ggwh ul{overflow: hidden;padding:20px 0 0 0}
	.m-ggwh ul li{margin:10px auto;float:none}
	.m-gysynav ul li{width: 33.33%;height:44px;overflow: hidden;text-align:center}
	.m-gysynav ul li a{padding:0}
	.m-ylws ul li a{padding-left:0;text-align: center;}
	.m-jyxx{height:auto;overflow: hidden;}
	.m-ftfuns{height:auto}
}