@charset "gbk";
/*公共样式部分 */
* { margin: 0; padding: 0; }
body { margin: 0; padding: 0; font-size: 14px; font-family: "微软雅黑"; color: #333333; }
div, form, ul, ol, li, span, p, dl { margin: 0; padding: 0; border: 0; }
img, a img { border: 0; margin: 0; padding: 0; }
img { vertical-align: top; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
ul, ol, li { list-style: none }
dl { margin: 0; padding: 0; }
dd, dt { margin: 0; padding: 0; }
/*链接样式*/
::selection { background: #ea6311; color: #fff; }
::-moz-selection {background:#ea6311;color:#fff;}
::-webkit-selection {background:#ea6311;color:#fff;}
a { outline-style: none; color: #999; text-decoration: none }
a:link { color: #021A23; text-decoration: none; }
a:visited { color: #032029; text-decoration: none; }
a:hover { color: #ea6311; text-decoration: none; }
a:active { color: #ea6311; text-decoration: none; }
/*去除超链接虚框*/
a:link, a:visited, a:hover, a:active { blr:expression(this.onFocus=this.blur())}
/*清除浮动*/
.clear { clear: both;}
.clearfix { zoom: 1; }
.clearfix:after { content: '\20'; display: block; clear: both; }
.fl{ float:left}
.fr{ float:right}

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

/*头部*/
.header {width:100%; padding-bottom:15px; background:url(../images/top.jpg) no-repeat right bottom }
.top { width: 100%; height: 30px; text-align: right; line-height: 30px; color: #a5856f; overflow:hidden; padding-bottom:3px}
.top a{ padding-right:5px}
.logo { float:left}
.logo_m{ float:left; height:70px; padding-left:20px; margin-top:13px}
.logo_m h1{ line-height:30px; font-size:24px}
.logo_m h2{ line-height:25px; font-size:20px}
.phone{width:312px; height: 69px; margin-top:13px;background: url(../images/phone.png) no-repeat ; }
.phone h1{ font-size:30px; padding-left:63px; padding-top:35px}
@media screen and (max-width:944px){ 
.logo_m{ display:none }
}
@media screen and (max-width:669px){ 
.phone{ display:none}
.logo{ width:322px; margin:0 auto; float:none}
.header{ padding-bottom:0}
}
@media screen and (max-width:640px){ 
.header{ display:none}
}

.t_pc{ display: none}
.menu1 {width:100%;margin: 0 auto;background-color: #8B671F; }
.menu1 ul { }
.menu1 ul li { width: 12.5%; font-size: 16px; text-align: center;float: left;transition-property: background; transition-duration: 0.4s; -moz-transition-property: background; /* Firefox 4 */ -moz-transition-duration: 0.4s; /* Firefox 4 */ -webkit-transition-property: background; /* Safari and Chrome */ -webkit-transition-duration: 0.4s; /* Safari and Chrome */ -o-transition-property: background; /* Opera */ -o-transition-duration: 0.4s; /* Opera */; height:54px; line-height:54px }
.menu1 ul li a { color: #fff; display: block; overflow: hidden; }
@media screen and (max-width:670px){ 
.menu1 ul li{ height:40px; line-height:40px; width:25%}
}
@media screen and (max-width:640px) {
.menu1{ display:none;}
.t_pc{ position:fixed; width:100%; height:auto; left:0; top:0; z-index:9; display:block}
.menu{position:absolute;top:0px;z-index:99; right:15px;width:50px; height:90px}
.btn-nav {border:none;}
.menu_down{ display:none;width:100%; background:url(../images/menb.png) repeat;position:fixed;top:0;right:0;z-index:100;height:100%}
.menu_down ul{position:relative; top:10%; list-style:none;width:100%;float:left;}
.menu_down li{ text-align:center; margin:10px auto 0;}
.menu_down li a{color:#fff; font-size:24px;  overflow:hidden;display:block;}
.indexoff{float:right;color:#fff;width:40px;height:60px;line-height:60px;font-size:30px; font-style:normal; font-weight:bold}
}

/*首页banner大图样式*/
.sjbanner{ display: none}
.ibanner{ position:relative; height:720px; 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:3rem; height:3rem; line-height:3rem; text-align:center; background: #010000;}
.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{ display:none} 
.sjbanner{ display:block}
.sjbanner img{ width:100%}  
} 

/**/
.Toubu{width: 100%;background:url(../images/Toubu.jpg) no-repeat center top;}
.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: 36px;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:66%; margin-top:18px} 
.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%}
}

.dingw{height: 69px;line-height: 69px;overflow: hidden; width:100%; background:#f5f5f5}
.dingw_l{ float:left;background:url(../images/dw_bg_l.png) no-repeat left;}
.dingw em{font-size: 24px; color: #333; font-family:"";padding-left: 35px;display: block;float: left;}
.dingw b{color: #000;font-size: 30px;display: block;float: left;padding: 0 10px;}
.dingw span{font-size: 20px; color: #666;display: block;float: left;}
.dingw i{color: #000;font-size: 22px;padding: 0 5px;}
.dingw_r{ float:right}
@media screen and (max-width:800px) {
.dingw_l{ float:left;background:url(../images/dw_bg_l.png) no-repeat -50px;}	
.dingw b{ display:none}
.dingw span{ display:none}
}
@media screen and (max-width:388px) {
.dingw em{ font-size:22px}
.dingw_r{ display:none}
}

/*产品*/
.prod_b{ width:100%;}
.prod_b ul{ width:1500px; margin:0 auto}
.prod_b ul li{display: block;float: left;padding: 0 0.5% 0 0.5% !important;overflow: hidden; width:24%;}
.prod_b ul li>a{display: block;overflow: hidden;position: relative;}
.prod_b ul li>a:after{content: '';width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);position: absolute;top: 0;left: -100%;transition: 500ms;}
.prod_b ul li:hover>a:after{left: 0;transition: 500ms;}
.prod_b ul li>a:before{content: '';width: 30px;height: 30px;background: url(../uploadfile/image/20210320/20210320101358_1284621041.png) no-repeat;background-size: 100%;position: absolute;top: 0;bottom: 0; right: 0; left: 0; margin: auto; z-index: 99;transform: scale(0); transition: 500ms;}
.prod_b ul li:hover>a:before{transform: scale(1);transition: 500ms;}
.prod_b ul li>a img{width:100%;height:100%;transition: 500ms; }
.prod_b ul li>a:hover img{transform: scale(1.1);}
.prod_b ul li br{display: none;}
.prod_b ul li span{display: block;width: 100%;margin-top:1px; background: #fff;position: relative;z-index:1;overflow: hidden; text-align:center}
.prod_b ul li span:after{content: '';width: 100%;height: 100%;background: #e70e0e;position: absolute;left: -100%; top: 0;z-index:-1;transition: 500ms;}
.prod_b ul li:hover span:after{left: 0;transition: 500ms;}
.prod_b ul li span a{display: block;height: 50px;line-height: 50px;margin-top: 1px;font-size: 16px;color: #333;}
.prod_b ul li:hover span a{color: #fff;transition: 500ms;}
@media screen and (max-width:1510px){ 
.prod_b ul{ width:95%}
}
@media screen and (max-width:1000px){ 
.prod_b ul li{ width:32.3%}
}
@media screen and (max-width:640px){ 
.prod_b ul li span a{ height:40px; line-height:40px; font-size:14px}
}
.gc{ width:100%; background:#f1f1f1; padding-bottom:30px;min-width:1500px}

/**/
.list2{background-image:url(../images/ys_bj.jpg);height: 1090px;background-repeat: no-repeat; background-size: cover;background-position: 50%; margin-top:50px; margin-bottom:50px}
.bz_a1{width:45%;padding-top:25px;float:right;height:335px;}
.bz_a1 .tit{padding-top:20px;background: url(../images/al_ico4.jpg) no-repeat left top; padding-bottom:15px}
.bz_a1 .tit h4 {height: 66px;line-height: 66px;font-size:40px;color: #333333;font-weight: bold;}
.bz_a1 .tit h4 span {color: #fff100;}
.bz_a1 .tit p{font-size:20px;color: #333333;margin-top:6px;}
.bz_qh{ display:block}
.bz_a1 ul{height:66px;}
.bz_a1 li {float:left;width:152px;height: 38px;line-height: 38px;margin-bottom:23px;font-size:16px;color:#333333;cursor: pointer;}
.bz_a1 li i {width:38px;height: 38px;margin-right:10px;display: inline-block;vertical-align: middle;}
.bz_a1 li:nth-child(1) i{background: url(../images/bz_ico2.png) no-repeat;}
.bz_a1 li:nth-child(2) i{background: url(../images/bz_ico3.png) no-repeat;}
.bz_a1 li:nth-child(3) i{background: url(../images/bz_ico4.png) no-repeat;}
.bz_a1 li:nth-child(4) i{background: url(../images/bz_ico5.png) no-repeat;}
.bz_a1 li:nth-child(1).on i{background: url(../images/bz_ico2_hv.jpg) no-repeat;}
.bz_a1 li:nth-child(2).on i{background: url(../images/bz_ico3_hv.jpg) no-repeat;}
.bz_a1 li:nth-child(3).on i{background: url(../images/bz_ico4_hv.jpg) no-repeat;}
.bz_a1 li:nth-child(4).on i{background: url(../images/bz_ico5_hv.jpg) no-repeat;}
.bz_w h4{font-size:20px;color: #333333;font-weight: bold;height: 34px;line-height: 34px;}
.bz_w p {font-size:16px;color: #666666;padding-top:8px;}

.bz_b1{height: 427px;padding:43px 0 0 50px; width:65%; float:right; background:#F2F2F2}
.bz_tt{height: 105px;}
.bz_tt span {font-size:28px;color: #333333;height: 50px;line-height: 50px;text-transform: uppercase;font-weight: bold}
.bz_tt p {height:29px;line-height:29px;font-size:20px;color: #333333;}
.bz_b1 li {float:left;width:30%;font-size:0;line-height: 0;margin-right:1.5%;}
.bz_b1 li a{}
.bz_b1 li img{ width:100%;height: 239px; overflow:hidden}
.bz_b1 li span{display:block;text-align:center;padding-top:12px;font-size:16px;color:#333333;line-height:22px;}
.bz_b1 li:last-child{margin:0;}
.biaod{height: 270px;padding-top:71px;}
.bd_fl{float:left;padding-left:20%;}
.bd_fl em {display: block;height: 45px;line-height: 45px;font-size:38px;color: #fff;padding-left:157px;}
.bd_fl p {font-size:38px;color: #fff;font-weight: bold;height: 46px;line-height: 46px; padding-left:47px}
.bd_fl p span {color: #fff100}
.bd_fl i{display: block;width:200px;height: 37px;line-height: 37px;background: url(../images/bd_ico1.jpg) no-repeat;font-size:18px;color: #2b2622;padding-left:23px;box-sizing: border-box;margin:34px 0 0 225px;}
.bd_fr{float:right;width:397px;margin-top:5px;}
.bd_fr li{height:30px;padding:3px 24px 3px 18px;border:1px solid #fff;border-width: 0 1px;font-size:14px;color: #fff;position: relative;}
.bd_fr li span{font-size:14px;color: #fff;margin-right:20px;}
.bd_fr li.ls1{border-width:1px;}
.bd_fr li.ls1 input{width:274px;height:30px;border:0;background: none;color: #fff;}
.bd_fr li.ls2{border-width:0 1px 1px 1px;}
.bd_fr li.ls2 select{width:48px;height:30px;border:0;margin:0 8px;}
.bd_fr li.ls3{border-width:0 1px 1px 1px;}
.bd_fr li.ls3 select{width:239px;height:30px;border:0;}
.bd_fr li.ls4{border-width:0 1px 1px 1px;}
.bd_fr li.ls4 input {width:115px;border:0;height:30px;border:0;background: none;color: #fff;}
.bd_fr li.ls4 span:nth-of-type(2n){display:none;}
.bd_fr li.ls4:after{height: 36px;width:2px;background: #fff;content: "";display: block;position: absolute;left:50%;top:0;}
.bd_fr li.ls4 span:nth-of-type(3){padding-left:20px;margin-right:10px;}
.bd_fr li.ls5 {border:0;height: 37px;padding:0;margin-top:14px;}
.bd_fr li.ls5 input{width:50%;height: 35px;font-size:18px;text-align: center;line-height: 37px;border:0;border:1px solid #fff100;}
.bd_fr li.ls5 input:nth-child(1){background: #fff100}
.bd_fr li.ls5 input:nth-child(2){background: none;color: #fff}
@media screen and (max-width:1351px){ 
.bz_a1 .tit{ padding-top:0}
}
@media screen and (max-width:990px){ 
.bz_b1{ width:85%}
.bz_a1{ width:65%; background:#fff; padding-left:2%}
}
@media screen and (max-width:640px){ 
.list2{ height: auto}
.bz_a1 .tit h4{ height:auto; font-size:33px}
.bz_a1{ width:100%; background:#501C05; padding-left:0; height: auto; padding-bottom:2%}
.bz_a1 .tit p{ color:#FFF; text-align:center}
.bz_a1 .tit h4{ text-align:center; color:#fff}
.bz_a1 ul{ width:95%; margin:0 auto}
.bz_a1 li{ color:#fff; width:25%}
.bz_nr{ width:95%; margin:0 auto}
.bz_w h4{ color:#894021}
.bz_b1 li{ width:48%;}
.bz_tt span{ font-size:24px; height:auto; line-height:40px}
.biaod{ padding-top:40px; height:auto; padding-bottom:2%}
.bd_fl{ width:100%; padding-left:0; background:#000; padding-bottom:15px}
.bz_tt p{ font-size:16px; padding-left:12%}
.bz_b1 li:nth-child(3){ display:none}
.bd_fl em{ font-size:30px; padding-left:28%}
.bd_fl p{ font-size:30px}
.bd_fl i{ width:auto; margin:14px 0 0 30%}
.bz_b1{ width:95%; padding:1%; margin:0 auto; float:none}
.bz_tt p{ padding-left:0; }
}
@media screen and (max-width:511px){ 
.bz_a1 li{  width:50%}
}
@media screen and (max-width:360px){ 
.bd_fl p{ font-size:22px}
.bd_fl em{ font-size:20px; height:auto; line-height:35px; padding-left:1%}
.bd_fl p{ height:auto; line-height:30px; padding-left:1%}
.bd_fl i{ margin:14px 0 0 1%}
.bd_fl{ padding-bottom:2%}
}
/*end*/

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

/*新闻三块*/
.xw1{ width:32%; float: left;  margin-left:2%;}
.xw2{ width: 380px; float: right;  }
.xw1 h3{ font-size: 24px; margin-bottom:8px; cursor: pointer; height:45px; line-height:45px }
.xw1 h3 a{ float:left}
.xw1 h3 span{ float:right; font-size:15px; text-transform:uppercase}
.xw1:nth-child(1){ margin-left:0}
.xwtitle { height: 50px; border-bottom: #555 solid 2px; width: 380px }
.xwtitle1 h3 { float: left; width: 260px; height: 37px; text-indent: 260px; background: url(../images/img1.png) 4px -5px no-repeat; white-space: nowrap; overflow: hidden }
.xwtitle2 h3 { float: left; width: 260px; height: 37px; text-indent: 260px; background: url(../images/img1.png) 4px -56px no-repeat; white-space: nowrap; overflow: hidden }
.xwtitle3 h3 { float: left; width: 260px; height: 37px; text-indent: 260px; background: url(../images/img1.png) 4px -104px no-repeat; white-space: nowrap; overflow: hidden }

.xwtt { width:100%; margin: auto;height: 160px; border-bottom: 1px #b6b6b6 solid; overflow:hidden }
.tttp { width: 100%;}
.tttp img{ width:100%; height:100%}
.inews { }
.gda{ float:right;overflow: hidden;}
.inews li { height:45px; line-height: 45px; text-align: left; border-bottom: 1px #e6e6e6 dashed; background: url(../images/li.png) no-repeat left; background-position: 5px center; text-indent: 1.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mup { height: 45px; line-height: 45px; text-align: left; text-indent: 1em; font-size: 14px; color: #6f3d1d; background: url(../images/tybj.jpg); }
.mup span { font-size: 12px; color: #333; margin-left: 10px; }
@media screen and (max-width:1067px){ 
.xw1:nth-child(3){ display:none}
.xw1{ width:49%}
}
@media screen and (max-width:724px){ 
.xwtt{ height:110px}
.inews li{ height:35px; line-height:35px}
}
@media screen and (max-width:640px){ 
.xw1:nth-child(2){ display:none}
.xw1{ width:100%; margin-top:30px}
.xwtt{ height: auto}
.inews li:nth-of-type(n+5){ display:none}
.inews li{ height:40px; line-height:40px}
}

/**/
.fc { width: 100%; margin-top: 64px; padding-bottom: 44px; background: url(../images/ch.png) center bottom no-repeat; } 
.fc_main{ width:85%; margin:0 auto}
.fc .fc_main .fc_view { margin-top: 50px; } 
.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; background-color:#ffffff; } 
.fc .fc_main .fc_view ul li .fc_txt > a { float: left; width: 75%; height: 100%; line-height: 52px; font-size: 16px; color: #333333; padding: 0 5px 0 20px; 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: #A07629; 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: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; } 
.fc .fc_main .fc_view .fc_btn{ display:none}
}
@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);} 
}


/**/
.main_title{ margin-top:40px}
.main_title a { width: 100%; margin: 0 auto; overflow: hidden; display: block; text-align: center; padding-bottom:30px}
.main_title a strong { display: block; font-size: 42px; line-height: 100%; color: #fff; font-weight: 400 }
.main_title a span { display: block; font-size: 15px; line-height: 100%; color: gray; font-weight: 400; letter-spacing: 8px; margin-top: 19px; text-transform: uppercase }
.main_title a:hover { color: #332 }
@media screen and (max-width:1200px){ 
.main_title a strong{ font-size:35px}
}
@media screen and (max-width:520px){ 
.main_title a strong{ font-size:31px}
.main_title a span{ margin-top:12px}
.main_title a{ padding-bottom:20px}
}

.scale_img dl dt img, .scale_img li img { -o-transition: all 1s linear 0s; transition: all 1s linear 0s }
.scale_img dl:hover dt img, .scale_img li:hover img { -webkit-transform: scale(1.05) rotate(0deg) translateY(0); -ms-transform: scale(1.05) rotate(0deg) translateY(0); transform: scale(1.05) rotate(0deg) translateY(0) }
.pro_con { width:65% }
.pro_con h3 a { display: block; font-size: 30px; font-weight: 400; font-stretch: normal; line-height: 30px; letter-spacing: 1px; color: #00205b; padding: 38px 0 9px 44px; background: url(/..images/pi1.png) no-repeat left top; margin-bottom: 10px }
.pro_list dl { width: 32%; height: 398px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1); overflow: hidden; float: left; margin-right:2%; margin-bottom: 18px; position: relative }
.pro_list dl:nth-child(3n){ margin-right:0}
.pro_list dl dt{ width:100%; height:340px; overflow:hidden}
.pro_list dl dt img { height:100%}
.pro_list dl dd { position: absolute; border-top: 1px solid #e2e2e2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; top: 341px; left: 0; transition-property: top, border; transition-duration: .5s, .5s; -o-transition-property: top, border; -o-transition-duration: .5s, .5s; height: 136px }
.pro_list dl dd h4 { font-size: 20px; line-height: 56px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-weight: 400 }
.pro_list dl dd p { font-size: 15px; line-height: 24px; color: #fff; letter-spacing: 1px;height: 48px;
    overflow: hidden; }
.pro_list dl:hover dd { background: rgba(0, 0, 0, .5) url(../images/picon.png) no-repeat 253px 102px; border-color: transparent; padding: 10px 40px; top: 262px }
.pro_list dl:hover dd h4 { color: #fff; text-align: left; font-size: 22px }
.pro_nav { width: 30% }
.pro_nav .pro_class { width:98%; height:561px; background: url(../images/pro_class.jpg) no-repeat center top; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 42px 0 0 2% }
.pro_nav .pro_class dl { position: relative; margin-bottom: 31px }
.pro_nav .pro_class dl:after { position: absolute; content: ""; left: 0; bottom: 0; width: 90%; border-bottom: 1px dashed rgba(255, 255, 255, .1) }
.pro_nav .pro_class dl h3 a { display: block; font-size: 22px; line-height: 100%; color: #fff; position: relative; padding-left: 30px }
.pro_nav .pro_class dl h3 a:before { position: absolute; content: ""; width: 8px; height: 8px; background: #fff; top: 9px; left: 13px }
.pro_nav .pro_class dl dd { overflow: hidden; padding: 16px 0 30px 16px }
.pro_nav .pro_class dl h4 { float: left; width: 132px }
.pro_nav .pro_class dl h4 a { display: block; font-size: 15px; font-weight: 400; font-stretch: normal; line-height: 30px; letter-spacing: 1px; color: #fff; padding-left: 13px; overflow: hidden; text-overflow: ellipsis; -o-transition: all .3s ease; transition: all .3s ease; background: url(../images/pi50.png) no-repeat left 11px; }
.pro_nav .pro_class dl h4:hover a { color: #ffe100 }
.pro_nav .pro_class dl:last-child:after { display: none }
.pro_nav .pro_desc { font-size: 16px; font-weight: 400; font-stretch: normal; line-height: 30px; letter-spacing: 0; color: #A79890; margin: 46px 0 30px; text-indent: 60px; position: relative;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.pro_nav .pro_desc:before { position: absolute; content: ""; width: 48px; height: 5px; background-color: #f7db07; left: 0; top: 12px }
.pro_nav .ask a { display: block; width: 140px; height: 45px; background-color: #f7db07; border-radius: 23px; font-size: 15px; line-height: 45px; color: #333; text-align: center; -o-transition: all .3s ease; transition: all .3s ease }
.pro_nav .ask a:hover { width: 150px }

.pro_switch { position: absolute; top: 14px; right: 20px; font-size: 0; line-height: 0;z-index: 9;}
.pro_switch div {width: 31px; height: 8px; padding: 32px 0; display: inline-block; cursor: pointer;}
.pro_switch .pro_prev {margin-right: 51px;}
.pro_switch:before {position: absolute;content: ""; width: 1px; height: 20px; background: #aaa; top: 29px; left: 56px; }
.product2 .pro_switch{left: 20px; right: auto;}
.product2 .pro_switch:before {background: #fff;}

.product1 { background: url(../images/cp_bg.jpg) repeat top; padding-top:50px; padding-bottom: 76px; margin-top:40px }
.product1 h2 { margin-bottom: 31px }
.product1 .pro_con {overflow: hidden}
.product1 .pro_con .tempWrap, .product1 .pro_con .pro_list1 {overflow: visible !important;}
@media screen and (max-width:1050px){ 
.pro_con{ width:59%}
.pro_nav{ width:40%}
.pro_list dl{ width:48%}
.pro_list dl:nth-child(5),.pro_list dl:nth-child(6){ display:none}
.pro_list dl:nth-child(3n){ margin-right:2%}
}
@media screen and (max-width:640px){ 
.product1{ padding-top:10px; padding-bottom:26px}
.pro_con{ width:100%}
.pro_nav{ width:100%}
.pro_list dl:nth-child(2n){ margin-right:0}
.pro_list dl{ width:49%}
.pro_list dl:nth-child(5),.pro_list dl:nth-child(6){ display: block}
.pro_nav .pro_class{ height:auto; padding:42px 0 0 0; width:100%;background: url(../images/pro_class.jpg) repeat center top;}
}
@media screen and (max-width:560px){ 
.pro_list dl{ height: auto}
.pro_list dl dt{ height: auto}
.pro_list dl dd{ top:auto; height:35px; line-height:35px; position: inherit}
.pro_list dl dd h4{ line-height:35px; font-size:15px}
.pro_list dl dt img{ height:auto; width:100%}
}
@media screen and (max-width:433px){ 
.pro_nav .pro_class dl h4{ width:50%}
}
/*end*/

/*新闻*/
.i3 { background: url(../images/zs_76.jpg) repeat top; overflow: hidden; padding-top:50px}
.cg_93{ width:100%; height:124px; background:url(../images/cg_93.jpg) no-repeat center}
.news_x{ width:50%; float:left}
.tt { overflow: hidden; margin-bottom: 25px; }
.tt img { width: 190px; height: 143px; float: left; }
.tt .txt { width: 70%; float: right; }
.tt .txt h4 { font-size: 24px; font-weight: 700; margin-bottom: 10px; }
.tt .txt p { font-size: 14px; color: #666; line-height: 2em; }
.tt .txt p a { color: #ea6311; }
.news_x ul { }
.news_x ul li { width:49%; float: left; height: 35px; line-height: 35px; font-size: 14px; margin-right:1%; overflow:hidden}
.news_x ul li a { background: url(../images/d01.gif) no-repeat left center; padding-left: 15px; }
.news_x ul li a:hover { background: url(../images/d02.gif) no-repeat left center; }
.kt { width: 40%; float: right; }
.kt h3 { font-size: 24px; padding-left: 15px; border-left: 4px solid #ea6311; margin-bottom: 30px; cursor: pointer; }
.zxkt { width: 100%; text-align: left; margin: 0 auto; }
.zxkt .hd { height: 30px; line-height: 30px; background: #fff; position: relative; border: 1px solid #ccc; border-right: none; width:100% }
.zxkt .hd ul { }
.zxkt .hd ul li { float: left;cursor: pointer; font-size: 14px; border-right: 1px solid #ccc; width:33%; line-height:30px; text-align:center}
.zxkt .hd ul li.on { height: 32px; background: #ea6311; color: #fff; border-right: 1px solid #ea6311; margin-left: -1px; }
.zxkt .hd ul li a { color: #333; }
.zxkt .hd ul li a:hover { color: #fff; }
.zxkt .hd ul li.on a { color: #fff; }
.zxkt .bd ul { zoom: 1; overflow: hidden; margin-top: 20px; }
.zxkt .bd ul li { margin-bottom: 20px; padding-bottom: 17px; background: url(../images/d03.gif) repeat-x left bottom; }
.zxkt .bd ul li h4 { font-size: 16px; color: #333; font-weight: 700; margin-bottom: 10px; width:100%; height:23px; overflow:hidden }
.zxkt .bd ul li h4 em { width: 25px; height: 25px; line-height: 25px; text-align: center; color: #fff; font-style: normal; background: #ccc; font-size: 20px; font-family: arial; float: left; margin-right: 10px; }
.zxkt .bd ul li p { color: #666; font-size: 14px; line-height: 1.5em; margin-left: 35px; position: relative;}
.zxkt .bd ul li p .answer { width: 25px; height: 25px; line-height: 25px; text-align: center; color: #fff; font-style: normal; background: #ea6311; font-size: 20px; font-family: arial; position: absolute; left: -35px; top: 0px; }
@media screen and (max-width:1381px){ 
.news_x{ width:55%}
}
@media screen and (max-width:1262px){ 
.zxkt .bd ul li p { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.tt .txt{ width:60%}
}
@media screen and (max-width:1018px){ 
.tt .txt p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
}
@media screen and (max-width:945px){ 
.news_x{ display:none}
.kt{ width:100%}
}
@media screen and (max-width:640px){ 
.i3{ display:none}
}

/*关于我们*/
.gywm{ width:100%; margin:0 auto;background: url(../images/about_bg.jpg) no-repeat center}
.gywm_l{ float:left; width:48%}
.gywm_img{ width:570px; float:right}
.gywm_l_bottom{ width:100%; background:#F8F8F8; padding:40px 0}
.gywm_l_bottom h1{ font-weight:normal; font-size:15px; text-transform:uppercase; padding-left:3% }
.gywm_l_bottom h2{ width:50px; height:2px; background:#000; margin:15px auto}
.gywm_l_bottom h3{ font-weight:normal; text-align:right; padding-right:1%; font-size:25px}
.gywm_r{ width:49%; float:right}
.gywm_r_top{ width:100%; background:url(../images/about_r_top.jpg) no-repeat right; padding:20px 0}
.gywm_r_top h1{ font-size:40px; text-transform:uppercase;color:#8B671F; padding-top:20px; font-weight:bold}
.gywm_r_top h2{ color:#8B671F; font-size:26px}
.gywm_r_bom{ width:650px;}
.gywm_r_bom p{color:#F8F8F8; padding-top:20px; margin-bottom:45px; line-height:29px}
.gywm_r_bom dl{ width:30%; float:left; margin-right:2%}
.gywm_r_bom dl dd{ width:100%; overflow:hidden; height:150px}
.gywm_r_bom dl dt{ width:100%; height:35px; line-height:35px; text-align:center; overflow:hidden}
.gywm_r_bom dl dt a{ color:#F8F8F8}
@media screen and (max-width:1296px){ 
.gywm_l_bottom h3{ text-align:center; font-size:18px}
}
@media screen and (max-width:1350px){ 
.gywm_img{ width:88%}
.gywm_img img{ width:100%}
.gywm_r_bom{ width:95%}
.gywm_r_bom p{ height:235px; overflow:hidden}
}
@media screen and (max-width:1091px){ 
.gywm_r_top h1{ font-size:30px;}
}
@media screen and (max-width:1025px){ 
.gywm_l_bottom h1{ width:90%; padding-left:0; margin:0 auto; height:30px; line-height:30px; overflow:hidden}
.gywm_r_bom dl dd{ height:120px;}
.gywm_r_top{ padding:10px 0}
.gywm_r_top h1{ font-size:25px}
.gywm_r_top h2{ font-size:23px}
.gywm_r_bom p{ margin-bottom:15px}
}
@media screen and (max-width:878px){ 
.gywm_l_bottom h3{ font-size:20px; text-align:center}
}
@media screen and (max-width:790px){ 
.gywm{background: url(../images/about_bg.jpg) repeat center;}
.gywm_l{ width:99%; float:none}
.gywm_l_bottom{ padding:20px 0}
.gywm_l_bottom h2{ margin:5px auto}
.gywm_img{ float:none; margin:0 auto}
.gywm_r{ width:99%}
.gywm_r_top{ display:none}
.gywm_r_bom{ width:100%}
.gywm_r_bom p{ height:auto}
.gywm_r_bom dl{ width:31.2%}
}
@media screen and (max-width:370px){ 
.gywm_l_bottom h3{ font-size:18px}
.gywm_l_bottom h3 span{ font-size:18px}
.gywm_r_bom p{ height:290px; overflow:hidden}
}

/*加盟流程*/
.liuc_bg{background:#eee;overflow: hidden;padding: 50px 0 75px;}
.liu_t{width: 165px;font-size: 30px;color: #333;font-weight: normal;padding-left: 35px;background:url(../images/liuc_line.gif) no-repeat;height: 83px;line-height: 44px;overflow: hidden;margin-top: 5px;}
.liu_t span{display: block;font-size: 16px;color: #666;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}

.iflow{overflow:hidden;}
.iflow .item{float:left;width:111px;text-align:center;color:#333;font-size: 14px;background:url(../images/liuc_line02.png) no-repeat left 18px;}
.iflow .item .icon{display:block;width:55px;height:55px;margin:0 auto 8px;position:relative;}
.iflow .item .icon i:before{content:'';}
.iflow .item .icon i,.iflow .item .icon i:before{position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/iflow_icon.png)}
.iflow .item .icon i.default{background-position:0 0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.iflow .item .icon i.hover{background-position:0 -55px;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.iflow .item.i01 .icon i:before{background-position:0 -110px;}
.iflow .item.i02 .icon i:before{background-position:0 -165px;}
.iflow .item.i03 .icon i:before{background-position:0 -220px;}
.iflow .item.i04 .icon i:before{background-position:0 -275px;}
.iflow .item.i05 .icon i:before{background-position:0 -330px;}
.iflow .item.i06 .icon i:before{background-position:0 -385px;}
.iflow .item.i07 .icon i:before{background-position:0 -440px;}
.iflow .item.i08 .icon i:before{background-position:0 -495px;}
.iflow .item.i09 .icon i:before{background-position:0 -550px;}
.iflow .item:hover .icon i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.iflow .item:hover .icon i.hover{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.iflow .i01{ background:none;}
.iflow_tel{ float:right; height:60px; line-height:60px; width:250px; background:#FFE100; border-radius:50px; text-align:center}
.iflow_tel h1{ font-size:28px;}
@media screen and (max-width:1303px){ 
.iflow_tel{ display:none}
}
@media screen and (max-width:820px){ 
.liuc_bg{ display:none}
}


/*新闻*/
.wk{ width:1500px; margin:0 auto}
.xinw h2{ text-align: center; margin-top:30px; margin-bottom:30px}
.xinw h2 span{display: block; font-family: Impact; font-size: 48px; color:#e8e8e8; text-transform: uppercase; font-weight: normal;line-height:100%;}
.xinw h2 a{ display: block; font-size: 32px; color: #333; font-weight: normal; padding-top:7px;}
@media screen and (max-width:930px){ 
.xinw h2 span{ font-size:42px}
.xinw h2 a{ font-size:30px}
}
@media screen and (max-width:570px){ 
.xinw h2 span{ font-size:34px}
.xinw h2 a{ font-size:26px}
.xinw h2{ margin-bottom:0}
}
.xinw{ height:708px; background:url(../images/nsw.jpg) no-repeat center bottom;}
.news{width:58%;height:563px;overflow: hidden;}
.n_nav ,.n_nav1 {height:50px;overflow: hidden; padding-top: 23px;}
.n_nav span,.n_nav1 span{text-align: center; line-height: 21px; font-size: 15px; font-size: 14px; text-transform: uppercase;}
.n_nav span a,.n_nav1 span a{ color: #666666;}
.n_nav li , .n_nav1 li{ float: left;margin-right:28px;height: 42px; font-size: 18px;}
.n_nav li a, .n_nav1 li a{display: inline-block;height:40px;color:#333; }
.n_nav li i{ font-weight: normal; color: #b6b6b6; text-transform: uppercase; font-size: 12px; padding-left: 6px;}
.n_nav li a:hover , .n_nav .cur a , .n_nav1 li a:hover , .n_nav1 .cur a{ color:#8B671F; font-weight:bold;text-decoration: none;}
.news_nr ,.news_nr1{height:484px; overflow: hidden;}
.news_c , .news_c1{height:484px; overflow: hidden;}
.news_c dl{height:285px;overflow: hidden; margin-bottom:3px;}
.news_c dt{width:350px; height:197px; overflow: hidden; position: relative; float: left;}
.news_c dt img{ width:350px; height: 197px;}
.news_c dd{overflow: hidden; width:50%; float: right;}
.news_c dd h3{font-size: 14px; line-height: 20px; padding-top: 20px; margin-bottom: 12px;}
.news_c dd h3 a{ color:#333333;}
.news_c dd p{height:96px; overflow: hidden; color: #333; line-height: 25px; margin-top: 12px; font-size: 12px;}
.news_c dd em a{ color: #fff; width: 91px; height: 25px; border-radius: 25px; line-height: 25px; background: #8B671F; display: inline-block; text-align: center;}
.news_c ul{ overflow: hidden;}
.news_c li{  height:65px; overflow:hidden; font-size:14px; width:49%; float: left; padding-right:1%;}
.news_c li span{ display:block; clear:both; padding:9px 0 0 20px;}
.news_c li a{ color: #333;display:inline-block; float:left; width:90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_c li a:hover{ color: #333;}
.news_c li i{ padding-right:10px;float:left;display:inline-block;}

.faq{ width:35%;height: 500px;overflow: hidden;padding: 0 2% 71px 1%;background: #fff;border: 1px dotted #ddd;}
.faq h3{ height: 50px; font-weight: normal; font-size: 18px;  padding-top: 26px;}
.faq h3 a{color: #8B671F; font-weight: bold;}
.faq h3 i{ font-weight: normal; color: #b6b6b6; text-transform: uppercase; font-size: 12px; padding-left: 6px;}
.faq h3 span{ line-height: 21px; font-size: 15px; font-size: 14px; text-transform: uppercase;  float: right;}
.faq h3 span a{ color: #666666; font-weight: normal;}
.faq li{ height:100px}
.faq li a{ display: block; height: 21px; line-height: 21px;font-size: 14px; font-weight: bold; color: #333; margin-bottom: 9px; width:100%; overflow:hidden}
.faq li span{ display: block;line-height: 24px; font-size: 14px; color: #333; border-bottom: 1px dashed #ccc; margin-bottom: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.faq li.nob span{ border-bottom:none;}
@media (max-width:1277px){
.news_c dd{ width:44%}
}
@media (max-width:1193px){
.news_c dt{ width:280px}
.news_c dd{ width:53%}
}
@media (max-width:1120px){
.news_c dt{ width:280px}
.news_c dd{ width:43%}
}
@media (max-width:931px){
.news_c dt{ width:100%; height:200px; overflow:hidden}
.news_c dt img{ width:100%; height:auto}
.news_c dd{ display:none}
.cur{ display:none}
}
@media (max-width:808px){
.xinw{ height:auto}
.faq{ display:none}
.news{ width:100%; height:auto}
.news_c dt{ height:240px}
}
@media (max-width:418px){
.news_c dl{ height:255px}
.news_c, .news_c1{ height:auto}
.news_nr, .news_nr1{ height:auto}
}

/*end*/

/*单独内页*/
.pro_info{padding:18px 5px 0;}
.rel_center11{width:35%; height:400px; margin:3% 3% 3% 0%; float:left; overflow:hidden;  position:relative; display:block; text-align:left; } 
.rel_center11 img{ width:100%; height:100%; float:left }
.pro_name1{ width:40%;float:left; margin-top:3%}
.pro_name1 h2{font-size:18px;height:26px;line-height:26px;margin-bottom:10px; overflow:hidden;font-weight:700;}
.pro-canshu{border-top:1px solid #ffcac6;background:#fff8f8;padding:6px 0 6px 16px;margin-bottom:10px; text-align:left}
.pro-canshu p{line-height:30px;font-size:20px;padding:12px 0;}
.pro-canshu p span{color:#999;font-size:14px;}
.info_title h3{padding:48px 0 24px 0;}
.nylx a{display:block;width:calc(97% / 3);height:46px;margin:8px 1% 0 0;font-size:16px;font-weight:700;padding:0 8px;line-height:46px;color:#fff;text-align:center;border-radius:8px;float:left;box-sizing:border-box;}
.nylx a.nm{background-color:#ef1f1f;border-color:#ef1f1f;}
.nylx a.nm1{background-color:#d74b00;border-color:#d74b00;}
.nylx a.nm2{border:1px solid #e0e0e0;color:#333;font-weight:400;}
.xgcp_title{padding:10px;background-color:#f7f7f7;margin-bottom:15px;}
.xgcp_title h3{height:30px;line-height:30px;font-weight:bold;font-size:18px;}
#textarea img{max-width:100%}
.nyxx{padding:12px 0;line-height:24px;padding-left:16px;color:#666;}
.nyxx span{ padding-left:16px;}
.nyb{ width:20%;float:right;border:1px solid #ffedc8;padding:14px;box-sizing:border-box;background:#fffcf6; margin-top:3%}
.nyb .yby{ width:auto;}
.nyb .bt .fl{width:100%; line-height:30px} 

.ybt{width:100%;height:54px;margin-bottom:16px;}
.ybt img{display:inline-block;float:left;width:54px;height:54px;}
.ybt span{display:inline-block;float:right;padding:4px 0 8px 8px;width:100%;font-size:16px;color:#000;font-weight:700;box-sizing:border-box;}
.ybt span font{font-size:14px;line-height:14px;color:#666;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:normal;padding-top:10px;display:block;}
.yby{display:block;width:275px;height:28px;font-size:12px;line-height:28px;padding:3px 8px;margin-bottom:16px;background:rgba(30,152,255,0.08);border-radius:2px;color:#249afe;}
.lj1,.lj2{ width:calc( (100% - 15px) / 2);font-weight:700;padding:0;float:left;background:#ef1f1f;color:#fff;height:40px;line-height:40px;border-radius:4px;text-align:center;box-sizing:border-box;}
.lj1{margin-right:15px;}

.yxw{ list-style:none;}
.yxw li{ height:30px;line-height:30px;overflow:hidden;margin-bottom:8px;}
.ymm{width:100%;height:44px;line-height:44px;font-size:16px;color:#fff;background-color:#ef1f1f;border-color:#ef1f1f;font-weight:400;text-align:center;margin-top:15px;}


@media screen and (max-width:1280px){
.nyb{ padding:10px;}
.nyb .ybt span font{ display:none;}
.pro_name1 h2{font-size:16px;}
.info_title h3{padding:40px 0 22px 0;}
}
@media screen and (max-width:1024px){ 
.nyb{ display:none}
.rel_center11{width:48%;}
.pro_name1{ width:46%;}
.nrz{ display:none;}
.nry{ width:100%;}
}
@media screen and (max-width:768px){ 
.rel_center11{width:100%; margin-right:0; height:auto}
.pro_name{ width:100%; margin-top:20px;}
.pro_name1 h2{ display:none;}
.nyn li span{width:50px;padding-right:10px;}
.pro_name1{ width:100%}
}
@media screen and (max-width:640px){ 
.nyn li{ width:50%;}
.nbb{ padding:10px;}
}


.npro{margin-top:18px;}
.npro li{text-align:center;list-style:none; float:left; margin:0% 2% 15px 0%; width:18%}
.npro li a{display:block;}
.npro li a span{display:block;width:100%;height:0;position:relative;padding-bottom:100%;overflow:hidden}
.npro li a span:before{ content:"";background:url(../images/cpt.png) no-repeat center;background-size:cover;position:absolute;width:100%;height:100%;left:0;top:0;z-index:9;}
.npro 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;}
.npro li a span img:hover {transform:scale(1.2);} 
.npro li a em{display:block;width:100%;height:0;position:relative;padding-bottom:100%;overflow:hidden}
.npro li a em img{width:100%;position:absolute;top:0;left:0;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.npro li a em img:hover {transform:scale(1.2);} 
.npro li a p{display:block;height:40px;line-height:40px;overflow:hidden;}
.npro li a:hover p{color:#000;}
.npro li:nth-child(n+6){ display:none;}
@media screen and (max-width:1280px){
.npro li:nth-child(4){margin-right:0}
}
@media screen and (min-width:992px){
.npro li a p{height:36px;line-height:36px;}
} 
@media screen and (max-width:768px){
.npro li{overflow:hidden;width:48%; margin:0% 1% 1% 1%;} 
.npro li:nth-child(n+5){ display:none;}
} 

.nrz{ width:240px;float:left;border:1px solid #eee;}
.nrtt{color:#000;height:48px;padding:0 16px;font-size:16px;font-weight:700;line-height:48px;border:1px solid #eee;background-color:#f7f7f7;}
.nrz ul{padding:16px 16px 0;}
.nrz ul li{text-align:center;list-style:none;}
.nrz ul li a{display:block;}
.nrz ul li a span{display:block;width:100%;}
.nrz ul li a span img{width:100%;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.nrz ul li a span img:hover {transform:scale(1.2);} 
.nrz ul li a p{display:block;height:40px;line-height:40px;overflow:hidden;}
.nrz ul li a:hover p{color:#000;}

.nry{ width:calc(100% - 270px);float:right;border:1px solid #eee;}
.nbb{ padding:20px;}
.nyn{margin-bottom:32px;border-bottom:1px solid #eee;padding-bottom:20px;}
.nyn li{ width:calc(100% / 3);float:left;box-sizing:border-box;padding-right:16px;margin-bottom:16px;line-height:22px;vertical-align:top;}
.nyn li span{width:100px;padding-right:16px;color:#999;float:left;box-sizing:border-box;word-break:break-all;}
@media screen and (max-width:1024px){
.nry{ width:100%}
}
@media screen and (max-width:850px){
.nyn li{ width:100%}
}

.nyecptu{ width:500px; margin:0 auto}
.nyecptu img{ width:100%}
@media (max-width:568px){
.nyecptu{ width:95%}
}

.nyecptu h1{ text-align:center; line-height:44px; font-size:18px}
#textarea{ padding-bottom:20px}
#textarea p{ line-height:25px; font-size:15px; padding-top:20px}

.keys{ line-height:27px}
.tc{ line-height:27px}
.xiangxi{ line-height:27px}

.txtW {font-size:17px;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;}
.inewslist ul li{ width:100%; height:35px; border-bottom:1px #DCDCDC dashed; line-height:35px; float:left; overflow:hidden}
.inewslist ul li a{ float:left; height:35px;}
.inewslist ul li span{ float:right}

/*内页*/
.cpfl1{ width:100%; margin-bottom:15px}
.cpfl1 li{height:46px;line-height:46px;background:#EAEAEA; float:left; margin-left:0.5%; margin-right:0.5%; width:19%; margin-bottom:0.5%; text-align:center}
.cpfl1 li a{ text-align: center}
@media (max-width:802px){
.cpfl1 li{ width:24%}
}
@media (max-width:520px){
.cpfl1 li{ width:49%}
}


.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: #74520A; 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: #74520A;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; max-width:1500px; margin-top:1%; margin-bottom:1%; background:#FCFCFC;}

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

.cpfl{ width:100%; margin:0 auto}
.cpfl ul{}
.cpfl ul li{ width:16%; margin-left:0.2%; margin-right:0.5%; background:#333; text-align: center; float:left; margin-bottom:0.5%; height:50px; line-height:50px }
.cpfl ul li:last-child{ margin-right:0}
.cpfl ul li a{ color:#FFF }
@media screen and (max-width:950px){
.cpfl{ width:100%}
}
@media screen and (max-width:730px){
.cpfl{ width:100%}
.cpfl ul li{ width:32.5%; overflow:hidden}
}

.productlist dl{ width:24.2%; float:left; margin-right:1%; margin-bottom:1%;}
.productlist dl:nth-child(4n){ margin-right:0}
.productlist dl:hover{ background:#fff}
.productlist dl dt{ height: auto; 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:26px; line-height:26px; text-align:center; overflow:hidden}
.productlist dl dd a{ height:26px; line-height:26px}
@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}
}

.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}
}
@media only screen and (max-width:430px) {
}
.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:500px) {
.ipro dl{ width:49%}
}
.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}

/*联系我们*/
.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: 16px;padding-top: 16px;} 
.yunu-contact dd span {padding-left: 50px;} 
@media only screen and (max-width:480px){
.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*/

/* 底部 */
.footer {background: url(../images/fbg.png) center repeat;color: #999999;}
.footer .footerBox {padding: 56px 0 46px;}
.footer a {color: #999999;}
.footer a:hover {color: #fff;}
.footer .text { width:25%;float: left;}
.footer .text .fLogo img {display: block; height: 63px;}
.footer .text .tel {font-size: 16px;color: #ffffff;line-height: 1;margin-top: 28px;}
.footer .text .tel i {display: block;font-family: Times New Roman, Arial;font-size: 30px; margin-top: 12px; background:url(../images/tel7.gif) no-repeat left center; padding-left:30px; font-weight:bold; font-style:normal}
.footer .text p { margin-top: 18px;color: #999999;line-height: 25px;}
.footer .ewm {float: left;text-align: center;margin-left: 85px; width: 154px;padding-top: 12px;}
.footer .ewm img {display: block;width: 154px;height: 154px;}
.footer .ewm p { color: #fff;line-height: 20px;margin-top: 8px;}
.footer .footerNav { float: right;padding-top: 12px; width:70%}
.footer .footerNav:after { content: "";display: block;clear: both;font-size: 0;line-height: 0;}
.footer .footerNav dl {float: left;width:21%; padding-right: 15px;position: relative;}
.footer .footerNav dl.dl1{ width:35%;}
.footer .footerNav dl.dl1 dd a{ width:50%; float:left}
.footer .footerNav dl.dl4 { width: 70px; padding-right: 0;}
.footer .footerNav dl dt { font-size: 16px;line-height: 1;color: #fff;}
.footer .footerNav dl dd {padding-top: 18px;}
.footer .footerNav dl dd > a {font-size: 14px; line-height: 26px;display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.footer .footerNav dl dd > a:hover { -webkit-transform: translateX(5px); transform: translateX(5px);}
.footer .copyright { line-height: 30px;padding: 10px 0;background-color: #333333;}
.footer .copyright img {vertical-align: middle; max-height: 22px;margin-left: 5px;}
@media only screen and (max-width:810px){
	.footer .text{ width:40%}
	.footer .footerNav{ width:60%}
.dl2{ display:none}
.footer .footerNav dl.dl1{ width:43%}
}
@media only screen and (max-width:640px){
.footer .text{ width:100%; text-align:center}
.footer .text p{ margin-top:10px}
.footer .text .tel i{ background:none}
.footer .footerBox{ padding:16px 0 16px}
.footer .footerNav{ display:none}
}
.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;}
.vipb a{ color:#e7b144}


.dbtel{ width:100%; background:#F00; height:40px; margin:0 auto; padding-top:10px; position:fixed; z-index:10000; bottom:0; left:0; right:0; display:none}
.dbtel span{ float:left;animation: shake 4s linear infinite; margin-left:25%}
.dbtel span img{ width:40px;}
.dbtel h1{ float:left; color:#fff; padding-left:2%; font-family:"黑体"; font-weight:bold}
@media only screen and (max-width:640px){
.dbtel{ display:block}
.footer{ margin-bottom:50px}
}
@keyframes shake {
0% {
    transform: rotate(0) scale(1);
}
4% {
    transform: rotate(20deg) scale(1.2);
}
8% {
    transform: rotate(0) scale(1);
}
13% {
    transform: rotate(20deg) scale(1.2);
}
17% {
    transform: rotate(0) scale(1);
}
33% {
    transform: rotate(0) scale(1);
}
38% {
    transform: rotate(20deg) scale(1.2);
}
42% {
    transform: rotate(0) scale(1);
}
46% {
    transform: rotate(20deg) scale(1.2);
}
50% {
    transform: rotate(0) scale(1);
}
100% {
    transform: rotate(0) scale(1);
}
}