@charset "utf-8";
@import "common.css";
@import "page.css";
@import "hdp.css";
@import "login.css";
@import "nav.css";
@import "/font/iconfont.css";
@font-face {
  font-family: 'Brush Script MT';   /*字体名称*/
  src: url('/font/BRUSHSCI.TTF');       /*字体源文件*/
}

body{font-size:14px;font-family:"Microsoft YaHei"; font-family: Arial; color:#333; background: #DEE2DE; overflow-x:hidden}
*{margin:0px;padding:0px;list-style: none;}
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#C1272D}
i{ font-style: normal; }
em{ font-style:normal;}
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
ul.sannavs{ text-align:center; padding:14px 0px; }
ul.sannavs a{ display:inline-block; padding:0px 15px; border:1px solid #bbb; border-radius:6px; height:26px; line-height:26px; margin: 0px 5px;}
ul.sannavs a.on{ background: #C1272D; color: #fff; }

.bak{-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic{ overflow: hidden; margin: auto; }
.pic span{background-size: cover; background-repeat: no-repeat; background-position: center; display: block;}

.w1200{ width: 1230px; margin: auto; }
.content{ margin:20px auto; }

.top{ margin: auto; background: #4F4F4F; line-height: 40px; }
.lan a{ padding: 0px 10px; color: #cecece; display: inline-block; }
.lan a:hover{ background: #5E5E5E; }
.lan a.on{ background: #5E5E5E; }
.sou{ border: #747171 1px solid;  line-height: 25px; height: 25px; margin-top: 8px;  }
.sou input{ float: left; background: none; border: none; color: #fff; width: 150px; height: 25px; line-height: 25px; text-indent: 10px;}
.sou input::placeholder{color: #fff;}
.nav{ float:right;  text-transform:uppercase;}
.nav a{ display: inline-block;  padding: 0px 22px; color: #cecece; }
.nav a:hover{ background: #C1272D; color: #fff; }
.nav a.on{background: #C1272D; color: #fff; }
.top1{ background: #EDEDED;  -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }
.logo{ float: left; }
.hasdiv{ overflow:hidden; display:block;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: rotate(0deg)
}
.hasdiv .bkg{ display:block; width:100%;transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.dh{ margin: 10px auto 0px auto; background: url(../images/dhbj.png) repeat-x; height: 36px; }
.middle{ background: #F9F9F9; margin: auto; border-bottom: #ccc 1px solid; padding: 30px 0px; }
.middle1{ width: 96%; margin: auto; }
.index_dh{ margin: auto; border-bottom: #ccc 1px dotted; padding-bottom: 10px; font-size: 22px; color: #C1272D; text-transform:uppercase; overflow: hidden;}
.index_dh a{ float: right; font-size: 14px; }
.about{ margin: 20px auto; }
.about .text{ float: left; width: 60%;  line-height: 180%;}
.about .pic{ float: right; width: 35%; }

.index_fl{ margin: 30px auto; }
.index_fl li{ float: left; width: 33.3%; background: #F4F4F4; }
.index_fl li .cont{ border-left: #ccc 1px dotted; border-bottom:  #ccc 1px dotted; padding: 20px 0px; }
.index_fl li .cont .cont_nr{ width: 90%; margin: auto; }
.index_fl li .tit{ margin: auto; color:#C1272D; white-space:nowrap;overflow:hidden;  }
.index_fl li .tit a{color:#C1272D; text-transform:uppercase;}
.index_fl li .pic{ margin: 10px auto; }
.index_fl li .pic span{  padding-top: 60%; }
.index_fl li .text_con{ margin: 20px auto; line-height: 150%; height: 60px; overflow: hidden; }



.foot{ background: url(../images/menubg.png) repeat-x; margin:20px auto;  line-height: 30px; color: #c9c9c9; border-radius:5px; }
.foot a{ color: #c9c9c9; }

.foot_nr{ width: 95%; margin: auto; }
.foot_nr .l a{ padding: 0px 10px; }

/*.nbanner{ margin: auto; height: 300px; background-position: center; background-repeat: no-repeat; background-size: cover;  }
.n_dh{ margin: auto;  text-align: center; }
.n_dh a{ display: inline-block; padding: 10px 20px; font-size: 16px; margin: 50px 10px 20px 10px; }
.n_dh a:hover{color: #fff; background: #1E4FB1; }
.n_dh a.on{color: #fff; background: #1E4FB1; }*/





ul.uldh{ float:right; width:820px; max-width:100%; position:relative; right:1px;}
ul.uldh li{ width:25%; text-align:center; float:left; position:relative; height:36px; line-height:36px;  background: #C1272D; opacity:0.6; }
ul.uldh li a.hasdiv{ position:absolute; bottom:36px; width:100%; display:block; left:0px; border-left:1px solid #C1272D;}
ul.uldh li.z a.hasdiv{  border-right:1px solid #C1272D;}
ul.uldh li a.hasdiv .bkg{ height:150px; background-size:90% auto;}
ul.uldh li a.at{ color:#FFF;}
ul.uldh li:hover,ul.uldh li.on{background: none; opacity:1; }


.cp{ background:#666;}
.cp .cpl{width: 66.5%;
    float: left;
    padding: 0;

    /*border-bottom: 10px solid #9c9c9c;*/
    background: #fff;}
.cp .cpl li{float: left;
    width: 25%;
    position: relative; }
.cp .cpl li div.cc{     display: block;
    position: relative;
    border-style: solid;
    border-width: 0 1px 2px 1px;
    border-color: #ccc;overflow:hidden;}
.cp .cpl li div.cc .pic{ }
.cp .cpl li div.cc .pic .bak{ display:block; padding-bottom:100%; background-position:center; background-repeat:no-repeat; background-size:cover; }
.cp .cpl li div.cc .text{ position:absolute; left:0px; top:0px; background:url(../images/teaser-bg.png); background:rgba(193,39,45,0.8) ; height:100%; width:100%; display:none; color:#FFF; }
.cp .cpl li:hover div.cc .text{ display:block;}
.cp .cpl li div.cc .text dl{ display:block; width:165px; padding-top:16px; margin:auto; max-width:96%}
.cp .cpl li div.cc .text span{ font-weight:bold; display:block; font-size:18px;}
.cp .cpl li div.cc .text p{ display:block; padding-top:7px; line-height:22px; height:88px; overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;}
.cpr{    width: 33.5%;
    float: right;
    padding: 20px 0%;
    background: #666 url(../images/grey-top.png) repeat-x center top;
    color: #fff;
    /*border-bottom: 10px solid #39703E;*/ color:#FFF;}
.cpr_nr{ width:366px; display:block; margin:auto; max-width:95%;}
.cpr_nr .navtitle{font-size: 2.2em;
    color: #fff;
    display: block;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;}
.cpr_nr p{    margin: 15px 0; line-height:22px;}
.cpll{ float:left;width: 66.5%; background:#9c9c9c; height:10px;}
.cprr{ float:right;width: 33.5%; background:#C1272D; height:10px;}

.cpsou{display: block;
    height: 56px;
    background: #fff url(../images/filterbg.jpg) repeat-y;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #bbb;}
.cpsou dl{}
.cpsou dl input.txt{float: left; width: 175px;margin: 15px 0 0 10px;height: 26px; line-height:26px; background:#FFF;border-radius:5px; border:1px solid #bbb; text-indent:12px;outline:none}
a.areturn{float: left; width: 175px;margin: 15px 0 0 10px;height: 26px; line-height:26px; background:#FFF;border-radius:5px; border:1px solid #bbb; text-indent:12px;outline:none; display:block;}
.cpsou dl select{float: left;outline:none;
    width: 175px;
    margin: 15px 0 0 10px;
    border: 1px solid #bbb;
    background: #fff url(../images/select-arrow.jpg) no-repeat right center;
    position: relative;
    overflow: visible;
    cursor: pointer;height: 28px;
    color: #666;
    padding: 0 8px;
    line-height: 28px; border-radius:5px;appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;}

.cpsou dl select::-ms-expand {
    display: none;
}
.cpsou dl input.sub{float: left;

    margin: 15px 0 0 10px;
    border: 1px solid #bbb; background:none;border-radius:5px;

    position: relative;
    overflow: visible;
    cursor: pointer;display: block;
    height: 28px;
    color: #666;
    padding: 0 8px;
    line-height: 28px;}

.cpsou dl input:hover{ background:#ededed;}
.cpsou dl select:hover{ background: #ededed url(../images/select-arrow.jpg) no-repeat right center;}




div.wapheaddianbei{ width:100%; height:50px; }
div.waphead{ position:fixed; width:100%; left:0px; top:0px; z-index:9999 }
div.waphead div.wapdh{ display:block; width:100%; height:50px; background:#FFF;border:1px solid #eee }
div.waphead div.wapdh img.waplogo{  height:100%;  float:left; margin-left:10px;}



.menuBtn{
    float:right;
    width:25px;
    height:25px; margin-top:10px;
	margin-right:10px;
    cursor:pointer;
    transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    -o-transition:.3s; position:relative;
}
.menuBtn b{
    display:block;
    height:2px;
    background-color:#206834;
    margin:6px 0;
    border-radius:2px;
    transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    -o-transition:.3s;
}

.menuBtn.open b{
    display:none;
    margin:0;
    position:absolute;
    top:15px;
    width:30px;
}





.menuBtn.open b:first-child{
    display:block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{
    display:block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}


div.waphead img.logo{ display:none;}
div.waphead div.middlew{ width:70%; float:right; background:#FFF; position:relative;   }
div.waphead ul.nav{ width:100%;padding-bottom:10px; padding-top:10px; overflow-x:hidden;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; position:absolute; background:#F7F7F7; top:0px; right:-100%; height:100vh}
div.waphead ul.nav.ulnavxian{ right:0px;}

div.waphead ul.nav li a{transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; color:#333}
			div.waphead ul.nav li a:hover{ background:#F7F7F7; /*text-indent:10px!important;*/}

div.waphead ul.nav li.yi{ width:100%; height:auto; border-bottom:1px solid #eee }
div.waphead ul.nav li.yi a.ayi{ display:block; width:100%; height:40px; line-height:40px; padding:0px;  font-size:14px; text-indent:10px; position:relative}
div.waphead ul.nav li.yi a.ayi span{ position:absolute; right:10px;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; text-indent:0px; padding:0px; width:9px; height:6px; display:block; background:url(../images/s-ico1.png); top:15px;

			}
			div.waphead ul.nav li.yi a.ayi span.rotat{transform: rotate(180deg) scale(1);
            -webkit-transform: rotate(180deg) scale(1);
            -moz-transform: rotate(180deg) scale(1);
            -o-transform: rotate(180deg) scale(1);
            -ms-transform: rotate(180deg) scale(1); background:url(../images/s-ico2.png);}
div.waphead ul.nav li.yi ul.ernav{ width:100%; height:auto; display:none;background:#FeFeFe;}
div.waphead ul.nav li.yi ul.ernav li.er{ height:auto; width:100%;}
div.waphead ul.nav li.yi ul.ernav li.er a.aer{ width:100%; height:30px; line-height:30px; position:relative;  text-indent:12px; font-size:12px; display:block; background:#f7f7f7}
div.waphead ul.nav li.yi ul.ernav li.er a.aer:hover{ text-indent:10px; padding-left:24px;}



div.waphead ul.nav li.yi ul.ernav li.er a.aer span{ position:absolute; right:10px; right:54px;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; text-indent:0px; padding:0px;
background:url(../images/s-ico1.png); top:10px; width:9px; height:6px; display:block;
			}
			div.waphead ul.nav li.yi ul.ernav li.er a.aer span.rotat{transform: rotate(180deg) scale(1);background:url(../images/s-ico2.png);}


.wap{ display:none;}


div.waphead ul.nav li.yi ul.ernav li.er ul.sannav{ width:100%; height:auto; display:none}
div.waphead ul.nav li.yi ul.ernav li.er ul.sannav li.san{ height:auto; width:100%;}
div.waphead ul.nav li.yi ul.ernav li.er ul.sannav li.san a.asan{width:100%; height:30px; line-height:30px; font-size:12px;  text-indent:27px; display:block;}
div.waphead ul.nav li.yi ul.ernav li.er ul.sannav li.san a.asan:hover{ text-indent:27px!important;}

div.waphead ul.nav li a:hover{ padding-left:0px;}