*{ margin:0px; padding:0px}
body{ font-family:"宋体"; font-size:14px; color:#000000; font-weight:normal;}
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;}
ul,li{ list-style: none;}

.wark{ width:1600px; margin:0 auto}
@media only screen and (max-width:1610px) {  
.wark{ width:95%}
}

.topnav{ width:100%; margin:0px auto; background:url(../images/body.jpg) repeat; padding-bottom:16px}
.tbyc {width:1500px; text-align:right; margin:0 auto}
.tbyc BLOCKQUOTE {COLOR: #000;}
.tbyc A {LINE-HEIGHT: 22px;PADDING-LEFT: 10px;COLOR: #000;PADDING-TOP: 0px}
@media only screen and (max-width:1510px) { 
.tbyc {width:95%;} 
}
@media only screen and (max-width:520px) { 
.tbyc{ display:none}
.topnav{ padding-top:16px}
}

.top{ width:1500px; margin: 0 auto; text-align: center;  background:url(../images/body.jpg) repeat; }
.top_l{ float:left}
.top_m{ float:left; padding-left:20px}
.top_m h1{ padding-top:22px; font-weight:normal; color:#715034}
.top_tel{ float:right; width:280px; height:90px; background:url(../images/top_tel.png) no-repeat}
.top_tel h1{ font-size:33px; padding-left:79px; padding-top:33px; color:#B31F11}
@media only screen and (max-width:1510px) {  
.top{ width:95%}
}
@media only screen and (max-width:1182px) {  
.top_m{ display:none}
}
@media only screen and (max-width:889px) {  
.top_tel{ display:none}
.top_l{ width:560px; margin:0 auto; float:none}
}
@media only screen and (max-width:587px) {  
.top_l{ width:100%}
.top_l img{ width:100%}
}

.nav1{  width:100%;margin:0px auto; background:#9A6427}
.nav11{ width:1500px;margin:0px auto}
.nav11 li{height:52px; float:left; text-align:center; line-height:52px; font-size:16px; color: #fff; width:10%;}
.nav11 li:hover{ background:#E1D6B6}
.nav11 li:hover a{ color: #9A6427; text-decoration:none}
.nav11 li a{ color: #fff; text-decoration:none; font-family:"微软雅黑"}
.nav11 dt{ line-height:52px; height:52px; font-size:14px; font-weight:bold; float:right; color:#FFFFFF}
.nav11 #current {; COLOR: #9A6427;}
.nav11 #current P { COLOR: #9A6427; padding:0px; margin:0; text-align:center; width:100%; line-height:52px;}
.nav11 #current:visited {COLOR: #9A6427}
.nav11 .none {BACKGROUND: none transparent scroll repeat 0% 0%;padding:0px 0px 0px 0px; background:#E1D6B6; height:52px;}
@media only screen and (max-width:1510px) {  
.nav11{ width:95%;}
}
@media only screen and (max-width:1112px) {  
.nav11 li{ width:9%; font-size:15px}
}
@media only screen and (max-width:811px) {  
.nav11 dt{ display:none}
.nav11 li{ width:12.5%}
}
@media only screen and (max-width:650px) {  
.nav11 li{ width:25%}
}

/*banner*/ 
.ibanner{ position:relative; height:700px; overflow: hidden;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}
.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:0%;}
.ibanner .swiper-button-next{ right:0%;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:none; width:5rem; height:5rem; line-height:5rem; text-align:center; background: #000;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:2rem;}
.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;}
.ibanner .swiper-pagination{ bottom:6rem!important; color: #fff; text-align: left; padding:0 0 0 13%; box-sizing: border-box;}
.ibanner .swiper-pagination-bullet{background: #ffffff; opacity: 0.5; position: relative; width: 4rem; height: 5px; border-radius: 0;}
.ibanner .swiper-pagination-bullet{ color: transparent; background:#fff;}
.ibanner .swiper-pagination-bullet-active{ opacity: 1; height: 10px;}
.ibanner .swiper-pagination-current{ font-size: 2.4rem; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image: linear-gradient(220deg,#0481dc,#3cc2e7);}
.ibanner .bH{ height: 100%; position: relative;}
.ibanner .bfont{ color: #fff; text-align: center;}
.ibanner .bfont span{ display: block; font-size: 7.2rem; font-family: 'MicrosoftYaHei Bold';}
.ibanner .bfont a{ display: inline-block; border: 1px solid #fff; border-radius: 5px; width: 16rem; height: 4.6rem; color: #fff; line-height: 4.6rem; font-size: 1.8rem; margin-top: 3rem;}
.ibanner .bfont a:hover{background: #fff; color: #574ced; border-radius: 5rem; transition: all 0.4s;}
@media only screen and (max-width:1366px) {  
.ibanner{ height:620px; }  
}
@media only screen and (max-width:1024px) {  
.ibanner{ height:500px; }  
}
@media only screen and (max-width:768px) { 
.ibanner{ height:400px; }
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{width:2rem; }
.ibanner .swiper-pagination{ bottom: 2rem!important; padding-left: 10%;}
}
@media only screen and (max-width:650px) {    
.ibanner{ height: 300px;}   
} 
@media only screen and (max-width:500px) {  
.ibanner{ height:250px; }  
}
@media only screen and (max-width:400px) {  
.ibanner{ height:200px; }  
}
@media only screen and (max-width:320px) {  
.ibanner{ height:180px; }  
}

.sjban{ display:none}
.sjban img{ width:100%}
@media only screen and (max-width:640px) {  
.sjban{ display:block}
.ibanner{ display:none}
}

/**/
.Toubu{width: 100%;background:#f8f8f8;}
.root {width: 100%;height: 149px;position: relative;}
.root dt {float: left;margin-top: -76px;width:25%;height: 225px;}
.root dt img {display: block;width: 251px;height: 225px; z-index:19999; position:relative}
.root .wzgg {padding-top:14px;position: relative;height: 113px;width:75%;float: right;font-size: 15px;color: #555555;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: 24px;width: 26px;height: 20px;}
.root .wzgg img {display: block;width: 26px;height: 20px;}
.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:1680px) { 
.root dt{ margin-top:-57px}
}
@media only screen and (max-width:1200px) { 
.root .wzgg{ width:69%} 
.root .wzgg{ height:140px}
}
@media only screen and (max-width:1024px) { 
.root .wzgg{ height:130px}
.root dt{ margin-top:-33px}
.root .wzgg i{ display:none}
}
@media only screen and (max-width:850px) { 
.root .wzgg{ line-height:27px;}
}
@media only screen and (max-width:768px) { 
.Toubu{ display:none}
.root{ background:#0c65bf; padding:0% 0% 2% 0%; height:auto}
.root dt{ width:100%; background:#0c65bf; 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:#0c65bf; display:block; margin-top:3%;}
}
@media only screen and (max-width:450px) { 
}

.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%}
}


.search_box{ width:100%; background:#ccc; padding:10px 0}
.search{ width:1600px; margin:0 auto;}
.search_left{ width:700px; float:left; padding-left:20px;}
.search_left h1{ font-size:15px; font-weight:normal}
.search_right{ width:350px; float:right; border:1px solid #730301;border-radius:80px; height:50px; margin-top:2px; background:#fff;}
.biao_dan{padding-top:5px; padding-left:38px;}
.biao_dan .search1{float: left;background: #fff;width:226px;height:35px; line-height:35px;padding-left:5px;border:none;}
.biao_dan .button1{ background:url(../images/ssbt.jpg) center no-repeat; color: #fff;float: left;height: 35px;width: 50px; cursor:pointer;border:none;}
.search_wen{ color:#FFF; width:320px; margin:0 auto; line-height:24px;}
.search_wen a{ color:#FFF;}
@media only screen and (max-width:1610px) {  
.search{ width:95%}
}
@media only screen and (max-width:1142px) {  
.search_right{ display: none}
.search_left{ padding-left:0; width:100%}
}

/**/
.tit{ background:url(../images/xinwen.png) no-repeat center; padding:15px 0}
.tit h1{ text-align:center; font-size:36px; line-height:44px;}
.tit h1 em{ color:#905A1A; font-weight:normal; font-style:normal}
.tit h2{ width:270px; height:35px; margin:0 auto; text-align:center; font-size:17px; font-weight:normal; border:1px #663333 solid; line-height:35px; border-radius:10px}
@media only screen and (max-width:1400px) {  
.tit{ padding:23px 0}
}
@media only screen and (max-width:600px) {  
.tit h1{ font-size:31px}
.tit h2{ font-size:16px; height:30px; line-height:30px}
}
@media only screen and (max-width:320px) { 
.tit h1{ font-size:29px} 
.tit h2{ width:95%}
}

.cpfl{ width:100%;}
.cpfl dl{}
.cpfl dl dt{ width:10.7%; margin-left:0.2%; margin-right:0.2%; background:#89763E; text-align: center; float:left; margin-bottom:0.5%; height:45px; line-height:45px }
.cpfl dl dt:last-child{ margin-right:0}
.cpfl dl dt a{ color:#FFF }
@media screen and (max-width:990px){
.cpfl dl dt{ width:16.2%}
}
@media screen and (max-width:730px){
.cpfl{ width:100%}
.cpfl dl dt{ width:32.8%; overflow:hidden}
}
@media screen and (max-width:610px){
.cpfl dl dt{ width:49.6%;}
}

.productlist dl{ width:24.2%; float:left; margin-right:1%; margin-bottom:0.5%;}
.productlist dl:nth-child(4n){ margin-right:0}
.productlist dl:hover{ background:#fff}
.productlist dl dt{ height: 267px; overflow:hidden;}
.productlist dl dt a{ width:100%}
.productlist dl dt a img{ width:100%; height: auto; vertical-align:middle;transition: all .4s ease-in-out;}
.productlist dl dt a:hover img {transform: translateZ(0) scale(1.12);}
.productlist dl dd{ height:36px; line-height:36px; text-align:center; overflow:hidden}
.productlist dl dd a{ height:36px; line-height:36px}
@media screen and (max-width:1418px){
.productlist dl dt{ height:217px;}
}
@media screen and (max-width:1194px){
.productlist dl dt{ }
.productlist dl { width:32.6%}
.productlist dl:nth-child(4n){ margin-right:1%}
.productlist dl:nth-child(3n){ margin-right:0}
}
@media screen and (max-width:680px){
.productlist dl{ width:49.5%}
.productlist dl:nth-child(3n){ margin-right:1%}
.productlist dl:nth-child(2n){ margin-right:0; float:right}
}
@media screen and (max-width:523px){
.productlist dl{ width:100%; margin-right:0}
.productlist dl dt{ height:auto}
}


.mainsyab{ width:100%; margin: 0 auto;padding:1% 0% 1% 0%; background:url(../images/mainsyab.jpg) no-repeat center top; margin-bottom:5px}  
.mainsyab .rb{background:url(../images/gsphoto.jpg) no-repeat right top;background-size:57% 100%; width:100%; float:left}   
.companyt{ width:50%; float: left;box-shadow:0 0 10px 2px #e7e7e7; background:#fff; padding:10px 3% 0% 5%; height:420px;} 
.abt{ width:100%;color:#000; text-align:center}
.abt h2{ font: bold 36px/47px "";text-shadow:#fff 3px 4px 5px } 
.abt h2 strong{ padding-right:2%}
.abt h1{ font-weight:normal; font-size:16px; line-height:40px;text-shadow:#fff 3px 4px 5px}
.companyt p{ line-height:30px;  color:#666666; height:176px; overflow:hidden; margin:13px 0px;}  

.icompany_b{margin-top:30px; margin-bottom:30px; width:43%; }
.icompany_b h2{ width:48%; height:50px; line-height:50px; font-size:16px; color:#fff; text-align:center; float:left; margin:0% 1%;}
.icompany_b h2:nth-child(1){ background:#000;}
.icompany_b h2:nth-child(2){ background:#835008;}
.icompany_b h2:nth-child(1):hover{ background:linear-gradient(to right,#cd1316,#000);}
.icompany_b h2:nth-child(2):hover{ background:linear-gradient(to right,#000,#835008);} 
.company{width:42%; float: right; height:429px; } 
.company .lf_pp{  display:none}
.company .lf_pp img{ margin: 0 auto; width:80%;}
.company .gsbot{ width:63%; height:95px; padding-top:10px; margin-top:279px; background:#835008; margin-left:-52px; z-index:1999; position:relative; color:#FFFFFF; border-radius:30px}
.company .gsbot .gs{ width:20%; float:left;}
.company .gsbot .gs img{ margin-left:20px; margin-top:20px;}
.company .gsbot .ab_xa{ width:80%; float:left} 
.company .gsbot .ab_xa .gtop{ font-size:16px; line-height:40px;}
.company .gsbot .ab_xa .clearfloat{ font-size:42px; line-height:40px;}  

.gstop{ line-height:48px; margin-bottom:20px;}
.gstop span{ font-size:36px; }
.gstop h2{ font-size:24px; }
@media only screen and (max-width:1440px) { 
.company .gsbot{ width:81%;}
}
@media only screen and (max-width:1200px) { 
.abt h2{ font-size:30px;}
.gstop span{ font-size:30px;}
.icompany_b{ width:62%}
}
@media only screen and (max-width:1024px) { 
.mainsyab .rb{ background:none}
.company{width:100%; float:left; height:auto; background:#FFFFFF}
.companyt{width:94%; float:left; height:auto; padding:3%}
.gstop{ display:none}
.icompany_b{ margin:3% auto}
.company .lf_pp{  display: block; text-align:center}
.company .gsbot{ width:75%; margin:3% auto; }
.company .gsbot .gs{ width:20%; float:left}
.company .gsbot .gs img{ float:right}
.company .gsbot .ab_xa{ width:50%; padding-left:3%;}
.company .gsbot .ab_xa .clearfloat{ line-height:77px;} 
.company .gsbot .ab_xa .gtop{ display:none}
.companyt p{ margin:3% 0px 0% 0px; height:150px;}  
}
@media only screen and (max-width:850px) { 
#img1{ display:none}
.abt h2{ font-size:30px;}
.companyt p{ height:95px; padding:0% 5%}  
}
@media only screen and (max-width:600px) { 
.companyt{border-radius:100px 0px 0px 0px;}
.company .gsbot{ height:80px;}
.company .gsbot .ab_xa .clearfloat{ font-size:32px}
}
@media only screen and (max-width:500px) { 
.abt h1{ line-height:30px;}
.companyt{border-radius:50px 0px 0px 0px;}
}
@media only screen and (max-width:414px) { 
.company .gsbot .ab_xa .clearfloat{ font-size:28px;}
}
@media only screen and (max-width:350px) { 
.company .gsbot{ width:100%}
.abt h2 strong{ display:none}
.company .gsbot .gs{ width:27%}
}

.xwxx{ width:100%; margin: 0 auto;}
.xwxx_top{ width:100%; margin: 0 auto; background:url(../images/xwxx_top.png) repeat-x; height:90px; font-size:24px; font-family:"微软雅黑"; color:#FFFFFF; line-height:90px; text-align:center;}
.newsl{ width:31%;float: left;}
.news_bk{ margin-left:3%; margin-right:3%}
.newsl_top{width:100%; height:50px; background:url(../images/newsl_top.png) no-repeat right;}
.newsl_top h1{ width:5px; height:5px; border:2px #333333 solid; border-radius:10px; float:left; margin-top:13px}
.newsl_top h2{ line-height:33px;text-align:center; color: #9A6427; float:left;font-size:19px; font-weight:bold; padding-left:10px; }
.newsl_top span{ float:right; color: #654329;text-align:right; padding-top:6px; padding-right:24px;}
.newsl_top_new{ height: auto;}
.newsl_top_new img{ width:198px; float:left}
.newsl_top_new dl{ float: right; width:56%}
.newsl_top_new dl dd{ height:35px; line-height:35px; width:100%; overflow:hidden}
.newsl_top_new dl dt{ line-height:23px; height:92px; overflow:hidden}
.newsl_div{width:100%; float:left;}
.newsl_div ul{ margin:0px; padding: 4px 0px 0px 0px;}
.newsl_div ul li{ width:100%; height:38px; line-height:38px; float:left; border-bottom:1px #EADBCE dashed; font-size:14px; background:url("../images/icon-09.gif") no-repeat 1px;}
.newsl_div ul li a{ padding-left:20px; width:70%; height:38px; overflow:hidden; float:left}
.newsl_div ul li span{ width:85px; overflow:hidden; float:right; height:38px;}
@media only screen and (max-width:1562px) { 
.newsl_top_new dl{ width:50%}
}
@media only screen and (max-width:1368px) { 
.newsl_top_new{ display:none}
}
@media only screen and (max-width:1200px) { 
.newsl_div ul li a{ width:56%}
}
@media only screen and (max-width:918px) { 
.newsl:nth-child(3){ display:none}
.news_bk{ margin-right:0}
.newsl{ width:48.5%}
}
@media only screen and (max-width:670px) { 
.newsl_div ul li:nth-of-type(n+7){ display:none}
}
@media only screen and (max-width:590px) { 
.news_bk{ display:none}
.newsl{ width:100%}
}

/**/
.pro_list{width:100%;overflow: hidden; margin:0 auto;background:url(../images/cp_bg.jpg) no-repeat center bottom;}
.pro_list li {float: left;width:23.6%; margin-bottom:0.5%; background:#f5f5f5; padding:0.5% ; margin-right:0.2%; margin-left:0.2%}
.pro_list li a {display: block;overflow: hidden;position: relative; }
.pro_list li a h4 { overflow: hidden;  }
.pro_list li a img { width: 100%;display: block;transition: all .5s; }
.pro_list li a ol {line-height: 35px;color: #555; text-align:center; width: 100%;transition: all .3s;font-size: 18px;box-sizing: border-box; position:absolute; margin-top:-35px; background:#fff }
.pro_list li a ol a { color: #555;font-size: 18px; }
.pro_list li a ol b { width:50%; margin:auto;display: block;background: url(../images/sj.png) left no-repeat; background-size: 30px 30px;padding-left: 35px; color:#15a240; font-size:26px; font-family:Arial, Helvetica, sans-serif; }
.pro_list li a span {display: inline-block; position: absolute;right: 10px;bottom: 6%; border: 1px solid #dcdcdc; border-radius: 999px; padding: 10px 20px; }
.pro_list li a:hover {color: #fff; }
.pro_list li a:hover img {transform: scaleX(1.2) scaleY(1.2); }
.pro_list li a:hover ol {}
.pro_list li a:hover span {background: #fff;color: #000; border: 1px solid #1574cd; }
@media only screen and (max-width:1300px) {
.pro_list li{ width:31.3%}
}
@media only screen and (max-width:680px) {
.pro_list li{ width:48%}
}
@media only screen and (max-width:460px) {
.pro_list li{ width:99%; margin-bottom:2%;margin-left:0; margin-right:0}
.pro_list li a ol{ font-size:15px; padding:5px 0}
}


#main{ width:1200px; margin:0 auto; padding:5px 2px 0px 2px; border-left:1px #9A6427 solid; border-right:1px #9A6427 solid; background:url(../images/body.jpg) repeat;}
.mainz{ width:1200px; margin: 0 auto; margin-left:0px}
.maintop{ width:1200px; margin: 0 auto;}
#left{ width:290px; height:auto; float:left; margin-left:5px; margin-bottom:5px;}
.left_div{ width:290px; float:left}
.left_div_top{ width:288px; height:40px; background:#9A6427; line-height:50px; margin-left:1px; }
.left_div_top h2{ padding-left:20px; color:#FFF; font-size:22px; font-weight:bold; width:120px; font-family:"微软雅黑"}
.left_div_bot p{ padding-left:10px; line-height:30px; height:31px; font-size:14px}
.left_div_bot p a:link{font-size:14px}
.left_div_bot{ margin:0px auto; width:288px; background:#9A6427; padding:12px 0px 12px 0px;}
.left_div_bot dl{ list-style-type:none; padding-top:5px}
.left_div_bot dl dt{ background:url("../images/cp.png") 30px center no-repeat #fff; height:32px; line-height:30px;  margin-bottom:5px; margin-left:15px; margin-right:15px;}
.left_div_bot dl dt a{ line-height:32px; height:30px; color:#000; padding-left:50px; font-family:"宋体"; font-weight:normal; font-size:14px; }
.left_div_bot1{ margin:0px auto; width:288px; padding-top:7px;}
.left_div_bot1 dl{ list-style-type:none; padding-top:5px}
.left_div_bot1 dl dt{ background:#9A6427; height:37px; line-height:30px;  margin-bottom:13px; margin-left:10px; margin-right:10px;}
.left_div_bot1 dl dt a{ line-height:40px; height:30px; color:#000; padding-left:50px; font-family:"宋体"; font-weight:normal; font-size:14px; }
.left_div_bot ul { margin:0px auto; list-style-type:none}

#img1{ width:195px; height:156px; float:left; margin:5px}
.p_stype1{ font-size:14px; font-weight:bold}
#right{ width:895px; height:auto; float:right; margin-right:5px;}
.right_div{ width:895px; float:left; padding-bottom:14px;}
.right_div_top{ width:895px; height:50px; float:left; background:url(../images/main_top.png) no-repeat bottom left; line-height:30px;}
.right_div_top h2{ padding-left:50px; width:90px; color: #9A6427; font-size:20px; font-family:"微软雅黑"}
.right_div_top span{ width:100px; float:right; height:40px;}
.right_div_bot{border-top:none; clear:both}
.right_div_bot dl { margin:0px auto; list-style-type:none}
.right_div_bot dl dt{ width:49%;  height:35px;font-size:12px;  border-bottom:1px #654329 dashed; line-height:35px; float:left; margin-right:5px; margin-bottom:5px}
.right_div_bot dl dt a{ height:35px; line-height:35px; font-size:14px; float:left}
.right_div_bot dl dt span{ height:35px; line-height:35px; float:right; font-size:14px; width:80px; overflow:hidden}
.right_div_bot p{ padding:0px 10px 0px 10px;}
.right_div_bot ul { margin:0px auto; list-style-type:none}
.right_div_bot ul li{ height:45px;font-size:12px;  border-bottom:1px #654329 dashed; line-height:35px; margin:0px 10px 0px 10px; background:url("../images/icon-09.gif") 6px center no-repeat;}
.right_div_bot ul li a{ height:35px; line-height:45px; font-size:14px; float:left; padding-left:20px;}
.right_div_bot ul li span{ height:35px; line-height:35px; float:right; font-size:14px}


#img1{ width:195px; height:156px; float:left; margin:5px}
.p_stype2{ font-weight:bold; color:#0F68C4}
.p_stype3{ font-size:14px;}
#imgr{ width:713px; float:left; margin:10px 0px 0px 15px}
#footer{ clear:both; width:100%; margin:0px auto; color:#fff; text-align:center}
#footer a{ color:#fff}
.foot{ width:100%;  padding-top:10px; margin:0px auto; background:#9A6427 ;}
.nav{ width:1200px; margin:0px auto; font-size:14px}
.nav a{ color:#fff; height:30px; line-height:30px; padding-left:5px; padding-right:5px; font-size:14px}
.nav a:link{ color:#fff; font-size:14px}
.nav a:hover{ color:#fff}
.text{ width:1200px; margin:0px auto; height:30px; line-height:30px}
.text ul{ margin:0px auto; height:30px; line-height:30px; font-size:12px}
.text ul a:link{ font-size:12px}
.text1{ text-align:center}


.ry{ width:290px; float:left} 
.title{ background:url(../images/255px.jpg) no-repeat; height:36px}
.title h2{ padding-left:20px; color:#FFFFFF; font-size:16px; padding-top:8px}
.infobox{ width:445px; margin-right:10px; float:left}
.infobox1{ width:445px; float:left}

.icompany{ width:900px; float:left; margin-right:0px; margin-left:5px; height:246px;}
.company{ border-top:none; padding-bottom:0px; text-align: left; padding-top:0px;}
.ctop{ width:894px; height:40px; background:url(../images/ctop.jpg) repeat-x;}
.ctop h2{ width:90px; padding-left:20px; line-height:40px; float:left; color:#FFFFFF; font-size:14px}
.ctop span{ width:50px; float:right; height:25px; padding-top:15px;}
.company p{ color:#000; line-height:27px; padding-right:0px; padding-bottom:0px; font-size:13px; padding-left:10px; text-align:left;}
.lxwm{ width:260px; float:left; padding:20px 0px 10px 0px; background:url(../images/lxwm.jpg) no-repeat right bottom  #FFFFFF; margin:10px 15px 10px 15px;}
.lxwm p{ color:#000; line-height:29px; float:left; font-size:14px; font-family:"微软雅黑"; font-weight:bold; width:280px; text-align:left; padding-left:10px;}

.zngg{ width:290px; line-height:31px; margin:0px 0px 5px 5px;float:left; color:#FFFFFF; background:#9A6427;}
.zngg_top{ width:290px; height:40px;}
.zngg_top h2{ height:40px; padding-left:10px; line-height:40px; font-size:24px; color:#FFFFFF; border-bottom:1px dotted #FFFFFF}
.zngg_bot{ padding:10px 10px 10px 10px; color:#fff}

.ry1{border:1px solid #DCDCDC; border-top:none; padding:2px}
.title1{ background:url(../images/new.jpg) no-repeat; height:36px; margin-top:3px}
.title1 h2{ padding-left:20px; color:#FFFFFF; font-size:16px; padding-top:8px}

.theTitle{ line-height:30px}
.theTitle h2{ font-size:16px; font-weight:bold; font-family:"宋体"}
#endText{ padding-left:10px; padding-right:10px; font-size:14px}
#endText p{ font-family:"宋体"; font-size:14px;}
.pro{}
.pro div{ width:210px; float:left; margin-left:7px; margin-right:7px}
.pro dl dt{ width:210px; }
.pro dl dt a{ width:210px; height:180px}
.pro dl dt a img{ width:210px; height:180px; vertical-align:middle}
.pro dl h3{ line-height:28px; height:28px; text-align:center; font-size:12px; font-family:"宋体"}

.pages{ height:0px; line-height:8px; float:right; padding-right:10px; padding-top:10px; font-size:14px; width:98%; text-align:right}

.xiangxi{ width:890px; height:50px; float:left; background:url(../images/main_top.png) no-repeat bottom left; line-height:45px;}
.xiangxi h2{ width:90px; color:#9A6427; font-size:14px; font-weight:bold; padding-left:50px; height:40px;}
.inewslist ul li{ width:880px; height:35px;font-size:12px;  border-bottom:1px #DCDCDC dashed; line-height:35px; margin:0px 10px 0px 10px; background:url("../images/icon-09.gif") 6px center no-repeat;}
.inewslist ul li a{ float:left; line-height:35px; height:28px}


/**/
.sl2{background: url(../images/sl2_bg.jpg) no-repeat center top; margin-top:5px}
.sl2 .t1{overflow: hidden;padding-top:39px;padding-left: 3px;position: relative;}
.sl2 .t1 i{float: left;height: 92px;width: 92px;display: block;margin-right: 25px;}
.sl2 .t1 h3{text-align: left;float: left;}
.sl2 .t1 h3 em{font-size:42px;color:#5F1416;display: block;line-height:42px;font-weight: bold;}
.sl2 .t1 h3 span{font-size:30px;color:#ffffff;display: block;line-height:30px;font-weight: normal;padding-top:16px;}
.sl2 .t1::after{height:41px;width: 1px;display: block;position: absolute;left:48px;top: 0;background: #5F1416;content: "";}
.sl2 .t1:hover i{animation-duration: 2s;animation-name: flipInY;}

.sl_1{margin-top:10px;background: #ffffff;height: auto;box-shadow: 0 0 20px rgba(0,0,0,0.1);border-radius: 6px;}
.sl_1 ul{padding-top:15px;overflow: hidden;}
.sl_1 ul li{width: 23.6%;float: left; margin-left:0.7%; margin-right:0.7%}
.sl_1 ul li i{height:170px;width:100%;display: block;overflow: hidden;margin: 0 auto;}
.sl_1 ul li i img{width:100%;display: block;transition:all 0.5s;}
.sl_1 ul li:hover img{ transform:scale(1.05);}

.sl_1 ul li .desc{width:90%;display: block;overflow: hidden;margin: 0 auto;height: auto;}
.sl_1 ul li .desc p{padding-left: 77px;background: url(../images/ys_t1.png) no-repeat left top;margin-top:15px;font-size: 16px;line-height: 26px;color: #333333; padding-bottom:50px}
.sl_1 ul li .desc .i2{background: url(../images/ys_t2.png) no-repeat left top;}
.sl_1 ul li .desc .i3{background: url(../images/ys_t3.png) no-repeat left top;}
.sl_1 ul li .desc .i4{background: url(../images/ys_t4.png) no-repeat left top;}
@media only screen and (max-width:1510px) {
.sl_1 ul li .desc p{ margin-top:12px}
}
@media only screen and (max-width:1331px) {
.sl_1 ul li .desc p{ background:none; padding-left:0}
.sl_1 ul li .desc .i2{background:none;}
.sl_1 ul li .desc .i3{background:none;}
.sl_1 ul li .desc .i4{background:none;}
.sl_1 ul li .desc{ width:100%}
.sl_1 ul li i{ height:auto}
.sl_1 ul li .desc p{ font-size:15px; line-height:22px}
.sl_1{ margin-top:49px}
.sl2 .t1{ padding-top:66px}
.sl2 .t1 h3 em{ font-size:35px}
.sl_1 ul{ padding-top:34px}
}
@media only screen and (max-width:940px) {
.sl_1 ul li{ width:48.6%}
.sl_1 ul li .desc p{ padding-bottom:15px}
.sl_1 ul li .desc{ height:60px; overflow:hidden}
}
@media only screen and (max-width:820px) {
.sl2 .t1{ padding-top:46px}
.sl2 .t1 h3 em{ font-size:30px}
.sl2 .t1 h3 span{ font-size:23px; padding-top:0}
.sl_1{ margin-top:19px}
}
@media only screen and (max-width:590px) {
.sl2 {background: url(../images/sl2_bg.jpg) no-repeat center top;}
.sl_1 ul li{ width:98%; margin-left:1%; margin-right:1%}
.sl_1 ul li .desc{ height:auto}
}
@media only screen and (max-width:439px) {
.sl2 .t1 h3 em{ font-size:23px}
.sl2 .t1 h3 span{ font-size:18px}
.sl2 .t1 i{ margin-right:12px}
}

/**/
.fl{ float:left}
.fr{ float:right}
.cont{ width:100%; margin:0 auto; background: url(../images/body.jpg);}
.newsBox {width:38%;}
.newsBox .item {}
.newsBox .item .img {height: 170px;overflow: hidden;}
.newsBox .item .img .time {width: 202px;height: 170px;position: relative;overflow: hidden;background: url(../images/xw_time.jpg) no-repeat;text-align: center;color: #fff;font-size: 16px;}
.newsBox .item .img .time b {font-size: 60px;line-height: 60px;display: block;padding-top: 40px;}
.newsBox .item .img .time .yuan {position: absolute;width: 136px;height: 136px;display: block;left: 50%;margin-left: -68px;top: 50%;margin-top: -68px;background: url(../images/yuan.png) no-repeat;}
.newsBox .item .img .item_img { width:64%; height:170px; overflow:hidden}
.newsBox .item .img .item_img img{ width:100%}
.newsBox .item a {display: block;}
.newsBox .item img {width: 100%;height: 100%;display: block;}
.newsBox .item .txt {width: 100%;}
.newsBox .item .txt h3 {font-size: 20px;font-weight: normal;padding: 10px 0 0;}
.newsBox .item .txt p {color: #AD711F;overflow: hidden;height:50px;line-height:25px;padding-top: 5px;}
.newsBox .item .txt span {width: 202px;height: 55px;line-height: 55px;border: 2px solid #955D0D;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;text-align: center;display: block;font-size: 18px;color: #955D0D;margin-top: 15px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.newsBox .item .txt:hover span {background: #955D0D;color: #fff;}
.newsBox .di {position: absolute;left: 0;bottom: 0;width: 100%;height: 100px;background: #ceeeff;-moz-border-radius-bottomleft: 15px;-webkit-border-bottom-left-radius: 15px;border-bottom-left-radius: 15px;
z-index: 0;}
.textlist{ width:57%}
.textlist .item {margin-bottom: 26px;transition: all 0.2s linear 0s;width: 100%;position: relative; width:49%; margin-right:1%; float:left}
.textlist .item a {display: block;}
.textlist .item:nth-child(1) .img{background:url(../images/cpfl1.jpg) no-repeat center top;background-size:cover;}
.textlist .item:nth-child(2) .img{background:url(../images/cpfl2.jpg) no-repeat center top;background-size:cover;}
.textlist .item:nth-child(3) .img{background:url(../images/cpfl3.jpg) no-repeat center top;background-size:cover;}
.textlist .item:nth-child(4) .img{background:url(../images/cpfl4.jpg) no-repeat center top;background-size:cover;}
.textlist .item:nth-child(5) .img{background:url(../images/cpfl5.jpg) no-repeat center top;background-size:cover;}
.textlist .item .img {width: 133px;height: 100px;overflow: hidden;margin-right: 22px;}
.textlist .item .img img {width: 100%;height: 100%;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.textlist .item .txt {width:73%;}
.textlist .item h3 {font-size: 18px; width:100%; height:30px; overflow:hidden; font-weight:normal}
.textlist .item p {font-size: 14px;line-height: 27px;color: #AD711F;height: 60px;overflow: hidden;padding-top: 10px;}
.textlist .item .time {display: block;width: 66px;height: 100px;line-height: 50px;text-align: center;font-size: 14px;border-left: 1px solid #AD711F;padding-left: 20px;}
.textlist .item .time b {display: block;font-size: 48px;color: #333;line-height: 60px;}
.textlist .item:hover img {transform: scale(1.06, 1.06);}
@media only screen and (max-width:1510px) {  
.newsBox .item .img .item_img{ width:60%}
}
@media only screen and (max-width:1403px) {  
.newsBox .item .img .item_img{ width:54%}
}
@media only screen and (max-width:1333px) {  
.textlist .item .txt{ width:60%}
}
@media only screen and (max-width:1230px) {  
.newsBox{ width:41%}
.textlist .item .txt{ width:53%}
}
@media only screen and (max-width:1130px) {  
.textlist .item{ width:48%; margin-left:1%; margin-right:1%}
.newsBox{ display:none}
.textlist{ width:100%}
.textlist .item .img{ width:25%; height:150px; margin-right:2%}
.textlist .item p{ height:54px; line-height:25px}
.textlist .item .time{ padding-left:2%; width:15%}
.textlist .item .txt{ width:70%}
.cont{ padding:20px 0 10px}
}
@media only screen and (max-width:778px) { 
.textlist .item{ margin-left:0; margin-right:0; width:100%; margin-bottom:20px}
.textlist .item:nth-of-type(n+4){ display:none}
}
@media only screen and (max-width:620px) { 
.textlist .item{ margin-bottom:10px} 
.textlist .item h3{ font-size:16px}
.textlist .item .img{ height:120px}
.textlist .item p{ height:80px; padding-top:0}
.textlist .item .time b{ font-size:40px}
.textlist .item .time{ width:17%}
}
@media only screen and (max-width:358px) { 
.textlist .item .time{ width:24%}
}

/**/
.fc { width: 100%;} 
.fc_main{ width:80%; margin:0 auto}
.sybt{}
.sybt h1{ line-height:70px; color:#333}
.fc .fc_main .fc_view { } 
.fc .fc_main .fc_view .tempWrap { width: 100% !important; } 
.fc .fc_main .fc_view ul li { float: left; width:calc(25% - 14px); height:auto; position: relative; margin:0 7px;} 
.fc .fc_main .fc_view ul li > a {  display: block;width: 100%;height: 0; position: relative; padding-bottom:75%;transition: all 0.3s ease 0.1s;overflow: hidden; } 
.fc .fc_main .fc_view ul li > a > img {width:100%;height:100%;position: absolute; top:0; left:0;transition: all 0.3s ease-in-out;  } 
.fc .fc_main .fc_view ul li .fc_txt {width:100%; height: 52px; text-align:center } 
.fc .fc_main .fc_view ul li .fc_txt > a {width:100%;line-height: 52px; font-size: 16px; color: #333333;box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.fc .fc_main .fc_view ul li .fc_txt > span { width: 28px; border-bottom: 1px solid #adadad; box-sizing: border-box; text-align: center; height: 30px; line-height: 30px; margin-top: 10px; font-size: 20px; font-family: Arial; color: #333333; margin-right: 18px; } 
.fc .fc_main .fc_view ul li:hover > a > img { transform: scale(1.05); } 
.fc .fc_main .fc_view ul li:hover .fc_txt > a { color: #4bb031; } 
.fc .fc_main .fc_view .fc_btn { width: 100%; text-align: center; margin-top: 36px; } 
.fc .fc_main .fc_view .fc_btn .fc_p, .fc .fc_main .fc_view .fc_btn .fc_n { display: inline-block; vertical-align: middle; margin: 0 20px; width: 53px; height: 53px; cursor: pointer; position: relative; border-radius: 50%; background: #fff; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; } 
.fc .fc_main .fc_view .fc_btn .fc_p:hover, .fc .fc_main .fc_view .fc_btn .fc_n:hover { transform: translateY(-5px); box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5); } 
.fc .fc_main .fc_view .fc_btn .fc_p::after, .fc .fc_main .fc_view .fc_btn .fc_n::after { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 0; top: 0; } 
.fc .fc_main .fc_view .fc_btn .fc_p::after { background: url(../images/fc_p.png) center no-repeat; } 
.fc .fc_main .fc_view .fc_btn .fc_n::after { background: url(../images/fc_n.png) center no-repeat; }
@media screen and (max-width:1610px){
.fc_main{ width:95%}
}
@media screen and (max-width:1280px){ 
.fc .fc_main .fc_view ul li {  width:calc(33.33333% - 14px);} 
}
@media screen and (max-width:1024px){ 
.fc {margin-top:30px;} 
.fc .fc_main .fc_view { margin-top:15px; } 
}
@media screen and (max-width:640px){ 
.fc .fc_main .fc_view ul li {  width:calc(50% - 14px);} 
}
@media screen and (max-width:480px){ 
.fc {margin-top:5px;} 
.fc .fc_main .fc_view { margin-top:5px; } 
.fc .fc_main .fc_view ul li {  width:calc(100% - 14px);} 
}

.xxxx{ width:100%; background: url(../images/youshi_bg.jpg) no-repeat center top;}
.xxxx_l{ float:left; width:246px; margin-left:8%}
.xxxx_l img{ width:100%}
.xxxx_r{ float:right; width:66%;}
.xxxx_r li{ width:27%; float:left; padding:2%; border:3px #990000 solid; margin-right:1%; margin-top:20px}
.xxxx_r li h1{ width:100%; height:190px}
.xxxx_r li:nth-child(1) h1{ background:url(../images/x01.jpg) no-repeat center}
.xxxx_r li:nth-child(2) h1{ background:url(../images/x02.jpg) no-repeat center}
.xxxx_r li:nth-child(3) h1{ background:url(../images/x03.jpg) no-repeat center}
.xxxx_r li h2{ font-size:17px; font-weight:normal; line-height:30px; padding-top:15px; width:100%; overflow:hidden; height:30px}
.xxxx_r li h2 a{ color:#810A0A;}
.xxxx_r li p{ line-height:26px}
.xxxx_r li h3{ text-align:right;}
@media screen and (max-width:1379px){ 
.xxxx_l{ margin-left:3%}
.xxxx_r{ width:72%}
}
@media screen and (max-width:1227px){ 
.xxxx_r li:nth-child(3){ display:none}
.xxxx_r li{ width:41%; margin-right:3%}
}
@media screen and (max-width:1038px){ 
.xxxx_r{ width:65%}
}
@media screen and (max-width:820px){ 
.xxxx_r{ width:50%}
.xxxx_r li{ margin-right:0; width:94%}
.xxxx_r li:nth-child(2){ display:none}
}
@media screen and (max-width:565px){ 
.xxxx_r{ width:44%}
.xxxx{ padding:20px 0}
}
@media screen and (max-width:490px){ 
.xxxx_l{ margin-left:0; width:50%}
.xxxx_r{ width:50%}
.xxxx_r li p{ height:82px; overflow:hidden}
}
@media screen and (max-width:400px){ 
.xxxx_r{  width:100%}
.xxxx_l{ width:100%}
}

/*内页*/
.sfl{ width:100%; margin-bottom:1%; margin-top:20px}
.sfl ul{ width:100%; }
.sfl ul li{width:13.2%;height:40px; float:left;overflow:hidden; background:#efefef; margin:0% 0.5% 1% 0.5%; text-align:center}
.sfl ul li a{color:#000; font:14px/40px "Microsoft Yahei"; padding:0% 5%;}
.sfl ul li:hover{background:#B31F11;}
.sfl ul li:hover a{ color:#fff}
.sfl ul li:nth-child(n+13){ display:none} 
@media only screen and (max-width:1200px) {   
.syleft_bt h2{ line-height:40px; font-size:30px;}
.sfl ul{ width:100%} 
}
@media only screen and (max-width:850px) {   
.syleft_bt h2{ line-height:40px; font-size:24px;}  
.sfl ul li{width:32.333333%;}
.sfl ul li:last-child{ display:none}
}
@media only screen and (max-width:450px) { 
.sfl ul li{width:48%;} 
}
@media only screen and (max-width:414px) { 
.syleft_bt h2 b{ display:none}
}

.ny_bb{ height:100px; width:100%; background:#f5f5f5}
.ny_cc{ max-width:1500px; margin:0 auto}
.ny_bt{}
.ny_bt_l {float: left;margin-right: 2%;width:38%;transition: .2s width ease; height:100px}
.title-a {padding: 20px 0 0;position: relative;}
.title-a:before { content: "";display: inline-block; width:5px; height: 50px; vertical-align: top; margin: 0 1rem;}
.title-a span {font-weight: bold;font-size:24px;color: #B31F11; line-height:47px}
.title-a i {float: right;font-size:29px;text-transform: uppercase;line-height: 47px;font-weight: bold;}
.title-a:after {content: "";width: 1px; height: 100px; background: #B31F11;display: block; position: absolute; left: 0; top:0}
.ny_bt_r{ float:right; width:55%}
.title-b {color: #fff; background: #ccc;height:100px;line-height: 100px; padding-left: 2%; font-size:16px }
.title-b i {font-size: 2rem; margin-right: 1rem;}
.title-b a {color: #fff;}
@media screen and (max-width:1410px){
.ny_cc{ width:95%}
}
@media screen and (max-width:750px){
.ny_bt_l{ display:none}
.ny_bt_r{ width:100%}
.ny_bb{ height:100px; background: none}
}
@media screen and (max-width:680px){
.ny_cc{ width:100%}
}

.nr {margin: 0 auto; width:1500px; margin-top:1%; background:#FCFCFC; padding:1%}
@media screen and (max-width:1510px){
.nr {margin: 0 auto; width:95%;}
}

.content1{ line-height:37px; font-size:15px;width:100%; margin:0 auto; }
.content{  line-height:37px; font-size:15px; width:100%; margin:0 auto;}
@media screen and (max-width:1400px){
.content{ width:95%; padding-top:2%}	
.content1{width:95%; padding-top:2%}
}
@media screen and (max-width:1250px){
.content img{ width:95%; margin:0 auto}
}
@media screen and (max-width:600px){
.content1 img{ width:90%; height:auto}
}

.page { margin:0px auto; width:1500px; padding-top:10px; padding-bottom:8px}
.page ul li{float:left; border:1px solid #e5e5e5; padding:0 5px; height:20px; line-height:20px; overflow:hidden; color:#000; margin:0 3px 3px;}
.page ul li a{color:#666;}
.page ul li a:hover{color:#588b00;}
.page ul li a.on{color:#333; font-weight:bold;}
.page ul li.last{color:#7b7b7b;}
@media screen and (max-width:1510px){
.page { width:95%}	

}

.rel_center0{ text-align:center}
.pro_name{ text-align:center; margin-top:1%}
.pro_name h2{ font-size:24px; font-weight:normal}
@media only screen and (max-width:550px) {
.rel_center0 img{ width:80% }	
.pro_name h2{ font-size:18px}
}
.info_title{width:100%;text-transform:uppercase;margin-bottom:20px;}
.info_title h3{font-size:18px;text-align:left;padding:36px 0 10px 0;border-bottom:1px solid #ddd;}
.info_title h3 span{font-family:'Arial';font-size:15px;}
.info_title hr{width:44px;height:2px;background:#5F5F5F;border:none;margin:-11px auto 0 auto;}

.title{ text-align:center; font-size:19px; font-weight:bold; margin-bottom:1%}
.info{ text-align:center; width:40%; border-bottom:1px #A5A2A2 solid; border-top:1px #A5A2A2 solid; margin:0 auto; margin-bottom:20px}
@media only screen and (max-width:680px) {
.info{ width:100%}
}

.xwzx{}
.xwzx ul{ list-style-type:none}
.xwzx ul li{ border-bottom:1px dotted #ccc; height:35px; line-height:35px}
.xwzx ul li span{ float:right; font-size:12px}
@media only screen and (max-width:680px) {
.xwzx ul li a{ width:70%; float:left; height:35px; overflow:hidden}
.xwzx ul li span{ width:25%; text-align:right}
}
.ipro{}
.ipro dl{ width:24%; float:left; margin-right:0.5%; margin-left:0.5%}
.ipro dl dt{ width:100%}
.ipro dl dt a{ width:100%}
.ipro dl dt a img{ width:100%; height: auto; vertical-align:middle; }
.ipro dl dd{ height:35px; line-height:35px; text-align:center; width:100%; overflow:hidden}
.ipro dl dd a{ height:35px; line-height:35px}
@media only screen and (max-width:680px) {
.ipro dl{ width:49%}
.ipro dl dd a{}
}
.newslist{}
.newslist dl{ list-style-type:none; border-bottom:1px dotted #ccc; }
.newslist dl dd {}
.newslist dl dd a{ font-size:14px; color:#000; font-family:"微软雅黑"; float:left; font-weight:bold}
.newslist dl dd span{ float:right;}
.newslist dl dt{line-height:28px; margin-bottom:5px; display:block}

/*联系我们*/
.bcont{ text-align:center; background:#f5f5f5; padding:3% 0%; margin-top:3%; margin-bottom:3%}
.bcont .span-3{ width:23%; float:left}
.span-i{width:28%; float:left; height:300px;background:url(../images/bcont.png) no-repeat right bottom;background-size:cover; }
.span-l{ width:26%; float:left; padding:0% 0% 0% 8%; text-align:left}
.span-l p{ text-align:left}
.bcont i{ color: #545454; font-size: 4rem;}
.bcont p{ color:#666666; margin:10px 0 0; font-size: 16px;}
.bcont span{ color:#535353; font-size:18px; display: block;}
.bcont img{ width:50%; margin:  0 auto}

@media only screen and (max-width:1024px) {
.span-3no{ display:none}
.span-l{ width:35%;  padding:0% 0% 0% 5%; text-align:left}
.span-i{ width:35%;}
.bcont img{ width:85%;}
}
@media only screen and (max-width:850px) {
.bcont .span-3{ display:none; } 
.span-i{ display:none}
.span-l{ width:95%}
} 
@media only screen and (max-width:520px) {
.bcont{  background: none; }
.span-i{ width:100%; height:500px;} 
}
@media only screen and (max-width:414px) {
.span-i{ height:300px;} 
}
/*联系我们end*/

/*底部开始*/
.f_foot{ background:url(../images/f_bj.jpg) no-repeat center top; font-family:"Microsoft YaHei" ; margin-top:-44px}
.f_nav{ padding-top:74px; height:60px;  font-size:18px; line-height:38px; color:#000; text-align:center; width:1200px; margin:0 auto}
.f_nav a{ color:#000; display:inline-block; width:12.5%}
.f_nav .f_n1{}
.f_foot h2{ width:118px; height:89px; left:50%; margin-left: -59px; top:94px;  }
.f_foot h2 img{width:118px; height:89px;  }
.f_add{ font-size: 16px; line-height: 26px; color:#333; text-align: center;} 
.f_add  em{margin: 0 10px;}
.f_add a{color: #333;}
.f_ewm{ width:171px; /*background:url(Img/Common/f_k1.jpg) no-repeat center top; */margin: 0 auto; padding: 5px;}
.f_ewm img{ width:170px; height:160px;}
.f_ewm span{ display:block; font:14px/34px "Microsoft YaHei"; color:#333; text-align:center;} 
@media only screen and (max-width:1210px) {
.f_nav{ width:95%}
}
@media only screen and (max-width:720px) {
.f_foot{ background:url(../images/f_bj1.jpg) no-repeat center top}
.f_nav{ display:none}
}
@media only screen and (max-width:543px) {
.f_ewm{ display:none}
}

.header1{ display:none}
@media only screen and (max-width:768px) {  
.f_foot{ margin-bottom:60px} 
.header1{ height:60px; position:fixed; bottom:0px; left:0px; z-index:99999; width:100%; line-height:45px; display:block; clear:both; background:#333 }
.header1 h2{ width:100%; height:45px; text-align:center; background:url(../images/header1.png) no-repeat center top ; display: block}
.header1 h2 a{ color:#FFFFFF; font:24px/60px "微软雅黑"; margin: 0 auto; width:100%; display: block; font-variant:small-caps; height:60px;}
.header1 li{ width:50%; float:left; height:90px; } 
.header1 li a{ width:100%; text-align:center; display:block}
.header1 a p{ line-height:60px; color:#FFFFFF; display:inline;}
.header1 a img{ margin-bottom:-7px; margin-right:10px;} 
.header1 li:nth-child(1){background:url(../images/n3.png) repeat-y right top; }
} 

.vipb{ bottom:3px; right:5px; height:30px; background:url(../images/vip.png) no-repeat center right; padding-right:68px; font-size:20px; color:#e7b144; line-height:35px; text-align:right; font-weight:bold;}
.vipb a{ color:#E83F1D} 
@media only screen and (max-width:768px) {
.vipb{bottom:80px;}
}