@charset "utf-8";
body { background:#ffffff; margin:0; padding:0; font-family: "微软雅黑",Verdana, Geneva, sans-serif;  }
body::-webkit-scrollbar { width: 3px; height: 10px; background-color:rgba(0,0,0,0.1); }
body::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color:rgba(0,0,0,.2);
}
ul,li,dl,dt,dd { list-style:none; margin:0px; padding:0px;}
img { border:none; padding: 0px; margin: 0px; display: block;}
h1,h2,h3,h4 { margin:0px; padding:0; font-weight:bold;}
p { padding:0px; margin:0;}
a { text-decoration:none; color:#000000;}
a:hover { color:#0939b3; text-decoration:none;}
/*public*/
.header_bg { width:100%; height:90px; overflow: hidden; position: relative; }
.header_fixd { width: 100%; height: 90px; display: block; position: fixed; z-index: 9999; top: 0; left: 0; background: #ffffff; box-shadow: 0px 0px 5px rgba(0,0,0,.2); text-align: center;}
.header_wd { width: 94%; max-width: 1350px; height: 90px; display:inline-block;  position:relative; padding-left: 320px; box-sizing: border-box; }
.width { width: 94%; height:auto; overflow: hidden; display: block; margin: 0px auto; max-width:1350px; position: relative;}
.width_p { width: 94%; height:auto; overflow: hidden; display: block; margin: 0px auto; max-width:1350px; position: relative;}
.logo { width: 298px; height:70px; display:block; overflow: hidden; position: absolute; z-index: 9; left: 0; top: 50%; transform: translateY(-50%);}
.nav_ul { width: 100%; height: 35px; display: block; font-size: 0; text-align: right; margin-top: 35px;}
.nav_ul li { font-size: 16px; line-height:35px; display: inline-block; margin-left: 2%; position: relative;}
.nav_ul li a { color: #444444; transition: all .2s; line-height: 35px; display: block; padding: 0px 15px; border-radius: 25px;}
.nav_ul li a:hover { color: #ffffff; background: #0939b3;}
.nav_ul li:hover a { color: #ffffff; background: #0939b3;}
.nav_ul li a.nav_sel { color: #ffffff; background: #0939b3;}
.nav_ul li:hover .nav_dl { display: block;}
.nav_dl { display:block; position: absolute; z-index: 999; width: 140px; left: 50%; margin-left: -70px; padding-top:15px;  display: none; top: 35px;}
.nav_ul li .nav_dl_bg { width: 100%; height: auto; overflow: hidden; display: block; background:#0939b3; border-radius: 10px; padding: 10px 0px;}
.nav_dl dt { display: block; line-height: 40px !important; font-size: 14px; text-align: center;}
.nav_dl dt a { color: #ffffff; line-height: 40px !important; font-size: 14px;}
.nav_wap { display: none;}
.mobile-inner-header-icon{ color: #ffffff; height: 30px; font-size:25px; text-align: center; float:right; width: 30px; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s;}
.mobile-inner-header-icon:hover{ cursor: pointer; }
.mobile-inner-nav{ background-color: rgba(18,25,130,.8); width: 100%; position: fixed; top: 70px; left: 0px; padding-top:10px; z-index: 999999; padding-bottom:40px; display: none; }
.mobile-inner-nav a{ display: inline-block; line-height: 50px; text-decoration: none; width: 90%; margin-left: 5%; color: #FFFFFF; border-bottom: solid 1px rgba(255,255,255,0.3); -webkit-transition: all 0.3s;
-moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-weight:300;}
.mobile-inner-nav a:hover{ color:#ffffff; border-bottom: solid 1px rgba(255,255,255,0.2); }
.mobile-inner-nav a{ -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal;}
@-webkit-keyframes returnToNormal {
	  from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

	  to { opacity: 1; -webkit-transform: none; transform: none; }
	}

	@keyframes returnToNormal {
	  from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

	  to { opacity: 1; -webkit-transform: none; transform: none; }
	}
.mobile-inner-header-icon-out { background: url(../images/nav_dot.png) no-repeat; margin:25px 10px 0 15px;}
.mobile-inner-header-icon-click { background: url(../images/nav_doth.png) no-repeat; margin:25px 10px 0 15px;}

.banner_bg { width: 100%; height: auto; overflow: hidden; background: none; position: relative;}
.banner_bg .img { width: 100%; height: auto; overflow: hidden; display: block;}
.banner_bg .swiper-pagination-banner { width: 100%; text-align: center; overflow: hidden; display: block; position: absolute; bottom: 5%; z-index: 9;}
.banner_bg .swiper-pagination-bullet { width: 12px; height: 12px; background: #ffffff; opacity: .5;}
.banner_bg .swiper-pagination-bullet-active { opacity: .7; background: #0576ee; width:25px; height: 12px; border-radius:10px}
.swiper-banner { display: block; overflow: hidden;}
.banner_n { width: 100%; overflow: hidden; height: auto; overflow: hidden; background: #F2F2F2; padding: 40px 0px;}

/*end-banner*/

.iab_width { width: 100%; height: auto; overflow: hidden;  margin-top:60px; font-size: 0; display: block;}
.iab_l { width: 45%; height: auto; display: inline-block; vertical-align: middle; overflow: hidden;}
.iab_l img { transition: all .3s; }
.iab_l:hover img { transform:scale(1.1);//设置缩放比例 -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1);}
.iab_r { width: 50%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle;  margin-left: 5%;}
.iab_r_tit { display: block; font-size: 25px; line-height: 40px; overflow: hidden; color: #333333; font-weight: bold;}
.iab_r_des { display: block; font-size: 15px; line-height: 30px; color: #555555; overflow: hidden; margin-top: 15px;}
.iab_r_hr { width: 40px; height: 3px; display: block; overflow: hidden; background: #dd0000; margin-top: 15px;}
.iab_info { width: 100%; height:auto; font-size: 15px; line-height: 30px; color: #555555; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden; margin-top: 15px;}
.iab_more { width: 120px; height: 35px; background: #0939b3; overflow: hidden; float: left; margin-top: 40px; border-radius: 10px;}
.iab_more a { display: block; line-height: 35px; color: #ffffff; font-size: 14px; text-align: center;}

.ipro_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #f2f2f2; padding: 60px 0px; margin-top: 60px;}
.itit_h { display: block; font-size: 25px; font-weight: bold; line-height: 40px; color: #333333; overflow: hidden; text-align: center;}
.itit_h a { color: #333333;}
.itit_h a:hover { color: #0939b3;}
.itit_p { display: block; font-size: 15px; line-height: 25px; color: #555555; overflow: hidden; text-align: center;}
.itit_hr { width: 50px; height: 5px; display: block; background: #DD0000; margin: 25px auto 0px auto;}
.ipro_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px;}
.ipro_ul li { width: 25%; height: auto; overflow: hidden; display: block; float: left;}
.ipro_ul li .img_re { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.ipro_ul li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.ipro_ul li .img img { transition: all .3s; }
.ipro_ul li:hover .img img { transform:scale(1.1);//设置缩放比例 -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1);}
.ipro_ul li .ab { width: 100%; height: 0px; display: block; overflow: hidden; background: rgba(9,57,179,.7); position: absolute; z-index: 9; bottom: 0; left: 0; transition: all .3s;}
.ipro_ul li:hover .ab { height: 100%;}
.ipro_ul li .ab a { width: 100%; height: 100%; display: block; overflow: hidden; position: relative;}
.ipro_ul li .tb { width: 50px; height: 50px; position: absolute; z-index: 10; top: 50%; left: 50%; margin:-25px 0px 0px -25px ; display: block; overflow: hidden; opacity: 0; transition: all .5s;}
.ipro_ul li:hover .tb {  transform: rotate(720deg); opacity: 1; -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -o-transform: rotate(720deg); -ms-transform: rotate(720deg);}
.ipro_ul li .tit_bg { width: 100%; height: 60px; display: block; text-align: center; overflow: hidden; }
.ipro_ul li .tit_bg a { font-size: 15px; line-height: 60px; display: block; overflow: hidden; background-color:#ffffff; /* 不支持线性的时候显示 */background-image: linear-gradient(to right, #eeeeee , rgba(210,210,210)); padding: 0px 15px; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis;}
.ipro_ul li .tit_bg a:hover {color: #0939B3;}
.imore { width: 120px; height: 35px; background: #0939b3; overflow: hidden; margin: 50px auto 0px auto; border-radius: 10px;}
.imore a { display: block; line-height: 35px; color: #ffffff; font-size: 14px; text-align: center;}

.icase_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 60px 0px; }
.icase_ul { width: 100%; height: auto; overflow: hidden; display: block; position: relative; max-width: 1600px; padding: 0px 60px; box-sizing: border-box; margin: 45px auto 0px auto;}
.swiper-case { width: 100%; overflow: hidden;}
.swiper-case li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.swiper-case li .img img { transition: all .3s; }
.swiper-case li:hover .img img { transform:scale(1.1);//设置缩放比例 -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1);}
.icase_ul .swiper-button-case-next { width: 40px; height: 40px; background: url(../images/case_next.png) no-repeat; overflow: hidden; right: 0; outline: none; position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); cursor: pointer;}
.icase_ul .swiper-button-case-prev { width: 40px; height: 40px; background: url(../images/case_prev.png) no-repeat; overflow: hidden; left: 0; outline: none; position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); cursor: pointer;}
.swiper-case li .tit { display: block; width: 100%; height: 35px; font-size: 15px; overflow: hidden; text-align: center; line-height: 35px; margin-top: 5px; white-space: nowrap; text-overflow: ellipsis;}

.ifixed_bg { width: 100%; height: auto;  background: url(../images/fixed_bg.jpg) no-repeat center ; margin: 0px ; position: relative; background-size: cover;
 background-attachment: fixed; padding: 70px 0px; display: block; overflow: hidden;}
.ifixed_con { width: 90%; height: auto; overflow: hidden; display: block; max-width: 1000px; margin: 0px auto;}
.ifixed_h { font-size: 30px; font-weight: bold; line-height: 55px; overflow: hidden; display: block; text-align: center; color: #FFFFFF;}
.imore2 { width: 120px; height: 35px; background: #DD0000; overflow: hidden; margin: 30px auto 0px auto; border-radius: 10px;}
.imore2 a { display: block; line-height: 35px; color: #ffffff; font-size: 14px; text-align: center;}

.inews_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 60px 0px 0px 0px; }
.inews_wd { width: 94%; max-width: 1430px; height: auto; overflow: hidden; display: block; margin: 0px auto;} 
.swiper-news { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px;}
.swiper-news ul { overflow: hidden; display: block; font-size: 0;}
.swiper-news ul li { width: 50%; height: auto; overflow: hidden; display:inline-block; padding: 0px 40px; box-sizing: border-box; margin-top: 25px;}
.swiper-news ul li .con_bg { width: 100%; height: auto; min-height: 150px; overflow: hidden; display: block; position: relative; padding-left: 220px; box-sizing: border-box;}
.swiper-news ul li .img { width: 200px; height: auto; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; top: 0;}
.swiper-news ul li .img img { transition: all .3s; }
.swiper-news ul li:hover .img img { transform:scale(1.1);//设置缩放比例 -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1);}
.swiper-news ul li .tit { display: block; font-size: 16px; line-height: 30px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.swiper-news ul li .des { width: 100%; height:auto; font-size: 14px; line-height: 25px; color: #777777; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden; margin-top: 7px;}
.swiper-news ul li .time { width: 100%; height:auto; font-size: 14px; line-height: 25px; color: #DD0000; overflow: hidden; margin-top: 7px; display: block; background: url(../images/dot_time.png) no-repeat left; padding-left: 25px; box-sizing: border-box;}
.swiper-news .swiper-pagination-news { width: 100%; text-align: center; overflow: hidden; display: block; position: relative; margin-top: 50px;}
.swiper-news .swiper-pagination-bullet { width: 12px; height: 12px; background: #cccccc; opacity: .5;}
.swiper-news .swiper-pagination-bullet-active { opacity: .7; background: #0576ee; width:25px; height: 12px; border-radius:10px}


.foot_bg { width: 100%; height: auto; overflow: hidden; background: #333333; min-height: 100px; margin-top: 60px; padding: 40px 0px; }
.foot_list { display: inline-block; overflow: hidden; float:left; margin-right:15%;}
.foot_r { display: inline-block; overflow: hidden; float:right; }
.foot_tit { display: block; font-size: 20px; line-height: 30px; font-weight: bold; color: #ffffff; overflow: hidden;}
.foot_hr { width: 20px; height: 5px; display: block; overflow: hidden; background: #FFFFFF; margin-top: 15px;}
.foot_nav { display: block; height: auto; overflow: hidden; margin-top: 20px;}
.foot_nav li { display: block; font-size: 15px; line-height: 35px; overflow: hidden;}
.foot_nav li a { color: #FFFFFF; opacity: .7;}
.foot_nav li a:hover { opacity: 1;}
.foot_con { width: 100%; min-width: 150px; height: auto; overflow: hidden; padding-left: 175px;min-height: 160px; display: block; margin-top: 25px; position: relative;}
.foot_img { width: 150px; height: 150px; position: absolute; z-index: 9; left: 0; top: 0; display: block;}
.foot_img img { width: 100%; height: auto; overflow: hidden; display: block;}
.foot_info { display: block; font-size: 15px; line-height: 30px; overflow: hidden; color: #ffffff;}
.banquan { display: block; text-align: center; background: #111111; padding: 10px 10%; text-align: center; box-sizing: border-box; color: #aaaaaa; font-size: 14px; line-height: 20px;}
.banquan a { color: #AAAAAA;}
.place_h { display: block; font-size: 23px; line-height: 45px; font-weight: bold; color: #333333; overflow: hidden;}
.place_p { display: inline-block; position: absolute; z-index: 9; top: 0px; right: 0px; font-size: 15px; line-height: 45px; color: #555555; background: url(../images/dot_place.png) no-repeat left; padding-left: 25px; box-sizing: border-box;}
.place_p a { color: #555555;}

.page_left { width: 74%; height: auto; display: block; overflow: hidden; float: left; margin-top: 10px;}
.page_right { width: 23%; height: auto; display: block; overflow: hidden; float: right; margin-top: 10px;}
.page_catname { display: block; font-size:23px; font-weight: bold; overflow: hidden; line-height: 40px; margin-top: 30px; color: #333333;}
.page_h { display: block; font-size:23px; font-weight: bold; overflow: hidden; line-height: 40px; margin-top: 30px; color: #333333;}
.page_nav_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 10px;}
.page_nav_ul li { width:100%; height: 40px; border-radius: 10px; line-height: 40px; background: #f2f2f2; font-size: 15px; display:block; margin-top:10px ;  }
.page_nav_ul li a { display: block; color: #444444; overflow: hidden; padding-left: 25px; box-sizing: border-box;}
.page_nav_ul li.cur { background: #0939b3;}
.page_nav_ul li.cur a { color: #ffffff;}
.page_nav_ul li:hover { background: #0939b3; box-shadow:0px 0px 10px rgba(227,40,40,.3)}
.page_nav_ul li:hover a { color: #ffffff;}
.page_tit { display: block; font-size: 23px; font-weight: bold; line-height: 40px; text-align: left;  box-sizing: border-box; margin-top: 30px; color: #0939B3;}
.page_info { display: block; width: 100%; height: auto; overflow: hidden; font-size: 16px; line-height: 35px; color: #555555; margin-top: 20px ;}
.page_info img { max-width: 90%; height: auto; overflow: hidden; margin: 20px auto 0px auto;}
.page_r_info { width: 100%; height: auto; overflow: hidden; display: block; font-size: 15px; line-height: 30px; margin-top: 10px; color: #555555;}
.page_r_ul { width: 100%; height: auto; overflow: hidden; display: block;  margin-top: 5px;}
.page_r_ul li { width: 100%; height: auto; overflow: hidden; display: block; padding: 15px 0px; border-bottom: 1px solid #dddddd; }
.page_r_ul li .con_bg { width: 100%; height: auto; min-height: 90px; overflow: hidden; display: block; padding-left: 135px; box-sizing: border-box; position: relative;}
.page_r_ul li .img { width: 120px; height: auto; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; top: 0;}
.page_r_ul li .tit { display: block; font-size: 16px; line-height: 30px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.page_r_ul li .des { width: 100%; height:auto; font-size: 14px; line-height: 25px; color: #777777;  display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 5px;}
.page_r_ul li .time { width: 100%; height:auto; font-size: 14px; line-height: 25px; color: #DD0000; overflow: hidden; margin-top: 5px; display: block; background: url(../images/dot_time.png) no-repeat left; padding-left: 25px; box-sizing: border-box;}
.search_bg { width: 100%; height: 37px; display: block; border: 1px solid #0939b3; overflow: hidden;  margin-top: 20px; padding-right: 40px; box-sizing: border-box; position: relative; }
.search_bg .text { width: 100%; height: 35px; background: none; border: none; outline: none; padding: 0px 10px; box-sizing: border-box; font-size: 14px; line-height: 35px; color: #444444;}
.search_bg input::-webkit-input-placeholder{color:#888888;}
.search_bg .button { width: 40px; height: 35px; position: absolute; z-index: 5; top: 0px; right: 0px; background: url(../images/search_btn.png) no-repeat center #0939B3; cursor: pointer; outline: none; border: none;}

.pic_ul { width: 100%; height: auto; overflow: hidden; display: block;  padding-bottom: 10px; font-size: 0; margin-top: 10px;}
.pic_ul li { width: 33.3333%; height: auto; overflow: hidden; display: inline-block; padding: 0px 12.5px; box-sizing: border-box; margin-top: 30px; vertical-align: top;}
.pic_ul li .img_re { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.pic_ul li .img_bg { width: 100%; height: auto; overflow: hidden; display: block;}
.pic_ul li .img_ab { width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; z-index: 9; top: 0; left: 0;}
.pic_ul li .img_ab img { transition: all .3s; }
.pic_ul li:hover .img_ab img { transform:scale(1.1);//设置缩放比例 -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1);}
.pic_ul li .tit { display: block; font-size: 14px; line-height: 35px; padding: 5px 0px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.pic_ul li .ab { width: 100%; height: 0px; display: block; overflow: hidden; background: rgba(9,57,179,.7); position: absolute; z-index: 10; bottom: 0; left: 0; transition: all .3s;}
.pic_ul li:hover .ab { height: 100%;}
.pic_ul li .ab a { width: 100%; height: 100%; display: block; overflow: hidden; position: relative;}
.pic_ul li .tb { width: 50px; height: 50px; position: absolute; z-index: 10; top: 50%; left: 50%; margin:-25px 0px 0px -25px ; display: block; overflow: hidden; opacity: 0; transition: all .5s; opacity: 0;}
.pic_ul li:hover .tb {  transform: rotate(720deg); opacity: 1; -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -o-transform: rotate(720deg); -ms-transform: rotate(720deg); opacity: 1;}

.pro_ul { width: 100%; height: auto; overflow: hidden; display: block;  padding-bottom: 10px; font-size: 0; margin-top: 10px;}
.pro_ul li { width: 33.3333%; height: auto; overflow: hidden; display: inline-block; padding: 0px 12.5px; box-sizing: border-box; margin-top: 30px; vertical-align: top;}
.pro_ul li .img_re { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.pro_ul li .img_bg { width: 100%; height: auto; overflow: hidden; display: block;}
.pro_ul li .img_ab { width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; z-index: 9; top: 0; left: 0;}
.pro_ul li .img_ab img { transition: all .3s; }
.pro_ul li:hover .img_ab img { transform:scale(1.1);//设置缩放比例 -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1);}
.pro_ul li .tit { display: block; font-size: 14px; line-height: 35px; padding: 5px 0px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.pro_ul li .ab { width: 100%; height: 0px; display: block; overflow: hidden; background: rgba(9,57,179,.7); position: absolute; z-index: 10; bottom: 0; left: 0; transition: all .3s;}
.pro_ul li:hover .ab { height: 100%;}
.pro_ul li .ab a { width: 100%; height: 100%; display: block; overflow: hidden; position: relative;}
.pro_ul li .tb { width: 50px; height: 50px; position: absolute; z-index: 10; top: 50%; left: 50%; margin:-25px 0px 0px -25px ; display: block; overflow: hidden; opacity: 0; transition: all .5s; opacity: 0;}
.pro_ul li:hover .tb {  transform: rotate(720deg); opacity: 1; -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -o-transform: rotate(720deg); -ms-transform: rotate(720deg); opacity: 1;}


.pagelist { width:100%; text-align:center; overflow:hidden;}
.pagelist a { background:#ffffff; padding:5px 15px; font-size:12px; color:#000000; line-height:20px; border:1px solid #dddddd; margin:45px 3px 0px 3px; display:inline-table;}
.pagelist span { background: #0576ee; padding:5px 15px; font-size:12px; color:#ffffff; line-height:20px; display:inline-table;}


.news_ul { width: 100%; height: auto; overflow: hidden; display: block;  box-sizing: border-box; }
.news_ul li { width:100%; height: auto; overflow: hidden; display: block; margin-top: 30px; position: relative;}
.news_ul li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; min-height: 150px; padding-left: 220px; box-sizing: border-box;}
.news_ul li .img { width: 200px; height: 100%; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; top: 0;}
.news_ul li .img img { transition: all .3s; }
.news_ul li:hover .img img { transform:scale(1.1);//设置缩放比例 -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1);}
.news_ul li .time { display: block; font-size: 13px; font-family: arial;  color: #555555; line-height:25px;  background: url(../images/dot_time2.png) no-repeat left; padding-left: 20px; box-sizing: border-box;}
.news_ul li .time span { margin-left: 10px;}
.news_ul li .tit { display: block; overflow: hidden; font-size: 17px; line-height: 35px; text-overflow: ellipsis; white-space: nowrap;}
.news_ul li .des { display: block; overflow: hidden; margin-top: 5px; color: #777777; font-size: 14px; line-height: 25px; height: 50px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }
.news_ul li .more { display: block; font-size: 14px; line-height: 25px; overflow: hidden;  margin-top: 5px;}
.news_ul li .more a { color: #DD0000;}
.show_tit { display: block; font-size: 23px; font-weight: bold; line-height: 40px; text-align: center;  box-sizing: border-box; margin-top: 30px; color: #0939B3;}
.value { display: block; font-size: 14px; text-align: center; padding: 10px 0 15px 0; border-bottom: 1px dotted #d6d6d6; color: #666666;}

.mes_des { display: block; font-size: 15px; line-height: 40px; overflow: hidden; color: #777777; margin-top: 10px;}
.mes_ul { width: 100%; max-width: 500px; height: auto; overflow: hidden; display: block; margin-top: 10px; }
.mes_ul li { width: 100%; height: auto; overflow: hidden; display: block;  position: relative; margin-top: 15px;}
.mes_ul li .text { width:100%; height: 38px; border: 1px solid #cccccc; background: #fbfbfb; display: block; overflow: hidden; padding: 0px 15px; box-sizing: border-box; font-size: 15px; line-height: 36px; outline: none;}
.mes_ul li .test { width: 100%; height: auto; font-family: "微软雅黑"; outline: none; overflow: hidden; border: 1px solid #cccccc; padding:5px 15px;  box-sizing: border-box; font-size: 15px; line-height: 36px; min-height: 100px; box-sizing: border-box;}
.mes_ul li .mes_sub { width: 140px; height: 40px; display: block; margin: 20px auto 0px auto; background: #0081cc; color: #ffffff; text-align: center; font-size: 15px;border: 0px; outline: none;  border-radius: 5px; letter-spacing: 5px; cursor: pointer; }