html {
  margin: 0px; padding: 0px;
  /*overflow-x: hidden;*/
}

body {
  background: #fff;
  font-size: 14px;

  font-family: 'Lato', sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #FFFFFF;
  line-height: 25px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
 /* overflow-x: hidden;*/
   margin: 0px; padding: 0px;
}

.red{ background-color: #FA4515;} 
ul,li{list-style-type: none}
.clearfloat{*zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}
.clearfloat:after{ clear:both;}
i {font-style: normal;}
.wrap {width: 1400px; height: auto; margin: 0 auto;}
.width{ width: 1400px}
.display-none{display:none}

/*垂直对齐*/
.m-list-flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.m-list-flex .m-cell-bd{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: hidden; }
/*文字截取*/
.single-line{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.multi-line{min-height: 2em; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
.multi-line1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
/*图片*/
.pic {width: 100%; overflow: hidden; font-size: 0;}
.pic img {width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.deg {-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.hover {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}

.bgFFF {background: #fff;}

.float_l{float:left;}
.top{ height: 155px;background:#FFFFFF url(../images/top.png) 180px center no-repeat; }
.top_l{height: 155px;width:1250px;float:left;display: block;}
.top_l a,.top_l a:visited{height: 155px;width: 1250px;display: block;}
.top_r{height: 155px;width: 150px;float: right;display: block;}
.top_r a,.top_r a:visited{ height: 155px; width: 150px; display: block; }

.index_pic{ height: 588px;overflow: hidden;}
.index_gongzuoshi{ padding: 0px 1px 0px 1px; margin: 0px;padding: 0px; border-top:1px #FFFFFF solid ;}
.index_gongzuoshi .guoji a,.index_gongzuoshi .guoji a:visited,.index_gongzuoshi .xueyuan a,.index_gongzuoshi .xueyuan a:visited{
display: block; width:100%; height:100%;color: #000000; text-decoration: none; }
.index_gongzuoshi li .guoji{ height: 114.5px; width: 100%; text-indent: 4px; 
background:#CCCCCC url(../images/dot_top.png) 98% 4% no-repeat;border: 1px #FFFFFF solid;border:0px;
 border-bottom: 1px #FFFFFF solid;float: left;}
.index_gongzuoshi li .xueyuan{height: 114.5px; width: 100%;text-indent: 4px; 
background:#CCCCCC url(../images/dot_bottom.png) 98% 95% no-repeat;border: 1px #FFFFFF solid;border:0px;
border-top:1px #FFFFFF solid ;float: left;}

.index_gongzuoshi li{height: 231px; width:231.666px; float: left;z-index: 1; position: relative; font-size: 14px;
border: 1px #FFFFFF solid;}
.index_gongzuoshi li img{width:231.666px; height:231px; opacity:0;filter:alpha(opacity=0);
 transition: opacity 1s ease-in-out;-webkit-transition: opacity 1s ease-in-out;
 -ms-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;}
.index_gongzuoshi li:hover img{width:231.666px; height:231px;opacity:1;filter:alpha(opacity=100);}
.index_gongzuoshi li .gzs_tit{position:absolute; z-index:10; left: 0px;top:0px;
color: #FFFFFF; text-align: center;width:100%; height:100%; vertical-align: middle; line-height:231px;
 opacity:0;filter:alpha(opacity=0);transition: opacity 1s ease-in-out;
 -webkit-transition: opacity 1s ease-in-out;-ms-transition: opacity 1s ease-in-out;
 -o-transition:opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;}
.index_gongzuoshi li .gzs_tit a,.index_gongzuoshi li .gzs_tit a:visited{width:100%; height:100%;
display:block;color: #FFFFFF;text-decoration: none;}
.index_gongzuoshi li .gzs_tit a:hover{ text-decoration: none;}
.index_gongzuoshi li:hover .gzs_tit{opacity:1;filter:alpha(opacity=100);}

.index_gongzuoshi li{ background: #CCCCCC;}
.index_gongzuoshi li:nth-child(1){border-left:0px;}
.index_gongzuoshi li:nth-child(7){border-left:0px;}
.index_gongzuoshi li:nth-child(13){border-left:0px;}
.index_gongzuoshi li:nth-child(19){border-left:0px;}
.index_gongzuoshi li:nth-child(6){border-right:0px;}
.index_gongzuoshi li:nth-child(12){border-right:0px;}
.index_gongzuoshi li:nth-child(18){border-right:0px;}
.index_gongzuoshi li:nth-child(24){border-right:0px;}
.index_gongzuoshi li:nth-child(30){border-right:0px;}
/*
.index_gongzuoshi li:nth-child(2){ background: #615E59; transition: 5s;}
.index_gongzuoshi li:nth-child(3){ background: #A2AEB9;}
.index_gongzuoshi li:nth-child(4){ background: #8A9648;}
.index_gongzuoshi li:nth-child(5){ background: #924A47;}
.index_gongzuoshi li:nth-child(6){ background: #A5A2B5;}
.index_gongzuoshi li:nth-child(7){ background: #838080;}
.index_gongzuoshi li:nth-child(8){ background: #B9D1D1;}
.index_gongzuoshi li:nth-child(9){ background: #8D7A57;}
.index_gongzuoshi li:nth-child(10){ background: #D7C183;}
.index_gongzuoshi li:nth-child(11){ background: #6A6A6A;}
.index_gongzuoshi li:nth-child(12){ background: #6B7980;}
.index_gongzuoshi li:nth-child(13){ background: #171717;}
.index_gongzuoshi li:nth-child(14){ background: #B5AB9A;}
.index_gongzuoshi li:nth-child(15){ background: #303444;}
.index_gongzuoshi li:nth-child(16){ background: #ECAA7D;}
.index_gongzuoshi li:nth-child(17){ background: #B2C5C2;}
.index_gongzuoshi li:nth-child(18){ background: #ECECEB;}
*/


.bottom{ width: 100%; height: 42px;line-height:21px; color: #808080; vertical-align: middle; text-align: center;
font-size: 12px; padding: 40px 0px 40px 0px; }
.bottom a,.bottom a:visited{ text-decoration: none; font-size: 12px;}

.panel {
  display: none;
  width: 466.666px;height:744px;
  padding: 0px;
  background-color: #FFFFFF;}

.menu_box{width: 350px;height:155px;z-index: 9999; background: #FFFFFF;position: relative; right:0px;top: 0px; 
position:absolute;position: fixed;overflow: hidden;
opacity:0;filter:alpha(opacity=0);transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;-o-transition:all 1s ease-in-out;-moz-transition: all 1s ease-in-out;}
.menu_box:hover{padding-left: 40px;width: 426.666px;height: 744px;opacity: 1;filter:alpha(opacity=100);}
.menu_box:hover img{opacity: 1;filter:alpha(opacity=100);}

.menu_top{padding-top: 55px;}
.menu_top input{width: 155px;height: 28px;border: 1px #808080 solid;float: left;text-align: center;}
.menu_top .submit{height: 28px;width: 50px; float: left;  color: #808080;display: none;}

.menu{width: 400px;padding-left:0px; padding-top: 80px;}
.menu li{width:98px;height:265px; float:left; border:0px;background:#FFFFFF;padding-left:2px; }
.menu li:nth-child(1){padding-left: 0px;}
.menu li:nth-child(5){padding-left: 0px;}
.menu li:nth-child(9){padding-left: 0px;}
.menu li:nth-child(5),.menu li:nth-child(6),.menu li:nth-child(7),.menu li:nth-child(8){height:230px; }
.menu li .menu_2{width:98px;height:auto; background: #0000FF;margin: 0px;padding: 0px; }
.menu li .menu_2 li{width:98px;height:30px;line-height:30px;float:left;background: #808080;color: #FFFFFF;
text-align:center;vertical-align: middle; margin: 0px;padding: 0px;border-bottom: 1px #FFFFFF solid;}
.menu li .menu_2 li a,.menu li .menu_2 li a:visited{color: #FFFFFF; text-decoration: none;}
.menu li .menu_2 li a:hover{text-decoration: none;}
.menu li .menu_2 li:nth-child(1){background: #FA4515;}

.menu_bottom{float:right;width:400px;height: 80px;padding-right: 26.666px; padding-top: 0px;}
.menu_bottom img{border: 0px; width:150px;float:right;opacity: 0;filter:alpha(opacity=0);
transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;-o-transition:all 1s ease-in-out;-moz-transition: all 1s ease-in-out;}
.menu_bottom:hover img{opacity: 1;filter:alpha(opacity=100);}

.main{ background: #FFFFFF;padding-top: 2px;}
.left{width:229px;padding: 0px;margin: 0px;padding-top: 6px;padding-left: 6px;
background:#CCCCCC url(../images/dot_bottom.png) 98% 4px no-repeat;position: relative;
color: #000000; }
.left .h1{font-size: 18px; font-weight: normal; line-height: 18px;vertical-align: top; 
padding: 0px;margin: 0px; height: 18px;width: 100%;}
.left .h1 a,.left .h1 a:visited{height: 18px;width: 100%;display: block;color: #FFFFFF;text-decoration: none;}
.left .h1 a:hover{text-decoration: none;color: #FFFFFF;}
.left h2{font-size: 14px;font-weight: normal;line-height: 18px;vertical-align:middle;padding: 0px;margin: 0px;}
.left .back{background: #0000FF;position: absolute;z-index: 200;bottom: 0px;width: 100%; padding-left: 3px;
margin: 0px; background: url(../images/dot_top_2.png) 97% 90% no-repeat;}
.left .back a,.left .back a:visited{height: 30px;width: 100%;display: block;color: #FFFFFF;text-decoration: none;
}
.left_bottom_text{position: absolute;z-index: 100;bottom: 5px;width: 100%; padding-left: 3px;
margin: 0px;word-wrap:break-word;white-space:normal;}
.left .note{ float:left}
.left .note li{text-align: left;float:left; margin-left: -32px;width: 100%;}

.right_leader{width: 1165px;padding: 0px;margin: 0px;}
.right_leader li{border-bottom: 2px #FFFFFF solid;color: #000000;width: 100%;height: 340px;}
.leader_tit{width: 201px;border-left: 2px #FFFFFF solid;background: #CCCCCC;height: 340px;}
.leader_tit .leader_tit_1{font-size: 18px;padding-left: 2px;width: 100%;line-height: 21px; height: 21px;vertical-align: middle;}
.leader_tit .leader_tit_2{font-size: 14px;padding-left: 2px;width: 100%;padding-top: 50px; height: 124px;line-height: 18px; vertical-align: middle;}
.leader_con{width: 890px;border-left: 2px #FFFFFF solid;background: #CCCCCC;padding-top: 10px;padding-left: 50px;
padding-right: 20px;height: 330px;}


.middle{width: 200px;padding-left: 2px;}
.middle .middle_photo{width: 200px;height: 200px;}
.middle .middle_photo img{width: 200px;height: 200px;border: 0px;}
.middle .middle_content{width: 194px;height:auto;padding-bottom: 0px;; border-top: 2px #FFFFFF solid; background: #CCCCCC;color: #000000;
font-size: 14px;line-height: 21px; padding:3px;margin: 0px;word-wrap:break-word;white-space:normal; }

.right_gzs{width: 961px;padding: 0px;margin: 0px; height: auto; }
.right_gzs li{width: 961px;padding: 0px;margin: 0px;border-left:2px #FFFFFF solid;border-bottom:2px #FFFFFF solid ; float: left;}
.gzs_img{width: 961px;height: auto; padding: 0px;margin: 0px;line-height: 0px;font-size: 0px;}
.gzs_img img{width: 961px;height: auto;  border: 0px;padding: 0px;margin: 0px;line-height: 0px;font-size: 0px;}
.gzs_tit{width: 961px; height: 50px;line-height: 50px;vertical-align: middle;text-align: center;
 padding: 0px;margin: 0px;background: #CCCCCC;color: #000000;}
.gzs_tit a,.gzs_tit a:visited{color: #000000;text-decoration: none;}
.gzs_tit a:hover{ text-decoration: underline;}
 
.gzs_list{width: 1163px;}
.gzs_list li{width: 385px;height: 434px;padding: 0px;margin: 0px;}
.gzs_list li a,.gzs_list li a:visited{font-size: 14px;color: #000000;text-decoration: none;}
.gzs_list li:last-child{text-align: center;background: #CCCCCC;color: #000000;height: 43px;line-height: 43px;vertical-align: middle;width: 100%;}
.gzs_img_list{width: 389px;height: 389px;}
.gzs_img_list img{width: 389px;height: 389px;}
.gzs_tit_list{width:389px;height:45px;line-height:45px; }
 
 
.news_list{width: 1163px;margin: 0px; padding: 0px;padding-left: 2px;}
.news_list li{width: 1163px;float: left;height: 43px;line-height: 43px;vertical-align: middle;background: #CCCCCC;
border-bottom: 2px #FFFFFF solid;text-indent: 50px;color: #000000;}
.news_list li:last-child{text-align: center;}
.news_list li a,.news_list li a:visited{font-size: 14px;color: #000000;text-decoration: none;}
.news_list li a:hover{text-decoration: underline;}
.news_list li .datetime{float: right; padding-right: 30px;}

.right_news{width: 1163px;margin: 0px; padding: 0px;border-left:2px #FFFFFF solid; background: #CCCCCC;
color: #000000;}
.right_news h3{text-align:center;font-size:18px; font-weight:bold; line-height:24px; vertical-align:middle;
 padding:25px 10px 10px 25px;}
.right_news h4{text-align:center;font-size:14px; line-height:21px; padding-bottom:5px; vertical-align:middle;
font-weight: normal;}
.news_content{padding:10px 15px 20px 15px; width:1131px;font-size:14px;clear:both;line-height:23px;
word-wrap:break-word;white-space:normal;overflow:auto;}















