@charset "utf-8";
/* CSS Document */
*,:before ,*:after{ box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
/*html{
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray!important;
}
img{
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray!important;
}*/
body{font-family:'microsoft yahei';}
a{color:#172c45;text-decoration:none}
a:hover{color:#cd0200;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
li {list-style: none;}
body {margin: 0px;padding: 0px;	font-family:'microsoft yahei';font-size: 14px; background:url(../images/body_bg.jpg) repeat-x top fixed; }
h1, h2, h3, ul, ol, li, dl, dt, dd, p, form, fieldset, legend, input, img,* { margin:0; padding:0; }
.fl{ float:left;}
.fr{ float:right;}
.w1200{ max-width:1220px;width:100%; margin:0 auto;padding: 0 0px;}
.w1200:after{content: " ";display: table;clear: both}
.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt25{margin-top: 25px}
.mt30{margin-top: 30px}
.mt35{margin-top: 35px}
.mt40{margin-top: 40px}
.mt50{margin-top: 50px}
.ml10{margin-left: 10px}
.ml15{margin-left: 15px}
.ml20{margin-left: 20px}
.ml25{margin-left: 25px}
.ml30{margin-left: 30px}
.mb5{margin-bottom: 5px}
.mb10{margin-bottom: 10px}
.mb15{margin-bottom: 15px}
.mb20{margin-bottom: 20px}
.mb25{margin-bottom: 25px}
.mb30{margin-bottom: 30px}
.pt60{padding-top: 60px}
.padding5{padding: 5px}
.padding10{padding: 10px}
.padding20{padding-top: 20px}
.padding30{padding: 30px}
.pt5{padding-top: 5px;}
.pt20{padding-top: 20px;}
.pb20{padding-bottom: 20px}
.pb50{padding-bottom: 50px}
.pt246{padding-top: 204px}
.fl{float: left}
.fr{float: right !important;}
.center{text-align: center}
.lh10{line-height: 10px}
.lh15{line-height: 15px}
.lh20{line-height: 20px}
.lh30{line-height: 30px}
.pr20{padding-right:20px;}
.none{display: none}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block}
.clearfix::before,.clearfix::after{content: "."; display: block;height: 0;line-height: 0;visibility: hidden;clear: both;}
.header{width:100%;/*position:fixed;*/ height:148px;top:0px; }
.warp{max-width:1220px;background:#FFF; min-width:320px; margin:0px auto;}
.top{ background:#fff;max-width:1199px; margin:0px auto;height:106px; position:relative;}
.logo{ padding-top:14px;}
.search{ float:right; position:absolute; right:0px; top:40px;width:278px;}
.search input[type="text"]{ border:#dcdcdc solid 1px;width:218px; height:37px; line-height:37px; border-right:none; float:left}
.search input[type="submit"]{ border:#1d7dd2 solid 1px; line-height:37px;  height:37px;width:60px; background:#1d7dd2; color:#fff;float:right}
.nav{ max-width:1199px;  margin:0px auto; height:41px; line-height:41px; background:#0059a7; position:relative; z-index:999}
.nav ul {list-style: none; margin: 0px; padding: 0px; }
.nav>ul>li>a {background:url(../images/nav_line.jpg) no-repeat 0px 7px; text-align:center; color:#fff; font-size:16px; display:block; width:100%; height:41px; line-height:41px; text-align:center; }
.nav ul li:first-child>a{ background:none; }
.nav>ul>li { float:left; margin-left:0px;width:11%;}
.nav ul li a:hover {}
.nav ul li a#current {  color:#fff;}
.nav ul li ul { border:#5993c6 solid 1px; background-color:rgba(0,89,167,0.65);  width:13%;  display:none; }

.nav ul .last-menu ul{width:12%!important;}


.nav>ul>li>ul>li {padding: 10px 0; background:url(../images/sub_line.png) no-repeat center bottom; font-size:14px; text-align:center; line-height:40px;color:#fff; width:90%;margin:0px 5%}
.nav ul li ul li:last-child{ background:none;}
.nav ul li ul li a { background:none;width:100%; text-align:center;  color:#fff;font-size:14px; }
.nav ul li ul li a:hover { color:#ddd73c;}
.nav ul li ul li font { display: block}
.nav ul li:hover ul { display:block;z-index:9999999; position:absolute;}
.nav ul li.sfhover ul { display:block;}


.con{width:100%;/*position:relative;top:147px;*/overflow: hidden;}
.banner{max-width:1199px; min-width:320px;margin:0px auto; height:260px;width:100%;}
.list_banner{max-width:1199px; min-width:320px;margin:0px auto; height:234px;width:100%;}
.info{max-width:1199px; min-width:360px;margin:0px auto; width:100%; min-height:465px}
.info .info_left{width:55%; float:left; margin-top:15px;}
.info .info_right{width:42%; float:right;}
.info_left .left_header{position: relative; background:url(../images/index_icon.jpg) no-repeat left; height:40px; line-height:20px; font-size:18px;color:#251919;}
.info_left .left_header span{color:#bbbbbb; font-size:12px;}
.info_left .left_header div{ float:right; background:url(../images/info_bg.jpg)  repeat-X 0PX 8PX; width:80%; text-align:right; margin-top:13px;}
/*幻灯片*/


.slideBox{ width:100%; height:146px;  position:relative;  margin:17px 0px; float:left;}
.slideBox .hd{ width:31%;height:11px; overflow:hidden; position:absolute; left:2px; bottom:0px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox .hd ul li{ float:left; margin-right:8px;  width:23px; height:3px;  text-align:center; background:#a4a9a4; cursor:pointer;  text-indent:-9999px; }
.slideBox .hd ul li.on{ background:#ff6c00; color:#fff; }
.slideBox .bd{ width:42%; position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:205px;  height:146px; display:block;border:1px solid #e8e8e8;padding:1px;   }
.slideBox .bd .bd_p{ width:72%;position:absolute; height:18px; line-height:18px; background-color:rgba(0,0,0,0.3); bottom:2px; left:2px;  color:#FFF;zoom:1; vertical-align:middle; overflow:hidden;}

.tit{width:160%; float:right;  position:absolute; right:-390px;top:8px;zoom:1; vertical-align:middle;overflow:hidden;}
.tit h2{ overflow:hidden; line-height:28px;font-weight:normal;font-size:16px;color:#004d90; text-align:center;zoom:1; }
.tit div{ font-size:14px;color:#777777; text-align:left; text-indent:2em; line-height:25px; margin-top:10px; position:relative;zoom:1; }
.tit div span { float:right; position:absolute; bottom:0px;right:10px;}
.tit div span a{color:#777777;}
.xyxw{ border-top:#aeaeae dotted 1px; padding-top:10px;}
.xyxw li{overflow:hidden ;height: 33px;line-height: 33px;background: url("../images/index_icon1.jpg") left center no-repeat;padding-left: 20px;vertical-align: bottom}
.xyxw li a{font-size: 14px;color: #333333;float: left;width:90%; overflow:hidden;}
.xyxw li a:hover{color: #0168b5;text-decoration: underline}
.xyxw li em{float: right;font-size: 12px;color:#555555}
.info_right{ margin-top:15px;}
.info_right .right_header{position:relative; background:url(../images/index_icon2.jpg) no-repeat left; height:40px; line-height:20px; font-size:18px; color:#251919;}
.info_right .right_header span{color:#bbbbbb; font-size:12px;}
.info_right .right_header div{ float:right; background:url(../images/info_bg1.jpg)  repeat-X 0PX 8PX; width:75%; text-align:right; margin-top:15px;}
.notice{ padding-top:15px;}
.notice li{ overflow:hidden;height: 33px;line-height: 33px;background: url("../images/index_icon1.jpg") left center no-repeat;padding-left: 20px;vertical-align: bottom}
.notice li a{font-size: 14px;color: #333333;float: left; width:90%; overflow:hidden;}
.notice li a:hover{color: #0168b5;text-decoration: underline}
.notice li em{float: right;font-size: 12px;color:#555555}
.link_pic li{ margin:15px 8px 0px 3px; width:157px; float:left;}
.link_pic li:first-child{ margin:15px 8px 0px 0px;}
.link_pic img { float:left; padding:1px; border:#e0e0e0 solid 1px;}
.xxgk{ width:397px; float:left; margin-top:16px;}
.xxgk li{ float:left; background:#eef5ff; width:124px; height:53px; margin:5px 4px; line-height:53px;color:#2d5f8a;}
.xxgk li a{color:#2d5f8a;display:block; width:124px;padding-left:45px; height:53px;border:#d0e0f6 solid 1px;}
.xxgk li a:hover{border:#3b9eee solid 1px;color:#fff;}
.xxgk .li1 a{ background:#eef5ff url(../images/link_icon1.png) no-repeat 10px; }
.xxgk .li2 a{ background:#eef5ff url(../images/link_icon2.png) no-repeat 10px;}
.xxgk .li3 a{ background:#eef5ff url(../images/link_icon3.png) no-repeat 10px;}
.xxgk .li4 a{ background:#eef5ff url(../images/link_icon4.png) no-repeat 10px;}
.xxgk .li5 a{ background:#eef5ff url(../images/link_icon5.png) no-repeat 10px;}
.xxgk .li6 a{ background:#eef5ff url(../images/link_icon6.png) no-repeat 10px;}
.xxgk .li1 a:hover{ background:#5fb1f3 url(../images/link_hover_icon1.png) no-repeat 10px; }
.xxgk .li2 a:hover{ background:#5fb1f3 url(../images/link_hover_icon2.png) no-repeat 10px;}
.xxgk .li3 a:hover{ background:#5fb1f3 url(../images/link_hover_icon3.png) no-repeat 10px;}
.xxgk .li4 a:hover{ background:#5fb1f3 url(../images/link_hover_icon4.png) no-repeat 10px;}
.xxgk .li5 a:hover{ background:#5fb1f3 url(../images/link_hover_icon5.png) no-repeat 10px;}
.xxgk .li6 a:hover{ background:#5fb1f3 url(../images/link_hover_icon6.png) no-repeat 10px;}

.ewm{ float:right; margin-top:20px;font-size:12px; color:#2c2c2c; text-align:center;}
.link{ background-color:rgba(225,225,225,0.4);height:51px; line-height:51px;width:100%;/*position:relative;top:148px; */}
.c_links{ background:#f2f2f2;min-height:51px; line-height:51px; opacity:1; filter:alpha(opacity=100);}
.linksname{ float:left; width:85px; text-align:center; color:#777777; font-size:14px; font-family:'microsoft yahei'; }
.sec01{ float:left; margin-top:10px; line-height:22px; margin-right:19px; color:#979797;}
.sec01 select{ width:196px; height:29px; border:#dcdcdc 1px solid;color:#979797;}
.xx{ float:right;}
.xx li{ float:left; margin:0px 19px;}
.xx li a{color:#8e8e8e;display:block; min-width:100px;padding-left:30px; height:51px;}
.xx li a:hover{color:#2b71aa;}
.xx .li1 a{ background: url(../images/hd_icon1.png) no-repeat 5px; }
.xx .li2 a{ background: url(../images/hd_icon2.png) no-repeat 5px;}
.xx .li3 a{ background: url(../images/hd_icon3.png) no-repeat 5px;}
.xx .li1 a:hover{ background: url(../images/hd_hover_icon1.png) no-repeat 5px; }
.xx .li2 a:hover{ background: url(../images/hd_hover_icon2.png) no-repeat 5px;}
.xx .li3 a:hover{ background: url(../images/hd_hover_icon3.png) no-repeat 5px;}
.footer{ background:#005aa7; height:127px;width:100%;/*position:relative;top:148px;*/}
.copy_right{ text-align:center;color:#fff; line-height:27px; padding-top:10px; position:relative }
.copy_right .sydw{ position:absolute ; top:20px; left:10px;}
.copy_right .xyjw{ position:absolute ; top:20px; right:10px;}
.list{max-width:1199px; min-width:360px;margin:0px auto; width:100%;}
.list_left{ width:253px}
.list_left .title{ background:url(../images/list_tit_bg.jpg) no-repeat center;color:#fff; line-height:51px; padding-left:40px;font-size:18px;}
.list_left ul li{ background:url(../images/list_nav_bg.jpg) no-repeat center; padding-left:40px; line-height:47px; color:#7d7d7d;font-size:16px;}
.list_left ul li a{color:#444444}
.list_left ul li:hover{background:url(../images/list_nav_hoverbg.jpg); color:#2a76b9}
.list_left ul li.on{background:url(../images/list_nav_hoverbg.jpg)}
.list_left ul li.on a{color:#2a76b9;}
.list_right{ width:915px;min-height:500px; }
.list_right .title{height: 40px;line-height: 40px; border-bottom:#cecece dashed 1px}
.list_right .title em{ width:5px; border-top:#3fa6ff solid 5px;border-bottom:#0059a7 solid 15px; height:22px; float:left; margin:10px 10px;}
.list_right .title h3{position: relative; color: #262626; font-weight: normal;font-size: 18px;display: inline-block;height: 40px;}
.list_right .title div{font-size: 12px;color: #4778a3;margin-right: 10px; background:url(../images/nav_path.png) no-repeat left; padding-left:20px;}
.list_right .title div a{color: #4778a3;margin-right: 10px;}

.path_tit div{font-size: 12px;color: #4778a3;margin-right: 10px; background:url(../images/nav_path.png) no-repeat left; padding-left:20px;}
.path_tit div a{color: #4778a3;margin-right: 10px;}

.sj-list-article {margin-top: 20px;margin-bottom: 30px}


.sj-list-article li{height: 40px;line-height: 40px;padding-left: 22px;background: url("../images/index_icon1.jpg") 10px 18px no-repeat}
.sj-list-article li.on a{color:#11913e;}
.sj-list-article li a{float: left;display: block;width: 800px;color: #444444;font-size: 16px;}
.sj-list-article li a:hover{color: #044b8d}
.sj-list-article  span{display: block;width: 93px;float: right;color: #9d9d9d;font-size: 12px;text-align: right}

.article{}
.article header{ margin-top:50px;}
.article header h1{color: #010101;font-size: 28px;text-align: center;line-height: 150%;}
.article header h2{ margin-top: 10px; color: #3e3e3e;font-size: 22px;text-align: center;line-height: 150%;font-weight: normal;background: no-repeat;padding-bottom: 30px;}
.article header p{ border-top:#bdbdbd dotted 1px; hanging-punctuation:50px; line-height:50px; text-align:center; color:#666666}
.article header p>span{ display: inline-block;margin: 0px 10px}
.article header p time{ display: inline-block;margin-left: 40px;}
.article .nr {font-size: 16px;margin-top: 20px;padding: 10px 10px 30px 10px}
.article .nr>img{display: block;margin: 0 auto;max-width:800px}
.article .nr>p>img{max-width:800px;display: block;margin: 0 auto}
.article .nr p{text-indent: 2em;line-height: 190%;padding-bottom: 10px;word-break: break-all;}
.fj{ line-height:30px; margin:10px;font-size:14px;}
.fj a{color:#0043a7}

/*大事记start*/
.event_box{width:99%;margin:3% auto 0;position:relative;min-height:543px;}
.event_box .parHd {width:100%;display:inline-block;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;/*height:1px;background:#580000;*/position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;font-size:20px;color:#000;margin:0 16px;position:relative;width:96px;height:95px;line-height:80px;}
.parHd li.on{background:url(../images/dsj_bg2018.png) no-repeat;}

/*
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}

.parHd li:after{content:''; padding:10px; width:100px; height:100px;border: 4px solid #000000;-moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius:100px;
}*/
.parBd{text-align:center;}
.parBd h4{position:relative;font-size:40px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}
.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;}
.sPrev{left:0;padding-top:40px}
.sNext{right:0;padding-top:40px;padding-left:5px}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act {
    display:block;width:24px;height:24px;overflow:hidden;position:absolute;top:-12px;left:6px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}

.dsj_list{position:relative;background:url(../images/vertical.png) repeat-y 60px 30px;}
.dsj_list li{margin:0px 0px 20px 0px;position:relative; line-height:150%; display:inline-block; }
.dsj_list li a{ text-align:left; float:left; padding-left:47px;line-height:200%;font-size:16px;min-height:30px;}
.dsja{ position:relative;width:780px;}
.point{width:55px;height:55px;position:absolute;top:8px;left:-25px;overflow:hidden;}
.dsj_list li:first-child .point{top:0px;}
.dsj{ background:#fff url(../images/dsj_tbg.jpg) no-repeat 10px 1px;}
.dsj_b{background:url(../images/jgsz_bbg.jpg) no-repeat 0px bottom;}
.dsj_tit{ border-bottom:none!important;}
.point b{
    height:16px;width:16px;background:#fff;display:block;margin:0px 0 0 19px;border-radius:18px;border:2px solid #18b0ff;
    -webkit-transition:all 0.1s linear;
    -moz-transition:all 0.1s linear;
    -o-transition:all 0.1s linear;
    transition:all 0.1s linear;
    position:absolute;
    top:0;left:0;
}
.thiscur .point b{height:21px;width:21px;border:5px solid rgba(24,176,255,0.6);margin:0px 0px 0px 16px;border-radius:52px;}

.thiscur a{
    color:#145c9b;

}
/*====魅力建院==*/
.mljy{background:#fff url(../images/mljy_bg.jpg) no-repeat 10px 1px;}
/*====宣传片==*/
.xcp{background:#fff url(../images/xcp.jpg) no-repeat 10px 1px;}
/*====校园警务==*/
.xyjw_b{background:#fff url(../images/xyjw_bg.jpg) no-repeat 10px 1px;}
.wxts{ padding-left:160px; padding-top:109px;font-size:21px; color:#db2a07; line-height:48px;}
.xyjw_tab{ width:96%; margin:40px 2% 0px 2%;}
.xyjw_tab .xyjw_tit{ color:#383838; background:url(../images/xyjw_icon.png) no-repeat 20px 15px; padding-left:60px;font-size:18px; border-bottom:#96bede dotted 1px; height:60px; line-height:60px;}
.xyjw_tab table{ margin-top:15px; background:none;}
.xyjw_tab table th{width:10%;font-size:18px; font-weight:normal; line-height:67px; height:67px;}
.xyjw_tab table  .red{color:red; padding-left:20px;}
.xyjw_tab table td input[type="text"],.xyjw_tab table td select,.xyjw_tab table td textarea{ width:50%; border:#a2d5f4 solid 1px;  background:none;line-height:48px; height:48px; padding-left:15px;}
.xyjw_tab table td textarea{ width:90%; border:#a2d5f4 solid 1px; height:180px;margin-bottom:20px;line-height:20px; padding-left:15px; }
.xyjw_tab table .btn{ border-top:#96bede dashed 1px; padding:15px 10px 10px 10px;}
.xyjw_tab table .btn input[type='submit']{ margin-left:100px; margin-right:200px ;background:url(../images/xyjw_btn.png) no-repeat center; width:157px; height:57px; border:none}
.xyjw_tab table .btn input[type='reset']{margin-left:100px; margin-right:100px;background:url(../images/xyjw_btn1.png) no-repeat center;width:157px; height:57px; border:none}
/*====组织机构==*/
/*====组织机构==*/
.jgsz{background:#fff url(../images/jgsz_bg.jpg) no-repeat 10px 1px;}
.jgsz_list{background: url(../images/jgsz_bbg.jpg) no-repeat 0px bottom;}
.jgsz_map{ padding-top:10px; }
/*====简介==*/
.jj{background:#fff url(../images/xyjj_bg.jpg) no-repeat 10px 1px;}
.js {  line-height:35px;font-size:16px; padding-right:10px}
.js p{text-indent:2em;}
/*====图文页==*/
.pic_list{min-height:480px; margin-top:20px;}
.pic_list1{ width:210px; float:left; margin:5px 13px 10px 5px; height:175px;}
.pic_list1 img{ padding:1px; border:#eaeaea solid 2px;}
.pic_txt{ text-align:center; line-height:43px; font-size:14px;}
/*====学院荣誉==*/
.xyry{background:#fff url(../images/xyry_tbg.jpg) no-repeat 10px 1px;}
.xyry_list{background: url(../images/xyry_bbg.jpg) no-repeat 0px bottom;min-height:850px;}
/*====信息公开==*/
.xxgk_bg{background:#fff url(../images/xxgk_bg.jpg) no-repeat 10px 1px;}

.mask-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2020;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mask-layer > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mask-layer-black {
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000,endColorstr=#c8000000);
    position: absolute;
    top: 0;
    left: 0;
}
.mask-layer-container {
    width: 620px;
    height: 400px;
    position: absolute;
    margin: 0 auto;
    z-index: 2030;
    border-radius: 10px;


    top:50%;
    left:50%;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.mask-layer-container-operate {
    width: 100%;
    height: 30px;
    padding: 10px 0;
    text-align: center;
    border-bottom: solid 1px #ddd;
    position:relative;
}

.mask-layer-imgbox {
    width: 100%;
    height: 420px;
    overflow: hidden;
    position: relative;

}
.mask-layer-imgbox img{
    border-radius:5px;
    width:100%;


}
.mask-layer-imgbox>p {
    position: absolute;
    cursor: move;
    transform-origin: center;
    width: 100%;
    height: 100%;
    padding: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    cursor: move;
    left: 0;
    top: 0;
}

.mask-layer-imgboxp>p>img {
    display: inline-block;
    vertical-align: middle;
    cursor: move;

}

#arrow{position:relative;top:50%;}
*html #arrow{position:absolute;top:expression(eval(document.documentElement.scrollTop));margin-top:350px;}

#arrow ul li{
    display:block;height:59px;width:39px;cursor:pointer;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
    position:absolute;
}
#arrow ul li:active{background-color:#000;}
#arrow ul .arrow_active{
    background-color:#000;
    -webkit-transition:all 0.1s ease-in;
    -moz-transition:all 0.1s ease-in;
    -o-transition:all 0.1s ease-in;
    transition:all 0.1s ease-in;
}
#arrow ul .arrowup{background:url(../images/pic_pre.png) no-repeat;margin-bottom:10px;left:-100px;}
#arrow ul .arrowdown{background:url(../images/pic_next.png) no-repeat;right:-100px;}
.pic-txt{color:#fff!important; line-height:30px; text-indent:2em;}
.mask-close{ position:absolute; right:-35px; top:-26px; background:url(../images/close.png) no-repeat center;width:22px; height:22px;}


.ban{ width:888px; overflow:hidden;height:700px; position:relative;margin:40px auto 0 auto;}
.ban2{ width:880px; height:540px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:880px; height:540px; position:relative;}
.ban2 ul li img{ border:#d5d5d5 solid 1px;padding:2px;}
.ban2 .bd_p{ width:99.2%;position:absolute; height:65px; line-height:65px; background-color:rgba(0,0,0,0.3); bottom:3px; left:3px;  color:#FFF;zoom:1; vertical-align:middle; font-size:16px; padding-left:15px;}

.prev{ float:left; cursor:pointer;}
.num{ height:130px;overflow:hidden; width:828px; position:relative;float:left;}
.min_pic{ padding-top:20px; width:888px;}
.num ul{ position:absolute; left:0; top:0;width:100%}
.num ul li{ width:152px; height:101px; margin-right:15px; padding:1px; float:left}
.num ul li span{ line-height:30px;  text-align:center; display:block; width:100%;font-size:14px; color:#616161;}
.num ul li span a{color:#616161;}
.num ul li img{ border:#d5d5d5 solid 1px;padding:2px;}
.num ul .on img{ border:red solid 4px;padding:2px;}
.prev_btn1{ width:16px; text-align:center; height:25px; margin-top:33px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:25px; margin-top:33px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.PrevDisabled,.Prev{height:18px!important;}
.NextDisabled,.Next,.this-page{height:18px!important;}
.list_right table table table div a,.list_right table table div a{height:18px!important;}

@media (min-width: 991px) and (max-width: 1150px) {
    .link_pic li{ width:31%; margin-left:1%; margin-right:1%;}
    .link_pic li:last-child{margin-right:0%; }
    .link_pic li img { width:100%}
    .xxgk{ width:100%}
    .xxgk li{ width:31%; margin:5px 1%}
    .xxgk li a{ width:100%;}
    .ewm{ display:none;}}

@media (min-width: 768px) and (max-width: 991px) {
    .info .info_left,.info .info_right{width:94%; margin:5% 3% 0 3%;}
    .link_pic li{ width:30%; margin-left:2.5%; margin-right:2.5%;}
    .link_pic li:last-child{margin-right:0%; }
    .link_pic li img { width:100%}
    .xxgk{ width:85%}
    .xxgk li{ width:30%; margin-right:2%}
    .xxgk li a{ width:100%;}
    .ewm{ width:15%;}
    .sec01{width:20%;}
    .sec01 select{ width:100%; height:29px; border:#dcdcdc 1px solid;color:#979797;}
    .xx li{ margin:0px 10px;}
    .xx li a{width:86px;}
}
@media (min-width: 480px) and (max-width: 767px) {
    .logo img{ width:90%; margin-left:2%;}
    .search{width:100%;position:relative; top:15px; text-align:right; margin-right:2%;}
    .search input[type="text"]{ height:30px; line-height:30px;width:70%;margin-left:5%;border:#ccc solid 1px; }
    .search input[type="submit"]{ border:none; line-height:30px;  height:30px;width:20%; background:#1d7dd2; color:#fff;}
    .nav{ height:60px; line-height:30px;}
    .nav>ul>li h3{font-size:14px;}
    .nav>ul>li:nth-child(6) h3{background:none;}
    .info .info_left,.info .info_right{width:100%; }
    .nav>ul>li{ width:20%}
    .nav>ul>li>a{line-height:30px;height:30px}
    .sub{ width:100%;}
    .xs_none{ display:none;}
    .info_right header div{width:84%}
    .tit{ width:100%}
    .link_pic li{ width:31%; margin-left:1%; margin-right:1%;}
    .link_pic li:last-child{margin-right:0%; }
    .link_pic li img { width:100%}
    .xxgk{ width:73%}
    .xxgk li{ width:45%; margin-right:2%;height:40px; line-height:40px;}
    .xxgk li a{ width:100%;line-height:40px; height:40px;}
    .ewm{ width:25%; margin-right:2%}
    .sec01{width:20%;}
    .sec01 select{ width:100%; height:29px; border:#dcdcdc 1px solid;color:#979797;}
    .xx{ float:left;}
    .xx li{ margin:0px 10px;}
    .xx li a{width:86px;}
    .footer{ height:74px;}
    .copy_right{ text-align:center;color:#fff; line-height:30px; padding-top:10px; position:relative }
    .con{overflow: hidden;}
    .list_left {display:none}
 .list_right{width:90%;margin:0px auto; float:none!important}
.article .nr>img{display: block;margin: 0 auto;max-width:100%}
.article .nr>p>img{max-width:100%;display: block;margin-left:0em}
.list_right .title div {display:none}

}
@media (min-width: 320px) and (max-width: 479px) {
    .logo img{ width:90%; margin-left:2%;}
    .search{width:100%;position:relative; top:15px; text-align:right; margin-right:2%;}
     .search input[type="text"]{ height:30px; line-height:30px;width:70%;margin-left:5%;border:#ccc solid 1px; }
    .search input[type="submit"]{ border:none; line-height:30px;  height:30px;width:20%; background:#1d7dd2; color:#fff;}
    .nav{ height:60px; line-height:30px;}
    .nav>ul>li h3{font-size:14px;}
    .nav>ul>li:nth-child(6) h3{background:none;}
    .info .info_left,.info .info_right{width:100%; }
    .nav>ul>li{ width:20%}
.nav>ul>li>a{line-height:30px;height:30px}
    .sub{ width:100%;}
    .xs_none{ display:none;}
    .info_right header div{width:84%}
    .tit{ width:100%}
    .link_pic li{ width:31%; margin-left:1%; margin-right:1%;}
    .link_pic li:last-child{margin-right:0%; }
    .link_pic li img { width:100%}
    .xxgk{ width:73%}
    .xxgk li{ width:45%; margin-right:2%;height:40px; line-height:40px;}
    .xxgk li a{ width:100%;line-height:40px; height:40px;}
    .ewm{ width:25%; margin-right:2%}
    .sec01{width:20%;}
    .sec01 select{ width:100%; height:29px; border:#dcdcdc 1px solid;color:#979797;}
    .xx{ float:left;}
    .xx li{ margin:0px 10px;}
    .xx li a{width:86px;}
    .footer{ height:74px;}
    .copy_right{ text-align:center;color:#fff; line-height:30px; padding-top:10px; position:relative }
    .con{overflow: hidden;}
    .list_left {display:none}
 .list_right{width:90%;margin:0px auto;float:none!important}
.article .nr img{display: block;margin: 0 auto;max-width:100%}
.article .nr p>img{max-width:100%;display: block;margin-left:0em}
.list_right .title div {display:none}
}

.line{width:100%; height:210px;}