/* CSS Document */

/* Eric Meyer’s CSS RESET */
html, body, div, span, applet, object, iframe,table,  caption, 
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, 
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend { font-family: "微软雅黑";
    /*vertical-align: baseline;*/ 
    font-family: inherit; 
    font-style: inherit; 
    outline: 0; 
    padding: 0; 
    margin: 0; 
    border: 0; 
} 
:focus { 
    outline: 0; 
} 
body {background: white; 
    line-height: 1; 
    color: black; 
	font-size: 1.4rem;
} 
ol, ul, li { 
    list-style: none; 
} 
table { 
    border-collapse: separate; 
    border-spacing: 0; 
} 
caption, th, td { 
    font-weight: normal; 
    text-align: left; 
} 
blockquote:before, blockquote:after, q:before, q:after { 
    content: “”; 
} 
blockquote, q { 
    quotes: “” “”; 
}

::-webkit-input-placeholder { color:#ccc; }
::-moz-placeholder { color:#ccc; } /* firefox 19+ */
:-ms-input-placeholder { color:#ccc; } /* ie */
input:-moz-placeholder { color:#ccc; }

input{outline:none;}
a{color:#999; text-decoration:none; }
a:hover{color:#333; text-decoration:none;}


@media screen and (min-width:600px){/*屏幕 大于640px*/	
	html{ font-size: 62.5%!important;}
}



.am-container {max-width: 1200px;}
.am-g-fixed {max-width: 1200px;margin: 0 auto!important; }

.am-u-lg-12 { border:0px #000 solid;}
.am-u-lg-6 { border:0px #f00 solid;}



.block{padding: 20px 0;}
.center-vertical{position:relative;top:50%;transform:translateY(-50%);}/*盒子垂直居中*/
.center-vertical-text{display: flex;align-items: center;justify-content: space-around;flex-direction: column;}
/*文字上下居中*/



@media screen and (max-width: 640px) and (min-width: 0px){/*屏幕 0-640px*/	
/*
.am-u-lg-12 { border:1px #f50 solid;}
.am-u-lg-6 { border:1px #f50 solid;}
*/
}
	
@media screen and (max-width: 1024px) and (min-width: 640px) {/*屏幕大于640-1024px*/
.clear_padding	{padding:0px 10px 0px 10px!important;}
/*
.am-u-lg-12 { border:1px #000 solid;}
.am-u-lg-6 { border:1px #000 solid;}
*/
}	  

@media screen and (min-width: 1024px) {/*屏幕大于1024px*/
.clear_padding	{padding:0px 7px 0px 7px!important;}
/*
.am-u-lg-12 { border:1px #f00 solid;}
.am-u-lg-6 { border:1px #f00 solid;}
*/
}	










/*  头部01 */
.pc_header_bg{ background-color:rgba(0,80,255,0.80); height: 80px;}


/* logo01 */

.pc_header_group01 { z-index: 9999;}

.pc_header_group01 .pc_logo{float:left; margin:14px 0 0 0px;}

.pc_header_group01 .top_link { display: inline-block; color:#cd2125; margin-top: 10px; float: right;}
.pc_header_group01 .top_link a {color:#555; font-weight: 600;font-size: 15px; padding: 0px 15px; }
.pc_header_group01 .top_link a+a { border-left: 1px #666 solid;padding: 0px 15px; }
.pc_header_group01 .top_link a:hover { color:#296fc7; }

.pc_header_group01 .nblogo a{ color:#cd2125; margin-top: 10px; float: right;}


/* PC搜索01 */
.pc_header_group01 input::-webkit-input-placeholder {color: #cddfff;}
.pc_header_group01 input:-moz-placeholder {color: #cddfff;}
.pc_header_group01 input::-moz-placeholder {color: #cddfff;}
.pc_header_group01 input:-ms-input-placeholder {color: #cddfff;}

.pc_header_group01 .pc_search01 {float:right;height:40px;  margin-top: 25px; margin-right: 0px; width: 100%; background: rgba(255,255,255,0.2);border-radius: 100px;}

/* 输入框样式 */
.pc_header_group01 .pc_search01 .keyword{ float:left; width:calc(100% - 60px); height:34px; line-height:34px; font-size:16px; padding-left:40px; font-family:"微软雅黑";color:#888;   border:#ccc 0px solid; margin: 4px 0px 0px 5px; background: url("/cat/cat55/images/search_bg02.png") no-repeat 10px center; }
/* 按钮样式 */

.pc_header_group01 .pc_search01 .ok{ cursor:pointer;margin: 0px 0 0 0px;  float:left; font-family:"微软雅黑"; color:#fff; width:55px; height:39px; line-height:39px; font-size:16px;  background:#729efd; border:0px ;border-radius: 100px; transition: background-color 0.9s; -moz-transition: background-color 0.9s; /* Firefox 4 */ -webkit-transition: background-color 0.9s; /* Safari and Chrome */ -o-transition: background-color 0.9s; /* Opera */margin: 0px 0px 0px 0px; }
.pc_header_group01 .pc_search01 .ok:hover{background:#ff9600;}



@media screen and  (min-width: 1024px){/*屏幕大于 1024px*/	
.wap_header_blank{height: 0px; } /*WAP头部空白*/
.wap_search01 { display: none; } /* 移动端搜索隐藏 */
}




/* PC自适应主菜单 */
.pc_nav01{position: relative;width:100%;background: #3dadec;border-bottom:1px solid #ddd;height:48px;z-index: 9999}
.pc_nav01 .navbox{width: 1100px;margin: 0 auto; /* border: 1px solid #000;*/}
.pc_nav01 .nav{display: block; float: left;width:calc(100% - 0px); margin-left:0px; }
.pc_nav01 .nav .nav_pc{ width: 100%;}
.pc_nav01 .nav ul li{float:left;position: relative;border-right: 0px solid #ccc;box-sizing: border-box;z-index: 999;}
.pc_nav01 .nav ul li:first-child{border-left: 0px solid #ccc;}
.pc_nav01 .nav ul li .f_a{line-height:48px;display:block;text-align:center;font-size:18px;color:#fff;}
.pc_nav01 .nav ul li:hover .f_a{background-color:#036bae;color: #fff; transition:all .3s}
.pc_nav01 .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;background-color: #00a2ff;z-index: 9999;box-sizing: border-box}
.pc_nav01 .nav ul li .s_navbox .s_a a{color:#fff;font-size:15px;text-transform:uppercase;display:block;text-align: center;padding: 10px 0;border-top: 1px solid #62c5fe; }
.pc_nav01 .nav ul li .s_navbox .s_a a:hover{background-color:#036bae;color: #fff;}
.wap_nav01{display:none}
.headlf .wap_logo{display: none;}
.headrg .m_menuimg{display: none;}

/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
}

/* PC自适应主菜单 */


/*WAP导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
	
.pc_header_group01{ display: none;} /*PC头部隐藏*/
.pc_nav01{display:none} /*PC导航隐藏*/
.wap_header_blank{height: 100px; } /*增加空白-移动端头部*/
	
.wap_header{display:block;height:100px;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden; background:#fff; background-color:rgba(0,80,255,0.80);}
.wap_header .headlf{padding-top:2px;padding-left:5px;float: left;}
.wap_header .headlf .wap_logo{height:40px;display: block; margin-top: 5px; }
.wap_header .headrg{padding-right:5%;padding-top:14px;float: right;}
.wap_header .headrg a .m_menuimg{height:16px;vertical-align:top;display: block;margin-top: 3px; }
.wap_nav01 {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.wap_nav01 .closecover{position:absolute;width:100%;height:100%;background-color: rgba(0,0,0,0.7);filter:alpha(opacity=0.7);opacity:0.7;left:0px;top:0px;z-index:1}
.wap_nav01 .closeicon{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.wap_nav01 .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#eee;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.wap_nav01 .m_navList ul{padding-left:5%;padding-right:5%}
.wap_nav01 .m_navList ul li{border-bottom:1px solid #ddd}
.wap_nav01 .m_navList ul li a{display:block;height:45px;color:#555;line-height:45px;padding-left:5%;font-size:16px}
.wap_nav01 .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
.wap_nav01 .m_navList ul li .m_f_a a{flex: 1;}
.wap_nav01 .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(../image/Mobile_b01.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(/cat/cat55/images/Mobile_b02.png) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.wap_nav01 .m_navList ul li .m_s_nav{display:none;width: 100%;}
.wap_nav01 .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}




/* WAP搜索01 */

.wap_search01 { display: block; }
.wap_search01 .keyword{ float:left; width:96%; height:34px; line-height:34px; font-size:15px; padding-left:50px; font-family:"微软雅黑";color:#888; background:#fff url(../image/search_bg01.png) no-repeat 12px center;  border:#ddd 1px solid; margin: 10px 2%; border-radius: 17px; }
/* 按钮样式 */


.wap_search01 .ok{display: none; cursor:pointer;margin: 0px 0 0 0px;  float:left; font-family:"微软雅黑"; color:#fff; width:60px; height:34px; line-height:30px; font-size:15px;  background:#42a8f4; border:0px ;transition: background-color 0.9s; -moz-transition: background-color 0.9s; /* Firefox 4 */ -webkit-transition: background-color 0.9s; /* Safari and Chrome */ -o-transition: background-color 0.9s; /* Opera */}
.wap_search01 .ok:hover{background:#296fc7; }

.wap_search01 .login{ margin-left:5px; float: left; cursor:pointer; float:left; font-family:"微软雅黑"; color:#fff; width:100px; height:40px; line-height:40px; font-size:16px; text-align: center; background:#ff5400; border:0px ; transition: background-color 0.9s; -moz-transition: background-color 0.9s; /* Firefox 4 */ -webkit-transition: background-color 0.9s; /* Safari and Chrome */ -o-transition: background-color 0.9s; /* Opera */}

.wap_search01 .login:hover{background:#d53120;} 
}

/*WAP导航*/







/* 竖项主菜单 */
.pc_nav_h01 {width:100%; margin:22px auto 0px; height:50px;}
.pc_nav_h01 .menunav{ width:100%; margin:0 auto; padding-left:0px;}
.pc_nav_h01 .menunav{ background:none; position:relative; z-index:9990; }

.pc_nav_h01 .menunav a{ color:#fff; transition: background-color 0.3s; -moz-transition: background-color 0.3s; /* Firefox 4 */ -webkit-transition: background-color 0.3s; /* Safari and Chrome */ -o-transition: background-color 0.3s; /* Opera */}
.pc_nav_h01 .menunav .nLi{ float:left; position:relative; display:inline; }
.pc_nav_h01 .menunav .nLi h3{ float:left;}
.pc_nav_h01 .menunav .nLi h3 a{ display:block; padding:0 15px; font-size:16px; font-weight:normal;background:none;margin-right:0px;height:40px; line-height:40px; border-radius: 100px; border:1px solid rgba(255,255,255,0.1); margin-right: 10px;}

.pc_nav_h01 .menunav .sub{display:none; width: 130px; left:-30px; top:25px; position:absolute;}

.pc_nav_h01 .menunav .sub .box{ margin-top: 17px; background:rgba(255,255,255,0.85); line-height:35px; padding:10px 0; font-size:16px; border-radius: 10px; border: 1px solid #ddd; box-shadow: 5px 5px 5px rgba(0,80,255,0.25); }

.pc_nav_h01 .menunav .sub li{ zoom:1; }
.pc_nav_h01 .menunav .sub a{ display:block; padding:5px 20px;  text-indent: 0.6em;
transition: background-color 0.5s; -moz-transition: background-color 0.5s; /* Firefox 4 */ -webkit-transition: background-color 0.5s; /* Safari and Chrome */ -o-transition: background-color 0.5s; /* Opera */ color:#125bda; }
.pc_nav_h01 .menunav .sub a:hover{ background:#4788ff; color:#fff;}
.pc_nav_h01 .menunav .on h3 a{ background:rgba(255,255,255,0.20); color:#fff;;}

.pc_nav_h01 .menunav .all h3 a{float:left;  position:relative; display:inline; padding:0 30px; font-size:18px; font-weight:normal; color:#fff; width: 170px; margin-right: 0px; background:url("/cat/cat55/css/all_bg01.png") 190px 15px no-repeat; background-color:#ed586f;}
.pc_nav_h01 .menunav .all h3 a:hover{background-color:#d9213e;}

/* 竖项主菜单 */





/*全局swiper切换*/ 
.swiper-container {margin-bottom: 10px;} 
.img_center {margin: 0 auto;} /*banner图片居中*/ 


/*PC_BANNER切换*/
.pc_banner_group01 {}
.pc_banner_bg00{background: #4788ff;}
.pc_banner_bg00a{background:#000967;}

.pc_banner_bg01{background: #327bff;}
.pc_banner_bg02{background: #00085c;}
.pc_banner_bg03{background: #1965de;}
.pc_banner_bg04{background: #4e4f8f;}
.pc_banner_bg05{background: #78c9e6;}



/*wap_BANNER切换*/
.wap_banner_group01 {}
.wap_banner_bg01{background: #b1d6f5;}
.wap_banner_bg02{background: #004392;}
.wap_banner_bg03{background: #4280cb;}
.wap_banner_bg04{background: #4e4f8f;}
.wap_banner_bg05{background: #78c9e6;}


/*PC & WAP BANNER 切换*/

@media screen and (max-width: 640px) and (min-width: 0px){/*屏幕 0-640px*/	
	.pc_banner_group01 {display: none;}
}
	
@media screen and (min-width: 640px) {/*屏幕大于640px*/
	.wap_banner_group01 {display: none;}
}	  








/*新闻图片切换*/
.newspic_group01 .newspic_tab01 { border: 1px #ccc solid; background: #666;}
.newspic_group01 .swiper-slide h2{ 
	width: 100%; font-size:1.6rem;height:4rem;line-height:4rem;text-align:left;text-indent: 1rem;
	color:#fafafa;position:absolute;left:0;bottom:0;right:0;
	text-shadow:1px 1px 1px #000;
	background-color:rgba(0,0,0,0);
	background:-moz-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0.5));
	background:-webkit-gradient(linear,top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.5)));
	background:-webkit-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0.5));
	background:-o-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0.5));
}
			
.newspic_group01 .swiper-slide h2 b{ width: 30rem; height: 4rem;line-height:4.4rem; display: inline-block; overflow: hidden;}
	
.newspic_group01  .swiper-pagination-bullet {width: 2rem;height: 2rem;line-height: 2rem;font-size: 1.2rem;color:#fff;text-align: center;
opacity: 1;background: rgba(0,0,0,0.9); } /*dot未选中背景*/

.newspic_group01  .swiper-pagination-bullet-active {color:#fff;background: #8f0000;} /*dot选中背景*/
		
.newspic_group01 .newspic_tab_dot01{ text-align: right; } /*dot居右*/

/*新闻图片切换*/


/*新闻图片切换*/



.newspic_group02 .newspic_tab02 { border: 1px #ccc solid; background: #666;}
.newspic_group02 .swiper-slide h2{ 
	width: 100%; font-size:16px;height:45px;line-height:45px;text-align:left;text-indent: 1rem;
	color:#fafafa;position:absolute;left:0;bottom:0;right:0;
	text-shadow:1px 1px 1px #000;
	background-color:rgba(0,0,0,0);
	background:-moz-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0.5));
	background:-webkit-gradient(linear,top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.5)));
	background:-webkit-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0.5));
	background:-o-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0.5));
}
			
.newspic_group02 .swiper-slide h2 b{ width: 30rem; height: 4rem;line-height:4.4rem; display: inline-block; overflow: hidden;}
	
.newspic_group02  .swiper-pagination-bullet {width: 2rem;height: 2rem;line-height: 2rem;font-size: 1.2rem;color:#fff;text-align: center;
opacity: 1;background: rgba(0,0,0,0.4); border-radius: 0px; } /*dot未选中背景*/

.newspic_group02  .swiper-pagination-bullet-active {color:#fff;background:#0055FF;} /*dot选中背景*/
		
.newspic_group02 .newspic_tab_dot02{ text-align: right; } /*dot居右*/

/*新闻图片切换*/






/* 新闻图片切换 */
.news_pic_tab01 { position: relative; width: 100%;  overflow: hidden; text-align: left;font: 12px/1.5 Verdana, Geneva, sans-serif;  background: white; float:left; }
.news_pic_tab01 .pic img { width: 100%;  display: block; }
.news_pic_tab01 .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #000; filter: alpha(opacity=60); opacity: 0.6; overflow: hidden; }
.news_pic_tab01 .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.news_pic_tab01 .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.news_pic_tab01 .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 14px; font-weight: bold; text-decoration: none; }
.news_pic_tab01 .num { position: absolute; z-index: 3; bottom: 7px; right: 7px; }
.news_pic_tab01 .num li{ float: left; position: relative; width: 25px; height: 22px; line-height: 22px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.news_pic_tab01 .num li a,.news_pic_tab01 .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.news_pic_tab01 .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.news_pic_tab01 .num li.on a,.news_pic_tab01 .num a:hover{ background:#8f0000;  }



/* 公告栏 */
.announcement_bg {background:#e4ecf4; margin-top: -10px;}
.announcement01 {height:70px;border:0px solid #ddd; margin-top: 15px; }
.announcement01 .titel { float: left; height: 66px; line-height: 66px; text-align: center; font-size: 18px; width: 66px; color:#fff; }

.announcement01 .swiper-wrapper {float: left;	 width: calc(100% - 66px) ;}

.announcement01 li { width: 50%; float: left;line-height:30px;height:30px;font-size: 15px; }

.announcement01 li a {float: left; padding-left: 30px; width: calc(100% - 90px);color:#666;
	text-overflow:ellipsis;white-space: nowrap;overflow: hidden;/* 新闻标题超出字符隐藏 */
	background: url("/cat/cat55/images/dot01.jpg") no-repeat 15px center;}

.announcement01 li a:hover {color:#296fc7;}
.announcement01 span {color:#bbb;width: 90px; text-align:center;overflow:hidden; float: right;}


@media screen and (max-width: 1024px) and (min-width: 640px){
	.announcement01 li { width: 100%; float: left;line-height:30px;height:30px; }/* 改变新闻列表行高 */
}

@media screen and (max-width: 640px){
	.announcement01 li { width: 100%; float: left;line-height:30px;height:30px; }/* 改变新闻列表行高 */
}




/* 公司业务方向 */


.servicefloor_bg {margin:auto; width:100%; background:url("../image/icon_bg01.jpg") bottom center no-repeat;  height: 570px; margin-bottom: 20px; }
.servicefloor {margin:5px auto 0px; overflow: hidden;}


.service_s01 {float: left;  width: 228px; margin:160px 0 0 165px; }
.service_s01 .box{ background: #81a2de; width: 228px; height: 228px; border-radius: 150px;border:6px #81a2de solid; position: relative;  }
.service_s01 .box:hover { background: #587ec3;cursor:pointer; border:6px #81a2de solid; }
.service_s01 .box .pic{float: left; width: 100%;text-align: center;margin-top:30px;z-index: 99; position:relative}
.service_s01 .box .pic img{ width: 50%;}
.service_s01 .box .ti{float: left;  width: 100%;text-align: center; color:#fff; font-size: 26px; font-weight: 600; margin-top:25px; z-index: 99; position:relative}
.service_s01 .item {width: 100%; color:#81a2de; font-size: 18px;margin-top: 30px;}
.service_s01 .item li {width: 90%;line-height: 36px; text-align: center;
border:1px solid #81a2de; border-radius: 100px;  margin: 10px auto 0px;}
.service_s01 .item li:hover {cursor:pointer; background: #81a2de; color:#fff;}



.service_s02 {float: left;  width: 260px; margin:20px 0 0 75px; }
.service_s02 .box{ background: #f78a85; width: 260px; height: 260px; border-radius: 150px; border:6px #f78a85 solid;position: relative; }
.service_s02 .box:hover { background: #fb635c;cursor:pointer; border:6px #f78a85 solid; }
.service_s02 .box .pic{float: left; width: 100%;text-align: center;margin-top:30px;z-index: 99; position:relative}

.service_s02 .box .pic img{width: 50%;}
.service_s02 .box .ti{float: left;  width: 100%;text-align: center; color:#fff; font-size: 30px; font-weight: 600; margin-top:20px;z-index: 99; position:relative}
.service_s02 .item {width: 100%; color:#f78a85; font-size: 18px;margin-top: 20px;}
.service_s02 .item li {width: 90%;line-height: 36px; text-align: center;
border:1px solid #f78a85; border-radius: 100px;  margin: 10px auto 0px;}
.service_s02 .item li:hover {cursor:pointer;background: #f78a85; color:#fff; }



.service_s03 {float: left;  width: 228px; margin:160px 0 0 78px; }
.service_s03 .box{ background: #75ccb2; width: 228px; height: 228px; border-radius: 150px; border:6px #75ccb2 solid;position: relative;  }
.service_s03 .box:hover { background: #57b095;cursor:pointer;border:6px #75ccb2 solid; }
.service_s03 .box .pic{float: left; width: 100%;text-align: center;margin-top:35px;z-index: 99; position:relative}
.service_s03 .box .pic img{width: 50%;}
.service_s03 .box .ti{float: left;  width: 100%;text-align: center; color:#fff; font-size: 26px; font-weight: 600; margin-top:20px;z-index: 99; position:relative}
.service_s03 .item {width: 100%; color:#57b095; font-size: 18px;margin-top: 30px;}
.service_s03 .item li {width: 90%;line-height: 36px; text-align: center;
border:1px solid #75ccb2; border-radius: 100px;  margin: 10px auto 0px;}
.service_s03 .item li:hover {cursor:pointer;background: #75ccb2; color:#fff; }



.servicefloor .box .ani_border{position:absolute; display:block; left:50%;  top:50%; width:0%; height:0%; background:rgba(0,0,0,0.5);border-radius: 150px; 
-webkit-transition:all 0.6s;-moz-transition:all 0.6s;
-o-transition:all 0.6s;transition:all 0.6s;}

.servicefloor .box:hover .ani_border{ background:rgba(0,0,0,0.15);width:100%;height:100%;
left:0;  top:0;}



.servicefloor .box .ani_border:after{
position:absolute;width:0px;height:3px;background:#fff;content:'';bottom:15px; left:50%;
-webkit-transition:all 0.3s;-moz-transition:all 0.3s;
-o-transition:all 0.3s;transition:all 0.3s;}

.servicefloor .box:hover .ani_border:after{width: 0%;height: 3px;bottom:15px; left:45%; }




@media screen and (max-width: 1024px) and (min-width: 640px){
    
.servicefloor_bg {margin:auto; width:100%; background:none; margin-bottom: 10px; height: auto; }
.servicefloor {margin:5px auto 0px; overflow: hidden; padding: 0;}
    
.servicefloor .service_s01,
.servicefloor .service_s02,
.servicefloor .service_s03  {width: 31%; float: left;  height: auto; margin: 0 0 0 1.8%; padding: 0;}
    
    
.servicefloor .box {width: 100%; height: auto; padding: 10px 0px; overflow: hidden; border-radius: 12px;}
.servicefloor .box .pic{margin: 5px auto;}
.servicefloor .box .pic img{width: 40%; margin: 0 auto;}
.servicefloor .box .ti{font-size: 22px; margin-top: 10px; }
.servicefloor .item {margin: 0 auto;}
.servicefloor .item li{font-size: 18px; line-height:36px; width: 100%;}
.servicefloor .box .ani_border { display: none;}
}


@media screen and (max-width: 640px){
.servicefloor_bg {margin:auto; width:100%; background:none; margin-bottom: 10px; height: auto; }
.servicefloor {margin:5px auto 0px; overflow: hidden; padding: 0;}
    
.servicefloor .service_s01,
.servicefloor .service_s02,
.servicefloor .service_s03  {width: 31%; float: left;  height: auto; margin: 0 0 0 1.8%; padding: 0;}
    
    
.servicefloor .box {width: 100%; height: auto; padding: 10px 0px; overflow: hidden; border-radius: 5px;}
.servicefloor .box .pic{margin: 5px auto;}
.servicefloor .box .pic img{width: 70%; margin: 0 auto;}
.servicefloor .box .ti{font-size: 16px; margin-top: 10px; }
.servicefloor .item {margin: 0 auto;}
.servicefloor .item li{font-size: 12px; line-height:26px;}
.servicefloor .box .ani_border { display: none;}
}




/* 公司业务方向 */










/* 解决方案 */

.news_htabs_bg01 {margin:auto; width:100%;padding-bottom: 30px; margin-top: 5px;
background-color:#3483ff;
background-image:url("../image/fn_bg01.jpg");
background-position: center center; background-repeat: no-repeat; 
background-attachment: fixed;


}

.news_htabs_bg01 .ti01 {text-align: center;color:#fff;font-size: 28px;  height: 60px; line-height: 60px; margin-top:20px; }
.news_htabs_bg01 .ti02{ text-align: center;color:#fff;font-size: 16px; line-height: 22px; margin-bottom: 15px;}


.news_htabs_group01 {background: #fff; padding: 20px 0;}

.news_htabs_group01 .news_tabs_head {float: left; width: 15%;  background: #fff; padding: 10px 0 0 15px;}
.news_htabs_group01 .news_tabs_head li {height: 70px;line-height: 70px;   padding: 0px 0px; border: 1px solid #ddd; border-left: 5px solid #fff; text-align: center; overflow: hidden; margin-top: -1px; font-size: 16px; cursor: pointer;}

.news_htabs_group01 .news_tabs_head li:hover { background: #ff7725; color: #fff; border-left: 5px solid #ff9125; }

.news_htabs_group01 .news_tabs_head li.active { background: #2886ff; color: #fff; border-left: 5px solid #ff9125; }
.news_htabs_group01 .news_tabs_head li.active a{color: #fff;  }
.news_htabs_group01 .news_tabs_head li a { color:#777;  }



/* 列表新闻主体 */
.news_htabs_group01 .news_tabs_container01 {width: 85%;}
.news_htabs_group01 .news_list ul li { width: 100%;  padding: 0px 0 0 25px; }

.news_htabs_group01 .news_list ul li .demo {float:left;  width: 60%;}

.news_htabs_group01 .news_list ul li .pic {float:left;  width: 40%; padding: 45px 20px 0 30px;  }
.news_htabs_group01 .news_list ul li .ssti {font-size: 22px; border-bottom: 1px #ccc solid; height: 45px; line-height: 45px; text-indent: 20px; color:#2b54af;}
.news_htabs_group01 .news_list ul li .sszi { font-size: 16px;line-height: 36px;  padding: 10px; }

.news_htabs_group01 .news_list ul li .ok {float:right; margin-right: 10px; }




@media screen and (max-width: 640px){

.news_htabs_group01 {background: #fff; padding: 15px 0px 10px 0px;}
    
.news_htabs_group01 .news_tabs_head { width: 100%; background: none;
 margin: 1px 0 0 3px;  clear: both; padding: 0 0 0 0px;}
    
    
.news_htabs_group01 .news_tabs_container01 {width: 100%;}
.news_htabs_group01 .news_tabs_head li {width: 20%;float: left; font-size: 13px;border-left: 1px solid #ddd; margin-left: -1px; height: 45px;line-height: 45px;  }
    
.news_htabs_group01 .news_list ul li { width: 100%;  padding: 5px!important; }    
    
.news_htabs_group01 .news_tabs_head li:hover { background: #fff; color: #000; border-bottom: 1px solid #ddd;border-left: 1px solid #ddd; }

.news_htabs_group01 .news_tabs_head li.active { background: #2886ff; color: #fff; border-bottom: 3px solid #ff9125;border-left: 1px solid #ddd; }
    

.news_htabs_group01 .news_list ul li { width: 100%;  padding: 25px 0 0 5px; }
.news_htabs_group01 .news_list ul li .demo {float:left;  width: 100%;}
.news_htabs_group01 .news_list ul li {float:left;  width: 100%;}
.news_htabs_group01 .news_list ul li .pic {display: none;}   
 }


/* 解决方案 */




/* 合作伙伴 */

.linkfloor_bg {margin:auto; width:100%; margin-bottom: 30px; }
.linkfloor {margin:20px auto 0px; width: 100%; overflow: hidden }

.linkfloor .ti01 {text-align: center;color:#999;font-size: 28px;  height: 60px; line-height: 60px; margin-top:20px; }
.linkfloor .ti02{ text-align: center;color:#999;font-size: 16px; line-height: 22px;}


.linkfloor .box {width:100%;overflow: hidden;border: 1px #ddd solid; padding: 30px 20px;  margin-top: 30px;}
.linkfloor .box li { float: left; width: 24%; margin:0px 0.5%;  text-align: center;}

.linkfloor .box li a { float: left; width: 100%; }

.linkfloor .box li a img { margin: 10px auto; border: 3px #dde solid;
-webkit-transition:all 1.5s;-moz-transition:all 1.5s;
-o-transition:all 1.5s;transition:all 1.5s;
}
.linkfloor .box li a:hover img {border: 3px #2886ff solid; }



@media screen and (max-width: 640px){

.linkfloor .ti01 {margin-top:-10px; }
    
.linkfloor .box {width:100%;overflow: hidden;border: 1px #ddd solid; padding: 10px 0px;  margin-top: 30px;}
.linkfloor .box li { float: left; width: 44%; margin:0px 3%; text-align: center;  }   
.linkfloor .box li a img { margin: 4px auto; border: 1px #dde solid;}
    
 }





/*侧边按钮*/
.side_ok_group01 {display:block; z-index:99999; position:fixed; top:170px; right:10px;}
.side_ok_group01 a{ width: 100px; display: block;}
.side_ok_group01 a li{ width: 100px; height: 100px;  border-radius: 5px; display: table;   float: left; margin-bottom: 10px; }



.side_ok_group01 li .box {text-align: center; display: table-cell; width: 100%;  vertical-align: middle; border-radius: 10px; box-shadow: 0px 3px 5px rgba(0,0,0,0.43); }
.side_ok_group01 li h3 {margin-top: 0px; }
.side_ok_group01 li h4 {color:#fff; font-size: 16px;margin-top: 10px;text-indent: 5px; }

.side_ok_group01 a:hover .box {background: #f50; border: 3px #ff9125 solid;}

.side_ok_group01 .ok01 .box {background: #fa9995; border: 3px #fa9995 solid;}
.side_ok_group01 .ok02 .box{background: #195cd7; border: 3px #195cd7 solid;}
.side_ok_group01 .ok03 .box{background: #5ec2a4; border: 3px #5ec2a4 solid;}



@media screen and (max-width: 640px) { /*屏幕小于640px*/
.side_ok_group01 {display: none; }
}






/* swiper-列表新闻标题 *************/
.news_tabs_group01 .news_tabs_head {background:none;width:100%;overflow:hidden; font-size: 1.8rem; border-bottom: 1px #ddd solid;}
.news_tabs_group01 .news_tabs_head li {float:left;padding: 0px 15px;font-size:1.8rem; height:40px;line-height:40px;color:#333;text-decoration:none; cursor: pointer;}
.news_tabs_group01 .news_tabs_head li.active {color:#2a70be; background:none;border-bottom:3px solid #2a70be; font-weight:bold;}

.news_tabs_group01 .news_tabs_head a {float:left;padding: 0px 15px;font-size:1.8rem; height:40px;line-height:40px;color:#333;text-decoration:none; cursor: pointer;}
.news_tabs_group01 .news_tabs_head a.active {color:#2a70be; background:none;font-weight:bold;
	 border-bottom:3px solid #2a70be; }

/* 列表新闻子菜单 */
.news_tabs_group01 .news_tabs_head a.sub{position:relative;color:#666; background:none;font-size: 1.6rem;
padding: 0px;margin-left: 30px; height: 35px; line-height:40px;}

.news_tabs_group01 .news_tabs_head a.sub+a.sub{ margin-left: 20px; }
.news_tabs_group01 .news_tabs_head a.sub:hover {margin-top:-2px; color:#ff5500;}

.news_tabs_group01 .news_tabs_head a.sub:after
{position:absolute;content:'';bottom:0;left:50%;width:0;height:2px;background:#ff5500;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-khtml-transition:all 0.3s;}

.news_tabs_group01 .news_tabs_head a.sub:hover:after{left:0;width:100%}

/* 列表新闻主体 */
.news_tabs_group01 .news_list {clear:both; position:relative;  text-align: left;  }
.news_tabs_group01 .news_list ul {margin-top: 15px;width: 100%; overflow: visible; }
.news_tabs_group01 .news_list ul li{line-height:40px; height:40px; text-indent: 1rem;}
.news_tabs_group01 .news_list ul a{ color:#666;float:left; display:inline; width:75%;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;/* 新闻标题超出字符隐藏 */font-size: 1.6rem; line-height: 2.2rem;
-webkit-transition: margin 0.3s ease-out;
-moz-transition: margin 0.3s ease-out;
-khtml-transition: margin 0.3s ease-out; }

.news_tabs_group01 .news_list ul a:hover{ color:#e22627; margin-left: 15px;}
.news_tabs_group01 .news_list ul a:hover:before{color:#f00; content: "›";font-size: 20px; margin-top: 3px; }

.news_tabs_group01 .news_list ul span{ color:#666; float:right; font-size: 1.6rem; line-height: 2.2rem;  padding-right: 10px;   }
.news_tabs_group01 .news_list ul li a:before {  content: "." ;color:#333; position:relative; top:-5px;  float: left;}

/* swiper-列表新闻标题 *************/



/* MORE样式 */
.more {width:20px;height:20px; margin-top: -32px; position:relative; z-index: 1;float: right; border-radius:100%; background: #4788ff; display: none;}

.more a{float:left; width:20px;height:20px;border-radius:100%; color:#fff; 
	font-size:15px; line-height:16px;	
	text-align:center;
	font-weight:600;
	-webkit-transition: -webkit-transform 0.5s ease-out;
	-moz-transition: -moz-transform 0.5s ease-out;
	-o-transition: -o-transform 0.5s ease-out;
	-ms-transition: -ms-transform 0.5s ease-out;
	padding:0px;
}
.more a:hover{
	background: #4788ff;
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
	color:#fff;}


.show {z-index: 99; display: block; background: #4788ff; } /* 显示more */
.one_more {z-index: 99; width:2rem;height:2rem;display: block; } /* 第一个more */
.top_more {	z-index: 999; background: #4788ff; background: #ff5500; display: block;}  /* 点击加载MORE到最上面 */
/* MORE样式 */



@media screen and (max-width: 1024px) and (min-width: 640px){
	.news_tabs_group01 .news_list ul li{line-height:36px; height:36px; } /* 改变新闻列表行高 */

}

@media screen and (max-width: 640px){
	.news_tabs_group01 .news_list ul {margin-top: 1rem;}
	.news_tabs_group01 .news_list ul li{line-height:32px; height:32px; }/* 改变新闻列表行高 */
	.more a{line-height:20px;}	
}








/* 多列新闻标题 *************/
.news_morelist_group01 .news_tabs_head {background:none;width:100%;overflow:hidden; font-size: 1.8rem; border-bottom: 1px #ddd solid;}
.news_morelist_group01 .news_tabs_head li {float:left;padding: 0px 15px;font-size:2rem; height:40px;line-height:40px;color:#333;text-decoration:none; cursor: pointer;}
.news_morelist_group01 .news_tabs_head li.active {color:#335baa; background:none;border-bottom:0px solid #2a70be; font-weight:bold;}

.news_morelist_group01 .news_tabs_head a {float:left;padding: 0px 15px;font-size:1.8rem; height:40px;line-height:40px;color:#333;text-decoration:none; cursor: pointer;}
.news_morelist_group01 .news_tabs_head a.active {color:#335baa; background:none;font-weight:bold;font-size:2rem;
	 border-bottom:0px solid #2a70be; }

/* 列表新闻子菜单 */
.news_morelist_group01 .news_tabs_head a.sub{position:relative;color:#666; background:none;font-size: 1.6rem;
padding: 0px;margin-left: 30px; height: 35px; line-height:40px;}

.news_morelist_group01 .news_tabs_head a.sub+a.sub{ margin-left: 20px; }
.news_morelist_group01 .news_tabs_head a.sub:hover {margin-top:-2px; color:#ff5500;}

.news_morelist_group01 .news_tabs_head a.sub:after
{position:absolute;content:'';bottom:0;left:50%;width:0;height:2px;background:#ff5500;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-khtml-transition:all 0.3s;}

.news_morelist_group01 .news_tabs_head a.sub:hover:after{left:0;width:100%}

/* 列表新闻主体 */
.news_morelist_group01 .news_list {clear:both; position:relative;  text-align: left;  }
.news_morelist_group01 .news_list ul {margin-top: 15px;width: 100%; overflow: visible; }
.news_morelist_group01 .news_list ul li{line-height:30px; height:30px; text-indent: 1rem;}
.news_morelist_group01 .news_list ul li:hover  span{color:#f00;}

.news_morelist_group01 .news_list ul span{ color:#666; float:left; font-size: 1.5rem; line-height: 2.2rem;  padding-right: 5px; text-overflow:ellipsis;white-space: nowrap;overflow: hidden;/* 新闻标题超出字符隐藏 */ }

.news_morelist_group01 .tabname01 {float:left; width: 100%;  display: block; border-bottom: 1px solid #ddd; }

.news_morelist_group01 .tabname01 .column{ color:#666; float:left; font-size: 1.5rem; line-height: 2.0rem;  padding-right: 5px; text-overflow:ellipsis;white-space: nowrap;overflow: hidden;/* 新闻标题超出字符隐藏 */  text-indent: 10px; font-weight: 600;height: 36px; line-height: 36px; }


.news_morelist_group01 .column01{ width: 30%; }
.news_morelist_group01 .column02{ width: 15%; }
.news_morelist_group01 .column03{ width: 15%; }
.news_morelist_group01 .column04{ width: 25%; }
.news_morelist_group01 .column05{ width: 15%; text-align: right;}


/* 多列新闻标题 *************/




/* 多列新闻标题 *************/
.news_morelist_group02 .news_tabs_head {background:none;width:100%;overflow:hidden; font-size: 1.8rem; border-bottom: 1px #ddd solid;}
.news_morelist_group02 .news_tabs_head li {float:left;padding: 0px 15px;font-size:2rem; height:40px;line-height:40px;color:#333;text-decoration:none; cursor: pointer;}
.news_morelist_group02 .news_tabs_head li.active {color:#335baa; background:none;border-bottom:0px solid #2a70be; font-weight:bold;}

.news_morelist_group02 .news_tabs_head a {float:left;padding: 0px 15px;font-size:1.8rem; height:40px;line-height:40px;color:#333;text-decoration:none; cursor: pointer;}
.news_morelist_group02 .news_tabs_head a.active {color:#335baa; background:none;font-weight:bold;font-size:2rem;
	 border-bottom:0px solid #2a70be; }

/* 列表新闻子菜单 */
.news_morelist_group02 .news_tabs_head a.sub{position:relative;color:#666; background:none;font-size: 1.6rem;
padding: 0px;margin-left: 30px; height: 35px; line-height:40px;}

.news_morelist_group02 .news_tabs_head a.sub+a.sub{ margin-left: 20px; }
.news_morelist_group02 .news_tabs_head a.sub:hover {margin-top:-2px; color:#ff5500;}

.news_morelist_group02 .news_tabs_head a.sub:after
{position:absolute;content:'';bottom:0;left:50%;width:0;height:2px;background:#ff5500;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-khtml-transition:all 0.3s;}

.news_morelist_group02 .news_tabs_head a.sub:hover:after{left:0;width:100%}

/* 列表新闻主体 */
.news_morelist_group02 .news_list {clear:both; position:relative;  text-align: left;  }
.news_morelist_group02 .news_list ul {margin-top: 15px;width: 100%; overflow: visible; }
.news_morelist_group02 .news_list ul li{line-height:30px; height:30px; text-indent: 1rem;}
.news_morelist_group02 .news_list ul li:hover  span{color:#f00;}

.news_morelist_group02 .news_list ul span{ color:#666; float:left; font-size: 1.5rem; line-height: 2.2rem;  padding-right: 5px; text-overflow:ellipsis;white-space: nowrap;overflow: hidden;/* 新闻标题超出字符隐藏 */ }

.news_morelist_group02 .tabname01 {float:left; width: 100%;  display: block; border-bottom: 1px solid #ddd;}

.news_morelist_group02 .tabname01 .column{ color:#666; float:left; font-size: 1.5rem; line-height: 2.0rem;  padding-right: 5px; text-overflow:ellipsis;white-space: nowrap;overflow: hidden;/* 新闻标题超出字符隐藏 */  text-indent: 10px; font-weight: 600;height: 36px; line-height: 36px; }


.news_morelist_group02 .column01{ width: 26%; }
.news_morelist_group02 .column02{ width: 26%; }
.news_morelist_group02 .column03{ width: 13%; }
.news_morelist_group02 .column04{ width: 12%; }
.news_morelist_group02 .column05{ width: 13%;}
.news_morelist_group02 .column06{ width: 10%; text-align: right;}


/* 多列新闻标题 *************/




/* 多列列表页，内页样式 *************/

.news_morelist_frame01 .news_tabs_head a.active { height: 70px; line-height: 70px;}
.news_morelist_frame01 .news_list ul li{line-height:45px; height:45px; text-indent: 1rem;}
.news_morelist_frame01 .tabname01 .column{height: 45px; line-height: 45px; }

















/* 标题样式01 *************/
.titel_group01 { margin-bottom: 10px;}
.titel_group01 .news_tabs_head {background:none;width:100%;height:4rem;overflow:hidden; font-size: 1.8rem; border-bottom: 1px #ddd solid;}
.titel_group01 .news_tabs_head li {float:left;padding: 0px 15px;font-size:1.8rem; height:40px;line-height:40px;color:#333;text-decoration:none; cursor: pointer;}
.titel_group01 .news_tabs_head li.active {color:#2a70be; background:none;border-bottom:3px solid #2a70be; font-weight:bold;}

.titel_group01 .news_tabs_head a {float:left;padding: 0px 15px;font-size:1.8rem; height:4rem;line-height:4rem;color:#333;text-decoration:none; cursor: pointer;}
.titel_group01 .news_tabs_head a.active {color:#2a70be; background:none;font-weight:bold;border-bottom:3px solid #2a70be; }


.titel_group01 .news_tabs_head a.sub{position:relative;color:#666; background:none;font-size: 1.6rem;
padding: 0px;margin-left: 30px; height: 3.5rem; line-height:4rem;}
.titel_group01 .news_tabs_head a.sub+a.sub{ margin-left: 2rem; }
.titel_group01 .news_tabs_head a.sub:hover {margin-top:-2px; color:#ff5500;}
.titel_group01 .news_tabs_head a.sub:after
{position:absolute;content:'';bottom:0;left:50%;width:0;height:2px;background:#ff5500;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-khtml-transition:all 0.3s;}
.titel_group01 .news_tabs_head a.sub:hover:after{left:0;width:100%}



/* 新闻标题样式02 *************/
.titel_group02 { margin-bottom: 10px;}
.titel_group02 .news_tabs_head {background:none;width:100%;height:5rem;overflow:hidden; font-size: 1.8rem; border-bottom: 1px #ddd solid; margin-top: 10px;}
.titel_group02 .news_tabs_head li {float:left;padding: 0px 15px;font-size:2rem; height:5rem;line-height:5rem;color:#333;text-decoration:none; }
.titel_group02 .news_tabs_head li.active {color:#4788ff; background:none;border-bottom:3px solid #4788ff; font-weight:bold;height:5rem;line-height:5rem;}

.titel_group02 .news_tabs_head a {float:left;padding: 0px 15px;font-size:2rem; height:5rem;line-height:5rem;color:#333;text-decoration:none; cursor: pointer;}
.titel_group02 .news_tabs_head a.active {color:#4788ff; background:none;border-bottom:3px solid #4788ff; font-weight:bold;height:5rem;line-height:5rem;}


.titel_group02 .news_tabs_head a.sub{position:relative;color:#666; background:none;font-size: 1.6rem;
padding: 0px;margin-left: 30px; height: 3.5rem; line-height:3rem; margin-top: 10px}

.titel_group02 .news_tabs_head a.sub+a.sub{ margin-left: 2rem; }
.titel_group02 .news_tabs_head a.sub:hover {margin-top:8px; color:#ff5500;line-height:3rem;}
.titel_group02 .news_tabs_head a.sub:after
{position:absolute;content:'';bottom:0;left:50%;width:0;height:2px;background:#ff5500;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-khtml-transition:all 0.3s;}
.titel_group02 .news_tabs_head a.sub:hover:after{left:0;width:100%}




/* 新闻标题样式03 *************/
.titel_group03 { margin-bottom: 10px; margin-top: 30px; background: rgba(255,255,255,0.9)}
.titel_group03 .news_tabs_head {background:none;width:100%;height:5rem;overflow:hidden; font-size: 1.8rem; border-bottom: 1px #ddd solid; margin-top: 10px; }
.titel_group03 .news_tabs_head li {float:left;padding: 0px 15px;font-size:2rem; height:5rem;line-height:5rem;color:#333;text-decoration:none; }
.titel_group03 .news_tabs_head li.active {color:#4788ff; background:none;border-bottom:0px solid #4788ff; font-weight:bold;height:5rem;line-height:5rem; font-size: 3.4rem; color:#666;}

.titel_group03 .news_tabs_head a {float:left;padding: 0px 15px;font-size:2rem; height:5rem;line-height:5rem;color:#333;text-decoration:none; cursor: pointer;}
.titel_group03 .news_tabs_head a.active {color:#4788ff; background:none;border-bottom:3px solid #4788ff; font-weight:bold;height:5rem;line-height:5rem;}


.titel_group03 .news_tabs_head ul { overflow: hidden; margin-top: 5px;height:4.6rem;}

.titel_group03 .news_tabs_head a.sub{position:relative;color:#666; background:#2763d1;font-size: 1.8rem;padding: 0px 20px 20px 20px;margin-right: 10px; height: 3.6rem; line-height:3.6rem; float: right; color:#fff; border-radius: 100px; margin-top: 5px;  }

.titel_group03 .news_tabs_head a.on{background:#ff3600;}


.titel_group03 .news_tabs_head a.sub+a.sub{  }

.titel_group03 .news_tabs_head a.sub:hover {color:#fff;line-height:3.6rem; background:#ff5500;}

.titel_group03 .news_tabs_head a.sub:after
{position:absolute;content:'';bottom:3px;left:50%;width:0;height:2px;background:#fff;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-khtml-transition:all 0.3s;}

.titel_group03 .news_tabs_head a.sub:hover:after{left:30%;width:40%}




@media screen and (max-width: 1024px) and (min-width: 640px) {/*屏幕大于640-1024px*/
.titel_group03 .news_tabs_head {height:8rem;overflow:hidden;  }
    
.titel_group03 {margin: 0px; top: 100px!important; }
    
    
.titel_group03 .news_tabs_head li.active {color:#4788ff; background:none;border-bottom:1px solid #ddd; font-weight:bold;height:4rem;line-height:3rem; font-size: 2.6rem; color:#666; width: 100%;}
  
.titel_group03 .news_tabs_head ul { overflow: hidden; margin-top: 5px;height:4rem; widows: 100%; border:1px solid #fff;}
    
.titel_group03 .news_tabs_head a.sub{position:relative;color:#666; background:#2763d1;font-size: 1.8rem; width: 19%; margin-right: 1%; height: 2.6rem; line-height:2.6rem; float: right; color:#fff; border-radius: 100px; margin-top: 8px;  text-align: center; }

.titel_group03 .news_tabs_head a.sub:hover {color:#fff;line-height:2.6rem; background:#ff5500;}
    
}





@media screen and (max-width: 640px){
.titel_group03 .news_tabs_head {height:8rem;overflow:hidden;  }
.titel_group03 {margin: 0px; top: 100px!important; }
    
.titel_group03 .news_tabs_head li.active {color:#4788ff; background:none;border-bottom:1px solid #ddd; font-weight:bold;height:4rem;line-height:3rem; font-size: 2.6rem; color:#666; width: 100%;}
  
.titel_group03 .news_tabs_head ul { overflow: hidden; margin-top: 5px;height:4rem; widows: 100%; border:1px solid #fff;}
    
.titel_group03 .news_tabs_head a.sub{position:relative;color:#666; background:#2763d1;font-size: 1.2rem; width: 19%; margin-right: 1%; height: 2.6rem; line-height:2.6rem; float: right; color:#fff; border-radius: 100px; margin-top: 8px;  text-align: center; }

.titel_group03 .news_tabs_head a.sub:hover {color:#fff;line-height:2.6rem; background:#ff5500;}
}





/* 新闻标题样式04 *************/
.titel_group04 { margin-bottom: 10px; margin-top: 30px; background: rgba(255,255,255,0.9)}
.titel_group04 .news_tabs_head {background:none;width:100%;height:5rem;overflow:hidden; font-size: 1.8rem; border-bottom: 1px #ddd solid; margin-top: 10px; }
.titel_group04 .news_tabs_head li {float:left;padding: 0px 15px;font-size:2rem; height:5rem;line-height:5rem;color:#333;text-decoration:none; }
.titel_group04 .news_tabs_head li.active {color:#4788ff; background:none;border-bottom:0px solid #4788ff; font-weight:bold;height:5rem;line-height:5rem; font-size: 2.4rem; color:#666;}

.titel_group04 .news_tabs_head a {float:left;padding: 0px 15px;font-size:2rem; height:5rem;line-height:5rem;color:#333;text-decoration:none; cursor: pointer;}
.titel_group04 .news_tabs_head a.active {color:#4788ff; background:none;border-bottom:3px solid #4788ff; font-weight:bold;height:5rem;line-height:5rem;}


.titel_group04 .news_tabs_head ul { overflow: hidden; margin-top: 5px;height:4.6rem;}

.titel_group04 .news_tabs_head a.sub{position:relative;color:#666; background:#2763d1;font-size: 1.8rem;padding: 0px 20px 20px 20px;margin-right: 10px; height: 3.6rem; line-height:3.6rem; float: right; color:#fff; border-radius: 100px; margin-top: 5px;  }

.titel_group04 .news_tabs_head a.on{background:#ff3600;}


.titel_group04 .news_tabs_head a.sub+a.sub{  }

.titel_group04 .news_tabs_head a.sub:hover {color:#fff;line-height:3.6rem; background:#ff5500;}

.titel_group04 .news_tabs_head a.sub:after
{position:absolute;content:'';bottom:3px;left:50%;width:0;height:2px;background:#fff;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-khtml-transition:all 0.3s;}

.titel_group04 .news_tabs_head a.sub:hover:after{left:30%;width:40%}




@media screen and (max-width: 1024px) and (min-width: 640px) {/*屏幕大于640-1024px*/
.titel_group04 .news_tabs_head {overflow:hidden;  }
    
.titel_group04 {margin: 0px; top: 100px!important; }
    
    
.titel_group04 .news_tabs_head li.active {color:#4788ff; background:none; font-weight:bold;height:3rem;line-height:3rem; font-size: 2.6rem; color:#666; width: 100%; margin-top: 15px;}
  
.titel_group04 .news_tabs_head ul { overflow: hidden; margin-top: 5px;height:4rem; widows: 100%; border:1px solid #fff;}
    
.titel_group04 .news_tabs_head a.sub{position:relative;color:#666; background:#2763d1;font-size: 1.8rem; width: 19%; margin-right: 1%; height: 2.6rem; line-height:2.6rem; float: right; color:#fff; border-radius: 100px; margin-top: 8px;  text-align: center; }

.titel_group04 .news_tabs_head a.sub:hover {color:#fff;line-height:2.6rem; background:#ff5500;}
    
}





@media screen and (max-width: 640px){
.titel_group04 .news_tabs_head {overflow:hidden;  }
.titel_group04 {margin: 0px; top: 100px!important; }
    
.titel_group04 .news_tabs_head li.active {color:#4788ff; background:none; font-weight:bold;height:3rem;line-height:3rem; font-size: 2rem; color:#666; width: 100%;margin-top: 15px;}
  
.titel_group04 .news_tabs_head ul { overflow: hidden; margin-top: 5px;height:4rem; widows: 100%; border:1px solid #fff;}
    
.titel_group04 .news_tabs_head a.sub{position:relative;color:#666; background:#2763d1;font-size: 1.2rem; width: 19%; margin-right: 1%; height: 2.6rem; line-height:2.6rem; float: right; color:#fff; border-radius: 100px; margin-top: 8px;  text-align: center; }

.titel_group04 .news_tabs_head a.sub:hover {color:#fff;line-height:2.6rem; background:#ff5500;}
}





	


/* 图片样式01 */
 .pic_style01 {position: relative;  box-shadow: 0px 0px 3px #aaa;  display: block; overflow: hidden; float: left;  border: 1px #ccc solid; width: 100%;box-sizing: border-box;}

 .pic_style01 a{ border: 5px solid #fff; display: block;  position: relative; }


 .pic_style01 a img{ display: block;  width: 100%;}

 .pic_style01 a h3{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; display: block; height:30px; line-height: 30px;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#70000000', endColorstr='#70000000');background:rgba(0,0,0,0.65);}

.pic_style01 a h3 strong{color: #fff; font-size: 1.4rem; font-weight: 300;}
.pic_style01 a h3 span{color: #fff; font-size: 1.2rem;}


.pic_style01 a .ani_border{position:absolute; display:block; left:0px;  top:0px; width:100%; height:100%;  }

.pic_style01 a .ani_border:after{position:absolute;bottom:-5px;
left:50%;width:0px;height:5px;background:#e10606;content:'';
-webkit-transition:all .25s;-moz-transition:all .25s;
-o-transition:all .25s;transition:all .25s;}
.pic_style01 a:hover .ani_border:after{left:0;width:100%}


/* 图片样式02 */
 .pic_style02 { width: 98%; margin-left: 2px!important;}




/* 图片样式03 */

.pic_style03 {position: relative;  box-shadow: 0px 0px 3px #aaa;  display: block; float: left;  border: 1px #ccc solid; width: 100%;box-sizing: border-box;}

.pic_style03 a {display:block; overflow:hidden; position:relative; border: 5px solid #fff; display: block; }
.pic_style03 a .img{ overflow:hidden}
.pic_style03 a .img img{ width:100%; height:100%; object-fit:cover}
.pic_style03 a .top{ height:30px; background:rgba(0,50,150,0.7); position:absolute; bottom:0; left:0; right:0; 
    -moz-transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;    }

.pic_style03 a .top h5{ padding:0 8px; font-size:14px; color:#fff; line-height:24px;margin-top: 3px;font-weight: normal;}
.pic_style03 a .top p{padding:0px ; font-size:14px; color:#ff0; line-height:24px;  display: block; text-indent: 0px;}
.pic_style03 a .top h5 b{margin-right: 5px;font-size:15px;}

.pic_style03 a:hover h5 { margin-top: 100px;font-size:16px;}
.pic_style03 a:hover h5 b { margin-top: 100px; display: block;font-size:17px;}
.pic_style03 a:hover .top{ height:100%; background:rgba(0,50,150,0.7); }
.pic_style03 a:hover .img img{ transform:scale(1.00)}
.pic_style03 a:hover .top p{ display:block;}


.pic_style03 a .ani_border{position:absolute; display:block; left:0px;  top:0px; width:100%; height:100%; bottom:0px; }

.pic_style03 a .ani_border:after{position:absolute;bottom:-5px;
left:50%;width:0px;height:5px;background:#e10606;content:'';
-webkit-transition:all 0.7s;-moz-transition:all 0.7s;
-o-transition:all 0.7s;transition:all 0.7s;bottom:0px;}

.pic_style03 a:hover .ani_border:after{left:0;width:100%;bottom:0px;}



/* 图片按钮样式01 */
.imgbtn_style_group01 a {width:330px; height:500px; margin:10px 0px 0px 15px; display: inline-block;}




.imgbtn_style01{ float:left; width:330px; height:500px;  position:relative;  border: 1px #ccc solid;}

.imgbtn_style01 .img{ width: 100%; height:100%;  position:relative; text-align:center;background: rgba(0,0,0,0.25); border:1px #ccc solid；}

.imgbtn_style01 .img .con{position:absolute;width: calc(100% - 40px) ;height: 460px;top: 50%;margin-top: -230px;left: 50%;margin-left: -144px;padding:0px;text-align: center;}

.imgbtn_style01:hover .img .con{ background: rgba(216,20,23,0.7); -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

.imgbtn_style01 .img .con .table01{ display:table; width:100%; height:100%;}

.imgbtn_style01 .img .con .table01 .table_cell{ display:table-cell; vertical-align:middle; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

.imgbtn_style01 .img .con h3{ height:64px;}

.imgbtn_style01 .img .con h4{ font-size:16px; color:#fff; margin-bottom:8px; }

.imgbtn_style01 .img .con h5{ font-size:14px; color:#fff; position:relative;}

.imgbtn_style01 .img .con h5:before{content:"";position:absolute;left:50%;top:35px;width:1px;height:0;background:rgba(255,255,255,0.5);-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

.imgbtn_style01:hover .img .con h5:before{ height:20px;}

.imgbtn_style01 .img .con p{text-align: center;font-size:13px;line-height:26px;color:rgba(255,255,255,0.8);opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, transform 0.3s;height:0; padding: 0 10px;}

.imgbtn_style01:hover .img .con p{ opacity: 1; height:auto;  margin-top:50px; -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} 



/* 图片按钮样式02 */
.imgbtn_style_group02 ul{ width:100%;margin: auto; overflow:hidden;
min-height: 200px;background-image:url("/cat/cat55/images/big_bg01.jpg");
background-position: center center; background-repeat: no-repeat; 
background-attachment: fixed;background-size: cover; 
}

.imgbtn_style02 {float:left; width:210px; text-align:center; margin-top: 50px;}

.imgbtn_style02 .img{width:150px;height:150px;border:rgba(255,255,255,0.2) 1px solid;margin:0 auto;border-radius:50%;position:relative;margin-bottom: 10px; }

.imgbtn_style02:hover .img{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#59D81417', endColorstr='#59D81417');background:rgba(216,20,23,0.35); border:rgba(216,20,23,0) 1px solid}

.imgbtn_style02 .img .con{position:absolute;width:125px;height:125px;top: 12px;left: 12px;border-radius:50%;background:rgba(255,255,255,0.2);}

.imgbtn_style02:hover .img .con{ background:#de373a;}

.imgbtn_style02 .img .con .table01{ display:table; width:100%; height:100%;}

.imgbtn_style02 .img .con .table01 .table_cell{ display:table-cell; vertical-align:middle;}

.imgbtn_style02 .img .con h4{ font-size:15px;color:#fff; margin-bottom:5px;}

.imgbtn_style02 .img .con h5{font-size:14px;color:#fff;position:relative;}

.imgbtn_style02 .img .con h5:before{content:"";position:absolute;left:50%;top: 30px;width:2px;height:0;background:#fff;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.imgbtn_style02:hover .img .con h5:before{ height:20px;}

.imgbtn_style02 h6{font-size:14px;color: #fff;line-height:22px;opacity:0;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.imgbtn_style02:hover h6{opacity: 0.8;}






/* 图片按钮样式03 */
.imgbtn_style_group03 { width: 100%;  overflow: hidden;  padding-bottom: 70px; }

.imgbtn_style03{float:left; width:220px; height:220px; text-align:center;border: 20px  rgba(255,70,0,0.3) solid; border-radius:50%; margin: 30px 40px 0 40px; box-sizing:content-box;}

.imgbtn_style03 .img{ width:220px; height:220px; margin:0 auto; border-radius:50%; position:relative; margin-bottom:22px; background-color:rgba(0,0,0,0.3); }

.imgbtn_style03 .img .con{position:absolute;width: 220px;height: 220px; border-radius:50%;}

.imgbtn_style03:hover .img .con{ background:rgba(255,90,0,0.6)}

.imgbtn_style03 .img .con .table01{ display:table; width:100%; height:100%;}

.imgbtn_style03 .img .con .table01 .table_cell{ display:table-cell; vertical-align:middle;}

.imgbtn_style03 .img .con h3{ height:65px;}

.imgbtn_style03 .img .con h5{font-size:16px;color:#fff;position:relative;}

.imgbtn_style03 .img .con h5:before{ content:""; position:absolute; left:50%; top:40px; width:1px; height:0; background:#fff; -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.imgbtn_style03:hover .img .con h5:before{ height:20px;}

.imgbtn_style03 h6{ font-size:14px; color:#6d6d6d; line-height:22px; opacity:0; -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; margin-top: 35px;}

.imgbtn_style03:hover h6{ opacity:1}


/* 图片按钮样式04 */
.imgbtn_style_group04 {}
.imgbtn_style04 {overflow:hidden;}
.imgbtn_style04 a{text-decoration:none; display: block; margin-top: 20px; }   
    
.imgbtn_style04 .leftbox{width: 300px;height: 300px;background: #f2f2f2;padding: 0 20px;  border: 1px #eee solid;background: #eee; float: left;}

.imgbtn_style04 .leftbox .con{ display:table; width:100%; height:100%;}
.imgbtn_style04 .leftbox .con .table_cell{ display:table-cell; vertical-align:middle;}
.imgbtn_style04 .leftbox .con .table_cell h5{font-size: 18px;color: #434344;margin-bottom:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;  }

.imgbtn_style04 .leftbox .con .table_cell h6{ font-size:13px; color:#959595; margin-bottom:15px;}
.imgbtn_style04 .leftbox .con .table_cell p{font-size: 13px;color:#959595;line-height: 22px;overflow:hidden;margin-bottom: 40px;}

.imgbtn_style04 .leftbox .con .table_cell .read_more {color:#959595; font-weight: bold;}
    
.imgbtn_style04 .rightbox{width: 760px; height: 300px; overflow:hidden; float: right;}
.imgbtn_style04 .rightbox img{width: 760px;height: 300px;  max-height: 400px;}

.imgbtn_style04:hover { cursor:pointer; }
.imgbtn_style04:hover .leftbox{ background:#d81417;}
.imgbtn_style04:hover .leftbox .table_cell h5{ color:#fff;}  
.imgbtn_style04:hover .leftbox .table_cell h6{ color:#fff;}  
.imgbtn_style04:hover .leftbox .table_cell p{ color:#fff;}    
.imgbtn_style04:hover .leftbox .table_cell .read_more {color:#fff;font-weight: bold;}
.imgbtn_style04:hover img{ -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; transform:scale(1.1);}/*图片放大*/













/* 图片按钮样式05 */


.imgbtn_style_group05{ overflow:hidden; margin-top: 30px;}
.imgbtn_style_group05 ul{margin-bottom:58px;}
.imgbtn_style_group05 ul li{float:left;width:354px;height:650px;position:relative; overflow:hidden}
.imgbtn_style_group05 ul li:before{background:#222;
    content:"";
    position:absolute;left:0;top:0;
    width: 100%;height:100%;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}

.imgbtn_style_group05 ul li a{ display:block; width:100%; height:100%; padding:48px 60px;}

.imgbtn_style_group05 ul li .bg{ position:absolute;
    left:0; top:0; width:100%; height:100%; z-index:0;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}

.imgbtn_style_group05 ul li .con{position:relative;z-index:1;overflow: hidden;}
.imgbtn_style_group05 ul li .con h3{ height:78px; line-height:78px;}
.imgbtn_style_group05 ul li .con h4{ font-size:18px; color:#fff; text-transform:uppercase}
.imgbtn_style_group05 ul li .con h5{ font-size:18px; color:#fff; margin-bottom:72px; margin-top:8px; position:relative}

.imgbtn_style_group05 ul li .con h5:before{ content:""; position:absolute;
    top:48px; left:0; width:0; height:2px; background:#fff; 
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}

    
.imgbtn_style_group05 ul li .con p{ font-size:13px; color:#fff; line-height:30px; min-height:300px; width: 250px; overflow:hidden;  transform:translateX(-280px); 
    -webkit-transform:translateX(-280px); 
    -moz-transform:translateX(-280px); 
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}


.imgbtn_style_group05 ul li .con .link_more b{display:inline-block; width:80px ;height: 40px;line-height: 40px; text-align:center;font-size: 13px;color: #333333;border:  #fff 1px solid;font-weight: normal;-moz-border-radius: 3px;color:#fff; 
    -webkit-border-radius:3px;border-radius:3px;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;  }

.imgbtn_style_group05 ul li:hover .con .link_more b{ width: 120px; background: #fff; color: #000;}

.imgbtn_style_group05 ul li .con .link_more b span{display:inline-block;width:0; height:36px; color: #000;
    line-height: 36px;font-family:arial;color: #333333;
    font-size: 13px;margin-left:5px;overflow:hidden;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}

.imgbtn_style_group05 ul li:hover .con .more span{ margin-left:0; width:52px; margin-right:8px}

.imgbtn_style_group05 ul li:hover .bg{}

.imgbtn_style_group05 ul li:hover:before{ right:0; width:100%}

.imgbtn_style_group05 ul li:hover .con p{
    transform:translateX(0); 
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);}

.imgbtn_style_group05 ul li:hover .con h5:before{ width:35px; }

.imgbtn_style_group05 ul li .bg{ 
    -webkit-transform-origin: left; 
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all 1s;
    -moz-transition: all 1s; 
    -o-transition: all 1s; 
    transition: all 1s;
    -moz-transform: perspective(300px) rotateY(0deg); 
    -ms-transform: perspective(300px) rotateY(0deg);
    -o-transform: perspective(300px) rotateY(0deg);
    transform: perspective(300px) rotateY(0deg);}

.imgbtn_style_group05 ul li:hover .bg{ opacity: 1; 
    -webkit-transform: perspective(300px) rotateY(90deg); 
    -moz-transform: perspective(300px) rotateY(90deg);
    -ms-transform: perspective(300px) rotateY(90deg); 
    -o-transform: perspective(300px) rotateY(90deg);
    transform: perspective(300px) rotateY(90deg); }



.imgbtn_style_group05 .inter-inner { width: 94%; height: 94%; position: absolute; left: 3%; top: 3%; }

.imgbtn_style_group05 .inter-inner .line1, .inter-inner .line2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0); pointer-events: none; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; transition-delay:0.6s}

.imgbtn_style_group05 .inter-inner .line1 { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }

.imgbtn_style_group05 .inter-inner .line2 { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }

.imgbtn_style_group05 ul li:hover .line1,

.imgbtn_style_group05 ul li:hover .line2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }






/* 图片按钮样式06 */

.imgbtn_style_group06{ padding:75px 0; background:#f7f7f7; overflow:hidden; position:relative}

.imgbtn_style_group06:before{ content:""; position:absolute; left:0; top:350px; width:100%; height:1px; border-bottom:#d0d0d1 1px dashed;}

.imgbtn_style_group06:after{ content:""; position:absolute; right:0; top:350px; width:0; height:1px; border-bottom:#093e96 1px dashed; z-index:0; -moz-transition: all 4s ease-in-out;-webkit-transition: all 4s ease-in-out;-o-transition: all 4s ease-in-out;-ms-transition: all 4s ease-in-out;transition: all 4s ease-in-out;}

.imgbtn_style_group06:hover:after{ left:0; width:100%;}

.imgbtn_style_group06 ul{ font-size:0; overflow:hidden; text-align:center; width:1304px; margin-left: -100px; }

.imgbtn_style_group06 ul li{ width:260px; display:inline-block; *display:inline; *zoom:1;text-align:center; position:relative; }

.imgbtn_style_group06 ul li .img{width: 145px;height: 145px;line-height: 143px;display: inline-block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:  relative;z-index: 10;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;transform:rotate(90deg) translateZ(0);-webkit-transform:rotate(90deg) translateZ(0);-moz-transform:rotate(90deg) translateZ(0); background:#f7f7f7; margin-bottom:20px;} 

.imgbtn_style_group06 ul li .img a{ display:block; transform:rotate(-90deg) translateZ(0); -webkit-transform:rotate(-90deg) translateZ(0);  -moz-transform:rotate(-90deg) translateZ(0);}

.imgbtn_style_group06 ul li .img a img{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;filter:alpha(opacity=65); opacity:0.65; -moz-opacity:0.65; -khtml-opacity:0.65}

.imgbtn_style_group06 ul li:hover .img a img{-webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}

@keyframes jello {

    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }

    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

.circleProgress_wrapper{ position:relative;}

.wrapper{width: 72.5px;height: 145px;position: absolute;top:0;overflow: hidden;}
.circleProgress_wrapper .left{width: 72.5px;height: 145px;position:absolute;left:0;top:0;}
.circleProgress_wrapper .right{width: 72.5px;height: 145px;position:absolute;right:0;top:0;}
.imgbtn_style_group06 ul li .img .circleProgress{width: 145px;height: 145px;border: 2px solid #093e96;border-radius: 50%;position: absolute;top:0;-webkit-transform: rotate(45deg);box-sizing:border-box;}

.imgbtn_style_group06 ul li .img .rightcircle{border-top: 2px solid #d0d0d1;border-right: 2px solid #d0d0d1;right:0;}

.imgbtn_style_group06 ul li .img:hover .rightcircle{ -webkit-animation: circleProgressLoad_right 2s linear; } 

.imgbtn_style_group06 ul li .img .leftcircle{border-bottom: 2px solid #d0d0d1;border-left: 2px solid #d0d0d1;left:0;}

.imgbtn_style_group06 ul li .img:hover .leftcircle{ -webkit-animation: circleProgressLoad_left 2s linear;}

.imgbtn_style_group06 ul li .img:after{content:"";position:absolute;left: 0;top: 0;width: 145px;height: 145px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}

.imgbtn_style_group06 ul li .img:hover:after{transition-delay:2s; border:2px solid #093e96;} 


@-webkit-keyframes circleProgressLoad_right{
	0%{-webkit-transform: rotate(45deg);}
	50%{-webkit-transform: rotate(225deg);}
	100%{-webkit-transform: rotate(225deg);	}
}

@-webkit-keyframes circleProgressLoad_left{
	0%{-webkit-transform: rotate(45deg);}
	50%{-webkit-transform: rotate(45deg);}
	100%{-webkit-transform: rotate(225deg);	}

}


.imgbtn_style_group06 ul li span{position:absolute;left: 175px;top: 55px;display:inline-block;width:70px;height: 35px;line-height: 35px;font-size:14px;color:#a1a1a2;background: #f7f7f7;z-index: 100;text-align: left;text-transform:uppercase; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.imgbtn_style_group06 ul li:hover span{ color:#6385be}
.imgbtn_style_group06 ul li:hover:after{ background:#093e96}
.imgbtn_style_group06 ul li:hover:before{ background:#093e96; transition-delay:2s}
.imgbtn_style_group06 ul li h4{font-size:16px;color:#3b3b3b;margin-bottom: 12px;}
.imgbtn_style_group06 ul li h5{ font-size:14px; color:#6e6e6e}



/* 图片按钮样式06 */













/*按钮样式01*/

.btn_style01 {position: relative; display: block;  float: left;  width: 100%; box-sizing: border-box;}
.btn_style01 a {
/*文字上下居中*/display: flex;align-items: center;justify-content: space-around;flex-direction: column;/*文字上下居中*/
width:100%;height: 6rem; text-align: center; color:#086eba; font-weight: 600;background: #b9def0; box-shadow: 0px 0px 3px #aaa;
border-radius: 5px; border: 1px #fff solid; font-size: 1.5rem; line-height: 2rem;overflow: hidden;
}
.btn_style01 a:hover { border: 3px #aefcff solid;  }


/*按钮样式02*/
.btn_style02 {width: 98%; margin-top: 1px; margin-left: 2px!important; }


/*链接样式01*/
.alink_group01{ width: 100%; margin: 10px 0px;}
.alink_style01{display: block; height: 48px; position: relative; border: 1px solid #ddd; text-decoration: none; width: 23%; margin-left: 1%; float: left;}

.alink_style01 strong{ position: relative; z-index: 3; height: 48px; line-height: 48px; color: #535355; font-size: 14px; padding-left: 30px;}

.alink_style01 i{position: absolute; left: 0; top: 0; display:block; background: #d83648; height: 48px; width: 0px; z-index: 0;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out; 
    }
    
.alink_style01:hover{border: 1px solid #ddd; }
.alink_style01:hover strong{ color: #fff;}      
.alink_style01:hover i{ width: 100%;}

.alink_on i{width: 100%;}
.alink_on strong{ color: #fff; }



/*链接样式02*/
.alink_group02{ width: 100%;}
.alink_style02{ display: block; position: relative;width: 240px; float: left; margin: 5px; border: 1px #ccc solid;}

.alink_style02 img{ width: 240px; height: 140px; display: block;}    
.alink_style02 .img{ width: 240px; height: 140px; display: block; background: #333;}

.alink_style02 .four_box{ position:absolute; display:block; left:0; top:0; width:100%; height:100%;  }

.alink_style02 .four_box::before,
.alink_style02 .four_box::after 

{position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;content: '';opacity: 0;-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s; }

.alink_style02 .four_box::before{
    border-top: 1px solid rgba(255,255,255,.3);
    border-bottom: 1px solid rgba(255,255,255,.3);
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}

.alink_style02 .four_box::after {
    border-right: 1px solid rgba(255,255,255,.3);
    border-left: 1px solid rgba(255,255,255,.3);
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}

.alink_style02:hover{border: 1px #ccc solid;}
.alink_style02:hover .four_box::before,
.alink_style02:hover .four_box::after 
{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}



/*链接样式03*/

.alink_group03{float: left; margin-top: 10px;}

.alink_style03 {
  --btn_zcolor:#fff;
  --btn_bgcolor:rgba(0,116,211,1.00);
  --btn_shadow:rgba(0,116,211,0.8);
  --btn_shine:rgba(0,219,255,0.5);
    
  display: inline-block;
  position: relative;
  width: 240px;height: 80px;
  line-height: 80px; text-align: center;
  font-size: 16px;
  text-decoration: none;
  outline: transparent;
  overflow: hidden;
  cursor: pointer;
  white-space: nowrap;
  transition: 0.25s;
  color: var(--btn_zcolor);
  background-color:var(--btn_bgcolor);
  border-color: var(--btn_bgcolor);
  margin: 0px 0px 0px 5px;
}


.alink_style03::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 200%;
  height: 150%;
  background: linear-gradient(120deg, transparent,var(--btn_shine), transparent);
  transform: translateX(-100%);
  transition: 0.7s;
   
}
.alink_style03:hover {
  color: #fff;
  background: var(--btn_bgcolor);
  box-shadow: 0px 0px 30px var(--btn_shadow);
}
.alink_style03:hover::before {
  transform: translateX(100%);
}



/*链接样式04*/

.alink_group04{width: 100%;overflow:hidden;}

.alink_style04{float:left;margin: 5px 5px 0px 0;position:relative; cursor:pointer; width: 250px;height: 150px; overflow:hidden}

.alink_style04 > img{ width:250px; height:150px; top:0 !important}

.alink_style04 h5{font-size:16px;color: #fff;padding: 0 15px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom:20px;}

.alink_style04 h6{ text-align:center}

.alink_style04 .grid-shade {position: absolute;top: 100%;width: 100%;height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99ED1C24', endColorstr='#99ED1C24');background: rgba(0, 0, 0, 0.4); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.alink_style04:hover .grid-shade{ top:0;}

.alink_style04 .grid-shade .grid-enter {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); }


.alink_style04 .inter-inner { width: 90%; height: 90%; position: absolute; left: 5%; top: 5%; }
.alink_style04 .inter-inner .line1,
.alink_style04 .inter-inner .line2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0); pointer-events: none; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; transition-delay:0.6s}

    
    
.alink_style04 .inter-inner .line1 { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }

.alink_style04 .inter-inner .line2 { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }

.alink_style04:hover .line1,

.alink_style04:hover .line2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
     




/*链接样式05*/

.alink_group05{ width: 100%; padding:20px 0; overflow:hidden; background:url(/cat/cat55/images/banner_bg02.jpg) center top no-repeat; background-size:cover;margin-top: 20px;}

.alink_group05 ul{ width: 1100px; margin: 0 auto;}

.alink_style05{ float:left; width:230px; height:306px; margin:15px; text-align:center;overflow:hidden}

.alink_style05 a{ display:block; height:304px; border:#3760a7 1px solid;  border-radius:5px;  }

.alink_style05 a h3{ display:inline-block; width:95px; height:95px; line-height:95px; background:#fff; border-radius:100%; margin-bottom:24px;}
    

.alink_style05 a h4{ font-size:16px; color:#fff; margin-bottom:10px;}

.alink_style05 a h5{ font-size:12px; color:#fff; text-transform:uppercase}


.alink_style05 a .box{ padding:72px 0 0; height:100%; 
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}

.alink_style05:hover a .box{ 
    transform:translateY(-100%);
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);}

.alink_style05 a .con{padding: 40px 21px;height:100%;
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}

.alink_style05:hover a .con{ 
    transform:translateY(-100%);
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);}

.alink_style05 a .con .ar_article{ height:216px; overflow:hidden; overflow-y:scroll}
.alink_style05 a .con p{ font-size:13px; line-height:24px; color:#d5d9e7; margin-bottom:24px; text-align:left;}
.alink_style05 a .con p:last-child{ margin-bottom:0}
.alink_style05 a .con .ar_article::-webkit-scrollbar {width:3px;height:3px; background:none}
.alink_style05 a .con .ar_article::-webkit-scrollbar-track {border-radius:1.5px; background:none}
.alink_style05 a .con .ar_article::-webkit-scrollbar-thumb {border-radius:1.5px; background:rgba(255,255,255,0.2)}





/*链接样式06*/

.alink_group06{width: 100%;  margin:10px auto;}
.alink_style06{ width:25%}

.alink_style06{position: relative;float: left;display: block; text-decoration: none; }

.alink_style06 strong{position: relative;display: block;text-align: center;z-index: 9;height: 55px;line-height: 55px;color: #031525;font-size: 14px;font-weight: 100;border: #dedede 1px solid;background: #fff;margin:  0 -0.5px;}


.alink_style06 strong:before{ content:""; position:absolute; width:5px; height:0px; background:#00378c; left:0; bottom:50%; 
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}

.alink_style06.on strong:before{height:100%; bottom:0%}
.alink_style06:hover strong:before{height:100%; bottom:0%}



/*链接样式07*/

.alink_group07{width: 100%;  margin:10px auto;}
.alink_style07{ width:25%}

.alink_style07{position: relative;float: left;display: block; text-decoration: none; }

.alink_style07 strong{position: relative;display: block;text-align: center;z-index: 9;height: 55px;line-height: 55px;color: #031525;font-size: 14px;font-weight: 100;border: #dedede 1px solid;background: #fff;margin:  0 -0.5px;}


.alink_style07 strong:before{ content:""; position:absolute; width:0px; height:3px; background:#00378c; right:0px; bottom:-1px;; 
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}

.alink_style07:hover strong:before{ width:100%; left:0px}
.alink_style07.on strong:before{ width:100%; left:0px}



/*链接样式07*/

.alink_group08{width: 100%;  margin:10px auto;}
.alink_style08{ width:25%}

.alink_style08{position: relative;float: left;display: block; text-decoration: none; }

.alink_style08 strong{position: relative;display: block;text-align: center;z-index: 9;height: 55px;line-height: 55px;color: #031525;font-size: 14px;font-weight: 100;border: #dedede 1px solid;margin:  0 -0.5px; z-index: 3; }


.alink_style08 i{position:absolute; width:100%; height:3px; background:#00378c; bottom:0%;z-index:0; 
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}

.alink_style08.on i{ width:100%; height: 100%;bottom:0px;}
.alink_style08.on strong{color:#fff;}

.alink_style08:hover i{ width:100%; height: 100%;  bottom:0%; }
.alink_style08:hover strong{ color:#fff;}





/*PC图片轮播*/
.pc_pic_move_group01 {display: block;}

.pc_pic_move01 {height: 185px; border: 0px solid #ccc; position: relative;} /*图片&按钮轮播高度 位置*/

.pc_pic_move_next_01a {position: absolute; top:80px;right:-10px;} /*左箭头 位置*/
.pc_pic_move_next_01b {position: absolute; top:80px;left:-10px;} /*右箭头 位置*/
.pc_pic_move_dot01 {bottom: 0px!important;}  /*导航-点点点 位置*/


/*WAP图片轮播*/
.wap_pic_move_group01 {display: none; margin-left: 0px;}

.wap_pic_move01 {height: 145px; border: 0px solid #ccc; position: relative;} /*图片&按钮轮播高度 位置*/

.wap_pic_move_next_01a {position: absolute; top:80px;right:-10px;} /*左箭头 位置*/
.wap_pic_move_next_01b {position: absolute; top:80px;left:-10px;} /*右箭头 位置*/
.wap_pic_move_dot01 {bottom: 0px!important;}  /*导航-点点点 位置*/


@media screen and (max-width: 640px) { /*屏幕小于640px*/
.pc_pic_move_group01 {display: none;}
.wap_pic_move_group01 {display: block;}
}

@media screen and (max-width: 1024px) and (min-width: 640px) {/*屏幕640px-1024px*/
.pc_pic_move01 {height: 135px; border: 0px solid #ccc; position: relative;} /*图片&按钮轮播高度 位置*/
.pc_pic_move_next_01a {display: none;} /*左箭头 位置*/
.pc_pic_move_next_01b {display: none;} /*右箭头 位置*/
	
.pc_btn_move_next_01a {display: none;} /*左箭头导航 位置*/
.pc_btn_move_next_01b {display: none;} /*右箭头 位置*/

}	 

@media screen and (min-width: 1024px) {/*屏幕大于1024px*/
.pc_pic_move01 {height: 185px; border: 0px solid #ccc; position: relative;} /*图片&按钮轮播高度 位置*/

}	 



/*PC按钮轮播*/

.pc_btn_move_group01 {display: block;}
.pc_btn_move01 {height: 95px; border: 0px solid #ccc; position: relative;} /*图片&按钮轮播高度 位置*/

.pc_btn_move_next_01a {position: absolute; top:32px;right:-10px;} /*左箭头导航 位置*/
.pc_btn_move_next_01b {position: absolute; top:32px;left:-10px;} /*右箭头 位置*/
.pc_btn_move_dot01 {bottom: 0px!important;}  /*导航-点点点 位置*/



/*WAP按钮轮播*/
.wap_btn_move_group01 {display: none; margin-left: 0px;}
.wap_btn_move01 {height: 95px; border: 0px solid #ccc; position: relative;} /*图片&按钮轮播高度 位置*/

.wap_btn_move_next_01a {position: absolute; top:35px;right:-10px;} /*左箭头导航 位置*/
.wap_btn_move_next_01b {position: absolute; top:35px;left:-10px;} /*右箭头 位置*/
.wap_btn_move_dot01 {bottom: 0px!important;}  /*导航-点点点 位置*/


@media screen and (max-width: 640px) { /*屏幕小于640px*/
.pc_btn_move_group01 {display: none;}
.wap_btn_move_group01 {display: block;}
}








/*侧边按钮轮播*/

.side_ok {   }
.side_ok li { float: left; width: 100%; height:90px; margin-top: 10px; }
.side_ok li .s1 { display: block; width: 100%; height: 100%;background: #028ac9; border-radius: 5px;}
.side_ok li .s2 { display: block; width: 100%; height: 100%;background: #e78d52; border-radius: 5px;}
.side_ok li .s3 { display: block; width: 100%; height: 100%;background: #13ac5d; border-radius: 5px;}

.side_ok li a:hover {background: #ff5400;}



@media screen and (max-width: 1200px) and (min-width: 640px){
	.side_ok li { float: left; width: 100%; height:70px; margin-top: 10px; }
}

@media screen and (max-width: 990px) {
	.side_ok li { float: left; width: 32%; height:70px;  }
	.side_ok li+li{  margin-left:2%;  }
}





/*尾部*/

.pc_footer_group01 {}
.pc_footer_group01 .titel {  color:#fff;  font-size: 16px; height: 35px; line-height: 35px; border: 1px #66a5f4 solid; width: 84%; margin: auto;}

.footer_bg01 { width: 100%; background: #4788ff; padding: 20px 0px 15px 0px; }
.footer_bg02 { width: 100%; background: #eee; }

.footer_bg .titel { color:#fff; margin-top: 18px; text-indent: 80px; font-size: 16px; font-weight: 600;}
.copyright_bg  {background: #eee;  line-height: 28px; padding: 0px 0px 0px 0px; color:#666; }




/*友情链接*/
.fri_link_group01 { text-align: center;}
.fri_link_group01 .am-selected-btn {color: #333;background-color:#eee!important;border-color: #0e90d2!important;font-size: 1.5rem;}
.fri_link_group01 .am-selected-btn:hover {color: #333!important; background:#dddddd!important;}

.fri_link_group01 .am-selected-list { max-height: 25rem; max-width: 37.5rem;overflow-y:auto; overflow-x: hidden;}


/*版权菜单*/
.bottom_menu_group01 {text-align: center;  /*设置子元素因为inline-block出现的间隙*/display: table;word-spacing:-1em;}
.bottom_menu_group01 li {}
.bottom_menu_group01 li+li {}
.bottom_menu_group01 a { font-size: 1.5rem;color:#666; padding: 0 10px; margin: 10px 0 0 0px;  border-left: 1px #666 solid;  border-right: 1px #666 solid; height: 18px; line-height: 18px; margin-left: -1px; display: inline-block;}
.bottom_menu_group01 a:hover { color:#f00;}

/*版权地址信息*/
.copyright_group01 {line-height: 28px; margin: 10px 0px; overflow: hidden; color: #fff;  font-size: 1.4rem;}

.copyright_group01 a { color: #fff;}
.copyright_group01 a:hover{ color: #ff0;}
.copyright_group01 .big {line-height: 30px; margin: 0px 0px; overflow: hidden; color: #fff;  font-size: 2.6rem;}



/*=======POP  AD==================*/
.pop_group01 {  overflow:hidden;}
.pop_ad { display:block; z-index:999; position:fixed; bottom:210px; right:20px; }
.pop_ad .box{ position:relative;}
.pop_ad .box a{ display:block; }
.pop_ad .box img{ display:block;  border: 1px #ccc solid;}
.pop_ad .box .pop_close img{ display:block;  border: 0px #ccc solid;}

.pop_ad .box .pop_close{ position: absolute; right: 5px; top: 5px; cursor: pointer; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; border: 0px #000 solid;}
.pop_ad .box .pop_close:hover{ transform:rotate(360deg);-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); }


@media screen and (max-width: 640px) { /*屏幕小于640px*/
.pop_group01 {display: none; }
}


/*=======POP  AD==================*/



/*=======搜索弹出窗口==================*/

.search_btn_group01 {position:relative; width: 50%; height: 80px; border: 1px #ccc solid; }
		
#btn_search{position: absolute; right: 0px; top:0px; height: 80px; background: url(../image/line_search.png) left center no-repeat; width: 50px;}

#btn_search a{ display: block; background: url(/cat/cat55/images/icon_search.png) center center no-repeat; height: 80px; width: 50px; padding-left: 30px;background-color: #ddd; }

#btn_search a:hover{background: url(../image/icon_search_hover.png) center center no-repeat; background-color: #ddd;}

#pop_seach_box{ position:fixed; z-index:9999; top:0;  left:0; display:none; height:100%; width:100%; }

#pop_seach_box .bg_box{ position:fixed; z-index:9994; top:0px; display:none;  height:100%; width:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.85);}
		
#pop_seach_box form{ position:absolute; border-radius: 4px; overflow: hidden; top:50%; z-index:9999; background: #fff;  height: 80px; width: 90%; left:50%; margin-left:-45%; margin-top:-40px;}

#pop_seach_box input[type="text"]{ border: none;  width:calc( 100% - 80px );  display: block; height:80px; text-align: left; color: #434343; font-size: 16px; background:none; line-height:80px; padding:0 20px; }
 
#pop_seach_box input[type="text"]:focus{ text-align: left;}  

#pop_seach_box input[type="submit"]{  position:absolute; right:0; top:0; padding: 0; z-index:2; background:url(/cat/cat55/images/icon_search.png) center no-repeat; height:80px; width:80px; cursor:pointer; border:none; background-color: #ccc;}

#pop_seach_box input[type="submit"]:hover{background:url(../image/icon_search_hover.png) center no-repeat;background-color: #ddd;}	

/*=======搜索弹出窗口==================*/




	
/*=======二维码弹出===========*/

.emw_group01 { margin-top: 8px;}
.emw_group01 span { width: 31%; float: left; margin-right: 2%;text-align: center;border:1px solid rgba(255,255,255,0.2) ; padding:10px 0px; }
.emw_group01 img {margin:0 auto; }
.emw_group01 span:hover {cursor: pointer;}

.emw_group01 .fix_ewm_box {position: fixed; top: 0px; right: 0; z-index: 9999; display: none; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.85); }


.emw_group01 .fix_ewm_box .ewm_pic img{ display: block; position: absolute; top: 50%; left: 50%;
	width: 240px; height: 280px;  margin-left: -120px; margin-top: -160px;  
	-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: 
	all 0.6s ease-in-out;}	
	
/*=======二维码弹出===============*/
	













/* 内页框架开始*****************************************************/
.color01{color:#1549b5!important; }
.color02{color:#4788ff!important; }
.color03{color:#ff5500!important; }
.color04{color:#7eb876!important; }

.bgcolor00{background:#eee; }
.bgcolor01{background:#4788ff!important; }
.bgcolor02{background:#5186b9!important; }
.bgcolor03{background:#e8a043!important; }
.bgcolor04{background:#7eb876!important; }



/* 路径**条件*/

.path_group01 {width:100%;line-height: 45px; border-bottom:#ddd 1px solid; overflow: hidden; padding: 5px 20px;}
.path01{margin:10px 0px; width:auto; height: 45px; font-size:16px; line-height:45px; }
.path01 strong{display: inline-block; color:#777;}
.path01 strong::before {content: ''; width: 20px; height: 19px; background: url("../image/path_icon01.png"); display: inline-block; margin-right: 10px; margin-top:12px; float: left;}
.path01 a{color:#777;}
.path01 a::after {content: '/'; color:#777;display: inline-block;padding:0px 10px;}
.path01 a:hover{color:#333;}
.path_group01 .swiper-slide {width:auto; }



/********** 内页左侧树型三级菜单**********/

/* 左侧菜单*/
.left_nav01{ float:left; width:100%;  margin-top: 10px;}
.left_nav01 .titel{ float:left;font-size:20px; color:#fff; width:100%; height:50px; line-height:50px; text-indent:1em;}
.left_nav01 .titel em{float:right; background:url(/cat/cat55/css/triangle.png) no-repeat; width:13px; height:13px;}


/* 翻页样式01*/
.nextpage {font-size:14px; font-family:Arial;width:100%; margin-bottom:15px;  overflow: hidden;}
.nextpage ul{float:left;margin-left:15px;}
.nextpage a{float:left;padding:10px 10px; min-width:15px; background:#f5f7f8; color:#454545; margin-right:10px;text-align:center; border:#c3c9cd 1px solid; border-radius:2px; margin-top: 5px}
.nextpage a:hover{background:#ddd; color:#000; }
.nextpage a.on01 {background:#4788ff; color:#fff; }
.nextpage a.on02 {background:#5186b9; color:#fff; }
.nextpage a.on03 {background:#e8a043; color:#fff; }
.nextpage a.on04 {background:#7eb876; color:#fff; }
.nextpage .keyword{float:left; width:40px; height:36px; line-height:25px; font-size:14px; font-family:"微软雅黑";color:#333; background:#fff;  border:#c3c9cd 1px solid; text-indent:5px; margin:0px 10px; margin-top: 5px }
.nextpage .ok{float:left;font-family:"微软雅黑";color:#fff;width:40px; height:36px; line-height:30px; font-size:14px; border:#c3c9cd 1px solid;margin-top: 5px}




/********** 内页左侧树型三级菜单**********/
@media screen and (max-width: 1024px) and (min-width: 0px){
.sticky_top01 {top:100px!important;}  /*校正下拉移动时 左部固定头部高度*/
}


/* ==============树型菜单样式============== */

.tree_menu{ width:100%; border:#ddd 1px solid; float:left; font-family:"微软雅黑"; }
#tree_nav01 {width:100%;  margin:auto; margin-top:0px; margin-bottom:15px;list-style: none;}
#tree_nav01 ul {margin:0px;padding:0px; vertical-align:text-top; display: none;}
/***一级菜单***/
#tree_nav01 li {padding-left:15px; padding-right:15px;}
#tree_nav01 li a {font-size:18px; margin-top:5px; text-indent:1em;line-height:35px;display:block;text-decoration:none;outline:0; border-bottom:1px solid #ddd; color:#333;}
#tree_nav01 li a:hover { color:#ff4200;}
#tree_nav01 li a.on {background: #d0deec;color:#316ace;}
/***二级菜单***/
#tree_nav01 ul li {margin:0;padding:0; padding-left:15px;}
#tree_nav01 ul li a {font-size:16px;color:#5477a4;line-height:30px; outline:0;background:none; border-bottom: 1px dotted #CCC;}
#tree_nav01 ul li a:hover {color:#ff4200; border-bottom:1px dotted #CCC;}
/***三级菜单***/
#tree_nav01 ul ul li a {font-size:14px;color:#666;background:none;}
#tree_nav01 ul ul li a:hover {color:#ff4200;}
#tree_nav01 span{float:right;}
/* ==============树型菜单样式============== */







/********** 移动端子菜单可以回收01**********/
#nav_slide{background: #ccc; line-height: 50px; position: relative;   height: 50px; margin-top: 10px;}
#nav_slide #bnt_back{ position:absolute; left: 1rem; top:-1px;  }
#nav_slide #bnt_back img{ height: 16px;}
#nav_slide .n_title{ height: 50px; border-bottom: 1px solid #d6dce0;}
#nav_slide h3{ font-size: 20px; color: #fff; text-align: center; display: block; font-weight: normal;}



#sub_nav_content{ display: none; background: #3b3b3c; position: absolute;top: 50px; right: 0; width: 100%;}
#sub_nav_content .content a{ display: block; position: relative; height: 40px; line-height: 3.8rem; text-align: center; width: 100%; }
#sub_nav_content .content a i{font-style: normal; padding-left: .7rem;  font-size: 12px; color: #fff;}
#sub_nav_content .content a:nth-child(2n+1){ background: #4d4d4e;}

#bnt_sub_nav{ position: absolute; right: 1rem; top: 18px; cursor: pointer; }
#bnt_sub_nav img{ display: block; height: 16px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}


#sub_nav_content{background: #fff; display: none; box-shadow: 0 0 5px #999; z-index: 9999;}
#sub_nav_content ul{ padding:  10px;}
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0; }
#sub_nav_content ul li a{ display:block; border-left:2px solid #999; height: 22px; line-height: 22px; font-size: 16px; padding-left: 10px; color: #666;}
#sub_nav_content ul li.on a{color: #3dadec;  border-left:2px solid #df203d;}


#sub_nav_content dt{height:30px;line-height:30px;position:relative;background:#fafafb;  border-top:1px solid #e7e7e7; z-index: 999; }
#sub_nav_content dt a{ margin:0 10px; display:block;color:#5b5349; height: 30px; font-size:13px; font-weight: 400;  }
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color:#fff; border-top:1px solid #fff;}
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.title_on.on{  }
#sub_nav_content dt.title_on a{ color:#5b5349;}
#sub_nav_content dd{  display:block;}
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 25px;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color:#b7863e}

#bnt_more{ background: #e5e6e9; color: #727374; border-radius: 3px; height: 3.6rem; line-height: 3.6rem; text-align: center; font-size: 14px; display: block; margin: 0 1rem;}

/********** 移动端子菜单可以回收01**********/



/********** 移动端子菜单-有二级01**********/
.wap_subnav_group01 {width:100%; margin-top: 10px; position:relative;}
.wap_subnav_group01 .titel{ float:left;font-size:20px; color:#fff; width:100%; height:50px; line-height:50px; text-indent:1em;}

.wap_subnav_group01 .bnt_back{ position:absolute; left: 1rem; top:16px;  }
.wap_subnav_group01 .bnt_back img{ height: 16px;}

/* 设计弹出菜单虚拟头部位置*/
.wap_subnav_group01 .blank_head01 {
    height: 51px; display: block; border: 0px solid #000;
}

/* 按钮上下位置*/
.wap_subnav_group01 .am-menu-dropdown1 .am-menu-toggle {
    position: absolute;right: 0px; color: #fff;  
    display: block; width: 44px;height: 44px;line-height: 44px; text-align: center;   
}

/* 一级菜单宽度*/
.wap_subnav_group01 .am-menu-dropdown1 .am-menu-nav>li {width: 50%;float: right;}
.wap_subnav_group01 [class*=am-avg-]>li {display: block;height: auto; }

.wap_subnav_group01 .am-collapse.am-in {display: block;}


/* 一级菜单文字背景*/
.wap_subnav_group01 .am-menu-dropdown1 .am-menu-nav>li>a {
    border-bottom: 1px solid #d0edff;
    background-color: #addbff; color: #007cb5;  height: 49px;line-height: 49px;padding: 0;text-indent: 10px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}


/* 一级菜单图标文字颜色*/
.wap_subnav_group01 .am-menu-dropdown1 .am-menu-nav>li.am-parent>a::before {
    content: "\f067";position: absolute;right: 1rem;top: 1.4rem;color: #3da0ec;}

/* 一级菜单激活文字颜色背景*/
.wap_subnav_group01 .am-menu-dropdown1 .am-menu-nav>li.am-parent.am-open>a {
    background-color: #3da0ec;border-bottom: none;color: #fff;}


/* 二级菜单文字背景*/
.wap_subnav_group01 .am-menu-dropdown1 .am-menu-sub a {top: 50px;
    color: #555;height: 44px;line-height: 44px;text-indent: 5px;padding: 0;	background-color: #fff;border-bottom: 1px #eee solid;}


/********** 移动端子菜单-有二级01**********/











/* 内页新闻列表01 *************/


/* 内页新闻标题 */
.news_list_group01 { margin-bottom: 10px;}
.news_list_group01 .news_tabs_head {background:none;width:100%;height:5rem;overflow:hidden; font-size: 1.8rem; border-bottom: 1px #ddd solid; margin-top: 10px;}
.news_list_group01 .news_tabs_head li {float:left;padding: 0px 15px;font-size:2rem; height:5rem;line-height:5rem;color:#333;text-decoration:none; }
.news_list_group01 .news_tabs_head li.active {color:#4788ff; background:none;border-bottom:3px solid #4788ff; font-weight:bold;height:5rem;line-height:5rem;}

.news_list_group01 .news_tabs_head a {float:left;padding: 0px 15px;font-size:2rem; height:5rem;line-height:5rem;color:#333;text-decoration:none; cursor: pointer;}
.news_list_group01 .news_tabs_head a.active {color:#2a70be; background:none;border-bottom:3px solid #2a70be; font-weight:bold;height:5rem;line-height:5rem;}


.news_list_group01 .news_tabs_head a.sub{position:relative;color:#666; background:none;font-size: 1.6rem;
padding: 0px;margin-left: 30px; height: 3.5rem; line-height:3rem; margin-top: 10px}

.news_list_group01 .news_tabs_head a.sub+a.sub{ margin-left: 2rem; }
.news_list_group01 .news_tabs_head a.sub:hover {margin-top:8px; color:#ff5500;line-height:3rem;}
.news_list_group01 .news_tabs_head a.sub:after
{position:absolute;content:'';bottom:0;left:50%;width:0;height:2px;background:#ff5500;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-khtml-transition:all 0.3s;}
.titel_group02 .news_tabs_head a.sub:hover:after{left:0;width:100%}


/* 内页新闻列表 */
.news_list_group01 .news_list {clear:both; position:relative;  text-align: left;  }
.news_list_group01 .news_list ul {margin-top: 15px;width: 100%; overflow: visible; }
.news_list_group01 .news_list ul li{line-height:4rem; height:4rem; text-indent: 1rem;}
.news_list_group01 .news_list ul a{ color:#666;float:left; display:inline; width:75%;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;/* 新闻标题超出字符隐藏 */font-size: 1.6rem; line-height: 2.2rem;
-webkit-transition: margin 0.3s ease-out;
-moz-transition: margin 0.3s ease-out;
-khtml-transition: margin 0.3s ease-out; }

.news_list_group01 .news_list ul a:hover{ color:#4788ff; margin-left: 15px;}
.news_list_group01 .news_list ul a:hover:before{color:#4788ff; content: "›";font-size: 20px; margin-top: 3px; }

.news_list_group01 .news_list ul span{ color:#666; float:right; font-size: 1.6rem; line-height: 2.2rem; padding-right: 10px; }
.news_list_group01 .news_list ul li a:before {  content: "." ;color:#333; position:relative; top:-5px;  float: left;}



@media screen and (max-width: 1024px) and (min-width: 640px){
	.news_list_group01 .news_list ul li{line-height:40px; height:40px; } /* 改变新闻列表行高 */

}

@media screen and (max-width: 640px){
	.news_list_group01 .news_list ul {margin-top: 1rem;}
	.news_list_group01 .news_list ul li{line-height:36px; height:36px; }/* 改变新闻列表行高 */
}












/* 内页新闻列表03 *************/
.news_tabs_group03{ width: 100%;}
.news_tabs_group03 ul{ margin-top: 10px;}

.news_tabs_group03 li{ width:calc(100% / 2 - 20px); background: #f4f6f8; position:relative; display:block; overflow:hidden; float:left; padding: 10px 15px;margin:10px 8px; border: 5px #fff solid;background: #fff;border-radius: 8px; box-shadow: 0 0 20px #ccc;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}

.news_tabs_group03 li a,
.news_tabs_group03 li h1, 
.news_tabs_group03 li p,
.news_tabs_group03 li span
{ display:block; overflow: hidden;line-height: 40px;
 -moz-transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out; 

}


.news_tabs_group03 .text_box { padding:  0 10px 0px 10px;
}

.news_tabs_group03 li h1 { overflow:hidden;  white-space: normal;overflow:hidden;text-overflow: ellipsis;  color:#1549b5; font-size:18px;  display:block;  margin: 10px 0px; height: 40px; line-height: 40px; }

.news_tabs_group03 li span { font-size: 12px;  margin: 0px 10px 10px 0px; padding: 0px 10px; border-radius: 100px; color:#fff;  background: #1549b5; float: right; display: block;line-height: 25px;  }

.news_tabs_group03 li p{ color: #9b9b9c; font-size:15px;  line-height: 26px; height: 100px; padding-bottom: 20px; overflow: hidden; margin-top: 10px; margin-bottom: 5px;  border-top: 1px #ccc dotted;  padding: 10px 0px; box-sizing: content-box;  }

.news_tabs_group03 li:hover { box-shadow: 0 0 20px #aaa; background: #4982ed; border:5px solid #79a8ff;}
.news_tabs_group03 li:hover h1 { color: #fff; }
.news_tabs_group03 li:hover p { color: #fff; }
.news_tabs_group03 li:hover span { background: #f50; }

@media screen and (max-width: 1024px) and (min-width: 640px){
}

@media screen and (max-width: 640px){
    .news_tabs_group03 li{ width:calc(100% - 20px);} 
}







/* 内页图片新闻列表01 *************/
.pic_news_group01{ width: 100%;}
.pic_news_group01 ul{ margin-top: 10px;}

.pic_news_group01 li{ width:calc(100% / 3 - 20px); background: #f4f6f8; position:relative; display:block; overflow:hidden; float:left; padding: 10px;margin:10px 8px; border: 1px #ddd solid;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.63s ease-in-out;
    transition: all 0.3s ease-in-out;}

.pic_news_group01 li a{ display:block; overflow: hidden;}
.pic_news_group01 li .pic_box{ position:relative; background:#000; }
.pic_news_group01 li .pic_box a{ display: block; width:100%;  height:100%; overflow: hidden;}
.pic_news_group01 li img{width:100%;  height:100%; display:block;}

.pic_news_group01 li h1 a{  overflow:hidden;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  color:#2a2a2c; font-size:15px;  display:block;  margin-top: 15px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}

.pic_news_group01 li span {color:#9b9b9c; font-size: 12px; display:block; margin: 8px 0 10px 0px;}
.pic_news_group01 li p{ color: #9b9b9c; font-size:12px;  line-height: 22px; height: 44px; overflow: hidden; margin-top: 10px;}

.pic_news_group01 li:hover { box-shadow: 0 0 10px #888;}
.pic_news_group01 li h1:hover a{ color: #d83648;}

@media screen and (max-width: 1024px) and (min-width: 640px){
}

@media screen and (max-width: 640px){
    .pic_news_group01 li{ width:calc(100% - 20px);} 
}




/* 内页图片新闻列表02 *************/
.pic_news_group02{ width: 100%;;}
.pic_news_group02 ul{ margin-bottom:20px;}
.pic_news_group02 ul li{ overflow:hidden; padding:20px 0; border-bottom:#e0e0e0 1px dashed}
.pic_news_group02 ul li:hover{ cursor: pointer;}
    
.pic_news_group02 ul li .img,
.pic_news_group02 ul li .img img{ float:left; width:350px; height:220px; overflow:hidden; border: 1px #ccc solid; }
    
.pic_news_group02 ul li .img img{ border: 0px #ccc solid;} 
  
.pic_news_group02 ul li .con{ float:right; width:calc(100% - 350px ); padding:10px 10px 20px 20px}

.pic_news_group02 ul li .con h5,
.pic_news_group02 ul li .con h5 a{ font-size:17px; line-height: 20px; color:#169;text-decoration: none;}

.pic_news_group02 ul li .con h5 a:hover{ color:#B80000}

.pic_news_group02 ul li .con h6{ margin:18px 0 15px; font-size:13px; color:#828282}

.pic_news_group02 ul li .con p{ font-size:13px; line-height:22px; height:66px; overflow:hidden; color:#7f7f7f; margin-bottom:22px;}

.pic_news_group02 ul li .con .link_more a{ display:inline-block; padding:0 0 0 13px; font-size:13px; color:#7f7f7f;  border-left: 2px #169 solid; border-radius:0;text-decoration: none;
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;}

.pic_news_group02 ul li .con .link_more a:hover{color:#f50; border-left: 2px #f50 solid;}


@media screen and (max-width: 1024px) and (min-width: 640px){
}

@media screen and (max-width: 640px){
.pic_news_group02 ul li .con{ float:left; width:100%; padding:30px 10px 20px 20px}
}



/* 内页图片新闻列表03 *************/
.pic_news_group03 ul{font-size:0;margin:0px 0px;}
.pic_news_group03 ul li{ display:inline-block; width:calc(100% / 2 ); padding:8px 8px; overflow:hidden; box-sizing: border-box;}
    
.pic_news_group03 ul li a{ display:block;}
.pic_news_group03 ul li .img,
.pic_news_group03 ul li .img img{ width:100%; height:100%; object-fit:cover; overflow:hidden}
    
.pic_news_group03 ul li .con{ position:relative; float: left;}
.pic_news_group03 ul li .con .time{display:inline-block;width:70px;height:75px;background:#42a8f4;margin-top:-15px;text-align: center;padding: 15px 0 0;}
.pic_news_group03 ul li .con .time h3{font-size:22px;color:#fff;font-weight:bold; margin-top: 0px; margin-bottom: 10px;}
.pic_news_group03 ul li .con .time h5{font-size:14px;color:#fff;font-weight:100;}
.pic_news_group03 ul li .con_fr{width:calc(100% - 80px);padding: 10px 0 0;  float: right;}
.pic_news_group03 ul li .con_fr h5{ font-size:16px; color:#333232; line-height:24px; height:48px; overflow:hidden}
.pic_news_group03 ul li .bottom{border-top:#ddd 1px solid;padding: 10px 0 0;margin-top: 15px; position:relative}
.pic_news_group03 ul li .bottom:after{content:"";position:absolute;top:-1px;height:3px;background:#42a8f4;width:0;right:0;transition: 0.9s ease;}
.pic_news_group03 ul li .bottom p{font-size:12px;line-height:22px;height:66px;overflow:hidden;color:#9a9999;margin-bottom: 0;}
.pic_news_group03 ul li .bottom h6{ font-size:12px; color:#7c7b7b}
.pic_news_group03 ul li .bottom h6 img{ margin:-3px 6px 0 0}

.pic_news_group03 ul li a:hover .bottom:after{ left:0; width:100%}



/* 内页图片新闻列表03 *************/

.pic_news_group04 {}
.pic_news_group04 ul{font-size:0;margin-top:15px; width: 100%;}
.pic_news_group04 ul li{display:inline-block;width:calc(100% / 2);padding:0 5px;margin-bottom:25px;overflow: hidden;}
.pic_news_group04 ul li a{ display:block; overflow:hidden; position:relative}
.pic_news_group04 ul li a .img{ overflow:hidden}
.pic_news_group04 ul li a .img img{ width:100%; height:100%; object-fit:cover}
.pic_news_group04 ul li a .top{ height:40px; background:rgba(0,0,0,0.7); position:absolute; bottom:0; left:0; right:0; 
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;    }

.pic_news_group04 ul li a .top h5{ padding:0 15px; font-size:16px; color:#fff; line-height:24px;}
.pic_news_group04 ul li a .top p{padding:10px 25px 0px 25px; font-size:14px; color:#fff; line-height:24px; font-weight: 100; display: none; text-indent: 0px;}
.pic_news_group04 ul li a:hover .top{ height:100%; background:rgba(0,50,160,0.5); }
.pic_news_group04 ul li a:hover .img img{ transform:scale(1.07)}
.pic_news_group04 ul li a:hover .top p{ display:block;}




    
 









.article01{ margin:auto; width:100%; overflow: hidden;}
/*保护视力色*/
.vision_color { width:100%; line-height:20px; font-size:12px;  padding: 10px 0px;  position: absolute; right:5px;  margin-top: -50px; float: left;}

.vision_color b{font-size:12px; color:#aaa;float:left; margin-left: 10px;}
.vision_color .colors{ float: right; }
.vision_color .colors a {width: 10px; height:10px; float:left;border:#ccc 1px solid; margin:0px 3px; margin-top:5px; }

.vision_color .colors a:hover {border:#999 1px solid;float:left;}

.vision_color .colors00 {background:#ffffff;border:1px solid #000000;}
.vision_color .colors01 {background:#f1f2c6;border:1px solid #000000;}
.vision_color .colors02 {background:#efe1c4;border:1px solid #000000;}
.vision_color .colors03 {background:#f0dcd3;border:1px solid #000000;}
.vision_color .colors04 {background:#c4e86a;border:1px solid #000000;}
.vision_color .colors05 {background:#c5ecf3;border:1px solid #000000;}
.vision_color .colors06 {background:#d1c9ee;border:1px solid #000000;}
.vision_color .colors07 {background:#e6e7eb;border:1px solid #000000;}
.vision_color .colors08 {background:#ededea;border:1px solid #000000;}
.vision_color .font {float: right; }
.vision_color .font a{margin-right: 8px; }




/* 文章头部样式01*/
.content_head01 { width:100%; border-bottom:#ccc 0px dashed; margin-bottom:0px; }

.content_head01 .z_title { font-size:2.2rem; line-height:34px; padding: 5px 0px; width:100%; text-align:center; font-weight:bold; margin-top: 10px;}
.content_head01 .f_title { font-size:1.6rem; line-height:28px; width:100%; text-align:center;}

.content_head01 .voice {width:100%; padding:10px 0px 10px 0px;text-align: center; overflow: hidden;}
.content_head01 .read{margin: 10px auto; border-bottom:#ccc 1px dashed; padding:10px; }
.content_head01 .read li{padding: 8px 0px; text-align: center; }





/* 文章内容*/
.article_cont {width:100%;font-size:16px; line-height:32px; margin-bottom:10px; color:#666; overflow: hidden;}
.article_cont img{ margin:10px auto; vertical-align: middle; 
display: table-cell; /*主要是这个属性*/

                


}
.article_cont .read{padding:15px 0px; color:#666; font-weight:bold;}
.article_cont .read li{width:100px;font-size:15px;line-height:28px;  float:left;}
.article_cont .read .file{float:left;font-size:15px;line-height:28px; width:800px; font-weight:100}


/* 分享样式*/
.articl_share { width:100%; font-size:16px; line-height:30px;  margin-bottom:0px; overflow: hidden;}
.articl_share .app{float:left; margin-top:30px;}
.articl_share .app a{margin-left:1px;}
.articl_share .print{float:right; margin-top:30px;}
.articl_share .print a{margin-left:1px;}







.article001 { margin:auto; width:100%; overflow: hidden; padding: 10px 0px; line-height: 3rem;}

.article001 .margin_top { margin-top: 40px;  padding-top: 10px;}
.article001 .line_spacing {height: 80px; float: left;width: 100%;  }
.article001 .line_spacing01 {height: 20px; float: left;width: 100%;}

.article001 .b_box01 { border:1px solid #cadce5; padding: 0px 20px 25px; height: 200px;margin-top: 10px; }
.article001 .b_box02 { border:1px solid #cadce5; padding: 0px 20px 25px; height: 230px;margin-top: 10px; }



.article001 .article_cont { padding: 15px;}
.article001 p {line-height: 3rem; font-size: 18px;}
.article001 h3 { font-size: 2.4rem; line-height: 4rem; margin-top: 20px;}
.article001 h4 { font-size: 2.4rem; color:#ff5500; line-height: 4rem; margin-top: 20px;}


@media screen and (max-width: 640px){
.article001 .margin_top { margin-top: 10px;  padding: 0px; width: 100%;}
.article001 .article_cont { padding: 0px;}
.article001 p {line-height: 2.2rem; font-size: 16px;}
.article001 h3 { font-size: 1.8rem; line-height: 4rem; margin-top: 10px;}
.article001 h4 { font-size: 1.8rem; color:#ff5500; line-height: 3rem; margin-top: 10px;}
.article001 .line_spacing {height: 10px; float: left;width: 100%;} 
.article001 .line_spacing01 {height: 10px; float: left;width: 100%;}
    
.article001 .b_box01 { border:1px solid #cadce5; padding: 0px 20px 25px; height: auto;} 
.article001 .b_box02 { border:1px solid #cadce5; padding: 0px 20px 25px; height: auto;} 
}






/*按钮001*/
.article001 .link001 {display: table;width: 200px; float: left; margin: 1% 4% 0 10% ; }
.article001 .link001 a {display: table-cell; vertical-align: middle;text-align: center; width:200px; height: 200px; padding: 0px 0px; position: relative;color:#fff;
background: #2763d1;border-radius: 300px;  border:5px solid #a6c1f7;
-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.article001 .link001 a p {width: 100%;margin-top: 0px; }
.article001 .link001 a p img {width: 40%; }
.article001 .link001 a h3 {width: 100%;color:#335baa; font-size: 22px; margin-top: 15px;   color:#fff;}
.article001 .link001 a:hover{background:#ff6c00; border:10px solid #f0cdb3;}



.article001 ul .link001 .ani_border{position:absolute; display:block; left:0px;  top:0px; width:100%; height:100%; }

.article001 ul .link001 .ani_border:after{
position:absolute;width:0px;height:3px;background:#fff;content:'';
bottom:15px;left:50%;
    
-webkit-transition:all 0.3s;-moz-transition:all 0.3s;
-o-transition:all 0.3s;transition:all 0.3s;}

.article001 .link001 a:hover .ani_border:after{width: 10%;height: 3px;bottom:15px; left:45%; }



@media screen and (max-width: 1024px) and (min-width: 640px) {/*屏幕大于640-1024px*/
.article001 .link001  {width: 31%; float: left; margin: 0 0 0 2%; border-radius: 10px;}
.article001 .link001 a{ width:100%; padding: 0px;  border-radius:10px; float: left; height: auto; }
}	


@media screen and (max-width: 640px){
.article001 .link001  {width: 31%; float: left; margin: 0 0 0 2%; border-radius: 10px;}
.article001 .link001 a{ width:100%; padding: 0px;  border-radius:10px; float: left; height: auto; }
.article001 .link001 a p img {width: 50%; }
.article001 .link001 a h3 {width: 100%;color:#335baa; font-size: 16px; margin-top: -10px; color:#fff;line-height:30px; padding: 20px 0 10px 0;}

.article001 ul .ani_border { display:none;}
.article001 .link001 a:hover{background:#ff6c00; border:5px solid #f0cdb3;}
    
}

/*按钮001*/







/*按钮002*/
.article001 .link002 {display: table; margin:0 auto; }
.article001 .link002 a {display: table-cell; width:160px; height: 160px;vertical-align: middle;text-align: center;  padding: 0px 0px; position: relative;color:#fff;
background: #2763d1;border-radius: 300px;  border:5px solid #a6c1f7;
-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.article001 .link002 a p {width: 100%;margin-top: 0px; }
.article001 .link002 a p img {width: 50%; }



.article001 .link002 a h3 {width: 100%;color:#335baa; font-size: 22px; margin-top:-19px;color:#fff; line-height: 30px;}

.article001 .link002 a .col01 {margin-top:-0px;}
.article001 .link002 a .col02 {margin-top:-5px;}



.article001 .link002 a:hover{background:#ff6c00; border:10px solid #f0cdb3;}


.article001 ul .link002 .ani_border{position:absolute; display:block; left:0px;  top:0px; width:100%; height:100%; }

.article001 ul .link002 .ani_border:after{
position:absolute;width:0px;height:3px;background:#fff;content:'';
bottom:15px;left:50%;
    
-webkit-transition:all 0.3s;-moz-transition:all 0.3s;
-o-transition:all 0.3s;transition:all 0.3s;}

.article001 .link002 a:hover .ani_border:after{width: 10%;height: 3px;bottom:15px; left:45%; }



@media screen and (max-width: 1023px) and (min-width: 640px) {/*屏幕大于640-1024px*/
.article001 .link002  {float: left; margin: 0 0 0 2%; }
.article001 .link002 a{width:160px; height: 160px;  border-radius: 200px; margin: 30px 0 0 -20px; float: left; }
.article001 .link002 a p img {width: 50%; margin-top: 40px; }
.article001 .link002 a h3 {width: 100%;color:#335baa; font-size: 20px; line-height: 30px; margin-top: 40px; color:#fff;}
    
.article001 .link002 a .col01 {margin-top:60px;}
.article001 .link002 a .col02 {margin-top:40px;}
}	


@media screen and (max-width: 640px){
.article001 .link002  {float: left; margin: 0 0 0 2%; }
.article001 .link002 a{width:100px; height: 160px;   padding: 0px;  border-radius:100px; margin: 0 auto; }
.article001 .link002 a p img {width: 40%; }
.article001 .link002 a h3 {width: 100%;color:#335baa; font-size: 16px; margin-top: 0px; color:#fff;}

.article001 ul .ani_border { display:none;}
.article001 .link002 a:hover{background:#ff6c00; border:5px solid #f0cdb3;}
    
}

/*按钮002*/


/*按钮003*/
.article001 .link003 { margin: 0 0 0 1.3%; float: left; width: calc(100%/5 - 1.5%); }
.article001 .link003 a {display: block; height:auto;vertical-align: middle;text-align: center;  padding: 0px 0px; position: relative;color:#fff;
background: #2763d1; 
-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.article001 .link003 a p {width: 100%; }
.article001 .link003 a p img { margin: 0px; width: 100%;}
.article001 .link003 a .pic { width: 100%; position:absolute; top:50px;  left: 0; right:0;z-index: 99 }

.article001 .link003 a .pic img { width: 50%;  }

.article001 .link003 a h3 {width: 100%;color:#335baa; font-size: 22px; color:#fff;  position:absolute; top:0px; margin-top: 200px; left: 0; right:0;z-index: 99 }




.article001 .link003 a:hover{background:#ff6c00; }


.article001 ul .link003 .ani_border{position:absolute; display:block; left:0px;  bottom:0px; width:100%; height:0%; background:rgba(0,0,0,0);
-webkit-transition:all 0.6s;-moz-transition:all 0.6s;
-o-transition:all 0.6s;transition:all 0.6s;}

.article001 .link003 a:hover .ani_border{ background:rgba(0,0,0,0.4);height:100%; }



.article001 ul .link003 .ani_border:after{
position:absolute;width:0px;height:3px;background:#fff;content:'';bottom:15px;left:50%;
-webkit-transition:all 0.3s;-moz-transition:all 0.3s;
-o-transition:all 0.3s;transition:all 0.3s;}

.article001 .link003 a:hover .ani_border:after{width: 80%;height: 3px;bottom:15px; left:10%; }



@media screen and (max-width: 1023px) and (min-width: 640px) {/*屏幕大于640-1024px*/

.article001 .link003 a h3 { font-size: 18px; }    
}	


@media screen and (max-width: 640px){
.article001 .link003 { margin: 10px 10px 0 0px; float: left; width: calc(100%/3 - 10px); }
    
.article001 .link003 a h3 { font-size: 16px; }
    

}

/*按钮003*/





/***按钮004***/  
.article001 .link004 {overflow: hidden;}
.article001 .link004 li{float: left; width: 33%; }
.article001 .link004 li a{width: 90%; height: 80px; line-height: 80px; background: #e2e9f7; border-radius: 5px; border:1px solid #a6c1f7; font-size: 18px; text-align: center; color:#335baa; font-weight: 600; margin: 10px auto; display: block;white-space:nowrap; text-overflow:ellipsis;overflow: hidden; padding: 0 5px;}



.article001 .link004 li a:hover{background: #1549b5; border:4px solid #a5beed; color:#fff;line-height: 76px;font-weight: 600; }


@media screen and (max-width: 1024px) and (min-width: 640px){
.article001 .link004 li{float: left; width: 33%; }
.article001 .link004 li a{ font-size: 16px;}
}


@media screen and (max-width: 640px){
.article001 .link004 li{float: left; width: 100%; }
.article001 .link004 li a{ font-size: 15px;height: 50px; line-height: 50px;}
    
 .article001 .link004 li a:hover{background: #1549b5; border:4px solid #a5beed; color:#fff;line-height: 46px;font-weight: 600; }
   
}

/***按钮004***/  



.article001 .link004b li{float: left; width: 50%; }
.article001 .link004b li a{width: 90%; height: 100px; line-height: 40px; background: #e2e9f7; border-radius: 5px; border:1px solid #a6c1f7; font-size: 18px; text-align: center; color:#335baa; font-weight: 600; margin: 10px auto; display: block;white-space:nowrap; text-overflow:ellipsis;overflow: hidden; padding: 10px 5px;}

.article001 .link004b li a:hover{background: #1549b5; border:4px solid #a5beed; color:#fff;line-height: 36px;font-weight: 600; }


@media screen and (max-width: 640px){
.article001 .link004 li{float: left; width: 100%; }
.article001 .link004 li a{ font-size: 15px;height: 60px; line-height: 20px;}
    
.article001 .link004 li a:hover{background: #1549b5; border:4px solid #a5beed; color:#fff;line-height: 16px;font-weight: 600; }
    
}

/***按钮004***/  





/*按钮005*/
.article001 .link005 { margin: 0 0 0 1.3%; float: left; width: calc(100% - 1.5%); }
.article001 .link005 a {display: block; height:auto;vertical-align: middle;text-align: center;  padding: 0px 0px; position: relative;color:#fff;
background: #2763d1; 
-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.article001 .link005 a p {width: 100%; }
.article001 .link005 a p img { margin: 0px; width: 100%;}
.article001 .link005 a .pic { width: 100%; position:absolute; top:30%;  left: 0; right:0;z-index: 99 }

.article001 .link005 a .pic img { width: 10%  }

.article001 .link005 a h3 {width: 100%;color:#335baa; font-size: 22px; color:#fff;  position:absolute; top:50%; left: 0; right:0;z-index: 99 }




.article001 .link005 a:hover{background:#ff6c00; }


.article001 ul .link005 .ani_border{position:absolute; display:block; left:0px;  bottom:0px; width:100%; height:0%; background:rgba(0,0,0,0);
-webkit-transition:all 0.6s;-moz-transition:all 0.6s;
-o-transition:all 0.6s;transition:all 0.6s;}

.article001 .link005 a:hover .ani_border{ background:rgba(0,0,0,0.4);height:100%; }



.article001 ul .link005 .ani_border:after{
position:absolute;width:0px;height:3px;background:#fff;content:'';bottom:15px;left:50%;
-webkit-transition:all 0.3s;-moz-transition:all 0.3s;
-o-transition:all 0.3s;transition:all 0.3s;}

.article001 .link005 a:hover .ani_border:after{width: 10%;height: 3px;bottom:15px; left:45%; }



@media screen and (max-width: 1023px) and (min-width: 640px) {/*屏幕大于640-1024px*/


.article001 .link005 a .pic {top:30%;  }
.article001 .link005 a h3 { font-size: 18px; top:50%;}
}	


@media screen and (max-width: 640px){
.article001 .link005 { margin: 10px 10px 0 0px; float: left; width: calc(100% - 10px); }
.article001 .link005 a .pic {top:20%; }
.article001 .link005 a .pic img { width: 15%  }
.article001 .link005 a h3 { font-size: 16px; top:50%;}
    

}

/*按钮005*/



/*按钮006*/
.article001 .link006 { margin: 0 0 0 1.3%; float: left; width: calc(100%/5 - 1.5%); }
.article001 .link006 a {display: block; height:auto;vertical-align: middle;text-align: center;  padding: 0px 0px; position: relative;color:#fff;
-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.article001 .link006 a p {width: 100%; }
.article001 .link006 a p img { margin: 0px; width: 100%; }
.article001 .link006 a .pic { width: 100%; position:absolute; top:-10px; left: 0; right:0;z-index: 99; }

.article001 .link006 a .pic img { width: 0%;  position:absolute; top:100px; left:50%;
-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;


}

.article001 .link006 a h3 {width: 100%;color:#335baa; font-size: 22px; color:#fff;  position:absolute; top:0px; margin-top:70px; left: 0; right:0;z-index: 99 }


.article001 .link006 a:hover{background:none; }


.article001 .link006 a:hover .pic img {width: 100%; top:0%; left:0%; }


.article001 ul .link006 .ani_border{position:absolute; display:block; left:0px;  bottom:0px; width:100%; height:0%; background:rgba(0,0,0,0); border-radius: 12px;
-webkit-transition:all 0.6s;-moz-transition:all 0.6s;
-o-transition:all 0.6s;transition:all 0.6s;}

.article001 .link006 a:hover .ani_border{ background:rgba(0,0,0,0.4);height:100%; }

.article001 ul .link006 .ani_border:after{
position:absolute;width:0px;height:2px;background:rgba(255,255,255,0.5);content:'';bottom:60px;left:50%;
-webkit-transition:all 0.3s;-moz-transition:all 0.3s;
-o-transition:all 0.3s;transition:all 0.3s;}

.article001 .link006 a:hover .ani_border:after{width: 0%;height: 2px;bottom:60px; left:30%; }


@media screen and (max-width: 1023px) and (min-width: 640px) {/*屏幕大于640-1024px*/

.article001 .link006 a h3 { font-size: 18px; margin-top:30px; }    
}	


@media screen and (max-width: 640px){
.article001 .link006 {display: none;    }
.article001 .link006 { margin: 10px 10px 0 0px; float: left; width: calc(100%/3 - 10px); }
.article001 .link006 a h3 { font-size: 16px; margin-top:20px;}
    

}

/*按钮006*/



/*分类导航*/
.item_nav_group { margin-top: -100px; padding-bottom: 30px; overflow: hidden;}
.item_nav_group .link01 {display: table;width: 25%; float: left; margin: 0 4% 0 4% ; }
.item_nav_group .link01 a {display: table-cell; vertical-align: middle;text-align: center; width:32%; padding: 40px 0px; position: relative; box-shadow: 0 5px 20px rgba(0,0,0,0.3);
background: #ff6c00;border-radius: 10px;  border:2px solid #00d7d4;background: linear-gradient(45deg,#2777d1,#00d7d4);

}
 
.item_nav_group .link01 .on { border:2px solid #ffa800;background: #ff6c00;background: linear-gradient(45deg,#ff6c00,#ffa800); }

.item_nav_group .link01 a p {width: 100%;margin-top: -20px; }
.item_nav_group .link01 a p img {width: 24%; }
.item_nav_group .link01 a h3 {width: 100%; color:#fff; font-size: 22px; margin-top: 15px;}
/*.item_nav_group .link01 a:hover{background: #ff6c00;  border:2px solid #a6c1f7; background: linear-gradient(165deg,#00d7d4,#2777d1); }*/


.item_nav_group ul .ani_border{position:absolute; display:block; left:0px;  top:0px; width:100%; height:100%; }

.item_nav_group ul .ani_border:after{
position:absolute;width:0px;height:3px;background:#fff;content:'';bottom:20px;left:50%;
-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}


.item_nav_group .link01 a:hover .ani_border:after{left:0px; width: 30%;height: 3px; bottom:20px;left:35%;}


@media screen and (max-width: 640px){
.item_nav_group { margin-top: 20px; padding-bottom: 10px; overflow: hidden;}
    
.item_nav_group .link01  { right: -40px; top:350px; }
.item_nav_group .link01 a{ width:33%; padding: 20px 0px;  border-radius:5px; box-shadow: 0 0 0; background: #2763d1; border:1px solid #7994c9;}
.item_nav_group .link01 .on{ background: #2763d1; border:1px solid #7994c9;}
.item_nav_group .link01 a p img {width: 50%; }
.item_nav_group .link01 a p{ height:30px; margin-top: -10px;}  
.item_nav_group .link01 a h3{ font-size: 14px; margin-top: 25px;}  

.item_nav_group ul .ani_border { display:none;}
  
}

/*分类导航*/



/*分类导航*/
.item_nav_about { margin-top: -90px; padding-bottom: 30px; overflow: hidden;}
.item_nav_about .link01 {display: table;width: 22%; float: left; margin: 0 1.5% 0 1.5% ; }
.item_nav_about .link01 a {display: table-cell; vertical-align: middle;text-align: center; width:32%; padding: 40px 0px; position: relative; box-shadow: 0 5px 20px rgba(0,0,0,0.3);
background: #ff6c00;border-radius: 10px;  border:2px solid #00d7d4;background: linear-gradient(45deg,#2777d1,#00d7d4);

}
 
.item_nav_about .link01 .on { border:2px solid #ffa800;background: #ff6c00;background: linear-gradient(45deg,#ff6c00,#ffa800); }

.item_nav_about .link01 a p {width: 100%;margin-top: -20px; }
.item_nav_about .link01 a p img {width: 24%; }
.item_nav_about .link01 a h3 {width: 100%; color:#fff; font-size: 22px; margin-top: 5px;}
.item_nav_about .link01 a h4 {width: 100%; color:#fff; font-size: 16px; margin-top: 25px; font-weight:normal;}
/*.item_nav_group .link01 a:hover{background: #ff6c00;  border:2px solid #a6c1f7; background: linear-gradient(165deg,#00d7d4,#2777d1); }*/


.item_nav_about ul .ani_border{position:absolute; display:block; left:0px;  top:0px; width:100%; height:100%; }

.item_nav_about ul .ani_border:after{
position:absolute;width:0px;height:3px;background:#fff;content:'';bottom:20px;left:50%;
-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}


.item_nav_about .link01 a:hover .ani_border:after{left:0px; width: 30%;height: 3px; bottom:20px;left:35%;}


@media screen and (max-width: 640px){
.item_nav_about { margin-top: 20px; padding-bottom: 10px; overflow: hidden;}
    
.item_nav_about .link01  { right: -40px; top:350px; }
.item_nav_about .link01 a{ width:33%; padding: 20px 0px;  border-radius:5px; box-shadow: 0 0 0; background: #2763d1; border:1px solid #7994c9;}
.item_nav_about .link01 .on{ background: #2763d1; border:1px solid #7994c9;}
.item_nav_about .link01 a p img {width: 50%; }
.item_nav_about .link01 a p{ height:30px; margin-top: -10px;}  
.item_nav_about .link01 a h3{ font-size: 14px; margin-top: 15px; margin-bottom: 10px;}  
.item_nav_about .link01 a h4{ display: none;}  
.item_nav_about ul .ani_border { display:none;}
  
}

/*分类导航*/


.table_css01 { width: 100%; border:1px solid #dedede; line-height: 42px; padding: 10px;} 
.table_css01 .tdbg { background: #ddd;}
.table_css01 td { padding-left: 15px; height: 42px; overflow: hidden; white-space:nowrap;text-overflow:ellipsis;}
.table_css01 tr { background: #eee;}
.table_css01 a { color:#555;}
.table_css01 a:hover { color:#000;}