@charset "utf-8";
@import "page.css";
@import "message.css";
@import "hdp.css";
@import "/font/iconfont.css";
body{font-size:14px; font-family:"Microsoft YaHei"; color:#333; overflow-x:hidden; }
*{ margin:0px; padding:0px; }
img{border:0px; max-width:100% }
a{ text-decoration:none; color:#333;}
li{ list-style:none}
.clear{ clear:both}
a:hover{ color:#0060af}
input{ outline:none;}
div.middle{ width:1200px; margin:0px auto;  }
div.toubu{ position:relative; z-index:2}
.headtop{ height:192px; background:url(../images/top.png) center top no-repeat;}
div.headtop img.logo{ float:left; margin-top:43px;}
div.head{ height:50px; line-height:50px; background:url(../images/h.gif) repeat-x;}
div.head ul.nav{}
div.head 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;}
div.head ul.nav li.yi{ float:left; width:11.1%; height:50px; line-height:50px; text-align:center; position:relative; background:url(../images/g.png) right center no-repeat;}
div.head ul.nav li.yi a.ayi{ font-size:14px; color:#FFF; display:block; width:100%; height:100%;}
div.head ul.nav li.yi:hover a.ayi{ background:#F00000; color:#ff0}
div.head ul.nav li.yi.hover a.ayi{background:#F00000; color:#ff0}
div.head ul.nav li.yi ul.ernav{ position:absolute; padding:10px 0px; left:0px; top:50px; width:100%; display:none;background:#0060af}
div.head ul.nav li.yi ul.ernav li.er{ width:100%; height:30px; line-height:30px; position:relative;}
div.head ul.nav li.yi ul.ernav li.er a.aer{ width:100%; height:100%; display:block;  color:#FFF; text-align:center;}
div.head ul.nav li.yi ul.ernav li.er:hover a.aer{ background: #f68220;
    color: #fff;}
div.head ul.nav li.yi ul.ernav li.er ul.sannav{ position:absolute; top:0px; left:100%; display:none; width:100%; background:#FFF}
div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san{ width:100%; height:24px; line-height:24px;}
div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san a.asan{ width:100%; height:100%; display:block; border-bottom:1px dashed #333; text-align:center}
div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san:hover a.asan{ background:#000; color:#FFF}
div.head ul.nav li.yi ul.ernav li.er:hover ul.sannav{ display:block;}
div.head ul.nav li a.you{ position:relative;}
div.head ul.nav li a.you span{ position:absolute; right:5px; line-height:24px;}
div.head ul.nav li a.ayi span{ display:none}
div.head a.hsou{ margin-top:40px; display:block; height:30px;float:right; position:relative; margin-left:10px; width:29px; overflow:hidden;
z-index:9
}
div.head a.hsou img{ position:absolute; right:7px; top:3px;}
div.head a.hsou input{ display:block; margin:0px; height:27px; position:absolute; right:-158px; top:0px; border:1px solid #999; width:148px; border-radius:27px; line-height:27px; text-indent:15px;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; }
div.head a.hsou img.xiao{ display:none}
div.head a.hsou img.xian{ display:block}
div.head a.hsou.you{ width:150px;overflow:visible;}
div.head a.hsou.you input{ right:0px;}
div.head a.hsou.you img.xiao{ display:block}
div.head a.hsou.you img.xian{ display:none}
div.head a.hsou img.souclose{ width:22px; position:absolute; right:-22px; top:2px; z-index:9;}
.pc{ display:block;}
.wap{ display:none;}
div.wapheaddianbei{ width:100%; height:50px; display:none;}
div.waphead{ position:fixed; width:100%; left:0px; top:0px; }
div.waphead div.wapdh{ display:block; width:100%; height:50px; background:#FFF;border:1px solid #eee }
div.waphead div.wapdh img.waplogo{  height:40px; padding-top:5px; float:left; margin-left:10px;}
.menuBtn{
    float:right;
    width:30px;
    height:30px; 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:3px;
    background-color:#0060af;
    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.middle{ 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%;}
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;}
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;  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;}
div.waphead ul.nav li.yi ul.ernav li.er a.aer 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;
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);}
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:12px; display:block;}
div.waphead ul.nav li a:hover{ padding-left:0px;}



.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;}
.hasdiv:hover .bkg{	   transform: rotate(0deg) scale(1.1);
            -webkit-transform: rotate(0deg) scale(1.1);
            -moz-transform: rotate(0deg) scale(1.1);
            -o-transform: rotate(0deg) scale(1.1);
            -ms-transform: rotate(0deg) scale(1.1);}
.l{ float:left;}
.r{ float:right;}
.animates{transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;}
.v{display: flex;align-items: center; }
.index{ padding-top:10px;}
.hdp_l{ float:left; width:757px;}
.hdp_l ul{ padding-top:10px;}
.hdp_l ul li{ float:left; width:24%; margin-right:1.33%; height:99px; background:#196ec1; text-align:center; color:#FFF;}
.hdp_l ul li.li3{ margin-right:0px;}
.hdp_l ul li a.i{ height:62px; width:auto; text-align:center; margin-top:4px;}
.hdp_l ul li a.i img{ display:inline; margin:auto; max-height:100%}
.hdp_l ul li a.at{ color:#FFF; font-size:18px;}
.hdp_r{ float:right;width: calc(100% - 773px);}
.hdp_r .kaoji{ background:#0060af; height:188px;}
.hdp_r .kaoji i{ display:block; float:left; width:52px; height:100%; background:url(../images/kj.png) center center no-repeat;}
.hdp_r .kaoji ul{width: calc(100% - 62px); margin:9px auto auto auto; background:#FFF; height:168px; float:left;}
.hdp_r .kaoji ul li{ float:left; border:1px solid #cccccc; background:#f3f3f3; width:31%; margin-left:1.5%; margin-top:4px; text-align:center; height:76px;}
.hdp_r .kaoji ul li div.dl{ height:50px; }
.hdp_r .kaoji ul li div.dl img{ display:inline; margin:auto;}
.hdp_r .kaoji ul li a.at{ font-size:16px;}
.gzdt{ padding-top:20px;}
.gzdt .gzdt_title{ background:#0060af; height:40px; line-height:40px;}
.gzdt .gzdt_title span{ color:#FFF; font-size:16px; text-indent:12px; display:block; float: left;}
.gzdt .gzdt_title a{ float: right;  color:#FFF; margin-right: 10px;}
.gzdt ul{ padding-top:10px; width:95%; display:block; margin:auto}
.gzdt ul li{ height:23px; line-height:23px; width:100%; overflow:hidden;}
.gzdt ul li a{ color:#0060af; display:block; width:70%; height:100%; text-indent:15px; background:url(../images/hj.png) 0px center no-repeat; float: left; }
.gzdt ul li span{ float: right;color: #0060af; }
.index_ad{ padding:37px 0px 23px 0px;}
.index_ad img{}
.index_4{ padding-top:23px;}
.index_4 li.zhus{ float:left; border:1px solid #cccccc; width:49%; margin-bottom:2%}
.index_4 li.zhus.z{ float:right;}
.small_zhus{ padding:20px;}
.index_4 li.zhus .four_title{}
.comtitles{ height:40px; line-height:40px;}
.comtitles dl{ float:left; width:196px; height:40px; background:url(../images/yy.png) no-repeat;}
.comtitles dl i{ height:40px; width:62px; float:left;}
.comtitles dl i img{ padding-left:24px;}
.comtitles dl em{ color:#FFF; display:inline-block; float:left; font-size: 16px; font-weight: bold;}
.comtitles a{ float:right; display:inline-block; color:#196ec1; margin-right:15px;}
.four_tj{}
.four_tj div.li{ float:left; width:49%}
.four_tj div.li.z{ float:right;}
.four_tj div.li .hasdiv{ width:97px; float:left;}
.four_tj div.li .hasdiv .bkg{ padding-bottom:103%;}
.four_tj div.li dl{ display:block;width: calc(100% - 113px); float:right}
.four_tj div.li dl a{ display:block; color:#000; font-weight:bold; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; height:30px; line-height:30px;}
.four_tj div.li dl p{ height:40px; line-height:20px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.four_tj div.li dl span{ display:block; padding-top:7px;}
.four_tj_s{ padding:20px 0px 10px 0px;}
.four_tj_s .li_s{ line-height:23px; height:23px; display:block; overflow:hidden; margin:5px auto;}
.four_tj_s .li_s a{ display:block; float:left;width: calc(100% - 93px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  }
.four_tj_s .li_s span{display:block; float:right; font-family:Arial, Helvetica, sans-serif;}
.link{ text-align:center; margin-bottom:53px;}
.link .link_title{}
.link ul{ border:1px solid #dedede; padding:24px; font-size:0px; line-height:22px;}
.link ul a{ font-size:16px; display:inline-block;}
.link ul span{ display:inline-block; padding:0px 8px; font-size:14px; color:#999}
i,em{ font-style:normal;}
.foot{ height:189px; background:url(../images/f.png) repeat-x; text-align:center; border-top:1px solid #d6dee0}
.foot dl{ display:block; padding:30px 0px; }
.foot dl a{}
.foot dl i{ display:inline-block; padding:0px 14px;}
.foot p{margin:auto; width:320px; text-align:left}
.valign{display: flex;align-items: center; text-align:center;}
.valign img{ max-height:100%; max-width:100%; display:block; margin:auto}
.valign_yuanshi{ width:100%; height:41px; margin:auto;}
.piao{ position:fixed; right:0px; top:50%; margin-top:-80px; width:80px;  background:#5a5a5a; text-align:center;}
.piao dl{ color:#FFF;height:80px; cursor:pointer; width:100%; display:block; position:relative; overflow:visible}
.piao dl dd{ position:relative; display:block; width:100%; background:#5a5a5a; height:100%; z-index:20;}
.piao dl a{ color:#FFF}
.piao i{ position:relative; top:11px;}
.piao i img{}
.piao em{ display:block; padding-top:11px;}
.piao dl div{}
.piao dl:hover,.piao dl:hover dd{ background:#0060af;}
.piao dl div.pchildren{ position:absolute; background:#0060af; top:0px; height:80px; right:-160px; line-height:80px; width:160px; color:#FFF; z-index:1;}
.piao dl:hover div.pchildren{right:80px;}
img.piao_img{ height:20px; position:fixed; right:0px; top:50%; margin-top:-100px;}
div.twhp{ margin-top:15px; padding-bottom:15px; border-bottom:1px dotted #CCC; margin:15px 20px 0px 20px;}
div.twhp a.hasdiv{ float:left; width:173px;}
div.twhp a.hasdiv .bkg{ padding-bottom:78%}
div.twhp div.twhpnr{ float:right;width: calc(100% - 197px);}
div.twhp div.twhpnr a.twhptitle{ display:block; float:none; font-weight:bold; font-size:16px; padding-top:10px;}
div.twhp div.twhpnr p{ display:block; padding:7px 0px 0px 0px; line-height:23px; height:92px; overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;}
div.twhp div.twhpnr a.axx{ float:right; display:none}
.big_nr{overflow: hidden;
    padding: 10px;
    background: rgb(224, 223, 221);
    margin: 10px auto;}
.ny .left{ float:left;    width: 202px;
    text-align: center;
    float: left;
    margin-right: 10px;}
.ny .left .n_dh{}
.ny .left .n_dh a.at{display: block;
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    height: 44px;
    line-height: 44px;
    background: url(../images/nav.jpg) repeat-x center top;}
.ny .left .n_dh ul{}
.ny .left .n_dh ul li{display: block;
    color: #3d85c6;
    font-weight: 700;
    font-size: 18px;
    width: 202px;
    line-height: 40px;
    background: #9fc5e8;
    border-bottom: 1px dotted #97a4b1;}
.ny .left .n_dh ul li a{ color: #3d85c6;}
.ny .left .n_dh ul li.on,.ny .left .n_dh ul li:hover{ background:#FFF;}
.ny .left .n_dh ul li.on a,.ny .left .n_dh ul li:hover a{}
.right{ float:right;width: calc(100% - 212px); background:#FFF}
.route{
	background: url(../images/index.png) no-repeat left center;
    margin: 10px 0;
    height: 35px;
    line-height: 35px;
    padding-left: 30px;
    margin-bottom: 10px;}
.route1{border-bottom: 1px #dbdbdb solid;
    margin-bottom: 10px;}
.route11{height: 50px;
    overflow: hidden;
    background: #f6f6f6 url(../images/right1.png) no-repeat left center;}
.route11 i{display: block;
    font-size: 18px;
    color: #1e50ae;
    font-style: normal;
    cursor: pointer;
    margin-left: 42px;
    margin-top: 10px;}
.banner{ display:block; text-align:center; width:100%;}
.banner img{ display:block; max-width:100%; margin:0px auto;}
.wapernav{ display:none; text-align:center; padding:20px 0px 0px 0px;}
.wapernav a{ display:inline-block; margin:0px 5px 10px 0px; height:27px; line-height:27px; padding:0px 6px; border:1px solid #ccc;}
.wapernav a:hover,.wapernav a.waperhover{ color:#FFF; background:#89211b; border:1px solid #89211b}
.detail{margin: auto;
    padding:20px;
    background: #fff;}
.liuyan_con{ padding:20px;}
.liuyan_con .liuyan_left{ width:90%; display:block; margin:auto;}
.liuyan_con .liuyan_left input{ height:30px; line-height:30px; width:70%; text-indent:12px; margin-bottom:12px;}
.liuyan_con .liuyan_left input.tj{ text-indent:0px; text-align:center; height:40px; cursor:pointer; color:#FFF; background:#0060af; border:none; width:100%;}
.liuyan_con .liuyan_left textarea{ padding:14px; margin-bottom:12px;width: calc(100% - 30px); height:100px; font-family:"微软雅黑"}
.left_wap{ text-align:center; display:none}
.left_wap a{ display:inline-block; padding:0px 12px; border:1px solid #CCC; height:26px; line-height:26px; margin-bottom:6px;}
.left_wap a.on,.left_wap a:hover{ color:#FFF; background:#0060af;border:1px solid #0060af;}
@media screen and (max-width:1444px){
}
@media screen and (max-width:1200px){
div.middle{ width:96%;}
.hdp_r .kaoji ul li a.at {
    font-size: 14px;
}
.hdp_r .kaoji ul {
    width: calc(100% - 39px);

}
.hdp_r .kaoji i {
    width: 35px;
}
}
@media screen and (max-width:1150px){
.hdp_l {
    width: 650px;
}
.hdp_r {

    width: calc(100% - 660px);
}
.gzdt ul { padding-top:0px;}
.gzdt ul li {
    height: 22px;
    line-height: 22px;

}
.gzdt {
    padding-top: 6px;
}
.hdp_r .kaoji {

    height: 176px;
}

.hdp_r .kaoji ul {

    height: 160px;

}
.hdp_r .kaoji ul li {
    height: 72px;
}
}
@media screen and (max-width:1024px){
.wapernav{ display:block}
.pc{ display:none;}
.wap{ display:block!important;}
.index_ad{ padding:20px 0px 20px 0px;}
.index_4 {
    padding-top: 0px;
}
}
@media screen and (max-width:1023px){
.link{  margin-bottom:25px;}
.hdp_l,.hdp_r {
    width: 100%; float:none;
}
.gzdt ul{ padding-top:5px;}
.gzdt ul li {
    height: 24px;
    line-height: 24px;
}
.hdp_r{margin-top:10px;}
.four_tj div.li {
    float: none;
    width: 100%; margin-bottom:20px;
}
.four_tj_s {
    padding: 0px 0px 0px 0px;
}
}
@media screen and (max-width:768px){
.left{ display:none}
.left_wap{ display:block}
.right{ width:100%; width:100%}
.index_4 {
    padding-top: 0px;
}
}
@media screen and (max-width:640px){
	.link ul{ padding:12px;}
	.link ul a{ font-size:14px;}
	.hdp_l ul li a.at {
    font-size: 16px;
}
.index_ad{ padding:14px 0px 14px 0px;}
div.list_thumb ul li{ width:45%; margin-left:3.3%; margin-bottom:3.3%; margin-right:0px;}
div.xuanzhuan li{ width:45%; margin-left:3.3%;}
.index_4 li.zhus {
    float: none;
    border: 1px solid #cccccc;
    width: 100%;
}
.foot dl{ display:none}
.foot{ height:auto; padding:20px 0px;}
}
@media screen and (max-width:600px){
div.twhp a.hasdiv{ float:none; width:100%;}
div.twhp div.twhpnr{ float:none;width: calc(100% - 0px);}
div.twhp div.twhpnr p{ height:auto; overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 40;
overflow: hidden;}
}
@media screen and (max-width:340px){
	.hdp_r .kaoji ul li a.at {
    font-size: 12px;
}
}