@charset "UTF-8";
@import "kefu.css";
/**
 *
 * @authors jason (jason@0769html.com)
 * @date    2023-3-19 23:26:35
 * @version red-css3-S1
 * @for ie9+
 */
/*****************************************************************全站通用样式**********************************************************************/
* { margin: 0px; padding: 0px; font-family: "MicroSoft YaHei", "SimHei";}
li {list-style: none; }
img { border: 0; }
body{ background-color: #fff; }
.clear { clear: both; }
.page_main { margin-left: auto; margin-right: auto; width: 1400px; }
.page_main2{ margin-left: auto; margin-right: auto; width: 1400px; }
.page_cont { margin-left: auto; margin-right: auto; width: 1400px; }
.page_full { width: 100%; }
.page_nav{height: 60px;background-color: #efefef;}
.index_box01{ background-color: #fff; width: 100%; }
.index_box02{ background-color: #f5f5f5; width: 100%; }
a{ color: #333; text-decoration: none; }
a:hover{ color: #01478F;}
h1,h2,h3,h4{ font-family: "MicroSoft YaHei", "SimHei"; font-weight: normal; }

/*home title*/
.htitle_01{ text-align: center; padding-bottom: 30px; }
.htitle_01 .btitle{ font-size: 36px; font-weight: bold; margin-bottom: 10px; }
.htitle_01 .btitle em{ color: #01478F; font-style: normal; }
.htitle_01 .stitle{ font-size: 20px; color: #666;}
.htitle_02{ text-align: center; padding-bottom: 30px; }
.htitle_02 .btitle{ font-size: 36px; font-weight: bold; margin-bottom: 15px;color: #fff; }
.htitle_02 .btitle em{ color: #fff; font-style: normal; }
.htitle_02 .stitle{ font-size: 20px; color: #fff; background-color: #EB540D; padding: 10px 20px; display: inline-block; position: relative; }
.htitle_02 .line{ height: 1px; background-color: #ddd; overflow: hidden; margin-top: -25px; }

/************************************************************************************页面顶部样式*****************************************************/
.header { background-color: #fff; padding-top: 10px; }
.header .top{background-image:url('../images/head_top_bg.png');background-size: cover;height: 34px;overflow: hidden; color: #fff;font-size: 14px;line-height: 34px;}
.header .top .welcome{float: left;}
.header .top .tools{float: right;width: 455px;height: 34px;overflow: hidden;background-image:url('../images/head_top_r.png');background-repeat:no-repeat;background-color: #FF5B0D;text-align: right;}

.head_nav{height: 138px;overflow: hidden;}
.head_nav .logo { float: left; font-family: "MicroSoft YaHei", "SimHei"; color: #333333; height: 138px;margin-top: 20px;max-width: 620px;overflow: hidden;}
.head_nav .logo img { float: left; }
.head_nav .logo .company_name { float: left; }
.head_nav .logo h2 { font-size: 30px; line-height: 40px; margin-top: 12px; -webkit-font-smoothing: antialiased; font-weight: normal; }
.head_nav .logo h3 { font-size: 14px; line-height: 20px; color: #999999; font-family: "Verdana"; font-weight: normal; }

.navmenu{float: right;max-width: 980px;overflow: hidden;margin-top: 40px;}
.navmenu ul{list-style: none;}
.navmenu ul li{display: inline;border-left: #eee solid 1px;padding: 0px 2px 0px 4px;}
.navmenu ul li:first-child{border-left: 0px;}
.navmenu ul li a{font-size: 20px;line-height: 24px;padding: 14px 14px;border-radius: 5px;display: inline-block;}
.navmenu ul li a:hover{background-color: #01478F;color: #fff;}

.searchbar{height: 80px;background-color: #f6f6f6;overflow: hidden;}
.searchbar .keywords{float: left;width: 760px;overflow: hidden;line-height: 80px;}
.searchbar .searbox{float: right;width: 410px;line-height: 45px; border: #ddd solid 1px;background-color: #fff;border-radius:22px;margin-top: 18px;}
.searchbar .searbox input{ border: none; background:none; outline: none;line-height: 45px;}
.searchbar .searbox #keyword{width: 335px;float: left;padding-left: 20px;}
.searchbar .searbox #s_btn{width: 50px;background: url('../images/sear_btn.png') no-repeat center;float: right;}

/* 首页 */
.index_con{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.index_con .textcon{padding: 70px 60px;}
.index_con .title1{font-size: 68px;}
.index_con .title1 .color_w{color: #fff;}
.index_con .title1 .color_r{color: red;}
.index_con .title1 .b{font-weight: bold;}
.index_con .title1_desc{font-size: 26px;width: 800px;line-height: 44px;padding: 20px 0px;}

.index_con .title2{font-size: 40px;padding: 20px 0px;}
.index_con .title2 span{border-radius: 35px;display: inline-block;padding: 10px 30px;}
.index_con .title2 span.b1{background-color: #eee;}
.index_con .title2 span.fontb{font-weight: bold;}

.index_con .title3{font-size: 40px;padding: 0px 0px;margin-left: -30px;}
.index_con .title3 span{border-radius: 35px;display: inline-block;padding: 10px 30px;}
.index_con .title3 span.w{color: #fff;}
.index_con .title3 span.b1{background-color: red;color: #fff;}
.index_con .title3 span.fontb{font-weight: bold;}

.index_con .title4{font-size: 30px;padding: 0px 0px;line-height: 50px; color: #fff;}

.index_con .list{padding: 20px;margin-left: 5px;}
.index_con .list ul{list-style-type:square;}
.index_con .list ul li{font-size: 30px;color: #fff;list-style: square;}

.index_con .list2{padding: 20px;margin-left: 5px;}
.index_con .list2 ul{list-style-type:square;}
.index_con .list2 ul li{font-size: 30px;color: #000;list-style: square;}


.index_con .list3{padding: 20px;margin-left: 5px;}
.index_con .list3 ul{list-style-type:square;}
.index_con .list3 ul li{font-size: 30px;color: #000;list-style: square;}

.index_con .list4{padding: 0px;}
.index_con .list4 ul{}
.index_con .list4 ul li{font-size: 28px;color: #000;list-style: none;}

.index_table1{
	display: flex;
	flex-direction: row;	
}
	

.index_table1 > div{width: 50%;}
.index_table1 .left{padding: 20px;}

.index_table1 img{width: 100%;height: 100%;transition: transform 0.5s ease;}
.index_table1 img:hover{transform: scale(1.05);box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);}

.index_table1 .right{
	display: flex;
	flex-direction: column;
	padding: 20px;
	padding-left: 0px;
}

.index_table1 .right >div
{
	height: 35%;
}

.index_table1 .right >div:nth-child(1)
{
	height: 65%;
}

.index_table1 .right .r2_2{
	display: flex;
	flex-direction: row;
	padding-top: 20px;
}
.index_table1 .right .r2_2 >div{width: 30%;padding-right: 20px;}
.index_table1 .right .r2_2 >div:nth-child(2){}
.index_table1 .right .r2_2 >div:last-child{width: 40%;padding: 0px;}


.index_con_bg1 {
 margin-top: 80px;	
  width: 100%; /* 容器宽度 */
  height: 730px; /* 容器高度 */
  background-image: url('../images/index_bg1.jpg');
  background-size: 100% 100%; /* 或 background-size: contain; */
  background-position: center; /* 保持图片居中 */
  background-repeat: no-repeat; /* 不重复背景图片 */
}



.index_con_bg2 {
 margin-top: 80px;	
  width: 100%; /* 容器宽度 */
  height: 730px; /* 容器高度 */
  background-image: url('../images/index_bg2.jpg');
  background-size: 100% 100%; /* 或 background-size: contain; */
  background-position: center; /* 保持图片居中 */
  background-repeat: no-repeat; /* 不重复背景图片 */
}

.index_con_bg3 {
 margin-top: 80px;	
  width: 100%; /* 容器宽度 */
  height: 730px; /* 容器高度 */
  background-image: url('../images/index_bg3.jpg');
  background-size: 100% 100%; /* 或 background-size: contain; */
  background-position: center; /* 保持图片居中 */
  background-repeat: no-repeat; /* 不重复背景图片 */
}

.index_con_bg4 {
 margin-top: 80px;	
  width: 100%; /* 容器宽度 */

  background-color: #6980AC;
  background-size: 100% 100%; /* 或 background-size: contain; */
  background-position: center; /* 保持图片居中 */
  background-repeat: no-repeat; /* 不重复背景图片 */
}

.index_con_bg5 {
 margin-top: 80px;	
  width: 100%; /* 容器宽度 */
  height: 730px; /* 容器高度 */
  background-image: url('../images/index_bg5.jpg');
  background-size: 100% 100%; /* 或 background-size: contain; */
  background-position: center; /* 保持图片居中 */
  background-repeat: no-repeat; /* 不重复背景图片 */
}


.index_xuqiu{margin-top: 150px; text-align: center;color: #333;}
.index_xuqiu .box{border: 4px solid #555; width: 1000px;margin-left: auto; margin-right: auto;position: relative;padding: 50px;}
.index_xuqiu .title1{position: absolute;top: -30px;font-size: 40px;background-color: #fff;padding: 0px 30px;left: 50%;transform: translateX(-50%);font-weight: bold;}
.index_xuqiu .title2{font-size: 30px;line-height: 50px;}
.index_xuqiu .title2 span{display: block;}




/*  */

/*导航条样式*/
.navbg{ background-color: #01478F; z-index: 9; position:relative; } /*因为导航条有半透明效果，所以这里要多加一个背景层*/
.nav { clear: both; background-color: #01478F; height: 70px; width: 100%; background: rgba(105, 67,154, 0.8) none repeat scroll 0 0 !important; /*实现FF背景透明，文字不透明*/ filter: Alpha(opacity=80); background: #01478F; /*实现IE背景透明*/; }
.nav ul { margin-left: auto; margin-right: auto; height: 70px;font-size: 14px; float: left;}
.nav ul>li {line-height: 69px; list-style: none; float: left; position: relative; -webkit-transform: perspective(1px) translateZ(10); transform: perspective(1px) translateZ(10); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color; }
.nav ul>li>a { padding: 0px 25px 0px 25px; color: #FFFFFF; text-decoration: none; font-size: 16px;}
.nav ul>li:hover { background-color: #01478F;}
.nav ul>li.curr { background-color: #EB540D; }
/*level2 nav*/
.nav ul>li>ul { display: none; position: absolute; margin: 0px; z-index: 10; width: 200px; height: auto; top: 70px; left: 0px; padding: 3px; line-height: 40px; background-color: #01478F;}
.nav ul>li>ul>li { float: none; clear: both; position: relative; line-height: 40px; height: 40px; border-top: 1px solid #1f1f1f; }
.nav ul>li>ul>li:first-child { border: 0px; }
.nav ul>li>ul>li:hover { background-color: #01478F; }
.nav ul>li:hover>ul { display: block; }
.nav ul>li>ul>li>a{ font-weight: normal; }
/*level3 nav*/
.nav ul li ul li ul { display: none; position: absolute; margin: 0px; z-index: 10; width: 200px; height: auto; top: -3px; left: 100%; padding: 3px; line-height: 40px; background-color: #01478F;  }
.nav ul li ul li ul li { float: none; clear: both; position: relative; line-height: 40px; height: 40px; border-top: 1px solid #1f1f1f; }
.nav ul li ul li ul li:first-child { border: 0px; }
.nav ul li ul li ul li:hover { background-color: #01478F; }
/*nav search*/
.nav .search_ico{float: right;position: relative;background-color: #7652a4; height: 70px;transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color;}
.nav .search_ico:hover{background-color: #01478F;}
.nav .search_ico i{height: 70px;line-height: 70px;overflow: hidden;color: #ddd;font-size: 30px;font-weight: 50;padding: 0px 30px;}
.nav .search_ico:hover i{color:#01478F ;}
.nav .search_ico .searchbar{ height: 60px;width: 320px;position: absolute;display: none;background-color: #01478F;right: 0px;padding: 20px;}
.nav .search_ico:hover .searchbar{display: block;}
.nav .searchbar form{ margin-top: 14px; padding: 0px; font-size: 0; }
.nav .searchbar .keyword{ float: left; width: 250px; margin: 0px; padding: 0px 6px 0px 12px; border: 0; height: 40px; line-height: 40px;font-size: 16px; outline:none; overflow: hidden; border-radius:4px 0 0 4px; }
.nav .searchbar .button{ float: left; margin: 0px; border: 0; padding: 0px 10px 0px 10px; line-height: 40px; font-size: 16px; line-height: 40px; background-color: #01478F; min-width: 40px; color: #fff; border-radius:0 4px 4px 0; background-image: url(../images/search_ico.png); background-position: center; background-repeat: no-repeat; }
.smallbanner{ background-repeat: no-repeat; background-position:center 0; width: auto; height: 300px; background-color: #ebebeb; background-size:cover; }
/*Banner*/
.banner { position: relative; }
/* index_adnumber */


/*huxi bnt*/
.huxibtn {position: relative;width: 80px;height: 80px;border-radius: 50%;background:#01478F;margin-left: auto;margin-right: auto;text-align: center;font-size: 50px;color: #fff;}
.huxibtn::before {
	content: '';
	position: absolute;
	top: -25%;
	left: -25%;
	transform: translate(-50%, -50%);
	width: 120px;
	height: 120px;
	background: #01478F;
	border-radius: 50%;
	opacity: 0;
	animation: danyang 1.6s ease-out 1.5s infinite normal;
  }
@keyframes danyang {
    0%   { opacity: 0.6;-webkit-transform: scale(1); }
    25%   {opacity: 0.3;-webkit-transform: scale(1.1); }
    50%   {opacity: 0.1;-webkit-transform: scale(1.1); }
    75%   {opacity: 0;-webkit-transform: scale(1.1); }
    90%   {opacity: 0;-webkit-transform: scale(1.1); }
    100% { opacity: 0;-webkit-transform: scale(1.1);}
}
.huxibtn::after{
	content: '+';
	position: absolute;
	top:0;
	left:0;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
}
/*bmore bnt*/
.bmore_bnt{
	text-align: center;
	color: #fff;
	display: inline-block;
	background-color: #8B009A;
	font-size: 20px;
	line-height: 30px;
	padding: 10px 30px;
	border-radius: 25px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color, background-color,padding;
	transition-property: color, background-color,padding;
}
.bmore_bnt:hover{color: #fff;text-decoration: none;padding: 10px 80px;}
/*bmore bnt*/
.bmore_bnt2{
	text-align: center;
	color: #333;
	display: inline-block;
	background-color: #fff;
	font-size: 20px;
	line-height: 28px;
	padding: 10px 30px;
	border: 2px solid #ccc;
	border-radius: 25px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color, background-color,padding;
	transition-property: color, background-color,padding;
}
.bmore_bnt2:hover{color: #fff;text-decoration: none;background-color: #01478F;border: 2px solid #01478F;}
/********************************************************************************首页style*************************************************************/
/*首页滚动图片列表01*/

@keyframes rotate {
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}

/*links style*/
.links .title01 { font-size: 24px; text-align: left; color: #01478F; line-height: 32px; height: 32px; font-family: "MicroSoft YaHei", "SimHei"; overflow: hidden; }
.links .title01 span{ font-size: 14px; color: #999; }
.links .line { border-bottom: 2px solid #01478F; }
.links .links_list { margin-top: 10px; background-color: #fff; margin-bottom: 20px; }
.links .links_list ul { padding: 12px; min-height: 28px; }
.links .links_list ul li { float: left; margin-right: 20px; margin-left: 20; }
.links .links_list ul li a { font-size: 14px; color: #999; line-height: 28px; text-decoration: underline; }
.links .links_list ul li a:hover { color: #01478F; }

/*footer*/
.footer { color: #333; line-height: 1.6; margin-top: 80px; background: #fff;padding-top: 50px;}
.footer a { color: #333; }
.footer .footnav{}
.footer .footnav ul{height: 150px;}
.footer .footnav ul>li{float: left;text-align: left;}
.footer .footnav ul>li.navlinks{width: 200px;padding-left: 30px;border-left: 1px solid #eee;}
.footer .footnav ul>li.navlinks2{border-right: 1px solid #eee;padding-left: 40px;width: 150px;}
.footer .footnav ul>li.navlinks ul{padding-top: 10px;}
.footer .footnav ul>li.navlinks .title{font-size: 26px;}
.footer .footnav ul>li.navlinks li{float: left;width: 60%;font-size: 16px;line-height: 30px;}
.footer .footnav ul>li.navlinks li.s2{float: none;}
.footer .footnav ul>li.contact{padding-left: 30px;width: 470px;}
.footer .footnav ul>li.contact .title{font-size: 26px;}
.footer .footnav ul>li.contact .tel{border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin: 15px 0px;padding: 15px 0px;color: #333;}
.footer .footnav ul>li.contact .tel .tt{color: #666;}
.footer .footnav ul>li.contact .tel span{color:#01478F;font-size: 22px;}
.footer .footnav ul>li.contact i{margin-right: 12px;}
.footer .footnav ul>li.qrcode{float: right;}
.footer .footnav ul>li.qrcode ul{}
.footer .footnav ul>li.qrcode ul li{text-align: center;}
.footer .footnav ul>li.qrcode ul li:nth-child(1){margin-right: 40px;}

.footer .footinfo{border-top: 1px solid #ccc;margin-top: 40px;padding: 40px 0px;background: #D5D5D5; color: #000;}
.footer .footinfo a{color: #000;}
.footer .footinfo .gotop{position: absolute;right: 0px;top: 0px;font-size: 22px;cursor: pointer;}
.footer .footinfo .gotop:hover{color:#fff;}
.footer .footinfo .gotop span{}
.footer .footinfo .gotop i{margin-left: 10px;}
/*********************************************************************************page style1****************************************************/

.page_list{}
.page_list li{display: inline-block;font-size: 18px;line-height: 60px;padding: 0px 20px;}
.page_list li:hover,.page_list li.curr{background-color: #01478F;color: #fff;}
.page_list li:hover a, .page_list li:hover a:hover{color: #fff;}
.page_list li.curr a{color: #fff;}

.page_style01{margin-top: 40px; }
.page_style01 .page_info{ line-height: 80px; }
.page_style01 .catpos{ font-size: 12px; float: right; }
.page_style01 .catname{ float: left; }
.page_style01 .catname h1{ font-size: 24px; }
.page_style01 .catname i{ margin-right: 10px; }
.page_style01 .catnav{ padding: 10px; background-color: #fff; margin-bottom: 40px;border-radius: 10px; border: #ddd solid 1px;}
.page_style01 .catnav .catlevel1{ }
.page_style01 .catnav .catlevel1 ul{ margin-left: -20px; }
.page_style01 .catnav .catlevel1 ul>li{ float: left; margin-left: 20px; font-size: 18px; background-color: #f5f5f5; padding: 15px 30px 15px 30px; border-radius: 5px; }
.page_style01 .catnav .catlevel1 ul>li>a{ text-decoration: none; }
.page_style01 .catnav .catlevel1 ul>li:hover{ background-color: #01478F; }
.page_style01 .catnav .catlevel1 ul>li:hover a{ color: #fff; }
.page_style01 .catnav .catlevel2{ clear: both; border-top: 1px solid #f5f5f5; margin-top: 10px; padding-top: 10px; }
.page_style01 .catnav .catlevel2 ul{ margin-left: -20px; }
.page_style01 .catnav .catlevel2 ul>li{ float: left; margin-left: 20px; font-size: 15px; background-color: #f5f5f5; padding: 10px 20px 10px 20px; border-radius: 5px; }
.page_style01 .catnav .catlevel2 ul>li>a{ text-decoration: none; }
.page_style01 .catnav .catlevel2 ul>li:hover{ background-color: #01478F; }
.page_style01 .catnav .catlevel2 ul>li:hover a{ color: #fff; }
.page_style01 .catnav .catlevel1 li.curr{ background-color: #01478F; }
.page_style01 .catnav .catlevel1 li.curr a{ color: #fff; }
.page_style01 .catnav .catlevel2 li.curr{ background-color: #01478F; }
.page_style01 .catnav .catlevel2 li.curr a{ color: #fff; }
/**  **/

.page_style01 .page_sidebar { width: 300px; float: left; }
.page_style01 .page_sidebar .title{ }
.page_style01 .page_sidebar .side_cat { background-color: #fff;}
.page_style01 .page_sidebar .side_cat .title { font-size: 18px; padding: 12px 12px; border-bottom: 1px solid #ddd;}
.page_style01 .page_sidebar .side_cat i{ margin-right: 10px; }
.page_style01 .page_sidebar .side_cat .catelist{ padding: 12px; }
.page_style01 .page_sidebar .side_cat .catelist li{ margin-top: 10px; }
.page_style01 .page_sidebar .side_contact { background-color: #fff; margin-top: 30px; }
.page_style01 .page_sidebar .side_contact .title {font-size: 18px; padding: 12px 12px; border-bottom: 1px solid #ddd;}
.page_style01 .page_sidebar .side_contact i{ margin-right: 10px; }
.page_style01 .page_sidebar .side_contact .content{ padding: 12px; font-size: 14px; line-height: 1.5; }
.page_style01 .page_sidebar .side_contact .content h5{ font-size: 16px; line-height: 40px; }
.page_style01 .page_sidebar .side_hot{ background-color: #fff;  margin-top: 30px; }

.page_style01 .page_sidebar .side_hot .title {font-size: 18px; padding: 12px 12px; border-bottom: 1px solid #ddd;}
.page_style01 .page_sidebar .side_hot i{ margin-right: 10px; }
.page_style01 .page_sidebar .side_hot .content{ padding: 12px; }
.page_style01 .page_sidebar .side_hot .content ul{ }
.page_style01 .page_sidebar .side_hot .content ul li{ clear: both; margin-top: 10px; }
.page_style01 .page_sidebar .side_hot .content ul li:hover{}
.page_style01 .page_sidebar .side_hot .content ul li .thumb{ float: left; width: 80px; }
.page_style01 .page_sidebar .side_hot .content ul li .thumb img{ width: 100%; height: 60px; }
.page_style01 .page_sidebar .side_hot .content ul li .info{ float: left; margin-left: 10px; width: 130px; height: 60px; }
.page_style01 .page_sidebar .side_hot .content ul li .info .title{ background-color: #fff;color: #333; font-size: 14px; border: 0px; padding: 0px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.page_style01 .page_sidebar .side_hot .content ul li .info .desc{ font-size: 12px; color: #999; line-height: 18px; word-break:break-all; overflow: hidden; height: 36px; }
.page_style01 .page_sidebar .side_hot .content ul li .info .date{ font-size: 10px; color: #999; }
.page_style01 .page_sidebar .side_hot .content ul li .info .date i{ margin-right: 5px; color: #666; }
/*单页样式01*/
.page_style01 .pagefull{width: 1400px; margin-left: auto;margin-right: auto;line-height: 1.6;font-size: 20px;}
.pagefull .page_title{ font-family: "MicroSoft YaHei", "SimHei"; text-align: center;border-bottom: 1px solid #ddd;font-size: 26px;padding-bottom: 10px;margin-bottom: 30px; }

.page_style01 .page_content{ width: 1050px; float: right;}
.page_style01 .page_content .content{ background-color: #fff; padding: 0px 0px 20px 0px; min-height: 500px; font-size: 18px;  line-height: 1.6;font-family: "MicroSoft YaHei", "SimHei"; }
.page_style01 .page_content .content .content{padding-top: 30px;}
.page_style01 .page_content .content .pagetitel{ font-family: "MicroSoft YaHei", "SimHei"; text-align: left;border-bottom: 1px solid #ddd; }
.page_style01  .prodtitel{ font-family: "MicroSoft YaHei", "SimHei"; text-align: center; border-bottom: 1px solid #ebebeb; padding-bottom: 20px; margin-bottom: 30px; }
.page_style01 .page_content .content .txt{ font-size: 18px; line-height: 1.6; padding: 10px; }
.page_style01 .page_content .content .txt img{ max-width: 100%; margin: 10px; }
.page_style01 .page_content .artinfo{ color: #999; text-align: left; font-size: 12px; line-height: 50px; border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; }
.page_style01 .page_content .artinfo span{ margin-right: 15px; }
.page_style01 .page_content .page_tools{ line-height: 36px; margin-top: 10px; }
.page_style01 .page_content .page_tools .prev_next{ text-align: center; }
.page_style01 .page_content .page_tools .prev_next .prev{ margin-right: 30px; }
.page_style01 .page_content .page_tools .prev_next .netx{ }
.page_style01 .page_content .page_tools .content_pages{ }


.page_style01 .page_content2{ width: 1400px; }
.page_style01 .page_content2 .content{ background-color: #fff; padding: 0px 0px 20px 0px; min-height: 500px; font-size: 18px;  line-height: 1.6;font-family: "MicroSoft YaHei", "SimHei"; }
.page_style01 .page_content2 .content .content{padding-top: 30px;}
.page_style01 .page_content2 .content .pagetitel{ font-family: "MicroSoft YaHei", "SimHei"; text-align: center;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.page_style01  .prodtitel{ font-family: "MicroSoft YaHei", "SimHei"; text-align: center; border-bottom: 1px solid #ebebeb; padding-bottom: 20px; margin-bottom: 30px; }
.page_style01 .page_content2 .content .txt{ font-size: 18px; line-height: 1.6; padding: 10px; }
.page_style01 .page_content2 .content .txt img{ max-width: 100%; margin: 10px; }
.page_style01 .page_content2 .artinfo{ color: #999; text-align: center; font-size: 12px; line-height: 50px;  margin-bottom: 20px; }
.page_style01 .page_content2 .artinfo span{ margin-right: 15px; }
.page_style01 .page_content2 .page_tools{ line-height: 36px; margin-top: 10px; }
.page_style01 .page_content2 .page_tools .prev_next{ text-align: center; }
.page_style01 .page_content2 .page_tools .prev_next .prev{ margin-right: 30px; }
.page_style01 .page_content2 .page_tools .prev_next .netx{ }
.page_style01 .page_content2 .page_tools .content_pages{ }

.product_list{ }
.product_list ul{ margin-left: -60px; }
.product_list ul li{ margin: 0px 0px 60px 60px; padding: 6px; background-color: #fff; width: 280px; float: left; border: #ddd solid 1px; border-radius: 5px;}
.product_list ul li:hover{ box-shadow: 0px 0px 10px #bbb; }
.product_list ul li a{ text-decoration: none; }
.product_list ul li .thumb{ }
.product_list ul li img{ width: 280px; height: 210px; }
.product_list ul li .product_name{ font-size: 14px; line-height: 40px; text-align: center; max-width: 100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
/*带有描述信息的下载列表*/
.downlist_info{ }
.downlist_info li{ border-bottom: 1px solid #ebebeb; height: 124px; overflow: hidden; padding: 10px 0px 10px 0px; }
.downlist_info .images{ float: left; background-color: white; border: 1px solid #ebebeb; padding: 1px; }
.downlist_info .images img{ width: 120px; height: 120px; }
.downlist_info .info{ float: left; margin-left: 15px; }
.downlist_info .title{ font-size: 18px; line-height: 26px; }
.downlist_info .title a{ color: #333; text-decoration: underline; }
.downlist_info .title a:hover{ color: #01478F; text-decoration: underline; }
.downlist_info .desrciption{ font-size: 12px; color: #999; line-height: 25px; height: 50px; overflow: hidden; }
.downlist_info .fileinfo{ font-size: 12px; color: #999; line-height: 20px; }
.downlist_info .fileinfo span{ color: #333; padding-right: 15px; }
/*带图片的新闻列表*/
.newslist_img { }
.newslist_img ul{ margin-top: -20px; }
.newslist_img li{ overflow: hidden; padding: 10px; background-color: #fff; margin-top: 20px; }
.newslist_img .images{ float: left; }
.newslist_img .images img{ width: 160px; height: 120px; }
.newslist_img .info{ float: left; margin-left: 15px; border: 0px; }
.newslist_img .title{ font-size: 18px; line-height: 26px; font-family: "MicroSoft YaHei", "SimHei"; }
.newslist_img .title a{ color: #333; text-decoration: underline; }
.newslist_img .title a:hover{ color: #01478F; text-decoration: underline; }
.newslist_img .desrciption{ font-size: 12px; color: #999; line-height: 1.5; height: 50px; overflow: hidden; width: 712px; }
.newslist_img .fileinfo{ font-size: 12px; color: #999; line-height: 20px; }
.newslist_img .fileinfo span{ color: #333; padding-right: 15px; }
/*视频ul列表样式01*/
.video_list01 { padding: 0px; margin-left: -25px; margin-top: 20px; }
.video_list01 li{ float: left; border: 1px solid #ebebeb; overflow: hidden; padding: 8px; width: 310px; background-color: white; margin-left: 25px; margin-bottom: 30px; }
.video_list01 li:hover{ box-shadow: 0px 0px 10px #aaa; }
.video_list01 .images{ }
.video_list01 .images img{ width: 310px; height: 200px; }
.video_list01 .info{ }
.video_list01 .info .title{ line-height: 40px; height: 40px; overflow: hidden; }
.video_list01 .info .title a{ font-size: 18px; text-decoration: none; color: #333; }
.video_list01 .info .title a:hover{ text-decoration: underline; }
.video_list01 .info .desrciption{ font-size: 14px; color: #999; line-height: 24px; height: 20px; overflow: hidden;padding-bottom: 10px; }
/*  */
.photo_list01 { padding: 0px; margin-left: -25px; margin-top: 20px; }
.photo_list01 li{ float: left; border: 1px solid #ebebeb; overflow: hidden; padding: 8px; width: 310px; background-color: white; margin-left: 25px; margin-bottom: 30px; }
.photo_list01 li:hover{ box-shadow: 0px 0px 10px #aaa; }
.photo_list01 .photo_thumb{ }
.photo_list01 .photo_thumb img{ width: 310px; height: 230px; }
.photo_list01 .title{ line-height: 40px; height: 40px; overflow: hidden; text-align: center;}
.photo_list01 .title a{ font-size: 18px; text-decoration: none; color: #333; }
.photo_list01 .title a:hover{ text-decoration: underline; }
/*  */
.photo_list_cert01 { padding: 0px; margin-left: -90px; margin-top: 20px; }
.photo_list_cert01 li{ float: left; border: 1px solid #ebebeb; overflow: hidden; padding: 18px; width: 240px; background-color: white; margin-left: 90px; margin-bottom: 50px; }
.photo_list_cert01 li:hover{ box-shadow: 0px 0px 10px #aaa; }
.photo_list_cert01 .photo_thumb{ }
.photo_list_cert01 .photo_thumb img{ width: 240px; height: 320px; }
.photo_list_cert01 .title{ line-height: 40px; height: 40px; overflow: hidden; text-align: center;}
.photo_list_cert01 .title a{ font-size: 18px; text-decoration: none; color: #333; }
.photo_list_cert01 .title a:hover{ text-decoration: underline; }
/**************************************************************************guestbook style******************************************************/
.guestbook_list{ }
.guestbook_list dl{ border: 1px solid #ebebeb; margin: 10px 0px 10px 0px; padding: 10px; }
.guestbook_list dt{ border-bottom: 1px solid #ebebeb; font-size: 16px; line-height: 30px; }
.guestbook_list dt span{ color: #999; font-weight: normal; font-size: 12px; float: right; }
.guestbook_list dd{ font-size: 14px; }
.guestbook_list dd.g_content{ color: #555; padding: 10px; }
.guestbook_list dd.reply_content{ padding: 10px; background-color: #FFF9F7; margin-top: 5px; color:#FF4D4D; }
.post_box{ border: 1px solid #ebebeb; margin-top: 10px; }
.post_box h5{ color: #333; font-size: 18px; font-weight: normal; line-height: 30px; border-bottom: 1px solid #ebebeb; padding: 10px; font-family: "MicroSoft YaHei", "SimHei"; }
.post_box h5 i{ padding: 0px 10px 0px 10px; }
.post_box .table_form{ margin: 20px 0px 20px 0px; }
.post_box td{ padding: 4px 0px 4px 0px; }
.post_box input,textarea{ padding: 2px 5px 2px 5px; font-size: 16px; line-height: 22px; border: 1px solid #ebebeb; }
.post_box .submit{ background-color: #01478F; color: white; font-style: 14px; padding: 5px 45px 5px 45px; }
.post_box .reset{ background-color: #000000; color: white; font-style: 14px; padding: 5px 45px 5px 45px; }
/**/
.pages{ padding: 10px; }
.gallery { width: 100%; overflow: hidden; margin-left: auto; margin-right: auto; }
.gallery img { display: block; }
.main-image img { padding: 4px; border: 1px solid #ebebeb; background-color: #fff; margin-left: auto; margin-right: auto; }
.thumbnails { height: 85px; text-align: center; display: table; margin-left: auto; margin-right: auto; margin-top: 20px; }
.thumbnails li { float: left; margin-left: 15px; }
.thumbnails img { padding: 4px; border: 1px solid #ebebeb; background-color: #fff; margin-left: auto; margin-right: auto; }
.photo_desc { color: #666; font-size: 14px; line-height: 1.5; background-color: white; height: 94px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; padding: 6px; border: dotted 1px #ebebeb; }
.prod_photo { width: 350px; float: left; }
.prod_info { width: 500px; float: right; }
.prod_info .info { float: left; }
.prod_info .info a { color: #333; }
.prod_info h2 { color: #333; font-size: 16px; font-weight: bold; line-height: 30px; margin: 0 0 14px; padding: 0 0 8px; border-bottom: 1px solid #ebebeb; }
.prod_info h3 { font-size: 14px; margin: 0; padding: 0; }
.prod_info .service { color: white; font-size: 16px; line-height: 34px; background-color: #01478F; text-align: center; width: 170px; margin-top: 20px; margin-bottom: 20px; }
.prod_info .service a { color: white; font-weight: bold; }
.prod_info .info_desc { font-size: 14px; line-height: 1.5; color: #666; background-color: #f5f5f5; min-height: 40px; margin-top: 10px; }
#qrcode { width: 120px; float: right; }
.prod_content { margin-top: 30px; line-height: 1.5; }
.prod_content .title { border-bottom: 1px solid #ebebeb; margin-bottom: 20px; }
.prod_content .title span { line-height: 35px; background-color: #333; color: #fff; font-size: 16px; display: block; width: 100px; text-align: center; }
/*上一个、下一个*/
.prod_prev_next { font-size: 16px; color: #999; line-height: 40px; margin-top: 30px; }
.prod_prev_next .prev { padding-right: 20px; }
.prod_prev_next .next { padding-left: 20px; }
.prod_prev_next a { color: #333; }
.fg20 { height: 40px; }
/*download style*/
/*pages nav style*/
#pages { padding: 30px 0px; text-align: left; clear: both; margin-top: 50px; text-align: center; margin-bottom: 50px; }
#pages a { display: inline-block; padding: 5px 20px; height: 22px; font-size: 14px; line-height: 22px; background: #fff; border: solid 1px #e3e3e3; text-align: center; color: #333; margin-right: 3px; margin-left: 3px; text-decoration: none; border-radius: 15px;}
#pages a.a1 { padding: 5px 20px; height: 22px; line-height: 22px; margin-top: 0px; }
#pages a:hover { background:#01478F; color: #fff; text-decoration: none; }
#pages span { font-size: 14px; display: inline-block; padding: 5px 20px; height: 22px; line-height: 22px; background: #01478F; color: #fff; text-align: center; margin-right: 3px; margin-left: 3px; border: solid 1px #01478F; border-radius: 15px;}
.page .noPage { display: inline-block; padding: 4px 19px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }
/*kefu style*/
.kefu { color: #333; width: 99px; height: 60px; position: absolute; top: 0; }
.kefu .kftop { background-image: url(../images/kefu_top.gif); background-repeat: no-repeat; height: 50px; }
.kefu .kfbottom { background-image: url(../images/kefu_bottom.gif); background-repeat: no-repeat; height: 14px; }
.kefu .kfbox { border-left: 1px solid #e8dcdb; border-right: 1px solid #e8dcdb; overflow: hidden; zoom: 1; padding: 1px; background: #fff; color: #d3d3d3; line-height: 26px; }
.kefu .kfbox ul { padding-right: 6px; padding-left: 3px; }
.kefu .kfbox ul li { color: #333; font-size: 14px; }
.kefu .kfbox ul li.tit { color: #800000; font-size: 12px; }
.kefu .kfbox ul li img { vertical-align: middle; }


@media (min-width: 1800px) {
	/*如果屏幕分辨率大于1800px*/
	.page_main { margin-left: auto; margin-right: auto; width: 1800px; }
	.index_prodlist01 .prodlist ul{ margin-left: -20px; }
	.index_prodlist01 .prodlist li{ width: 200px; background-color: #fff; padding: 6px; float: left; margin-left: 20px; margin-top: 30px; }
	/*首页优势图标列表01*/
	.index_icon_list01 .list>ul{ margin-left: -105px; }
	.index_icon_list01 .list>ul>li{ width: 250px; height: 360px; background-color: #fff; display: inline-block; margin-left: 105px; text-align: center; border-radius:8px; border: 5px solid #01478F; box-shadow: 0px 0px 20px #eee;-webkit-transition-duration: 0.5s; transition-duration: 0.3s; -webkit-transition-property: color, background-color,border; transition-property: color, background-color,border;  }
	.index_icon_list01 .list>ul>li:hover{ border: 5px solid #EB540D; }
	.index_icon_list01 .list>ul>li>.icon{ width: 100px; height: 100px; padding: 20px; font-size: 90px; border-radius:100px; background-color: #01478F; margin: 20px auto; color: #fff; }
	.index_icon_list01 .list>ul>li:hover>.icon{ background-color: #EB540D; color: #fff;animation: rotate 0.9s linear 1; }
	.index_icon_list01 .list>ul>li>.title{ font-size: 26px; font-family: "MicroSoft YaHei", "SimHei"; line-height: 36px; color: #000; }
	.index_icon_list01 .list>ul>li>.con{ font-size: 14px; color: #666; line-height: 1.6; padding: 10px 12px 0px 12px; min-height: 140px; }
	/*bmore bnt*/
	.bmore_bnt{
		text-align: center;
		color: #fff;
		display: inline-block;
		background-color: #8B009A;
		font-size: 20px;
		line-height: 30px;
		padding: 10px 30px;
		border-radius: 25px;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-property: color, background-color,padding;
		transition-property: color, background-color,padding;
	}
	.bmore_bnt:hover{color: #fff;text-decoration: none;padding: 10px 80px;}
	.index_imglist_gd01 .list li{}
	.index_imglist_gd01 .list li img{ box-shadow: 0px 0px 10px #ccc; background-color: #fff; padding: 5px; width: 210px;height: 165px;}
	.index_news_01 .news_list .tupian_news img{width: 100%;max-height: 270px;}
	.page_style01 .page_content{ width: 1050px; float: right; }
		/*1440px end*/
	 }




/* 首页新闻 */
.news{
    padding-top: 65px;
    padding-bottom: 100px;
}

.new-show{
    margin-top: 35px;
}
.new-cfn ul{
    text-align: center;display: flex;justify-content:center;flex-wrap: nowrap;display: -webkit-flex;
}
.new-cfn ul li{
    width: 202px;
    margin-left: 20px;
    background: #f4f4f4;
    cursor: pointer;
    display: flex;justify-content: center;flex-wrap: nowrap;display: -webkit-flex;
}
.new-cfn ul li .img{line-height: 64px;}
.new-cfn ul li .img2{display: none;}
.new-cfn ul li.cur .img1{display: none;}
.new-cfn ul li.cur .img2{display: inline-block;}
.new-cfn ul li.cur{background: #8B009A;}
.new-cfn ul li h3{line-height: 64px;font-size: 22px;text-align: center;margin-left: 13px;font-weight: normal;}
.new-cfn ul li h3 span{font-size: 28px;margin-right: 8px;;}
.new-cfn ul li.cur h3{color: #fff;}

.new-con{margin-top: 55px;}
.new-list{ display: none;}

.new-top{float: left; width: 800px;}

.new-hot{float: left; width: 47%; margin-left: 6%;}
.new-hot:first-child{margin-left: 0;}
.new-hot a{display: block;}
.new-hot .new-img{overflow: hidden;}
.new-hot .new-img img{width: 450px;height: 200px;}
.new-hot .new-text{padding-top: 30px;}
.new-hot .new-text h3{ font-size: 18px; color: #333333; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; font-weight: normal;}
.new-hot .new-text .text{margin-top: 20px;font-size: 14px;color: #999;line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.new-hot .new-text span{display: block;font-size: 14px;color: #888; line-height: 28px;background: url('../images/news_more.png')no-repeat right center; margin-top: 30px;}
.new-hot a:hover .new-text h3{color: #8B009A;}
.new-hot a:hover .new-text span{background: url('../images/news_more_hover.png')no-repeat right center;}
.new-rem{ float: right; width: 530px;}
.new-rem ul li{border: solid 1px #ddd;margin-top: 30px;padding: 20px 0;}
.new-rem ul li:first-child{margin-top: 0px;}
.new-rem ul li a{display: block;}
.new-rem ul li a h4{float: left;text-align: center;width: 90px;font-size: 14px;font-family: Arial;color: #666;font-weight: 500;height: 100%; border-right: solid 1px #ddd;}
.new-rem ul li a h4 span{display: block;font-size: 40px;margin-bottom: 10px;font-weight: 600;color: #555;}
.new-rem ul li a:hover h4 span{color: #8B009A;}
.new-rem ul li a .rem-con{float: left;width: 78%;padding-left: 23px;}
.rem-con h3{font-size: 18px;color: #333;font-weight: normal; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.rem-con p{font-size: 14px;color: #999;line-height: 1.8;margin-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.new-rem ul li a:hover .rem-con h3{color: #8B009A;}
.new-rem ul li:hover{border: solid 1px #8B009A;}