*{ margin:0px; padding:0px}
body{ font-family:"΢���ź�"; font-size:14px; color:#000000;}
img,div,table,tr,td,span{ border:none}
ul,li{ list-style:none}
a{ text-decoration:none; color:#000000}
a:hover{ text-decoration:none; }

.clear{ clear:both; overflow:hidden; zoom:1; float:none;}
.clearf{ clear:both}

.fl{ float:left}
.fr{ float:right}

.width{ width:1560px; margin:0 auto}
@media screen and (max-width:1570px){
.width{ width:95%;}
}

.topbg{ width:100%; background-image: url(http://www.hyyzqj.com/template/default/images/topbg.jpg); background-repeat:repeat-x;background-position:top center;margin:0px auto; overflow:hidden}
.tbyc{text-align:right; width:1560px; margin:0 auto}
.tbyc a{ font-weight:bold; line-height:30px; padding-right:5px}
@media screen and (max-width:1570px){
.tbyc{ width:95%}
}

.topbk{ width:1560px; margin:0px auto; height:92px;  padding-bottom:16px;}
.topbk h3{ display:none}
.logo_l{ float:left; }
.logo_m{ float:left;margin-top:25px; background:url(http://www.hyyzqj.com/template/default/images/sx.png) no-repeat left; padding-left:37px}
.logo_m span{ font-size:18px; line-height:28px }
.logo_m  b{ display:block;font-weight:normal; color:#921729}
.logo_tel{ float:right; background:url(../image/logo_tel.png) no-repeat left; width:280px; height:70px; padding-left:73px; margin-top:18px}
.logo_tel span{ font-size:17px; font-weight:normal;}
.logo_tel b{ font-size:36px}
.tlxwm{ float:right; width:400px}
@media screen and (max-width:1570px){
.topbk{ width:95%}
}
@media screen and (max-width:1404px){
.logo_m{ display:none}
}
@media screen and (max-width:1034px){
.logo_tel{ display:none}
.logo_l{ width:620px; margin:0 auto; float:none}
}
@media screen and (max-width:656px){
.tbyc{ display:none}
.logo_l{ display:none}
.topbk h3{ display:block; font-size:37px; text-align:center; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; width:100%; height:45px; line-height:45px}
.topbk{ padding-top:20px; height:auto; padding-bottom:20px}
}

.nav_dh{  width:100%;margin:0px auto; background:#08637E}
.nav_nr{ width:1560px; margin:0px auto; }
.nav_nr li{ width:calc(93%/8);float:left;text-align:center; line-height:55px; font-size:14px; color:#ffffff; background-repeat:no-repeat; background-size:cover; margin-right:1%}
.nav_nr li:last-child{ margin-right:0}
.nav_nr li a{ color:#ffffff; font-size:15px}
@media screen and (max-width:1570px){
.nav_nr{ width:95%}
}
@media screen and (max-width:670px){
.nav_dh{ padding-top:10px; padding-bottom:10px; background:#08637E}
.nav_nr li{ width:calc(96%/4); line-height:35px }
}

/*Banner*/
.fullSlide{ width:100%;position:relative;overflow:hidden;height:710px;} 
.fullSlide .bd { margin:0 auto;position:relative;z-index:0;overflow:hidden;} 
.fullSlide .bd ul { width:100% !important;}
.fullSlide .bd li { width:100% !important;overflow:hidden;text-align:center;background-position:center top;background-repeat:no-repeat;background-size:cover;height:710px;} 
.fullSlide .bd li a { display:block;height:710px;} 
.fullSlide .hd { width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:10px;line-height:10px;} 
.fullSlide .hd ul { text-align:center;}
.fullSlide .hd ul li { cursor:pointer;display:inline-block;*display:inline;zoom:1;overflow:hidden;background:#fff;line-height:999px;background:#333;} 
.fullSlide .hd ul .on { } 

.fullSlide .prev,.fullSlide .next { display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;cursor:pointer;/* filter:alpha(opacity=50);opacity:0.5;*/display:none;width:58px;height:58px; background:#000;} 
.fullSlide .prev { background:url(../image/banner_prev.png) no-repeat #784B12 center;}
.fullSlide .next { left:auto;right:5%;background:url(../image/banner_next.png) no-repeat #784B12 center;}
@media screen and (max-width:1440px){
.fullSlide {height:640px;} 
.fullSlide .bd li{height:640px;}
.fullSlide .bd li a {height:640px;} 
}
@media screen and (max-width:1280px){
.fullSlide {height:520px;} 
.fullSlide .bd li{height:520px;}
.fullSlide .bd li a {  height:520px;} 
}
@media screen and (max-width:1024px){
.fullSlide {height:500px;} 
.fullSlide .bd li{height:500px;}
.fullSlide .bd li a {  height:500px;} 
}
@media screen and (max-width:992px){
.fullSlide {height:390px;} 
.fullSlide .bd li{height:390px;}
.fullSlide .bd li a {  height:390px;} 
}
@media screen and (max-width:768px){
.fullSlide {height:320px;} 
.fullSlide .bd li{height:320px;}
.fullSlide .bd li a {  height:320px;} 
.fullSlide .hd ul li { width:15px;height:15px;border-radius:15px;} 
.fullSlide .hd ul .on {width:40px;height:15px;border-radius:8px  } 
}
@media screen and (max-width:640px){
.fullSlide {height:290px;} 
.fullSlide .bd li{height:290px;}
.fullSlide .bd li a {  height:290px;} 
}
@media screen and (max-width:480px){
.fullSlide {height:250px;} 
.fullSlide .bd li{height:250px;}
.fullSlide .bd li a {  height:250px;} 
}
@media screen and (max-width:380px){
.fullSlide {height:200px;} 
.fullSlide .bd li{height:200px;}
.fullSlide .bd li a {  height:200px;} 
}

.sjban{ display:none}
.sjban img{ width:100%}
@media only screen and (max-width:640px) {  
.sjban{ display:block}
.fullSlide{ display:none}
}
/*header end*/

/**/
.root {width: 100%;position: relative; background:url(../image/Toubu.jpg) no-repeat center;}
.root dt {float: left;width:230px;height:170px; position:relative; z-index:1}
.root dt img {display: block;width:100%;}
.r_r{ float:left; height:50px; width:50px; position: relative; z-index:9; margin-left:-24px; margin-top:55px}
.root .wzgg {padding-top:35px;position: relative;height: 113px;width:75%;float: right;font-size: 15px;color: #346a7a;line-height: 34px;text-indent: 2em;}
.root .wzgg p { display:inline}
.root .wzgg p em {font-weight: bold;}
.root .wzgg h1{ font-size: 15px;display:inline; font-weight:normal}
.root .wzgg h2{font-size: 15px; display:inline; font-weight:normal}
.root .wzgg h3{font-size: 15px; display:inline; font-weight:normal}
.root .wzgg span{ display:inline; font-weight:normal}
.root .wzgg i {display: block;position: absolute;right: 0;bottom:12px;width:25px;height:25px;}
.root .wzgg img {display: block;width:25px;height:25px;}
.wzgg{display:inline}
.wzgg_bt{display:inline}
@media only screen and (max-width:1440px) { 
.root .wzgg i{ bottom:-12px}
}
@media only screen and (max-width:1305px) { 
.root .wzgg{ width:69%} 
.root .wzgg{ height:140px; padding-top:3px}
}
@media only screen and (max-width:1054px) { 
.root .wzgg{ height:130px}
.root .wzgg i{ display:none}
.root{ height:auto}
}
@media only screen and (max-width:913px) { 
.root .wzgg{ height:auto; line-height:32px}
}
@media only screen and (max-width:876px) { 
.root .wzgg{ line-height:26px; width:63%}
}
@media only screen and (max-width:768px) { 
.root{ display:none}
.Toubu{ background:none}
.root{ background:#333; padding:0% 0% 2% 0%; height:auto}
.root dt{ width:100%; background:#333; margin-top:0%; text-align:center}
.root dt img{ margin: 0 auto;}
.root .wzgg{ width:100%; height:auto; color:#fff; padding-top:0%}
.root .wzgg h1{ display:none}
.root .wzgg h2{ display:none}
.root .wzgg p{ display:none}
.root .wzgg h3{ width:100%; height:50px; line-height:50px; font-size:18px; text-align:center;border-radius:50px; background:#FFFFFF; color:#ce0001; display:block; margin-top:3%;} 
}

.mainsytj{ padding:3% 0% 0; }
.mainsytj_top{ text-align:center; }
.mainsytj_top dt{ font-size:30px; line-height:60px; color:#295592 ;font-weight: bold}
.mainsytj_top dt i{ height:90px; overflow:hidden; width:100%; display:block; display:none}
.mainsytj_top dd{ font-size:18px; line-height:40px; color:#999; text-transform:uppercase; font-weight:normal }
.mainsytj_top p{ background:#295592; height:2px; width:40px; margin: 0 auto; display: none} 
@media only screen and (max-width:596px) { 
.mainsytj_top{ width:98%}
.mainsytj_top img{ width:100%}
}

/*��Ʒ*/
#classimgshow1{_width:290px;width:290px;_height:50px;
height:50px;_line-height:50px;line-height:50px; border-bottom:1px solid #0;
background:url(0) no-repeat left; _padding-left:15px;padding-left:15px;}
#classimgshow1 a{color:#333;text-decoration:none;}
#classimgshow2{_width:275px; width:275px;_height:50px;
height:50px;_line-height:50px;line-height:50px;
background:url(0) no-repeat left; _padding-left:20px;padding-left:20px;}
#classimgshow2 a{color:#0;text-decoration:none;}

.list_d{background:#fff;width:350px;position:relative;height:1325px; padding:20px;border: 1px #eee solid;}
.list_dline{width:315px;  height:995px;}
.list_dline::-webkit-scrollbar{width:4px;height:0;background: #eee;border-radius: 100px;}
.list_dline::-webkit-scrollbar-thumb {border-radius: 100px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);background: #aaa; }
.list_dline::-webkit-scrollbar-button{display:none;}

.list_d #classimgshow1{position: relative; width:307px; height:50px; -webkit-transition:0.3s; transition:0.3s; padding-left:0px !important;}
.list_d #classimgshow1 a{background:#f5f5f5; font-size:18px; position: relative; z-index:2; display:block;padding-left:20px; color:#333;margin-top: 20px;    border-radius: 27px;}
.list_d #classimgshow1:hover a{color:#fff; background:#0c52b1; -webkit-transition:0.3s; transition:0.3s;}
.list_d #classimgshow1 a:after{content:""; margin: 22px 30px 0 0; float: right;width: 0; height: 0;border-width: 8px;border-style: solid;border-color:#333 transparent transparent transparent; }
.list_d #classimgshow1 a:hover::after{border-color:#fff transparent transparent transparent;}
.list_d #classimgshow1:after{content:"";background:#fa880d; width:0px; height: 42px;  display: block;  -webkit-transition:0.3s;  transition:0.3s;position: absolute; top: 0; left: 0; z-index:1;}
.list_d .classimgshow2_cls{padding-top:20px;}
.list_d #classimgshow2{height:46px !important;}
.list_d #classimgshow2 a{font-size:16px; font-weight:100; line-height:40px; }
.list_d #classimgshow2 a:before{content:""; display:block; width:9px; height:9px;border-radius: 100%; border:1px #ccc solid; float:left; margin:15px 14px 0 0;}
.list_d #classimgshow2 a:hover::before{ border:1px #0c52b1 solid; background:#0c52b1;}

.prod_r{width:100%; margin:0 auto}
.prod_nr dl{ width:32%; float:left; margin-right:2%; background:#f1f1f1; margin-bottom:20px}
.prod_nr dl:nth-child(3n){ margin-right:0}
.prod_nr dl dd{ width:30%; float:left; width:170px; height:170px; overflow:hidden; }
.prod_nr dl dd a img{ width:100%}
.prod_nr dl dt{ width:58%; float:right; padding-top:15px; padding-right:2%}
.prod_nr dl dt h1{ font-size:17px; color:#333; line-height:35px; width:100%; height:35px; overflow:hidden}
.prod_nr dl dt p{ height:70px; overflow:hidden; line-height:24px}
.cpmore{ width:90px; height:30px; text-align:center; background:#FC0; color:#fff; line-height:30px; margin-top:5px}
@media only screen and (max-width:1530px) { 
.prod_nr dl dt{ width:54%}
}
@media only screen and (max-width:1372px) { 
.prod_nr dl dd{ width:140px;}
.prod_nr dl dd a img{ width:auto; height:100%}
}
@media only screen and (max-width:1162px) { 
.prod_nr dl dt{ width:46%}
}
@media only screen and (max-width:988px) { 
.prod_nr dl{ width:49%; margin-bottom:12px}
.prod_nr dl:last-child{ display:none}
.prod_nr dl:nth-child(3n){ margin-right:2%}
.prod_nr dl:nth-child(2n){ margin-right:0}
.prod_nr dl dt{ width:59%}
}
@media only screen and (max-width:864px) { 
.prod_nr dl dd{ width:100%}
.prod_nr dl dd a img{ width:100%; height:auto; margin-top:-20%}
.prod_nr dl dt{ width:95%}
}
@media only screen and (max-width:550px) { 
.prod_nr dl dd{ height:auto}
.prod_nr dl dt{ padding-top:5px}
}

/*ys*/
.index-ys {width: 100%;background: url(../image/ys_bg.jpg) no-repeat center;padding:46px 0;}
.index-ys-l{padding-top: 20px; float:left; width:30%}
.index-ys-l h3 {font-size:31px;color: #fff;line-height: 1.2;margin-bottom:15px;font-weight: bold;}
.index-ys-l li {font-size: 16px;color: #FCF2F2;line-height: 2.5;}
.index-ys-r {width:67%; float:right}
.index-ys-r li {width: 24.5%;float: left;height: 184px;position: relative;border-right:1px #FCF2F2 solid; border-bottom:1px #FCF2F2 solid}
.index-ys-r li:nth-of-type(4n) {margin-right: 0;}
.index-ys-r li > div {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.index-ys-r li .text {background: #fff;z-index: 1;text-align: center;transition: all 0.6s ease 0s;backface-visibility: hidden;}
.index-ys-r li .text img{ padding-top:43px}
.index-ys-r li .text h6 {font-size: 18px;color: #333;margin-top: 17px;}
.index-ys-r li .cont {background: #dc2b23;font-size: 16px;transform: rotateY(-180deg);transition: all 0.5s ease 0s;backface-visibility: hidden;}
.index-ys-r li .cont h6 {margin-bottom: 10px;font-size:18px;color:#fff; padding-top:20%; padding-left:5%; padding-right:5%}
.index-ys-r li:hover p{color:#fff;opacity: 0.8; padding-left:5%; padding-right:5%}
.index-ys-r li:hover .text {transform: rotateY(180deg);}
.index-ys-r li:hover .cont {transform: rotateY(0deg);}

.index-ys .index-ys-l .to {width: 150px;line-height: 45px;font-size: 16px;color: #fff;background:#ccc;display: block;text-align: center;margin-top: 30px;border-radius: 3px;}
.index-ys .index-ys-l a:hover{background:#dc2b23;color:#fff;}
@media only screen and (max-width:1150px) { 
.index-ys-l h3{ font-size:33px}
}
@media only screen and (max-width:930px) { 
.index-ys-l h3{ font-size:28px}
.index-ys .index-ys-l .to{ margin-top:13px}
}
@media only screen and (max-width:930px) { 
.index-ys-r li:nth-child(4){ display:none}
.index-ys-r li:nth-child(6){ display:none}
.index-ys-r li{ width:32.5%}
.index-ys-r{ width:60%}
.index-ys-l{ width:37%}
}
@media only screen and (max-width:746px) { 
.index-ys{background: url(../image/ys_bg.jpg) repeat; padding:24px 0}
.index-ys-r{ width:100%}
.index-ys-r li {width: 24.5%;}
.index-ys-l{ width:100%}
.index-ys-l ul{ display:none}
.index-ys-l h3{ text-align:center}
.index-ys .index-ys-l .to{ display:none}
.index-ys-r li:nth-child(4){ display: block}
.index-ys-r li:nth-child(6){ display: block}
}

/**/
.bk-title{ padding-top:30px; padding-bottom:20px}
.bk-title a{text-align:center}
.bk-title a b{font-size:34px;font-weight:700;line-height:40px;color:#333;display:block}
.bk-title a span{font-size:18px;font-weight:400;line-height:20px;color:#666;display:block;margin-top:20px}
.bk-title a span:before{content:"";width:77px;height:1px;background:#08637e;vertical-align:middle;margin-right:16px;display:inline-block}
.bk-title a span:after{content:"";width:77px;height:1px;background:#08637e;vertical-align:middle;margin-left:16px;display:inline-block}
@media only screen and (max-width:1100px) { 
.bk-title a b{ font-size:33px}
.bk-title{ padding-top:45px; padding-bottom:26px}
}
@media only screen and (max-width:700px) { 
.bk-title a span:before{ display:none}
.bk-title a span:after{ display: none}
}
@media only screen and (max-width:520px) { 
.bk-title a b{ font-size:30px}
.bk-title a span{ font-size:18px; margin-top:12px}
}

.guide{padding-bottom:30px;background:#eff3f8}
.guide .guide-con{}
.guide .guide-con li{position:relative;width:16.666%;float:left;height:362px;background:#fff;text-align:center;overflow:hidden}
.guide .guide-con li em{width:57px;height:57px;display:block;overflow:hidden;margin:60px auto 18px;position:relative;z-index:1}
.guide .guide-con li em img{width:57px;height:57px;position:relative;transition:.5s;top:0}
.guide .guide-con li b{font-size:20px;font-weight:400;line-height:20px;color:#333;display:block;margin-top:18px;position:relative;z-index:1}
.guide .guide-con li b:after{content:"";display:block;width:30px;height:2px;background:#08637e;margin:14px auto 15px}
.guide .guide-con li span{padding:0 22px;font-size:14px;font-weight:400;line-height:25px;color:#666;display:block;position:relative;z-index:1}
.guide .guide-con li p{display:none;position:absolute;left:0;top:100%;transition:.5s}
.guide .guide-con li i{position:absolute;left:0;bottom:0;width:45px;height:66px;background:#d0d0d0;border-radius:0 85px 70% 0;font-size:20px;font-weight:700;line-height:86px;color:#fff;overflow:hidden;z-index:1}
.guide .guide-con li:after{content:"";display:block;width:1px;height:100%;background:#eee;right:0;top:0;z-index:1;position:absolute}
.guide .guide-con li:last-of-type:after{display:none}
.guide .guide-con li.cur em img,.guide .guide-con li:hover em img{top:-57px}
.guide .guide-con li.cur b,.guide .guide-con li.cur span,.guide .guide-con li:hover b,.guide .guide-con li:hover span{color:#fff}
.guide .guide-con li.cur b:after,.guide .guide-con li:hover b:after{background:#fff}
.guide .guide-con li.cur p,.guide .guide-con li:hover p{top:0;display:block}
.guide .guide-con li.cur i,.guide .guide-con li:hover i{background:#08637e}
.guide .guide-con:after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
@media only screen and (max-width:1022px) { 
.guide .guide-con li:nth-child(2){ display:none}
.guide .guide-con li:nth-child(3){ display:none}
.guide .guide-con li{ width:25%}
.guide{ padding-bottom:35px}
}
@media only screen and (max-width:660px) { 
.guide .guide-con li:nth-child(2){ display: block}
.guide .guide-con li:nth-child(3){ display: block}
.guide .guide-con li{ width:33.3%}
}
@media only screen and (max-width:490px) { 
.guide .guide-con li em{ margin:20px auto 18px}
.guide .guide-con li{ width:50%; height:285px}
}

/* about */ 
.about{ width:100%; background:#f5f5f5}
.about_l{ width:830px; height:455px; padding:45px 0 0 103px; overflow:hidden; background:url(../image/about_l.jpg) no-repeat top left; float:left}
.about_l ul li{ width:830px; height:455px; float:left;}
.about_l ul li img{ width:830px; height:455px;}
.about_r{ margin-top:35px; float:left; height:auto; width:40%}
.about_r .hd_tit{ margin-left:47px; }
.about_r .hd_tit h2{ font-size:27px;}
.about_r .hd_tit p{ color:#d5d1d0; font-size:30px;}
.about_p{margin-left:47px; height:auto; font-size:1.1em; line-height:2em; overflow:hidden}

.zx_box{ padding:56px 0 0 37px; margin-top:27px; background:url(../image/zx_box.jpg) no-repeat center 0; background-color:#8e0f0d; width:268px; height:122px; color:#fff;}
.zx_box p{ font-size:15px;}
.zx_box h2{ margin:10px 0 20px; width:239px; height:21px; background:url(http://www.hyyzqj.com/template/default/images/zx_tel.png) no-repeat left 0;}
.zx_box h3{ font-size:20px; font-weight:bold;}
.zx_box h3 a{ display:block; width:84px; padding-right:40px; color:#fff;  background:url(../image/jt.png) no-repeat right center; transition:all .3s; }
.zx_box h3 a:hover{ background-position:84px center;}

@media only screen and (max-width:1576px) { 
.about_l{ width:52%}
}
@media only screen and (max-width:1380px) { 
.about_l{ width:45%}
}
@media only screen and (max-width:1160px) { 
.about_l{ width:37%}
.about_r{ width:50%; height:420px}
}
@media only screen and (max-width:910px) { 
.about_l{ width:22%}
.about_r{ width:63%}
}
@media only screen and (max-width:735px) { 
.about_l{ padding-left:14%; width:86%}
.about_r{ width:100%}
.about_r .hd_tit{ margin-left:0}
.about_p{ margin-left:0}
.about_r{ margin-top:12px; height:auto}
.zx_box{ margin-top:10px}
}
@media only screen and (max-width:408px) { 
.about_r .hd_tit h2{ font-size:25px}
}
@media screen and (max-width:680px){
.news_bt p {/*white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis;}
}
/*--����--*/
.newsone {margin: 0 auto;padding:0 0 20px 0px;box-sizing: border-box;}
.news_bt {min-height:80px;margin: 0 auto; padding-top:38px; padding-bottom:20px}
.news_bt h1 {font-size:1.5em;color: #333;text-align: center;line-height: 35px;}
.news_bt h2 {font-size:1.3em;color: #333;text-align: center;line-height: 35px;}
.news_bt h3 {font-size:1.2em;color: #333;text-align: center;line-height: 35px;}
.news_bt p {font-size: 16px;color: #09ad4a;text-align: center;line-height:35px; text-align:left; text-indent:2em;}
.fxui-tab {}
.fxui-tab-hand {width: 420px;height: 30px;margin: 0 auto;}
.fxui-tab-tit {display: block;float: left;width: 108px;height: 30px;border: 1px solid #e4e4e4;text-align: center;margin: 0 15px;font-size: 16px;height: 30px;line-height: 30px;cursor: pointer;}
.fxui-tab-hand .curr {background: #ff2600;color: #fff;}
.fxui-tab-nav{width: 1560px;overflow: hidden; margin:0 auto; margin-top:50px}
.fxui-tab-nav ul { width:1570px}
.fxui-tab-nav ul li {width:18%;float: left;margin-right: 2%;border-right: 1px solid #ededed;padding-right:2%;box-sizing: border-box; padding-bottom:15px}
.fxui-tab-nav ul a li:nth-child(5n){ margin-right:0}
.fxui-tab-nav ul li h3 {font-size: 16px;color: #333;width: 100%;height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fxui-tab-nav ul li span {color: #999;line-height: 30px;}
.fxui-tab-nav ul li i {width: 29px;height: 2px;background: #333;display: block;margin-top: 3px;}
.fxui-tab-nav ul li p {width: 100%;height: 60px;line-height: 30px;color: #666;overflow: hidden;margin-top: 20px;}
.fxui-tab-nav ul li img {width: 100%;height:auto;margin-top: 10px;}
.fxui-tab-nav ul li div {width: 100%;height: 22px;background: url(../image/news.gif) no-repeat;margin-top: 10px;transition: all 0.5s;overflow: hidden;}
.fxui-tab-nav ul li:hover div {background: url(../image/news_h.gif) no-repeat;}
.fxui-tab-nav ul li div i {width: 0px;height: 1px;background: #ffa721;margin-top: 12px;margin-left: 22px;display: block;transition: all 0.5s;}
.fxui-tab-nav ul li:hover div i {width: 100%;}
@media only screen and (max-width:1570px) { 
.fxui-tab-nav{width:95%;}
.fxui-tab-nav ul{ width:102%}
}
@media only screen and (max-width:1230px) { 
.fxui-tab-nav ul li{ width:23%}
.fxui-tab-nav ul li:nth-of-type(n+9){ display:none}
}
@media only screen and (max-width:930px) { 
.fxui-tab-nav ul li{ width:31%}
.fxui-tab-nav ul li:nth-child(3n){ margin-right:0}
.fxui-tab-nav ul li:nth-of-type(n+7){ display:none}
}
@media only screen and (max-width:620px) { 
.fxui-tab-nav ul li{ width:48%}
.fxui-tab-nav ul li:nth-child(3n){ margin-right:2%}
.fxui-tab-nav ul li:nth-child(2n){ margin-right:0}
.fxui-tab-nav ul li:nth-of-type(n+5){ display:none}
}
@media only screen and (max-width:428px) { 
.fxui-tab-hand{ width:98%; margin:0 auto}
.fxui-tab-tit{ width:30%; margin:0 1% 0}
}

/*cp*/
.sycpzs{ width:calc(100% - 16px); margin:0 auto}
.sycpzs ul li{margin-bottom:15px;text-align:center; width:calc(96%/5); float:left; margin-right:1%}
.sycpzs ul li:nth-child(5n){ margin-right:0}
.sycpzs ul li a{display:block;width:100%;overflow: hidden;}
.sycpzs ul li a{display:block;width:100%;overflow: hidden;}
.sycpzs ul li a img{max-width:100%;width:100%;transition: all ease-in-out .5s;}
.sycpzs ul li a img:hover{transition: all ease-in-out .5s; transform: scale(1.2);}
.sycpzs ul li a p{display:block;height:40px;line-height:40px;overflow:hidden; font-size:16px}
.sycpzs ul li:hover a p{color:#d5090a;}
.sycpzs ul li a span{display:block; overflow:hidden}
@media screen and (max-width: 1300px){
.sycpzs ul li{ width:calc(97%/4);}
.sycpzs ul li:nth-child(5n){ margin-right:1%}
.sycpzs ul li:nth-child(4n){ margin-right:0}
.sycpzs ul li:nth-of-type(n+9){ display:none}
}
@media screen and (max-width:830px){
.sycpzs ul li{ width:calc(98%/3);}
.sycpzs ul li:nth-child(4n){ margin-right:1%}
.sycpzs ul li:nth-child(3n){ margin-right:0}
.sycpzs ul li:nth-of-type(n+9){ display: block}
.sycpzs ul li:nth-of-type(n+10){ display:none}
}
@media screen and (max-width:680px){
.sycpzs ul li{ width:calc(98%/2); margin-right:2%}
.sycpzs ul li:nth-child(3n){ margin-right:2%}
.sycpzs ul li:nth-child(4n){ margin-right:2%}
.sycpzs ul li:nth-child(2n){ margin-right:0}
.sycpzs ul li:nth-of-type(n+10){ display: block}
}

.hf1{ width:100%; height:200px; background:url(../image/hf1.jpg)}
.hf_l{ float:left; width:880px; padding-top:50px}
.hf_l p{ font-size:1.2em; color:#fff;} 
.hf_l p strong{ display:inline-block;  font-weight:bold; font-size:28px; padding-right:10px; font-style:italic; } 
.hf_l p.bigtxt{ font-size:30px; padding-bottom:25px; } 
.hf_l p span{ color:#2ca501; display:inline-block; }
.hf_r{ float:right; width:35%;width:484px; height:53px; background: url(../image/hf_r.png) no-repeat; margin-top:75px}
.hf_r b{ color:#FFCC00;  font-size:44px; float:right;}
@media screen and (max-width:1348px){
.hf_r{ display:none}
.hf_l{ float:none; margin:0 auto}
}
@media screen and (max-width:754px){
.hf_l{ width:100%; padding-top:20px; padding-bottom:20px}
.hf_l img{ width:100%}
.hf1{ height: auto;}

}

.xigtnjd {width: 26px;height: 25px;margin: 0 auto;animation: myfirst 2s infinite;}
@keyframes myfirst {
0% {
 transform: translate(0px, 0px);
}
 50% {
 transform: translate(0px, -10px);
}
 100% {
 transform: translate(0px, 0px);
}
}

.xinwen{ padding:1.5% 0% 1.5% 0%; background:url(../image/bg_1.jpg) no-repeat fixed;}
.xinwen_top{ margin-bottom:2%;width:100%; text-align:center;background:url(http://www.hyyzqj.com/template/default/images/xinwen_top.png) no-repeat center center; padding-top:30px}
.xinwen_top h2{ font-size:36px; line-height:50px; font-weight:normal; padding-bottom:10px; } 
.xinwen_top h2 strong{padding-right:2%;} 
.xinwen_top span{ font-size:18px; line-height:40px; font-weight:normal; }  
.xinwen .news2{ width:29%; float:left; margin-top:20px; padding:50px 0% 0% 10%;background:url(../image/xinwen.jpg) no-repeat left top;background-size:71% 75%}
.xinwen .news2 .news2_div{ margin:0% 0% 20px 0%; float:left; background:#0D8D90; padding:20px;} 
.xinwen .news2 .news2_div:nth-child(1) ul{background:url(http://www.hyyzqj.com/template/default/images/news2_div1.jpg) no-repeat center center;background-size:cover}
.xinwen .news2 .news2_div:nth-child(2) ul{background:url(http://www.hyyzqj.com/template/default/images/news2_div2.jpg) no-repeat center center;background-size:cover}
.xinwen .news2 .news2_div:nth-child(3) ul{background:url(http://www.hyyzqj.com/template/default/images/news2_div3.jpg) no-repeat center center;background-size:cover}
.xinwen .news2 li ul{width:22%; float:left; height:110px; overflow:hidden; }
.xinwen .news2 li ul p{ font-size:24px; margin-top:10px; color:#fff}
.xinwen .news2 li dt{width:74%; float: right;}
.xinwen .news2 li h2{ color:#333; font-size:16px;font-family:"΢���ź�"; line-height:26px; height:26px; overflow:hidden}
.xinwen .news2 li em{font-style:normal; color:#fff}
.xinwen .news2 li span{ line-height:22px; font-family:"΢���ź�"; color:#333; font-size:14px; height:63px; margin-top:11px; display:block; overflow:hidden; }
.xinwen .infobox{ width:100%; float: right; margin:0% 1%;}
.xinwen .infoboxs{height:150px; overflow:hidden; margin-bottom:30px;}
.xw1{background:url(http://www.hyyzqj.com/template/default/images/xw1.jpg) no-repeat center center;background-size:cover}
.xw2{background:url(http://www.hyyzqj.com/template/default/images/xw2.jpg) no-repeat center center;background-size:cover}
.new2 { width:100%; float:left}
.new2 ul{ list-style-type:none}
.new2 ul li{ line-height:33px; height:33px; overflow:hidden; width:22.333%; float:left; margin:0% 1% 7px 1%}
.new2 ul li a{  color:#333; font-size:14px}
.new2 ul li span{ float:right; } 
@media only screen and (max-width:1680px){
.xinwen .news2 li em{ font-size:14px}
.new2 ul li span{ display:none}
}
@media only screen and (max-width:1440px){ 
}
@media only screen and (max-width:1200px){
.xinwen_top h2{ font-size:30px; }
.xinwenleft{ width:50%;}
.xinwen .infobox{width:38%;} 
.new2 ul li{ width:98%}
.new2 ul li:nth-child(n+11){ display:none}
.xinwen .news2{ width:47%;}
}
@media only screen and (max-width:850px){
.xinwen_top h2{ font-size:24px}
.xinwen .news2{ width:89%;} 
.xinwen .infobox{ display:none}  
}
@media only screen and (max-width:500px){  
.xinwen .news2 li ul{ display: none}
.xinwen .news2 li dt { width:100%}
.xinwen .news2{ margin-top:0%}
} 

.hf{ width:100%; height:190px; background:url(../image/hf.jpg) no-repeat center}
.hf_01{ width:739px; height:155px; background:url(../image/hf_01.png) no-repeat; float:left; margin-top:15px}
.hf_01 h1{ text-align:right; padding-top:97px; padding-right:222px; color:#FFF}
@media only screen and (max-width:778px){  
.hf{ display:none}
}

/*xw*/
.news_cj{display: block; background:url(../image/bg_02.png) no-repeat; padding-bottom:30px}
.news_cj h1{color:#D10B17; font-size:30px; font-weight:bolder; padding-top:15px; padding-left:80%; }
.news_cj h2{color:#6B6B6B; font-size:14px; font-weight:normal;padding-left:80%;}
.tab { position: relative; width:auto; height: auto; overflow: hidden; }
.tab-nav { height:auto; overflow: hidden; text-align:center; margin-bottom:20px;}
.tab-nav a{ margin:0 auto; padding:0;height:40px;line-height:40px;text-align: center;color: #000000;  display: block; float: left; margin-bottom:8px;margin-right:8px;padding-right:20px;padding-left:20px;border: 1px solid #1C5A67;}
.tab-nav a:hover {background: #1C5A67; color: #fff;}

.spbq{}
.spbq li{width:23.5%;float: left;line-height: 2; margin-right:2%}
.zst{ width:100%; height:248px; overflow:hidden; padding-bottom:10px}
.spbq li:nth-child(1) .zst{ background:url(../image/xw01.jpg) no-repeat;}
.spbq li:nth-child(2) .zst{ background:url(../image/xw02.jpg) no-repeat;}
.spbq li:nth-child(3) .zst{ background:url(../image/xw03.jpg) no-repeat;}
.spbq li:nth-child(4) .zst{ background:url(../image/xw04.jpg) no-repeat;}
.spbq li:nth-child(4){ margin-right:0}
.spbq li em{color: #000; font-size:16px;font-weight:bolder;}
.spbq li span{display: block;color: #787d82;margin: 8px 0;}
.spbq li i{color: #b4bbbf; font-size:15px; font-style:normal}
@media only screen and (max-width:980px){  
.spbq li:nth-child(3){ display:none}
.spbq li{width:32%;}
.news_cj{ padding-bottom:10px;background:url(../image/bg_02.png) no-repeat #F2F2F2}
.spbq li span{ height:80px; overflow:hidden}
}
@media only screen and (max-width:710px){  
.news_cj h1{ display:none}
.news_cj h2{ display:none}
}
@media only screen and (max-width:680px){  
.spbq li:nth-child(2){ display:none}
.spbq li{width:49%;}
}
@media only screen and (max-width:408px){  
.spbq li{ margin-right:0; width:100%}
}


/*��ҳ*/
.f-cb:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb{zoom:1;}
.hide{display:none;}
.span-1{float:left;margin-right:2%;width:6.33333333%;transition:.2s width ease;}
.span-2{float:left;margin-right:2%;width:14.66666667%;transition:.2s width ease;}
.span-3{float:left;margin-right:2%;width:23%;transition:.2s width ease;}
.span-4{float:left;margin-right:2%;width:31.33333333%;transition:.2s width ease;}
.span-5{float:left;margin-right:2%;width:39.66666667%;transition:.2s width ease;}
.span-6{float:left;margin-right:2%;width:48%;transition:.2s width ease;}
.span-7{float:left;margin-right:2%;width:56.33333333%;transition:.2s width ease;}
.span-8{float:left;margin-right:2%;width:64.66666667%;transition:.2s width ease;}
.span-9{float:left;margin-right:2%;width:73%;transition:.2s width ease;}
.span-10{float:left;margin-right:2%;width:81.33333333%;transition:.2s width ease;}
.span-11{float:left;margin-right:2%;width:89.66666667%;transition:.2s width ease;}
.span-12{float:left;margin-right:2%;width:98%;transition:.2s width ease;}
@media only screen and (max-width:1024px){
.midd-1{width:6.33333333%;}
.midd-2{width:14.66666667%;}
.midd-3{width:23%;}
.midd-4{width:31.33333333%;}
.midd-5{width:39.66666667%;}
.midd-6{width:48%;}
.midd-7{width:56.33333333%;}
.midd-8{width:64.66666667%;}
.midd-9{width:73%;}
.midd-10{width:81.33333333%;}
.midd-11{width:89.66666667%;}
.midd-12{width:98%;}
.midd-13{width:106.33333333%;}
.midd-14{width:114.66666667%;}
.midd-15{width:123%;}
.midd-16{width:131.33333333%;}
.midd-17{width:139.66666667%;}
.midd-18{width:148%;}
.midd-19{width:156.33333333%;}
.midd-20{width:164.66666667%;}
.midd-21{width:173%;}
.midd-22{width:181.33333333%;}
.midd-23{width:189.66666667%;}
.midd-24{width:198%;}
.midd-hide{display:none!important;}
.midd-center{position:relative;left:-1%;float:none;clear:both;display:block;margin-right:auto;margin-left:auto;}
}
@media only screen and (max-width:640px){
.smal-1{width:6.33333333%;}
.smal-2{width:14.66666667%;}
.smal-3{width:23%;}
.smal-4{width:31.33333333%;}
.smal-5{width:39.66666667%;}
.smal-6{width:48%;}
.smal-7{width:56.33333333%;}
.smal-8{width:64.66666667%;}
.smal-9{width:73%;}
.smal-10{width:81.33333333%;}
.smal-11{width:89.66666667%;}
.smal-12{width:98%;}
.smal-13{width:106.33333333%;}
.smal-14{width:114.66666667%;}
.smal-15{width:123%;}
.smal-16{width:131.33333333%;}
.smal-17{width:139.66666667%;}
.smal-18{width:148%;}
.smal-19{width:156.33333333%;}
.smal-20{width:164.66666667%;}
.smal-21{width:173%;}
.smal-22{width:181.33333333%;}
.smal-23{width:189.66666667%;}
.smal-24{width:198%;}
.smal-hide{display:none!important;}
.smal-center,.smal-show{display:block;}
.smal-center{position:relative;left:-1%;float:none;clear:both;margin-right:auto;margin-left:auto;}
}

.mt4 { margin-top:40px;}
.mt6 { margin-top:60px;}
.mt2 { margin-top:24px;}
.mt3 { margin-top:30px;}
@media screen and (max-width:640px){
.mt4 { margin-top:20px;}
.mt3 { margin-top:15px;}
}

.position_now{font-size:14px;background-color:#F5F5F5;width:100%;}
.position_now .auto{height:80px;}
.position_now a{display:inline-block;color:#707070;}
.position_now .fl a:hover{color:#0142C0;}
.position_now .fl{color:#707070;line-height:80px;}
.position_now .fl img{height:20px;margin-top:-4px;display:inline-block;margin-right:8px;}
.position_now .fr{font-family:impact;color:#333;font-size:0;}
.position_now .fr img{height:26px;float:left;margin:28px 10px 0 0;}
.position_now .fr strong{font-weight:100;font-size:22px;display:block;float:left;line-height:80px;}
.position_now .fr a{display:inline-block;width:100px;padding:0 5px;height:80px;color:#333;font-size:16px;text-align:center;line-height:80px;overflow:hidden;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.position_now .fr a i{width:100%;height:0%;background-color:#0142C0;position:absolute;left:0;top:0;z-index:-1;-webkit-transition:.5s height;-o-transition:.5s height;-ms-transition:.5s height;-moz-transition:.5s height;transition:.5s height;}
.position_now .fr a:hover i, .position_now .fr a.active i{height:100%;}
.position_now .fr a:hover, .position_now .fr a.active{color:#fff;}

@media screen and (max-width:768px){
.position_now .fr{ display:none;}
}

.place{ background:#f5f5f5;height:76px;line-height:76px;padding-left:2%;position:relative;}
/*.place:after{ content:"";width:100%;height:100%;display:block;position:absolute;right:-100%;top:0;background:#0142C0}*/
.place i{ width:20px;height:76px;margin-right:12px;display:block;float:left;background:url(http://www.hyyzqj.com/template/default/images/zhuye.png) no-repeat center}
.place a:hover{ color:#0142C0;}
@media screen and (max-width:760px){
.place{height:50px;line-height:50px;}
.place:after{ display:none;}
}

/*������ʽ*/
.subCate li{ border-bottom:1px solid #dcdcdc;padding:0 2rem;line-height:6rem;}
.subCate li:last-child{ border-bottom:0;}
.subCate li a{ font-size:16px;}
.subCate li a i{ font-size:2.4rem;vertical-align:middle;margin-right:1rem;}

/*���ŷ���*/
.sub_bk{ text-align:center;}
.sub_bk a{ display:block;float:left;line-height:48px;font-size:16px;border:1px solid #ddd;border-radius:48px;margin-right:1%;width:calc(93% / 8);box-sizing:border-box;margin-bottom:15px;height:48px;overflow:hidden}
.sub_bk a:hover,.sub_bk a.active{ background:#0142C0;color:#fff;}
.sub_bk a:nth-child(8){ margin-right:0;}
.sub_bk span{ color:#fff;font-size:16px;margin-left:10px;display:inline-block;cursor:pointer;position:absolute;right:0;top:0;display:none;line-height:4rem;}
.sub_bk .show{ height:auto;background:#eee;}
@media screen and (max-width:1024px){
.sub_bk a{width:calc(97% / 4);font-size:16px;}
.sub_bk a:nth-child(4n){ margin-right:0;}
}
@media screen and (max-width:640px){
.sub_bk a{width:49%;margin-right:2%}
.sub_bk a:nth-child(2n){ margin-right:0;}
}
@media screen and (max-width:380px){
.sub_bk a{ line-height:42px;font-size:14px;border-radius:42px;margin-bottom:8px;height:42px;overflow:hidden}
}

/*��������*/
.content{ line-height:30px;}
.content p{ margin:6px 0;font-size:16px;line-height:32px}
.cbox-bg{ background:#f1f1f1;padding:30px;}
.p-style{ color:#6a6a6a;font-size:16px;}

/*��������end*/

#allmap p{line-height:10px;margin:10px;}

/***************global*****************/

/*��˾��̬*/
.news-box{ position:relative;padding:50px 0;}
.news-box:nth-child(2n){ background:#f5f5f5;}
.news-box a{ display:block;}
.txtW { font-size:18px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;} 
.txtH { word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:25px;}
.news-box h3{ font-size:24px;position:relative;}
.news-box h3 span{ float:right;font-size:16px;}
.news-box p{ font-size:16px;color:#656565;margin-top:20px}
.news-box a:hover h3{ color:#0142C0;}

@media screen and (max-width:1024px){
.news-box{ padding:30px 0;}
.news-box h3{ font-size:20px;}
}
@media screen and (max-width:640px){
.news-box h3{ font-size:20px;}
}
@media screen and (max-width:480px){
.news-box{ padding:15px 0;}
.news-box h3{ font-size:16px;}
.news-box p{ font-size:14px;}
}
@media screen and (max-width:480px){
.news_list2 li span{ display:none;}
}


.txtW { font-size:18px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;} 
.txtH { word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:25px;}
.xwzx ul{ list-style-type:none;margin-bottom:10px;}
.xwzx ul li{ border-bottom:1px dotted #ccc;height:40px;line-height:40px;text-align:left;overflow:hidden}
.xwzx ul li span{ float:right}

@media screen and (max-width:480px){
.news_list2 li span{ display:none;}
.xwzx ul li span{  display:none;}
}

.article{ line-height:30px;padding:24px 0;}
.news-tit{ font-size:36px;font-weight:bold;}
.tool{ color:#999;padding:24px 0;}
.tool span{ display:inline-block;margin:0 6px;font-size:14px;}
.bshare-custom{ padding:24px 0;}

@media screen and (max-width:640px){
.news-tit{ font-size:30px;}
}
@media screen and (max-width:480px){
.news-tit{ font-size:24px;}
}
@media screen and (max-width:360px){
.news-tit{ font-size:20px;}
}

.ny-page{ border-top:1px solid #ddd;line-height:36px;padding:10px 0 0;font-size:14px;}
@media screen and (max-width:1024px){
.ny-page .txtW{font-size:15px;}
}
.content{ line-height:30px;}
.content p{ margin:6px 0;}
.content img{max-width:100%;}
/*��˾��̬end*/

/*��Ʒչʾ*/
.pro-cont{padding-top:40px;}
.pro{margin-top:18px;}
.pro li{text-align:center;list-style:none;margin-bottom:15px}
.pro li a{display:block;}
.pro li a span{display:block;width:100%;height:0;position:relative;padding-bottom:85%;overflow:hidden}
.pro li a span img{width:100%;position:absolute;top:0;left:0;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.pro li a span img:hover {transform:scale(1.2);} 
.pro li a p{display:block;height:40px;line-height:40px;overflow:hidden;}
.pro li a:hover p{color:#000;}
@media screen and (max-width:767px){
.pro li{overflow:hidden;width:49%;float:left;margin-right:2%}
.pro li:nth-child(2n){ margin-right:0}
}
@media screen and (min-width:768px){
.pro li{overflow:hidden;width:23.5%;float:left;margin-right:2%;}
.pro li:nth-child(4n){ margin-right:0}
.pro li a p{height:32px;line-height:32px;}
}
@media screen and (min-width:992px){
.pro li a p{height:36px;line-height:36px;}
}
@media screen and (min-width:1200px){
.pro li a p{height:50px;line-height:50px;font-size:16px}
}

#textarea{ line-height:35px;font-size:15px}
#textarea img{ max-width:100%}

.keys{ padding-top:15px;line-height:30px;padding-bottom:10px}

/*************index&goods**************/
.pro_info{padding:18px 5px 0;}
.rel_center0{ text-align:center;}
.rel_center0 img{max-width:100%;}
.pro_name h2{font-size:20px;padding:22px 0;border-bottom:1px dashed #ddd;}
.pro-canshu{padding:0;}
.pro-canshu p{line-height:30px;color:#666;}
.pro_name a.nm{display:block;width:172px;height:40px;border:1px solid #5F5F5F;background:#5F5F5F;color:#fff;text-align:center;line-height:40px;}
.pro_name a.nm:hover{display:block;background:none;color:#5F5F5F;}
.xgcp_title{padding:10px;background-color:#fafafa;margin:15px 0;}
.xgcp_title h3{color:#0142C0;border-left:2px solid #0142C0;padding-left:20px;height:30px;line-height:30px;font-weight:bold;font-size:20px;}
#textarea img{ max-width:100%}
@media screen and (min-width:768px){
.pro_name h2{font-size:22px;}
.pro-canshu{padding:0;}
.info_title h3{padding:40px 0 22px 0;}
}
@media screen and (min-width:1200px){
.pro_name h2{font-size:24px;}
.pro-canshu{padding:0;}
.info_title h3{padding:48px 0 24px 0;}
}

/********goods_info&jobs_info*******/
/*��Ʒչʾend*/


/*��ϵ����*/
.yunu-section {padding-top:60px;} 
.yunu-contact {background-color:#F7F7F7;padding:25px;} 
.yunu-contact h4 {margin:0;font-size:24px;border-bottom:1px solid #ddd;padding-bottom:15px;} 
.yunu-contact dl {margin:0;padding:20px 0;border-bottom:1px dashed #ccc;overflow:hidden;} 
.yunu-contact dt {float:left;} 
.yunu-contact dd {margin-left:55px;font-size:24px;padding-top:16px;} 
.yunu-contact dd span {padding-left:50px;} 
@media only screen and (max-width:640px){
.yunu-contact dd {font-size:20px;} 
}
@media only screen and (max-width:480px){
.yunu-contact dd {font-size:16px;} 
.yunu-contact dd span {padding-left:10px;} 
}
@media only screen and (max-width:400px){
.yunu-contact h4 {font-size:20px;} 
.yunu-contact dl:nth-child(3) dd span{ display:block;} 
}
/*��ϵ����end*/

/*��һҳ_��һҳ*/
#prev_next{margin:18px 0px;clear:both;overflow:hidden;text-align:left}
#prev_next li{margin:8px 0;}

/*��ҳ��ʽ*/
.page { margin:0px auto;width:98%;padding-top:10px;padding-bottom:8px;clear:both}
.page ul li{float:left;border:1px solid #e5e5e5;padding:0 5px;height:25px;line-height:25px;overflow:hidden;color:#000;margin:5px;}
.page ul li a{color:#666;display:block}
.page ul li a:hover{color:#000;}
.page ul li a.on{color:#333;font-weight:bold;}
.page ul li.last{color:#7b7b7b;}

/*�ײ�*/
/*footer*/
.c-footer { background:#245862;}
.c-footer a{ color:#ffffff;}
.c-footer .mt { overflow:hidden;padding:15px 0;}

.foot-top{padding:15px 0;}
.footl{ width:30%;float:left;display:inline;}
.footc{ width:30%;float:left;display:inline;}
.footk{ width:calc(40% - 300px);float:left;}
.footr{float:right;width:300px;}

.footl h3,.footc h3,.footk h3,.footr h3{font-size:22px;color:#fff;white-space:nowrap;padding-bottom:15px;}
.footl h3 span,.footc h3 span,.footk h3 span,.footr h3 span{font-size:14px;display:block;color:#fff;opacity:0.2;font-weight:lighter;line-height:100%; padding-bottom:6px}
.footl p a{display:block;width:50%;color:rgba(255,255,255,0.8);float:left;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px;}
.footl p a:hover{text-decoration:underline;color:#67B930;}
.footc p{color:#fff;padding-left:32px;background-position:left center;line-height:40px;font-size:16px;}
.footc p span{margin-left:18px;}
.footc p.btel{background:url(../image/foot_icon1.png) no-repeat left center }
.footc p.bwx{background:url(../image/foot_icon3.png) no-repeat left center }
.footc p.ren{background:url(../image/foot_icon2.png) no-repeat left center;}
.footc p.add{background:url(../image/foot_icon4.png) no-repeat left center;}

.footr em{display:block;float:left;width:150px;}
.footr em:last-child{}
.footr em i{display:block; text-align:center;}
.footr em i img{width:140px;height:140px;border:3px #fff solid}
.footr em i span{display:block;font-size:16px;color:#F4F4F4;background:url(http://www.hyyzqj.com/template/default/images/foot_ss.png) 15px center no-repeat;line-height:20px;margin-top:16px; font-style:normal}

.footk p a{display:block;width:100%;color:rgba(255,255,255,0.8);float:left;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:48px;}
.footk p a:hover{text-decoration:underline;color:#67B930;}


.c-copy { padding:10px 0;text-align:center;font-size:14px;line-height:30px;color:#fff;background:#1D4551;}
.c-copy a{ color:#ffffff;}
.c-copy .mc { height:28px;overflow:hidden;font-size:14px;line-height:28px;color:#fff;}
.c-copy .mc span { float:left;}
.c-copy .mc dl { float:left;}
.c-copy .mc dt { float:left;padding:0 10px;}
.c-copy .mc dd { float:left;}
.c-copy .mc dd a { color:#fff;}
.c-copy .mc dd a:hover { color:#67B930;}
@media screen and (max-width:1280px){
.footl{ width:18%;}
.footc{ width:34%;}
.footk{ width:calc(48% - 300px);}
}
@media screen and (max-width:1024px){
.footl{ display:none;}
.footc{ width:calc(100% - 330px);}
.footk{display:none;}
.c-copy .mc { display:none;}
}
@media screen and (max-width:767px){
.c-copy .fl,.c-copy .fr{ float:none;}
.c-copy font{ display:block } 
.c-copy font span{ display:block } 
}
@media screen and (max-width:640px){
.footr{ display:none;}
.footc{width:50%;padding-left:20px;}
.footc{width:100%;padding-left:49px;}
.footk{ display:none;}
}
@media screen and (max-width:480px){
.c-footer { display:none;}
.c-copy { padding-bottom:75px;}
.c-copy .my{ display:none} 
}



.fxdb{display:none}
@media screen and (max-width:650px) {
.fxdb{display:block;height:55px;position:fixed;bottom:0px;left:0px;width:100%;z-index:9999;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+440));}
.fxdb li{float:left;list-style:none;height:55px;text-align:center;color:#a40000;box-sizing:border-box;}
.fxdb li a{display:block;width:100%;color:#f7f7f7;font-size:15px;text-align:center}
.fxdb li i{margin:auto;display:block;width:25px;height:25px;margin-top:8px;background-image:url(../image/fix-back.png);background-size:100% 100%;background-repeat:no-repeat;}
.fxdb li:nth-child(1){width:20%;background:#FFC000;}
.fxdb li:nth-child(2){width:80%;background:#FF2600;text-align:center}
.fxdb li img{display:inline-block;height:55px;}
.fxdb li img:nth-child(2){position:absolute;left:40%;-webkit-animation:call 1.5s infinite;animation:call 1.5s infinite;}
@-webkit-keyframes call{
	from{-webkit-transform:scale(1);opacity:1;}
	to{-webkit-transform:scale(1.2);opacity:0;}
}
@keyframes call{
	from{-webkit-transformscale(1);opacity:1;}
	to{-webkit-transform:scale(1.2);opacity:0;}
}
}
@media screen and (max-width:400px) {
.fxdb li img:nth-child(2){left:35%;}
}
@media screen and (max-width:350px) {
.fxdb li img:nth-child(2){left:32%;}
}

.vipb{bottom:3px;right:5px;height:30px;background:url(../image/vip.png) no-repeat center right #1D4551;padding-right:68px;font-size:20px;color:#e7b144;line-height:35px;text-align:right;z-index:99}
.vipb a{color:#e7b144;font-size:20px;}
@media screen and (max-width:480px) {
.vipb{ bottom:52px;right:5px;}	
}
/*footer end*/