﻿*{ padding:0; margin:0;}
body{font-size: 14px; padding:0; margin:0;overflow-x: hidden;font-family:"微软雅黑"; font-size:14px;}
li{ list-style-type:none;}
a{ text-decoration:none!important}
h1,h2,h3,h4,h5,ol,p,ul{font-weight:normal; padding:0px; margin:0px;}
img{ display:block; max-width:100%;}
.head{ background: #97211c; z-index: 1000; width: 100%;height:100px; box-shadow:0 0 5px rgba(0,0,0,0.2)}
.logo{ float:left;}
.logo a{ display:block;}
.logo img{ display:inline-block}
.menu{ float:right; transition:none; padding-right:20px; position:relative; z-index:1000; background:#97211c;}

.menu>ul>li{ float:left; position:relative}
.menu>ul>li>a{ display:block; font-size:16px; color:#fefefe;padding:0 20px; line-height:100px; position:relative; transition:all 0.5s;}
.menu>ul>li:hover>a,.menu>ul>li.active>a{ background:#e7bb1e;}
.menu>ul>li>a span{ position:absolute; width:100%; background:#e7bb1e; z-index:1000; left:0; top:0; text-align:center;opacity:0; transition:all 0.5s;text-transform:capitalize}
.menu>ul>li:hover>a span,.menu>ul>li.active>a span{ opacity:1;}

.menubtn{ position:absolute; right: 15px; top:6px; color: #999; display: none; font-size:36px;}
.menubtn i{ font-size:28px; color:#f5f5f5}
.menu>ul>li ul{ position:absolute; background:rgba(255,255,255,0.8); width:100%; text-align:center; padding:10px 0; display:none; z-index:100}
.menu>ul>li ul a{ line-height:30px; font-size:15px; color:#333; display:block;}
.menu>ul>li ul a:hover{ color:#97211c;; background-color:#fff;}

@media (max-width:1600px)
{
.logo{ width:30%; line-height:90px;}
}

@media (max-width:1200px){
.logo{ line-height:65px; width:80%;}
.logo img{ max-height:70px;}
.menu>ul>li ul{ position:relative; background:none; text-align:left;}
.menu>ul>li ul a{ color:#ccc;    padding: 0 25px;}
.head{height:71px}
.logo{padding-left:15px;}
.selelag{ margin-top:18px; margin-right:80px;}
	.menu>ul>li>a{ display:block; font-size:16px;padding:0 25px; line-height:48px; position:relative;}
	.menubtn{display:block}
	.menu{display:none; width:70%; padding-right:0px;  clear: both;float:none; position:absolute; right:0; top:71px; box-shadow: 0 10px 10px rgba(0,0,0,0.1)}
	.menu>ul>li{ float:none; border-bottom:1px solid rgba(255,255,255,0.2)}
	.menu>ul>li ul{ background:rgba(0,0,0,0.1)}
	.menu>ul>li>a,.head1 .menu>ul>li>{padding:10px 15px;}
	.menu>ul>li ul a{ line-height:40px;}
	.head .container{ margin:0px auto; padding:0;}
}


@media (max-width:480px){
.logo{ line-height:60px; width:80%; padding-left:0;}
.logo img{ max-height:60px;}
.menu>ul>li ul{ position:relative; background:none; text-align:left;}
.menu>ul>li ul a{ color:#ccc;    padding: 0 25px;}
.head{height:60px}
   .menubtn{top:2px;}
   .menu{ top:60px;}
}


/***/
.banner01 .swiper-pagination-bullet {
    width:10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #eee;
  
}
.banner01 .owl-pagination{ margin-top:-50px; z-index:1; position:relative;}
.banner01 .owl-page span{background: #fff!important; position:relative; width:12px!important;height:12px!important;}
.banner01 .active span:before{ width:18px; height:18px; left:-3px; top:-3px; content:"";position:absolute; border-radius:100px; border:1px solid #fff;}
.banner01 .item{ height:710px; display:block; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.smbanner01{ background:url(../images/smbanner01.jpg)}
.smbanner02{ background:url(../images/smbanner02.jpg)}
.smbanner03{ background:url(../images/smbanner03.jpg)}
.smbanner04{ background:url(../images/smbanner04.jpg)}
.smbanner05{ background:url(../images/smbanner05.jpg)}
.smbanner{ height:400px; margin-bottom:25px;background-size:cover;}


@media (max-width:1280px)
{
.smbanner{ height:5rem;}
.smbanner .h2txt2{padding:60px 0 20px 0;}
.banner01 .item{height:9rem;}
}

.container { position:relative; }
/*清除浮动代码*/ 
.container:after,.row:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.containerm,.row{zoom:1} 

.newsbox{ background:#f5f5f5;}
.newsimgbox{ display:block; overflow:hidden; position:relative} 
.newsimgbox:before{position: absolute;
    bottom: 0;
    left:0px; width:100%;
    content:"";
    border-bottom: 0px solid transparent;
    border-top:30px solid transparent;
    border-right:290px solid #fff;
    z-index: 1;
}


.news {width: 100%;height: 100%; padding-bottom:50px;}
.news a,#hyzx a{ display:block; color:#333; margin:0px 10px; background:#fff;}
.news a img,#hyzx a img{ display:block; width:100%;}
.news .newslist h3,#hyzx  .newslist h3{ font-size:16px;color:#333; padding:20px 0 15px 0;height: 55px;overflow:hidden;}
.news ol,#hyzx ol{ font-size:12px; line-height:20px; color:#666666;height: 60px;}

.news a:hover{ background:#e7ab1e; color:#fff;}
.news a:hover .newsimgbox:before{position: absolute;border-right:290px solid #e7ab1e;}
.news a:hover *{ color:#fff;}
.newsnav{ padding:0px 10px 20px 10px;}
.news span{ display:block; width:100px; height:30px; line-height:28px; text-align:center; margin:20px auto 0px auto; border:1px solid #ddd;}
.news a:hover span{border-color:#fff;}

.news .owl-pagination{ display:none}
.news .owl-buttons{ top:20%; position:absolute; width:100%;}
.news .owl-controls .owl-buttons div{ position:absolute; width:37px; height:72px; background-size:cover!important; text-indent:-200px; overflow:hidden; border-radius:0px; overflow:hidden;}
.news .owl-prev{ left:-50px; background:#f5f5f5 url(../images/arrow_left.png)!important}
.news .owl-next{ right:-50px; background:#f5f5f5 url(../images/arrow_right.png)!important}
/****/

.arrowbox {margin:0px auto;height: 100%; padding:50px 0 20px 0; position:relative;}
.bgbox{ background:url(../images/rdbg.jpg) no-repeat center bottom; background-size:cover;}
.bgbox .hovertop{ transition: all 0.5s;}
.bgbox .hovertop h4{ line-height:40px; text-align:center; margin:0; font-size:15px; height: 70px;}
.bgbox2{ background:none;}
.bgbox2 .hovertop h4{ color:#333333;}
.bgbox2 a:hover h4{ color:#e7ab1e;}
.bgbox2 a:hover .imgbox span{border-color:#e7ab1e}
.bgbox2 a{ margin-bottom:20px;}

.bgbox  img{ width:100%;}
.bgbox .imgbox{ position:relative;}
.bgbox .imgbox span{ position:absolute; opacity:0; transition:all 0.5s; width:100%; height:100%; left:0px;top:0px; background:rgba(255,255,255,0.93); border:2px solid #97211c; color:#e4a000; text-align:center; z-index:1;}
.bgbox a:hover .imgbox span{ opacity:1;}
 .bgbox .owl-pagination{ display:none}
.bgbox .owl-buttons{ top:35%; position:absolute; width:100%;}
.bgbox .owl-controls .owl-buttons div{ position:absolute; width:37px; height:72px; background-size:cover!important; text-indent:-200px;  border-radius:5px; overflow:hidden;}
.bgbox .owl-prev{ left:-50px; background:#fff url(../images/arrow_left.png)!important}
.bgbox .owl-next{ right:-50px; background:#fff url(../images/arrow_right.png)!important}
@media (max-width:990px)
{
.news .owl-prev,.bgbox .owl-prev{ left:5px; display:block;}
.news .owl-next,.bgbox .owl-next{ right:5px; display:block;}

}
@media (max-width:480px)
{
	.bgbox2 ul{ margin-left:-5px; margin-right:-5px;}
	.bgbox2 li{    padding-right:5px;padding-left:5px;}
	.bgbox .hovertop h4{ font-size:14px; line-height:20px; padding:8px 0;}
	.bgbox .owl-buttons {
    top:20%;
 
}

.bgbox .owl-controls .owl-buttons div{ transform:scale(0.7,0.7)}
.bgbox .owl-item{ right:15px; display:block;}
}

/*page*/
  
.page{ text-align:center; padding:40px 0;}
.page li{ display:inline-block;}
.page li a{ color:#666666; font-size: 14px; display: block; border:1px solid #cccccc; border-radius:2px; padding:3px 9px}
.page li.nobdr a{ border-color:transparent;}
.page li a.active{background:#e7ab1e; border:1px solid #e7ab1e;color: #fff;}
.page li a.thisclass{background:#a92123; border:1px solid #e7ab1e;color: #fff;}
.page li a:hover{ color:#fff; background:#a92123;border:1px solid #a92123;}
@media (max-width:720px)
{
.page{ text-align:center; }
.bgbox a *{ color:#5d5656!important;}
}
/**/

.bgbox a *{ color:#e7ab1e;}
.bgbox a{ display:block;margin:0px;}
.arrowbox  .item{ position:relative; margin:0px 10px;}
.append-buttons {text-align: center; margin-top: 20px;}
    .append-buttons a {
        display: inline-block;
        border: 1px solid #007aff;
        color: #007aff;
        text-decoration: none;
        padding: 4px 10px;
        border-radius: 4px;
        margin: 0 10px;
        font-size: 13px;
    }
@media (max-width:990px){
.arrowbox .owl-buttons {margin-top: 30px;}
 .arrowbox { padding:10px 0 20px 0;}

}
	
.tabs01 { text-align:center; padding:30px 0;}
.tabs01 ul:before{ content:""; position:absolute; border-bottom:1px solid #ddd; width:100%; left:0; height:1px; z-index:1; bottom:50%;}
.tabs02 ul:before{ bottom:0%;}
.tabs02 ul{padding-bottom:25px;padding-top:25px;}


.tabs01 ul{position:relative; text-align:center;}
.tabs01 li{ display:inline-block; position:relative; z-index:2}
.tabs01 li a{ display:block; padding:5px 20px; border:1px solid #ddd; border-radius:50px; background:#fff; margin:0px 3px; transition:all 0.5s; font-size:16px;}
.tabs01 li.active a,.tabs01 li a:hover{ color:#fff; background:#e7bb1e; border:1px solid #e7bb1e;}


@media (max-width:720px)
{
.tabs01 li{margin-right: -3px;  margin:5px 0;}
.tabs01 li a{ display:block; padding:5px 8px; margin:0px; }
.tabs02 ul {
    padding-bottom:15px;
    padding-top: 25px;
}
}

.h2txt1{ padding:20px 0 30px 0; text-align:center;}
.h2txt1 h2{ color:#97211c; font-size:32px; font-weight:bold; position:relative; padding-bottom:10px;}
.h2txt1 p{ font-family:"Baskerville Old Face"; font-size:30px; color:#888888;text-transform: uppercase;}
.h2txt1 span{color:#97211c; padding:20px 0; font-size:30px; font-weight:normal; }
.h2txt1 h2:after{ content:""; position:absolute; width:140px; margin-left:-70px; left:50%; bottom:0; height:1px; background:#dad9d9;}
@media (max-width:720px)
{
.h2txt1 p{ font-size:18px;}
.h2txt1 h2,.h2txt1 h2 span{ font-size:20px;}

}


.box02{background:#911e20 url(../images/footbg.jpg); margin-top:50px;}
.box02 h5{ color:#fff;  font-size:15px; padding:35px 0 20px 0;; letter-spacing:2px;}
.box02 p{  text-align:left; margin:0; }
.box02 ul{padding:0px;}
.box02 ul a{ color:#d9d8d8; font-size:13px; line-height:30px;; letter-spacing:2px;} 
.box02 ul a:hover{ color:#e7bb1e; text-decoration:none;}

.foot_link{ width:14.285714285714286%;float:left;}


@media (max-width:990px)
{
.box02 .col-md-2{ width:50%;float:left;}

}
@media (max-width:720px)
{
.foot_link{ width:25%;float:left;}

}
@media (max-width:480px)
{
.foot_link{ width:50%;float:left;}

}


.foot{border-top:1px solid rgba(255,255,255,0.3); letter-spacing:2px; font-size:12px; line-height:30px; color:#bbd4f7; padding:10px 15px;text-align:center; margin-top:20px;}
.footwx p{ color:#d9d8d8; text-align:center; font-size:12px; padding-bottom:5px; line-height:20px;; letter-spacing:2px;}
.footwx  img{ width:120px; margin:36px auto 10px auto; border-radius:5px;}
.foot a,.foot{color:#d9d8d8; letter-spacing:0px}





  
.cenbox{ /* 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;}
		
.indabout .imgbox{ border-radius:10px;; overflow:hidden;}	
.indabout .imgbox img{ width:100%; transform:scale(1,1); transition:all 0.5s}
.indabout:hover .imgbox img{transform:scale(1.1,1.1)}
.indabout h3{ font-size:21px; color:#e0b040; padding:12px 0 ; text-align:center;}
.indabout h3 I{ font-size:24px; padding-right:3px;}
.indabout ol{ font-size:14px; color:#666; line-height:24px; padding:0px 15px 15px 15px; height:159px; overflow:hidden;}
.indaboutbox li{ padding:0px 10px; margin:0 0 15px 0;}

@media (max-width:1200px)
{
.indabout ol{ height:123px}

}
@media (max-width:480px)
{
.indaboutbox li{ margin:0 0 15px 0;}
.foot .pull-left,.foot .pull-right{ text-align:center; float:none!important;}
}


/****/
.leftmenu{ color:#fff; background:#a92123;}
.leftmenu h2{font-size:24px;letter-spacing:2px; border-bottom:1px solid #ba4d4f; padding:20px 0 20px 13px;;}
.leftmenu h2 span{ display:block;text-transform: Uppercase; font-family:Verdana, Geneva, sans-serif;  }
.leftmenu a{color:#fff; display:block; height:50px; line-height:50px; border-bottom:1px solid #ba4d4f; padding-left:13px; transition:all 0.5s;}
.leftmenu a i{ float:right; padding-right:10px;}
.leftmenu>ul>li>a:hover,.leftmenu>ul>li.active>a,.leftmenu>ul>li div a:hover{ background:#e7ab1e; color:#fff;}
.leftmenu>ul>li div a{ height:45px; line-height:45px; background:#f3f1f2; color:#666; border-bottom:1px solid #ddd;}
.leftmenu>ul>li div { display:none;}

.prodtitle{ padding:15px 0 10px 0; border-bottom:1px solid #ddd;}
.prodtitle span{ border-left:4px solid #a92123; padding:0 10px; font-size:18px; color:#a92123}
.prodtitle .bread{ float:right;}
.prodtitle .bread i{ font-size:20px; color:#999; position:relative; top:2px; padding-right:3px;}
.paixu { background:#f3f1f2; line-height:29px; margin:20px 0;}
.paixu li{ border-right:1px solid #fff; padding:8px 8px 8px 15px;}
.paixu  label{ float:left; padding:0; font-weight:normal;text-align:right;margin-bottom: 0px;;}
.paixu .form-group{ position:relative}
.paixu select{ width:65%; float:left; height:29px; line-height:29px; border-radius:0px; border:none; padding:0px;}
.paixu .seach input{ width:100%; margin:0px auto; padding:0px; text-indent:10px; border:none; border-radius:50px; height:29px; line-height:29px;}
.paixu .seach { margin:0px 15px; position:relative;}
.paixu .seach a{ position:absolute; right:8px; top:0px; color:#666}



/****/

.qidt  li{ background:#f3f1f2; padding:15px; margin:15px 0;}

.qidt  li a{ display:block; overflow:hidden;}
.qidt  li img{ width:100%; transform:scale(1,1); transition:all 0.5s;}
.qidt h3{ font-size:22px; color:#1a1a1a; padding:5px 0 10px 0;}
.qidt ol{color:#666666; line-height:24px;}
.qidt span{ display:inline-block; padding:7px 25px; transition:all 0.5s; margin:10px 0; border:1px solid #e7ab1e; color:#e7ab1e;}
.qidt .zxdate { position:relative}
.qidt .zxdate i{ position:absolute; right:0; padding:7px; margin:10px 0; font-style:normal; color:#999; font-family:Verdana, Geneva, sans-serif;}
.qidt  li:hover span{ background:#e7ab1e; color:#fff;}
.qidt  li:hover img{ transform:scale(1.1,1.1)}
@media (max-width:480px)
{
.qidt .col-sm-7{ padding-left:0px;}
.qidt .col-xs-4{ padding-right:0;}
.qidt  li{ background:#fff; padding:0; margin:15px 0; border-bottom:1px solid #ddd;}
.qidt h3{ font-size:16px; font-weight:bold; padding:0;}
.qidt span{ border:none; padding:0;}
.qidt .zxdate i{padding:10px 0; margin:0; }
.qidt ol{
    position: relative;
    max-height:40px;/*用像素表示，不要用em，以免造成不同浏览器下计算出现小数点取舍不同导致1像素的差距【行高*截取行数】*/
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;/*强制打散字符*/
    line-height:20px;
    color:#333;/*同背景色*/
}


}

/***/
.dtxx{ padding:20px 0; color:#888;}
.dtxx span{ padding:10px;}
.dtxx span i{ padding:5px; font-size:14px;}
.txtnav{ border-bottom:1px solid #ddd; padding:20px 0;}
.txtnav h3{ font-size:18px;}
.txtnav p{ padding:10px 0; text-indent:24px; line-height:24px;}
.txtnav img{ max-width:100%; margin:0px auto; padding:10px 0;}

/***/
.pinglun h3{ padding:20px 0;}
.pinglun textarea{ width:100%; outline:none; border:1px solid #ddd; border-radius:5px; margin-bottom:15px; min-height:170px; padding:5px 10px; position:relative;background:url(../images/inputbt.jpg) center center no-repeat;}
.pinglun textarea:focus{ background:none;}

.pinglun .btn{ border:1px solid #e7ab1e; color:#e7ab1e; padding:7px 30px; margin-right:5px; transition:all 0.5s;}

.iconbtn { padding:20px 0; border-top:1px dotted #ddd; margin-top:20px;}
.iconbtn a{ width:48px; height:48px; text-align:center; line-height:48px; border:1px solid #ddd; display:inline-block; border-radius:100px; color:#757575; margin-right:10px; transition:all 0.5s;}
.iconbtn a:hover,.pinglun .btn:hover{ border:1px solid #e7ab1e; color:#fff; background:#e7ab1e;}
.iconbtn a i{ font-size:20px;}
/****/



.zhaopin li *{ transition:all 0.5s;}
.zhaopin li{ background:#f5f5f5; border-radius:5px; margin:30px 0 0 0;transition:all 0.5s}
.leftuser{ padding:0; height:135px; letter-spacing:1px; font-size:26px; color:#3d3d3d; position:relative}
.leftuser:before{ content:""; position:absolute; right:0px; width:1px; height:100%; background:#ccc;
  background: -webkit-linear-gradient(top, #f5f5f5 0%,#b3b3b3 50%,#f5f5f5 100%);
  background: linear-gradient(to bottom, #f5f5f5 0%, #b3b3b3 50%, #f5f5f5 100%)
  }
  
.leftuser i{ background:#ff8a00; color:#fff; width:64px; height:64px; font-size:36px; border-radius:200px; margin-right:10px;}

.rightusernav { padding:0; height:135px;}
.rightusernav span{ display:block; line-height:25px;}
.rightusernav ol{  padding-right:0px;}
 .rightusernav ol span{ color:#3d3d3d;}
 
.zhaopin .row{ margin:0;}
.zhaopin li:hover{background:#dfa41a;}
.zhaopin li:hover .leftuser{ color:#fff;}
.zhaopin li:hover .leftuser i{ background:#fff;color:#dfa41a}
.zhaopin li:hover .leftuser:before{
  background: -webkit-linear-gradient(top, #dfa41a 0%,#fff 50%,#dfa41a 100%);
  background: linear-gradient(to bottom, #dfa41a 0%, #fff 50%, #dfa41a 100%)
  }
.zhaopin li:hover .rightusernav ol span{ color:#fff;}
	
		
		 @media (max-width:998px){
	.rightusernav ol{ padding-right:0px;} 
	.leftuser:before{ bottom:0px; width:100%; height:1px; background:#ccc;
  background: -webkit-linear-gradient(left, #f5f5f5 0%,#b3b3b3 50%,#f5f5f5 100%);
  background: linear-gradient(to right, #f5f5f5 0%, #b3b3b3 50%, #f5f5f5 100%)
  }
  
  .zhaopin li:hover .leftuser:before{
  background: -webkit-linear-gradient(left, #0b82e3 0%,#fff 50%,#0b82e3 100%);
  background: linear-gradient(to right, #0b82e3 0%, #fff 50%, #0b82e3 100%)
  }
  .rightusernav,.leftuser { height:120px;}
  .rightusernav span{ display:block; line-height:20px; font-size:12px;}
  .leftuser i{    margin-right: 20px;}
} 

/****/

.lianxi01 h3{ font-size:26px; color:#e7ab1e; padding:20px 0;}
.lianxi01 ol{ font-size:15px; line-height:24px; color:#666; padding-bottom:20px;}
.lianxi01 p{ line-height:36px;}
.lianxi01 p i{ padding-right:5px;color:#e7ab1e}

.lianxi02{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0; margin:20px 0;}
.lianxi02 h3{ border-left:3px solid #e7ab1e; padding-left:10px; font-size:18px; margin-bottom:15px;}
.lianxi02 input{ width:100%; height:42px; outline:none; line-height:42px; text-indent:8px; background:#ebebeb; border:none; border-radius:5px; margin:5px 0;}

.lianxi02 textarea{ width:100%; padding:8px;outline:none; min-height:200px; background:#ebebeb; border:none; border-radius:5px; margin:5px 0;}
.lianxi02 .btn{ background:#808080; width:128px;text-indent:0;line-height:20px;color:#fff; padding:7px 35px;}

/****/
.gujia{ background:#fafafa; padding:30px 0;}
.gjbox{ border:1px solid #e8cf77; background-color:#fff; margin:30px 0;}
.gjbox img{ margin:0px auto;}
.gjbox ol img:last-child{ display:none}
.gjbox:hover ol img:first-child{ display:none}
.gjbox:hover ol img:last-child{ display:block}
.gjtit{ position:relative;}
.gjtit img{ margin:0px auto;position:relative; z-index:1}
.gjtit:before{ height:1px solid #e0bd40; width:100%; content:""; position:absolute; z-index:0; left:0; top:50%; height:1px; background:#e0bd40;}

@media (max-width:480px){
.gjtit img{ width:80%}
.gujia ul{    margin-right: -10px;
    margin-left: -10px;}

.gujia li{ padding-right: 5px;
    padding-left: 5px;}
} 
/***/

.youshi{ padding:30px 0;}
.ysbox{ position:relative;}
.ysbox img{ margin:10px auto; width:57%}
.ysbox h3{ font-size:18px; font-weight:bold;padding-bottom:10px;}
.ysbox ol{ font-size:12px; color:#666; line-height:20px; }
.ysbox li{ max-width:300px; position:absolute}
.ysbox li:nth-child(1){    left: 0px;
    top: 64px; text-align:right;}
.ysbox li:nth-child(2){left: -64px;
    top: 254px;text-align:right;}
.ysbox li:nth-child(3){    left: 0px;
    top: 448px;text-align:right;}

.ysbox li:nth-child(4){    right: 10px;
    top: 64px;}
.ysbox li:nth-child(5){    right: -60px;
    top: 252px;}
.ysbox li:nth-child(6){right:10px; top:448px;}

@media (max-width:1200px){
	.ysbox img{ width:45%}
	.ysbox li{ max-width:280px;}
.ysbox li:nth-child(1){left: 20px;;}
.ysbox li:nth-child(2){left:left: -24px;top: 164px;}
.ysbox li:nth-child(3){left: 20px;top: 287px;text-align:right;}

.ysbox li:nth-child(4){right: 20px;top: 39px;}
.ysbox li:nth-child(5){right: -20px;top: 162px;}
.ysbox li:nth-child(6){right: 20px;top: 286px;}

}

@media (max-width:990px){
	.ysbox img{ width:100%}
	.ysbox li{ max-width:100%; position:relative;left:0!important;  top:0!important; text-align:left!important; padding:10px 0; border-bottom:1px dotted #ddd;}


}


/***/
.jiameng{ background:#f0f0f0; padding:70px 0 50px 0;}
.jmbox{ padding-bottom:20px;}
.jmbox h3{ font-size:30px; color:#97211c; font-weight:bold; padding-bottom:10px; margin-bottom:20px;  position:relative}
.jmbox h3:before{ position:absolute;  content:""; width:50px; height:3px; bottom:0px; left:0; background:#97211c; }
.jmbox h4{ padding-bottom:20px; color:#333333; font-size:18px;}
.jmbox p{ font-size:16px; line-height:30px;}
.jmbox p span{color:#972b1c; font-weight:bold;}
.jmbox h2{ font-size:22px;}
.jmbox h2 span{ font-weight:bold;color:#972b1c;}
.jmbox .bar{ position:relative; height:6px; background:#972b1c; margin:15px 0;}
.jmbox .bar:before{ position:absolute; width:80%; left:0; top:0; height:6px; content:""; background:#e7bb1e;}


.jmbox .tel{ position:relative; padding:15px 0 0 60px; color:#666666; font-size:16px;}
.jmbox .tel i{ position:absolute; left:0; font-size:36px; border-right:1px solid #ddd; padding-right:10px; color:#a6a6a6;}
.jmbox .tel span{ display:block; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#972b1c;}

.video-js{ width:100%; height:416px;}
.videobox .col-sm-7{ padding-right:120px;}

@media (max-width:1200px){
}

@media (max-width:1200px){
.video-js{height:286px;}
}


/****/
.jzzs { padding:20px 0;}
.jzzs img{ width:100%;}
.jzbox{ position:relative;}
.jzbox i{ position:absolute; width:100%; height:100%; z-index:1; background:rgba(230,169,27,0.8); left:0;top:0; color:#fff; font-size:24px; opacity:0; transition:all 0.5s}
.jzzs li:hover .jzbox i{ opacity:1;}
.jzzs li:hover a{ color:#e6a91b;}
.jzzs li a{ text-align:center; display:block; color:#666; line-height:40px; margin:10px 0 0 0;}

/***/
.jmeng li{ margin:10px 0; padding:0px 10px;}
.jmeng ul{margin-left:-10px; margin-right:-10px;}
.jmeng li div{ background:#f4f4f4; min-height:380px; padding:15px;}
.jmeng li h2{ font-size:18px; font-weight:bold; color:#e7ab1e; padding:0 0 10px 0;}
.jmeng li h3{ font-weight:bold; font-size:16px;}
.jmeng li ol{ line-height:22px;}
.jminput img{ margin:8px 0; height:46px;}
.jminput input,.jminput textarea{ width:100%; height:54px; line-height:54px; text-indent:10px; border:1px solid #dba423; border-radius:5px; margin:8px 0; font-size:16px; outline:none;}
.jminput textarea{ height:245px; line-height:24px; padding:6px 10px; text-indent:0px}

.jminput .btn{ float:right; background:#dba423; color:#fff; margin:8px 0; padding:0px 50px; height:46px; font-size:18px; line-height:46px;}

.fbt h3{ position:relative; padding:15px 0; text-align:center;}
.fbt h3 span{ position:relative; z-index:2; font-weight:bold; color:#e7ab1e; background:#fff; padding:0px 10px;}
.fbt h3:before{ position:absolute; content:""; width:100%; left:0; height:1px; background:#f4f4f4; top:50%;}
.yzmb{ margin:0px -5px 0 -5px;}
.yzmb li{ padding:0px 5px}
@media (max-width:1200px){
.jmeng li div{ min-height:300px;}
}

@media (max-width:768px){
.jmeng li div{ min-height:auto;}
.jminput .btn{ width:100%; padding:0;}
}


/*****/
.zhizhi { padding-top:15px;}
.zhizhi ul{ margin:0px -8px 0 -8px}
.zhizhi li{ padding:0px 8px 0px 8px;}
.zhizhi li a{ display:block; text-align:center; color:#666; font-size:16px; line-height:30px; margin-bottom:10px;}
.zhizhi .imgbox{ overflow:hidden; border:2px solid #fff}
.zhizhi .imgbox img{ transition:all 0.5s;}
.zhizhi li a:hover .imgbox{ border:2px solid #e6a91b;}
.zhizhi li a:hover img{ transform:scale(1.1,1.1)}
.zhizhi li a:hover{ color:#e6a91b}
.mapss { border-top:1px solid #ddd; padding:20px 0; margin:20px 0;}
.mapss a{ width:100%; text-align:center; font-size:16px; color:#333333; line-height:46px; height:46px; background:#e5e5e5; display:block; border-radius:5px;}
.jjbox ol{ padding:20px 0 0 0 ;  line-height:24px;}
.jjbox h3{    border-left: 4px solid #a92123;
    padding: 0 10px;
    font-size: 18px; margin:20px 0;
    color: #a92123;}

.pnav h3{ padding:35px 0px 10px 0px; border-bottom:1px solid #eee;}
.pnav ol{ color:#666; line-height:26px; padding:10px 0}
.pnav .pdbuy{ background:#f3f3f3; padding:15px 25px;}
.pnav .pdbuy  p{ font-size:16px; }
.pnav .pdbuy  span{ font-size:24px; color:#e7ab1e;}
.pnav .pdbuy .btn{ background:#a92123; color:#fff; transition:all 0.5s; border-radius:0; margin:15px 0 10px 0; padding:6px 26px;}
.pnav .pdbuy .btn:hover{ background:#e7ab1e;}


/****/
.tabs02{ border-bottom:2px solid #a92123; overflow:hidden;}
.tabs02 li{ float:left;}

.tabs02 li a{ border:1px solid #eeeeee; border-bottom:none; display:block; padding:8px 35px; color:#666;}
.tabs02 li:last-child a{ border-left:none;}
.tabs02 li.active a{background:#a92123; color:#fff;}
.pdtxtnav{ border:1px solid #d6d6d6; padding:15px; border-top:none;}


.ljgd{ margin-top:-30px; padding-bottom:30px; text-align:center;}
.ljgd a{ display:inline-block; background:#f5f5f5; border:1px solid #999; border-radius:100px; padding:9px 36px; color:#666; transition:all 0.5s; position:relative; z-index:2;}

.ljgd a:hover{ background:#999; color:#fff;}


/****/
		/*******/

.backtop{ position:fixed; right:0px; bottom:150px; z-index:10000;}
.backtop li{ background-color:#333333; overflow: hidden; margin-top:2px;
     transition:all 0.5s; }
.backtop .mabox:hover{ margin-left:0px;}
.backtop .erweima{ position:absolute; padding:15px; background-color:#38ce3b; right:-130px; width:118px; opacity:0; margin-top:-48px; z-index:-1;
   transition:all 0.5s;
}
.backtop .mabox:hover .erweima{ right:48px;  opacity:1;}
.erweima h3{ color:#fff; text-align:center; padding-bottom:10px;}
.erweima p{ background-color:#fff; text-align:center; padding:0px 0 10px 0; margin-bottom:10px;}

.backtop li:hover{ margin-left:-105px; background-color:#333333}
.backtop li a{ position:relative; display:block;white-space:nowrap;  }
.backtop li a span{ color:#fff; position:absolute; left:56px; line-height:48px;}
.backtop li i{ font-size:30px; color:#fff; line-height:48px; width:48px; text-align: center;display: inline-block;}
.backtop li:nth-child(1) {background:#4794eb;}
.backtop li:nth-child(2) {background:#38ce3b;}
.backtop li:nth-child(3) {background:#f79d35;}
.backtop li:nth-child(4) {background:#ffffff;}
.backtop li:nth-child(4) i{ color:#999; border:1px solid #ddd;}
.backtop li:nth-child(5) {background:#4794eb;}
.backtop i{ color:#fff; font-size:48px;}





