@charset "utf-8";/* CSS Document*/
body{margin: 0;padding: 0;font-size: 14px;min-width: 1100px;background:#ffffff; font-family: "Microsoft Yahei", 宋体, sans-serif;}
ul,li{list-style-type: none;margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;font-weight: normal}
img{border: 0;}
a{text-decoration: none;color: #666666;}
a:hover{text-decoration: none;color:#990000; transition: all 0.6s;}
.fl{float: left !important;}
.fr{float: right !important;}
.clearboth{clear: both;border: 0;padding: 0;margin: 0;}
.w1200{width: 1200px;height: auto;margin: 0 auto;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.relative{position:relative;}
.imghover{cursor: pointer;transition: all 0.6s;}
.imghover:hover{transform: scale(1.1);}

/*top*/
.header{ background: #ffffff; height:100px; width: 100%; }
.i-top{ height: 100px; width: 1200px; margin: 0 auto;}
.logo{ float: left; margin: 30px 0 0 0;}
.search{display: block;width: 280px;height: 30px;right:0;bottom:50px; float: right }
.i-search{width: 280px;height: 33px;overflow: hidden;position: relative;margin:33px 0 0 0;  }
.i-search .search-txt{width: 190px;padding-left: 30px;height: 29px;line-height: 29px;background: url("../images/ico_search.png") 5px center no-repeat #ffffff;color: #9e9e9e;border:#d9d9d9 1px solid;margin: 0 0 0 0;border-radius: 8px;}
.i-search .search-btn{width: 65px;height: 33px;line-height: 33px;position: absolute;font-size: 16px;right: 0;*margin-top: 1px;border: 0;cursor: pointer;color: #ffffff;}
.i-search .search-btn:hover{cursor: pointer; opacity: 0.8}

/*nav*/
.i-nav{ width: 100%; background:#ffffff; height: 50px; border-top: #e4e4e4 1px solid }
.nav{ width: 1200px; margin: 0 auto; padding:0; height:50px; line-height:50px; position:relative; z-index:1;  }  
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline; background: url("../images/nav_jgx.png") right center no-repeat; }

.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 40.6px;  font-size:18px; font-weight:normal;  color: #333333;background: url("../images/nav_onbg.png") bottom center no-repeat;   }
.nav .sub{ display:none; width:150px; top:50px;  position:absolute; background:#e5e5e5;  line-height:36px; padding: 0; opacity: 0.8 }
.nav .sub li{ zoom:1;  text-align: center; border-bottom:#fff 1px solid }
.nav .sub a{ display:block; padding:0 10px; color: #333333 }
.nav .sub a:hover{ background:#990000; color:#fff;  }
.nav .on h3 a{ color:#fff; background: url("../images/nav_onbghover.png") bottom center no-repeat;   }
.nav .on{  background-color:#990000; }

/*banner*/
.ibanner{ width:100%; height:auto; overflow:hidden; position:relative; }
.ibanner .hd{ height:15px; overflow:hidden; position:absolute; right:47%; bottom:20px; z-index:1; }
.ibanner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.ibanner .hd ul li{ float:left; margin-right:15px;  width:12px; height:12px; line-height:12px; text-align:center; background:#fff; cursor:pointer; opacity: 0.9;border-radius:20px }
.ibanner .hd ul li.on{ background:#990000; color:#fff; }
.ibanner .bd{ position:relative; height:100%; z-index:0;   }
.ibanner .bd li{ zoom:1; vertical-align:middle; }
.ibanner .bd img{ width:100%;  display:block;  }
.ibanner .prev,
.ibanner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.ibanner .next{ left:auto; right:3%; background-position:8px 5px; }
.ibanner .prev:hover,
.ibanner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.ibanner .prevStop{ display:none;  }
.ibanner .nextStop{ display:none;  }

/*title_zyly*/
.title_zyly{ width: 100%; text-align: center; height: 145px; padding: 50px 0 10px 0;}
.title_zyly p{ color: #999999; font-size: 14px; line-height: 30px;}
.zyly_box{ width: 750px; margin: 0 auto; height: auto; overflow: hidden;}
.zyly_box ul{width: 850px;}
.zyly_box li{ width: 30%; float: left;height:250px;}
.zyly_box li a{ display: block; width:100%; height:100%; margin: 0 auto; }
.zyly_box li span{ display: block; width: 100%; text-align: center; line-height: 50px;}
.zyly_box li:hover span{ color: #990000;}
.zyy_01{ background: url("../images/ico_ly.png") 34px 22px no-repeat #f4f4f4;}
.zyy_01:hover{ background: url("../images/ico_ly2.png") 34px 22px no-repeat #e0e0e0;}

.zyy_02{ background: url("../images/ico_ly.png") -116px 24px no-repeat #f4f4f4;}
.zyy_02:hover{ background: url("../images/ico_ly2.png") -116px 24px no-repeat #e0e0e0;}

.zyy_03{ background: url("../images/ico_ly.png") -271px 25px no-repeat #f4f4f4;}
.zyy_03:hover{ background: url("../images/ico_ly2.png") -271px 25px no-repeat #e0e0e0;}

.zyy_04{ background: url("../images/ico_ly.png") -422px 22px no-repeat #f4f4f4;}
.zyy_04:hover{ background: url("../images/ico_ly2.png") -422px 22px no-repeat #e0e0e0;}

.zyy_05{ background: url("../images/ico_ly.png") -576px 22px no-repeat #f4f4f4;}
.zyy_05:hover{ background: url("../images/ico_ly2.png") -576px 22px no-repeat #e0e0e0;}

.zyy_06{ background: url("../images/ico_ly.png") -730px 22px no-repeat #f4f4f4;}
.zyy_06:hover{ background: url("../images/ico_ly2.png") -730px 22px no-repeat #e0e0e0;}

.zyy_07{ background: url("../images/ico_ly.png") -880px 22px no-repeat #f4f4f4;}
.zyy_07:hover{ background: url("../images/ico_ly2.png") -880px 22px no-repeat #e0e0e0;}

.zyy_08{ background: url("../images/ico_ly.png") -1038px 22px no-repeat #f4f4f4;}
.zyy_08:hover{ background: url("../images/ico_ly2.png") -1038px 22px no-repeat #e0e0e0;}

/*title_jytd*/
.title_jytd{width: 100%; text-align: center; height: 70px; padding: 30px 0 30px 0; margin: 40px auto 0 auto; background: url("../images/jtitlebg.png"); border-bottom: #efefef 1px solid;border-top: #efefef 1px solid;}
.td_box{ width:1200px;   position:relative;  margin:40px auto; }
.td_box .hd{  height:0; position: relative;}
.td_box .hd .prev{ display:block;  width:30px; height:50px;  overflow:hidden; cursor:pointer; background:url("../images/right_jt.png") no-repeat; position: absolute;right: -50px; top:125px;}
.td_box .hd .next{ display:block;  width:30px; height:50px;  overflow:hidden; cursor:pointer; background:url("../images/left_jt.png")  no-repeat;  position: absolute;left: -50px; top:125px;}
.td_box .hd .prevStop{ background-position:-60px 0; }
.td_box .hd .nextStop{ background-position:-60px -50px; }
.td_box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.td_box .hd ul li.on{ background-position:0 0; }
.td_box .bd{ padding:0;   }
.td_box .bd ul{ overflow:hidden; zoom:1; }
.td_box .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;border: #ffffff 2px solid ;position: relative ; }
.td_box .bd ul li .pic{ text-align:center; width:220px; height:270px; overflow: hidden}
.td_box .bd ul li .pic img{ width:220px; height:270px; display:block;  }
.td_box .bd ul li:hover{ border: #990000 2px solid;}
.td_box .bd ul li span{ display:block;background: #05080f; color: #ffffff; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; font-size: 16px; z-index: 99; opacity: 0.8}
.td_box .bd ul li:hover span{ background: #990000; color: #ffffff; }

/*news_box*/
.news_box{ width: 750px; margin:50px auto; height: 260px; overflow: hidden}
.news_box_list{float: left; width: 695px; height: 330px; overflow: hidden;}
.news_box_list li{ width: 100%; margin: 0 auto; padding: 17px 0; height:50px; background: url("../images/ico_jt.png") right center no-repeat; border-bottom: #f3f3f3 1px solid; }
.news_box_list li:last-child{border-bottom: none  }
.news_box_list li span{ display: block; float: left; text-align: center; width: 70px; height: 46px; border-right:#cccccc 1px solid; font-size: 12px; color: #515151}
.news_box_list li span i{ font-size: 30px;display: block;width: 100%; text-align: center; font-style: normal; line-height: 30px; }
.news_box_list li a{ display: block; width: 610px; float: right;}
.news_box_list li h2{ font-size: 16px; color: #515151}
.news_box_list li p{ font-size: 12px; line-height: 30px;color: #515151; margin: 0; padding: 0}
.news_box_list li:hover { background: url("../images/ico_jthover.png") right center no-repeat;transition: all 0.6s;}
.news_box_list li:hover p{ color: #990000;transition: all 0.6s;}
.news_box_list li:hover h2{ color: #990000;transition: all 0.6s;}
.news_box_list li:hover span{ color: #990000;transition: all 0.6s;}
/*news_pic*/
.news_pic{width:465px;height:330px;overflow:hidden;position:relative;float: right;}
.news_pic .hd{height:15px;overflow:hidden;position:absolute;right:10px;bottom:8px;z-index:1;}
.news_pic .hd ul{overflow:hidden;zoom:1;float:left;}
.news_pic .hd ul li{float:left;margin-right:4px;width:7px;height:7px;line-height:7px;text-align:center;background:#fff;cursor:pointer;font-size: 10px;}
.news_pic .hd ul li.on{background:#cc0000;color:#fff;}
.news_pic .bd{position:relative;height:100%;z-index:0;}
.news_pic .bd li{zoom:1;vertical-align:middle;}
.news_pic .bd img{width:465px;height:330px;display:block;}
.news_pic .bd span{position:absolute;bottom:0;background:url("../images/title_bg.png");width:100%;line-height:40px;height: 40px;color:#fff;}
.news_pic .bd h1{color:#fff;font-size:16px;margin:0;padding:0 10px;height: 40px;line-height: 40px;}
.news_pic .prev, .news_pic .next{position:absolute;left:3%;top:50%;margin-top:-25px;display:block;width:32px;height:50px;background:url("../images/slider-arrow.png") -110px 5px no-repeat;filter:alpha(opacity=50);opacity:0.5;}
.news_pic .next{left:auto;right:3%;background-position:8px 5px;}
.news_pic .prev:hover,
.news_pic .next:hover{filter:alpha(opacity=100);opacity:1;}
.news_pic .prevStop{display:none;}
.news_pic .nextStop{display:none;}

/*ilxwm*/
.ilxwm-box{ background:#f3f3f3; width: 100%; margin: 0 auto; height: 280px; overflow: hidden; padding: 40px 0; }
.ilxwm-left{ width: 739px; float: left}
.ilxwm-right{ width: 460px; float:right; border-left: #cccccc 1px solid; margin: 40px 0 0 0; padding: 20px 0 0 0;}
.wx-moble{ width:167px;; text-align: center; margin: 0 auto}
.wx-moble span{ display: block; text-align: center; line-height: 50px;font-size: 16px; color: #666666;}


/*map-wz*/
.map-wz{ width:730px; height: 260px; text-align:left; overflow: hidden  }
.map-wz .hd{width:265px; height:261px; padding: 20px 0; position:relative; background: url("../images/chinamap.png") center no-repeat; float: left; }
.map-wz .hd ul{}
.map-wz .hd ul li{cursor:pointer; background: url("../images/map_wz.png") top no-repeat; width: 40px; height: 40px; line-height: 35px; text-align: center; font-size:12px; color: #989898 }
.map-wz .hd ul li.on{background: url("../images/map_on.png") top no-repeat;font-size: 14px; color: #990000}
.map-wz .bd{ float: right;width: 420px;}
.map-wz .bd ul{ padding:40px 0 0 0;  zoom:1;  }
.map-wz .bd ul h2{ font-size: 20px; color: #333333; line-height: 50px;}
.map-wz .bd ul p{ font-size: 14px; color: #666666; line-height: 30px; margin: 0; padding: 0}
.map_name01{ position: absolute; top:135px; left: 140px;}
.map_name02{ position: absolute; top:180px; left: 190px; background: url("../images/szzbon.png") top center no-repeat !important; padding: 5px 0 0 0 }
.map_name03{ position: absolute; top:80px; left: 175px;}
.map_name04{ position: absolute; top:140px; left: 200px; }

/*list_banner*/
.list_banner{ width:100%; height: 240px; background: #cccccc; margin: 0 auto 0 0; overflow: hidden;}
.list_banner img{ width:100%; height: auto;  margin: 0 auto;}
.this_name{ width: 1200px; margin: 0 auto; height: 70px;}
.this_name h1{font-size: 26px; line-height: 50px; color: #333333; padding: 10px 0;  background: url("../images/thisnamebg.png") left bottom no-repeat; float: left;}
.this_name span{float: right; text-align: right; font-size: 14px; color: #666666; line-height: 70px; }

.this_map{ background: #f4f4f4; height:48px; position: relative; width: 100%; }
.this_mapname{ float: left; width:220px; height: 48px; position: absolute; background:url("../images/thisnabg.png"); }
.this_mapname h1{ font-size: 28px; color: #ffffff; display: block; margin: 0 auto; text-align: center;line-height:48px}
.this_mapname span{ font-size: 14px; color: #ffffff; display: block; margin: 0 auto;text-align: center; }
.this_dqwz{ float: right; width: 940px; text-align: right; color: #555555; font-size: 14px;line-height: 48px;}
.this_dqwz h2{ display: block; float: left; line-height: 48px; font-weight:bold; color: #555555; font-size:20px; }
.this_dqwz .ico_home{ margin: 0 5px; }
/*list*/
.imain{ width: 1200px; margin: 0 auto; height: auto; padding: 20px 0 50px 0; overflow: hidden;}
.list_box{}
.ilistfy{float: left; width: 100%; height: auto; overflow: hidden;}
.ilistfy li{ width: 100%; margin: 0 auto; padding: 25px 0; height:70px; border-bottom: #cccccc 1px dashed }
.ilistfy li:last-child{border-bottom: none  }
.ilistfy li span{ display: block; float: left; text-align: center; width: 70px; height: 70px;  font-size: 12px; color: #999999; background: #f2f2f2 }
.ilistfy li span i{ font-size: 30px;display: block;width: 100%; text-align: center; font-style: normal; line-height: 30px; padding: 10px 0 0 0 }
.ilistfy li a{ display: block; width:90%; float: right;}
.ilistfy li h2{ font-size: 18px; color: #515151; line-height: 40px;}
.ilistfy li p{ font-size: 14px; line-height: 30px;color: #999999; margin: 0; padding: 0}
.ilistfy li:hover {}
.ilistfy li:hover p{ color: #990000;transition: all 0.6s;}
.ilistfy li:hover h2{ color: #990000;transition: all 0.6s;}
.ilistfy li:hover span{ color: #990000;transition: all 0.6s;}
.fytcss{ width: 100%; text-align:center; margin: 30px auto; }

/*list_main*/
.list_main{width: 1200px; margin: 0 auto; height: auto; overflow: hidden; min-height:500px}
.list_main_left{ width: 220px; float: left;}
.list_main_right{ width: 940px; float: right; padding: 20px 0;}
.list_sub{ width:100%;min-height: 300px; background: url("../images/list_subj.png") bottom right no-repeat #e5e5e5; padding: 20px 0; overflow: hidden; }
.list_sub li{ width: 100%; padding: 5px 0 5px 20px;}
.list_sub li a{ display: block; height: 44px; line-height: 44px; width: 100%; padding: 0 0 0 15px; font-size: 16px;}
.list_sub li a:hover{ background: #ffffff; border-left: #b7b7b7 2px solid; color:#555555; font-weight: bold;}
.list_sub .on_here{ background: #ffffff; border-left: #990000 2px solid; color:#990000; font-weight: bold; }

/*list_box*/

.list_box {
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 0;
}
.list_box li {
    line-height: 40px;
    font-size: 14px;
    color: #999999;
    text-align: right;
    padding: 0 ;
    background: url("../images/dxhx.png") bottom repeat-x;
}
.list_box li a {
    color: #4a4a4a;
    float: left;
    padding-left: 15px;
    background:url("../images/ico_001.png") left center no-repeat;
}
.list_box li:hover {
    background: #ececec;
    color: #cc3300;
}
.list_box li a:hover {
    background:url("../images/ico_001.png") left center no-repeat #ececec;
    color: #cc3300;
}
.list-fy {
    text-align: center;
    margin:0 auto 40px auto;
    min-height: 40px;
}

/*piclist*/
.pic-list{ width:960px; overflow: hidden;height: auto;margin: 20px auto;}
.pic-list ul{width:1000px; margin: 0 auto; padding: 0; }
.pic-list li{ width: 215px; margin-right:34px; float: left;margin-bottom:0;}
.pic-list li img{ width: 180px; height: 220px;  border: #efefef 1px solid;padding: 5px; }
.pic-list li img:hover{ border: #ccc 1px solid;padding: 5px;  }
.pic-list li a{}
.pic-list li a:hover{color: #000;}
.pic-list li span{ text-align: center; width: 100%;line-height: 40px; color: #666; display: block}
/*content*/
.c-content {
    height: auto;
    overflow:hidden;
    position: relative;
    margin: 30px auto 40px auto;
    padding: 0 20px;
}
.c-content .c-title {
    font-size: 30px;
    color: #cc3333;
    line-height: 50px;
    text-align: center
}
.c-content .other-s {
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    color: #666666;
    background: #f5f5f5;
    margin:15px auto 0 auto;position: relative;
}
.c-content .other-s .sjfx{ position: absolute; right: 10px; top: 10px;}
.c-content .nr-info {
    height: auto;
    overflow:hidden;
    position: relative;
    text-align: left
}
.c-content .nr-info p {
    font-size: 16px;
    color: #666;
    line-height: 34px;
    margin: 15px 0;
    text-indent: 2em;
    text-align: left
}
.wz_fj {}
.wz_fj p{line-height:36px; color: #0d8100; font-size: 16px; background: url("../images/ico_fj2.png") left center no-repeat; padding: 0 0 0 20px}
.wz_fj a{line-height:36px;  font-size: 16px;}
.wzclose-relative{text-align:center;margin-top:30px;}
.wzclose-relative span{margin:0 15px;}
.i-sxt{ border-top: #d9d9d9 1px solid; margin: 20px auto; padding: 20px 0;}
.i-sxt p{display: block;width: 100%; float: left; margin: 0; padding: 0;}
.i-sxt a{ color: #555555; font-size: 14px;  line-height: 30px;}
.i-sxt a:hover{ color: #cc0010; }


/*zyly_box*/
.zylylist_box{ width: 1200px; margin: 0 auto; height: auto; overflow: hidden; padding: 50px 0}
.zylylist_box ul{width: 1300px;}
.zylylist_box li{ width: 270px; float: left; margin:0 40px 40px 0;overflow: hidden;}
.zylylistzst{width: 270px;height: 170px;overflow: hidden; display: block;}
.zylylistzst img{ width: 270px; height: 170px; overflow: hidden;}
.zylylist_box li p{ background: #f4f4f4; padding: 10px 15px; margin: 0; line-height: 27px;  height: 220px;}
.zylylist_box li p span{ display: block; width: 100%; text-align: left; font-size: 18px; color: #333333; line-height: 40px; font-weight: bold;}
.zylylist_box li p img{ float: left;}

/*footer*/
.footer{ background: #535353; width: 100%; padding: 20px 0; }
.end_link{ width: 1200px; margin:0 auto; padding: 0 0 0 0; color: #7b7b7b; line-height: 36px; font-size: 12px; text-align: center; }
.end_link a{ color: #f6f3f3; font-size: 14px; line-height: 40px; padding: 0 15px;}
.copright{width: 1200px; margin:0 auto; text-align: center}
.copright p{ font-size: 14px; color: #a1a0a0; line-height: 30px; margin: 0; padding: 0}



/*upbox*/
.appear-up{opacity:1;
    -webkit-animation: appear-up 1s ease;
    -moz-animation: appear-up 1s ease;
    -o-animation: appear-up 1s ease;
    animation: appear-up 1s ease;
}
@-webkit-keyframes appear-up{
    0%{-webkit-transform: translate(0,100px);opacity:0;}
    100% {-webkit-transform: translate(0,0);opacity:1;}
}
@-moz-keyframes appear-up{
    0%{-moz-transform: translate(0,100px);opacity:0;}
    100% {-moz-transform: translate(0,0);opacity:1;}
}
@-ms-keyframes appear-up{
    0%{-ms-transform: translate(0,100px);opacity:0;}
    100% {-ms-transform: translate(0,0);opacity:1;}
}
@keyframes appear-up{
    0%{transform: translate(0,100px);opacity:0;}
    100% {transform: translate(0,0);opacity:1;}
}

/*appear-left*/
.appear-left{opacity:1;
    -webkit-animation: appear-left 1s ease;
    -moz-animation: appear-left 1s ease;
    -o-animation: appear-left 1s ease;
    animation: appear-left 1s ease;
}
@-webkit-keyframes appear-left{
    0%{-webkit-transform: translate(-100px,0);opacity:0;}
    100% {-webkit-transform: translate(0,0);opacity:1;}
}
@-moz-keyframes appear-left{
    0%{-moz-transform: translate(-100px,0);opacity:0;}
    100% {-moz-transform: translate(0,0);opacity:1;}
}
@-ms-keyframes appear-left{
    0%{-ms-transform: translate(-100px,0);opacity:0;}
    100% {-ms-transform: translate(0,0);opacity:1;}
}
@keyframes appear-left{
    0%{transform: translate(-100px,0);opacity:0;}
    100% {transform: translate(0,0);opacity:1;}
}
/*appear-right*/
.appear-right{opacity:1;
    -webkit-animation: appear-right 1s ease;
    -moz-animation: appear-right 1s ease;
    -o-animation: appear-right 1s ease;
    animation: appear-right 1s ease;
}
@-webkit-keyframes appear-right{
    0%{-webkit-transform: translate(100px,0);opacity:0;}
    100% {-webkit-transform: translate(0,0);opacity:1;}
}
@-moz-keyframes appear-right{
    0%{-moz-transform: translate(100px,0);opacity:0;}
    100% {-moz-transform: translate(0,0);opacity:1;}
}
@-ms-keyframes appear-right{
    0%{-ms-transform: translate(100px,0);opacity:0;}
    100% {-ms-transform: translate(0,0);opacity:1;}
}
@keyframes appear-right{
    0%{transform: translate(100px,0);opacity:0;}
    100% {transform: translate(0,0);opacity:1;}
}