@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_full { width: 100%; }
.index_box01{ background-color: #fff; width: 100%; }
.index_box02{ background-color: #f5f5f5; width: 100%; overflow: hidden; }
a{ color: #333; text-decoration: none; }
a:hover{ color: #8B009B;}
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: #8B009B; 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: 680px;overflow: hidden;margin-top: 50px;}
.navmenu ul{list-style: none;}
.navmenu ul li{display: inline;border-left: #ddd solid 1px;padding: 0px 10px 0px 12px;}
.navmenu ul li:first-child{border-left: 0px;}
.navmenu ul li a{font-size: 18px;line-height: 24px;}

.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;}

/* 首页产品 */
.home_prod{}
.prodcate{width: 260px;overflow: hidden;float: left;}
.prodcate .ptitle{background-color: #8B009A;color: #fff;text-align: center;padding: 20px 0px;}
.prodcate .ptitle .title01{font-size: 30px;}
.prodcate .ptitle .title02{font-size: 18px;}
.prodcate .catelist{background-color: #fff;border-left: #ddd solid 1px;border-right: #ddd solid 1px;padding: 20px 15px;min-height: 600px;}
.prodcate .catelist li{background: #f1f1f1;padding: 10px 15px;margin-bottom: 10px;}
.prodcate .catelist li a{}
.prodcate .pfoot{background-color: #8B009A;color: #fff;padding: 20px 15px 20px 70px;background: url('../images/pfoot_bg.png') no-repeat;}
.prodcate .pfoot p{font-size: 14px;}
.prodcate .pfoot span{font-size: 22px;font-weight: bold;}

.home_prod .prodlist{width: 1100px;float: right;}
.home_prod .prodlist .htop{background-color: #f1f1f1;min-height: 420px;position: relative;padding: 20px;}
.home_prod .prodlist .htop .hd{position: absolute;left: 470px;bottom: 20px;}
.home_prod .prodlist .htop .hd ul{background-color: #7652a4;}
.home_prod .prodlist .htop .hd ul li{float:left;width:16px; height:16px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;background: #ccc;border-radius: 50%;}
.home_prod .prodlist .htop .hd ul li.on{background-color: #8B009A;}

.home_prod .prodlist .htop .bd{}
.home_prod .prodlist .htop .bd ul{}
.home_prod .prodlist .htop .bd ul li{}
.home_prod .prodlist .htop .bd ul li a{}
.home_prod .prodlist .htop .bd ul li a:hover{color: #000;}
.home_prod .prodlist .htop .bd ul li .bpic{float: left;}
.home_prod .prodlist .htop .bd ul li .bpic img{width: 420px;height: 420px;}
.home_prod .prodlist .htop .bd ul li .txt{float: left;padding: 30px;width: 550px;height: 280px;overflow: hidden;}
.home_prod .prodlist .htop .bd ul li .txt .btitle{font-size: 24px;font-weight: bold;line-height: 40px;}
.home_prod .prodlist .htop .bd ul li .txt .bdesc{font-size: 16px;color: #666;line-height: 1.6;}

.home_prod .prodlist .list{}
.home_prod .prodlist .list ul{margin-left: -55px;}
.home_prod .prodlist .list ul li{width: 320px;float: left;margin-left: 55px;}
.home_prod .prodlist .list ul li .pic img{width: 320px;height: 320px;}
.home_prod .prodlist .list ul li .ptitle{background: #f1f1f1;text-align: center;line-height: 46px;}

.home_prod .prodlist .list ul li:hover .ptitle{background: #8B009A;color: #fff;}



/* 展会 */

.home_zhanhui{background: url('../images/zhanhui.jpg') no-repeat;min-height: 900px;background-size: 100% 100%;}
.home_zhanhui .list{margin-top: 30px;}
.home_zhanhui .list ul{margin-left: -55px;}
.home_zhanhui .list ul li{width: 280px;float: left;margin-left: 55px;margin-bottom: 50px; border-radius: 4px;padding: 10px;box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.1);background-color: #fff;}
.home_zhanhui .list ul li .pic img{width: 280px;height: 210px;}
.home_zhanhui .list ul li .ptitle{text-align: center;line-height: 46px;}
.home_zhanhui .list ul li:hover .ptitle{color: #8B009A;}

/* 首页合作客户 */
.home_hzkh{height: 600px;background: url('../images/hzkh_bg.jpg') no-repeat;background-size: 100% 100%;}
.home_hzkh .khicons{padding-top: 100px;}
/*  */
.home_certs{position: relative;}
.home_certs .certs{text-align: center;padding: 40px 0px 100px 0px;}

/* 四大理由 */
.home_4liyou{}
.home_4liyou .lylist{margin-top: 50px;}
.home_4liyou .lylist .hd{float: left;width: 250px;overflow: hidden;border-right: #ddd solid 2px;margin-right: 20px;}
.home_4liyou .lylist .hd ul{}
.home_4liyou .lylist .hd ul li{background-color: #fff;border-top: #ddd solid 1px;text-align: center;padding: 30px 20px;}
.home_4liyou .lylist .hd ul li:first-child{border-top: 0px;}
.home_4liyou .lylist .hd ul li.on{background-color: #8B009A;color: #fff;}
.home_4liyou .lylist .hd ul li .icon span{font-size: 50px;}
.home_4liyou .lylist .hd ul li .en{font-size: 12px;color: #999;}
.home_4liyou .lylist .hd ul li .cn{font-size: 28px;font-weight: bold;}

.home_4liyou .lylist .bd{float: right;width: 1100px;}
.home_4liyou .lylist .bd ul{}
.home_4liyou .lylist .bd ul li{}

.home_4liyou .lylist .bd .ly_con{}
.home_4liyou .lylist .bd .ly_con .con{float: left;width: 620px;padding-top: 50px;}
.home_4liyou .lylist .bd .ly_con .title_en{font-size: 18px;color: #999;}
.home_4liyou .lylist .bd .ly_con .title_cn{font-size: 32px;}
.home_4liyou .lylist .bd .ly_con .con .line{border-top: #ccc solid 2px;width: 90px;margin-top: 20px;margin-bottom: 20px;}
.home_4liyou .lylist .bd .ly_con .descript{font-size: 16px;line-height: 1.6;}
.home_4liyou .lylist .bd .ly_con .contact{margin-top: 60px;}
.home_4liyou .lylist .bd .ly_con .contact .icon{color: #666;padding-bottom: 20px;border-bottom: #ddd solid 1px;}
.home_4liyou .lylist .bd .ly_con .contact .icon span{font-size: 36px;}
.home_4liyou .lylist .bd .ly_con .contact .telphone{font-size: 28px;margin-top: 20px;color: #8B009A;font-weight: bold;}
.home_4liyou .lylist .bd .ly_con .contact .telphone span{color: #666;font-size: 22px;font-weight: normal;}

.home_4liyou .lylist .bd .ly_con .img{float: right;height: 700px; width: 350px;background: url('../images/lyimg_bg.png') no-repeat;background-position:right top;position: relative;}
.home_4liyou .lylist .bd .ly_con .img .txt{color: #8B009A;font-size: 28px;font-weight: bold;padding-left: 80px;padding-top: 30px;}
.home_4liyou .lylist .bd .ly_con .img .pic{position: absolute;top: 150px;right: 0px;}

/*  */

.head_right { float: right; width: 350px; }
.head_right .qrcode{ position: relative; float: left; text-align: center; }
.head_right .qrcode .icon{ text-align: center; font-size: 12px; line-height: 1; color: #666; margin-top: 15px; }
.head_right .qrcode .icon i{ font-size: 36px; padding: 3px 8px 5px 8px; border: 1px solid #ebebeb; color: #666; line-height: 1; }
.head_right .qrcode .icon .title{ margin-top: 15px; }
.head_right .qrcode .list{ display: none; position: absolute; z-index: 999; background-color: #fff; padding: 5px; box-shadow: 0px 0px 10px #000; margin-top: 20px; }
.head_right .qrcode .list:before { content: ""; position: absolute; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #fff; left: 5px; margin-left: 15px; top: -20px; }
.head_right .qrcode:hover .list{ display: block; }
.head_right .qrcode .list>ul{ }
.head_right .qrcode .list>ul li{ border-top: 1px solid #ebebeb; margin-top: 10px; line-height: 20px; }
.head_right .qrcode .list>ul li:first-child{ border: 0px; margin-top: 0px; }
.head_right .qrcode .list>ul li img{ max-width: 100px; }
.head_right .telphone_number { float: right; }
.head_right .telphone_number .icon{ float: left; margin-right: 10px; }
.head_right .telphone_number .icon i{ font-size: 52px; line-height: 100px; color: #666; }
.head_right .telphone_number .txt{ float: right; }
.head_right .telphone_number h3 { font-size: 28px; color: #8B009B; font-weight: normal; font-family: "MicroSoft YaHei", "SimHei"; font-style: italic; line-height: 30px; }
.head_right .telphone_number h4 { font-size: 14px; color: #666666; font-weight: normal; line-height: 30px; margin-top: 15px; }
/*导航条样式*/
.navbg{ background-color: #8B009B; z-index: 9; position:relative; } /*因为导航条有半透明效果，所以这里要多加一个背景层*/
.nav { clear: both; background-color: #8B009B; height: 70px; width: 100%; background: rgba(105, 67,154, 0.8) none repeat scroll 0 0 !important; /*实现FF背景透明，文字不透明*/ filter: Alpha(opacity=80); background: #8B009B; /*实现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: #360069;}
.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: #360069;}
.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: #8B009B; }
.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: #360069;  }
.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: #8B009B; }
/*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: #360069;}
.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:#8B009B ;}
.nav .search_ico .searchbar{ height: 60px;width: 320px;position: absolute;display: none;background-color: #360069;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: #8B009B; 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 */
.index_adnumber{background-color: #fff;padding: 40px 0px;}
.index_adnumber ul{}
.index_adnumber ul li{float: left;width: 25%;box-sizing: border-box;text-align: center;border-left: 1px solid #eee;}
.index_adnumber ul li:first-child{border-left: 0px;}
.index_adnumber ul li .icon{color: #8B009B;font-size: 50px;padding: 20px 0px;}
.index_adnumber ul li .number{color: #8B009B;font-size: 50px;line-height: 50px;}
.index_adnumber ul li .number em{font-style: normal;color: #666;font-size: 30px;vertical-align: 10%;}
.index_adnumber ul li .text{font-size: 20px;line-height: 50px;}

/*huxi bnt*/
.huxibtn {position: relative;width: 80px;height: 80px;border-radius: 50%;background:#8B009B;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: #8B009B;
	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: #8B009B;border: 2px solid #8B009B;}
/********************************************************************************首页style*************************************************************/
/*首页滚动图片列表01*/
.index_imglist_gd01{}
.index_imglist_gd01 .list{ margin-top: 30px; position: relative; }
.index_imglist_gd01 .list #prev{ left: -40px; }
.index_imglist_gd01 .list #next{ right: -40px; }
.index_imglist_gd01 .list ul{}
.index_imglist_gd01 .list li{ padding: 6px; float: left;}
.index_imglist_gd01 .list li img{ box-shadow: 0px 0px 10px #ccc; background-color: #fff; padding: 5px; width: 200px;height: 150px;}
.index_imglist_gd01 .list li img:hover{ box-shadow: 0px 0px 10px #aaa; }
.index_imglist_gd01 .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; }
.index_imglist_gd01 .bx-wrapper img { max-width: 100%; display: block; }
.index_imglist_gd01 .bxslider { margin: 0; padding: 0; }
.index_imglist_gd01 .bx-wrapper .bx-pager,
.index_imglist_gd01 .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.index_imglist_gd01 .bx-wrapper .bx-prev { left: -32px; background-color: #333; }
.index_imglist_gd01 .bx-wrapper .bx-prev:hover{ background-color: #8B009B; }
.index_imglist_gd01 .bx-wrapper .bx-next { right: -32px; background-color: #333; }
.index_imglist_gd01 .bx-wrapper .bx-next:hover{ background-color: #8B009B; }
.index_imglist_gd01 .bx-wrapper .bx-controls-direction a { position: absolute; top: 35%; margin-top: -16px; outline: 0; width: 32px; height: 64px; text-indent: -9999px; z-index: 9; }
.index_imglist_gd01 .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.index_imglist_gd01 .bnt{ font-size: 80px; position: absolute; z-index: 99; top: 35px; width: 30px; }
.index_imglist_gd01 .bnt a{ color: #999; }
.index_imglist_gd01 .bnt a:hover{ color: #8B009B; }
/*首页优势图标列表01*/
.index_icon_list01{ margin: 50px 0px; }
.index_icon_list01 .title01{ color: #8B009B; text-align: center; font-size: 30px; font-family: "MicroSoft YaHei", "SimHei"; line-height: 40px; margin-top: 40px; }
.index_icon_list01 .title02{ color: #666; text-align: center; font-size: 18px; font-family: "MicroSoft YaHei", "SimHei"; line-height: 30px; }
.index_icon_list01 .title02>i{ font-size: 24px; }
.index_icon_list01 .line01{ margin-top: 10px; width: 500px; background-color: #ccc; height: 3px; overflow: hidden; margin-left: auto; margin-right: auto; }
.index_icon_list01 .line02{ width: 120px; height: 3px; background-color: #8B009B; overflow: hidden; margin-left: auto; margin-right: auto; }
.index_icon_list01 .list{ margin-top: 40px; }
.index_icon_list01 .list>ul{ margin-left: -85px; }
.index_icon_list01 .list>ul>li{ width: 220px; height: 320px; background-color: #fff; display: inline-block; margin-left: 85px; text-align: center; border-radius:8px; border: 5px solid #fff; 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 #8B009B; }
.index_icon_list01 .list>ul>li>.icon{ width: 100px; height: 100px; padding: 20px; font-size: 90px; border-radius:100px; background-color: #f5f5f5; margin: 20px auto; color: #666; }
.index_icon_list01 .list>ul>li:hover>.icon{ background-color: #8B009B; 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; }
@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);}
}
/*首页产品展示01*/
.index_prodlist01{ margin-top: 30px;display:flex;padding-bottom: 30px;}
.index_prodlist01 .category{ float: left; width: 220px; background-color: #fff; }
.index_prodlist01 .category .title{ height: 90px; overflow: hidden; padding: 10px; background-color: #8B009B; color: white; font-family: "MicroSoft YaHei", "SimHei"; }
.index_prodlist01 .category .title dt{ font-size: 60px; line-height: 90px; float: left; width: 42px; }
.index_prodlist01 .category .title dd.t01{ font-size: 24px; line-height: 35px; padding-top: 20px; }
.index_prodlist01 .category .title dd.t02{ font-size: 14px; line-height: 15px; }
.index_prodlist01 .category .content{ min-height: 496px; }
.index_prodlist01 .category .content>ul{ padding: 10px; }
.index_prodlist01 .category .content>ul>li{ background-color: #333; margin-top: 6px; padding: 5px 5px 5px 10px; position: relative; }
.index_prodlist01 .category .content>ul>li:hover{ background-color: #8B009B; }
.index_prodlist01 .category .content>ul>li>a{ font-size: 14px; line-height: 20px; color: white; text-decoration: none; }
.index_prodlist01 .category .content>ul>li>ul{ display: none; position: absolute; background-color: #8B009B; top: 0; left: 100%; min-width: 200px; }
.index_prodlist01 .category .content>ul>li:hover>ul{ display: block; }
.index_prodlist01 .category .content>ul>li>ul>li{ padding: 5px; padding-left: 12px; }
.index_prodlist01 .category .content>ul>li>ul>li>a{ font-size: 14px; line-height: 20px; color: white; text-decoration: none; }
.index_prodlist01 .list { float: right; width: auto; flex:1;margin-left: 20px;}
.index_prodlist01 .list .title { background-color: #fff; }
.index_prodlist01 .list .title .bigtitle{ font-size: 20px; font-family: "MicroSoft YaHei", "SimHei"; color: #fff; background-color: #8B009B; line-height: 50px; display: inline-block; padding: 0px 20px; }
.index_prodlist01 .list .title .more{ float: right; }
.index_prodlist01 .list .title .more a{ color: #fff; font-size: 12px; display: inline-block; padding: 5px 10px; background-color: #333; margin: 12px 10px 0px 0px; text-decoration: none; font-family: 'Arial'; }
.index_prodlist01 .list .title .more a:hover{ background-color: #8B009B; }
.index_prodlist01 .prodlist { }
.index_prodlist01 .prodlist ul{ margin-left: -33px; }
.index_prodlist01 .prodlist li{ width: 200px; background-color: #fff; padding: 6px; float: left; margin-left: 33px; margin-top: 30px; }
.index_prodlist01 .prodlist li:hover{ box-shadow: 0px 0px 10px #ccc; }
.index_prodlist01 .prodlist li img{ width: 200px; height: 200px; }
.index_prodlist01 .prodlist li .title{ font-size: 14px; line-height: 36px; height: 36px; overflow: hidden; text-align: center; }
/*  */
.index_prodlist02{background-image:url(../images/indexprod02_bg.png);background-position: center top;padding: 70px 0px;}
.index_prodlist02 .boxw{background-color: #fff;box-shadow: 0px 0px 20px #bbb;min-height: 500px;}
.index_prodlist02 .btitle{font-size: 40px;text-align: center;padding-top: 50px;}
.index_prodlist02 .stitle{text-align: center;color: #666;font-size: 16px;line-height: 30px;}
.index_prodlist02 .stitle span{padding: 0px 10px;}
.index_prodlist02 .stitle i{color: #8B009B;margin-right: 8px;}
.index_prodlist02 .catelist{}
.index_prodlist02 .catelist .cate{text-align: center;margin-top: 30px;}
.index_prodlist02 .catelist .cate li{display: inline-block;background-color: #8B009B;color: #fff;padding: 10px 35px;border-radius: 20px;margin: 0px 10px;}
.index_prodlist02 .catelist .cate li a{font-size: 20px;color: #fff;}
.index_prodlist02 .catelist .cate li a:hover{text-decoration: none;}
.index_prodlist02 .catelist .cate li:hover{background-color: #EB540D;}
.index_prodlist02 .catelist .cate li.active{background-color: #EB540D;}
.index_prodlist02 .prodcon{box-sizing: border-box;padding: 20px;margin-top: 30px;}
.index_prodlist02 .prodcon .cateinfo{}
.index_prodlist02 .prodcon .cateinfo .images{float: left;width: 40%;height: 425px;overflow: hidden;background-color: #ccc;}
.index_prodlist02 .prodcon .cateinfo .info{float: right;width: 60%;height: 425px;overflow: hidden;background-color: #EBE8F0;box-sizing: border-box;padding: 20px;}
.index_prodlist02 .prodcon .cateinfo .title{font-size: 30px;}
.index_prodlist02 .prodcon .cateinfo .title_line{width: 150px; height: 3px;background-color: #8B009B;overflow: hidden;}
.index_prodlist02 .prodcon .cateinfo .descr{padding: 20px 0px;font-size: 16px;line-height: 1.5;color: #333;}
.index_prodlist02 .prodcon .cateinfo .tools{}
.index_prodlist02 .prodcon .cateinfo .tools li{float: left; width: 50%;box-sizing: border-box;padding: 15px 0px;text-align: center;color: #fff;font-size: 18px;}
.index_prodlist02 .prodcon .cateinfo .tools li a{color: #fff;}
.index_prodlist02 .prodcon .cateinfo .tools li i{margin: 0px 5px;transition: all 0.5s;}
.index_prodlist02 .prodcon .cateinfo .tools li:hover i{margin: 0px 15px;}
.index_prodlist02 .prodcon .cateinfo .tools li a:hover{text-decoration: none;}
.index_prodlist02 .prodcon .cateinfo .tools li.left{background-color: #8B009B;}
.index_prodlist02 .prodcon .cateinfo .tools li.right{background-color: #EB540D;}
.index_prodlist02 .prodcon .plist{position: relative;margin-top: 30px; min-height: 320px; }
.index_prodlist02 .prodcon .plist ul{overflow:hidden; zoom:1;}
.index_prodlist02 .prodcon .plist li {float:left; display:inline; overflow:hidden; text-align:center;padding: 25px;}
.index_prodlist02 .prodcon .plist li img{width: 280px;height: 210px;display:block;background-color: #fff;padding: 4px;border: 1px solid #eee;}
.index_prodlist02 .prodcon .plist li .pic{}
.index_prodlist02 .prodcon .plist li .title{font-size: 16px;line-height: 40px;}
.index_prodlist02 .prodcon .plist .pbnt{position: absolute;top:100px;width: 100%;}
.index_prodlist02 .prodcon .plist .pbnt .bnt{width: 60px;height: 60px;background-color: #8B009B;color: #fff;line-height: 60px;text-align: center;cursor:pointer;border-radius: 30px;}
.index_prodlist02 .prodcon .plist .pbnt .bnt:hover{background-color: #EB540D;}
.index_prodlist02 .prodcon .plist .pbnt .bnt i{line-height: 60px;font-size: 30px;}
.index_prodlist02 .prodcon .plist .pbnt .bprev{float: left;margin-left: -10px;}
.index_prodlist02 .prodcon .plist .pbnt .bnext{float: right;margin-right: -10px;}
/* index_kehu */
.index_kehu{height: 758px; padding: 70px 0px;box-sizing: border-box;background-image:url(../images/kehu_bg.png);background-position: center top;background-repeat: no-repeat;}
.index_kehu .kehu{text-align: center;margin-top: 50px;}
.index_kehu .kehu img{max-width: 100%;}
/* realvideo */
.realvideo{background-color: #fff;padding: 50px 0px;}
.realvideo .bigvideo{float: left;width: 40%;height: 400px;}
.realvideo .bigvideo .images{padding: 10px;overflow: hidden;}
.realvideo .bigvideo img{max-width: 100%;max-height: 100%;}
.realvideo .videolist{float: right;width: 60%;}
.realvideo .videolist .title{background-image:url(../images/realvideo_bg.png);background-position: right top;background-repeat: no-repeat;}
.realvideo .videolist .title01{font-size: 32px;font-weight: bold;padding-left: 10px;}
.realvideo .videolist .title01 em{color: #8B009B;font-style: normal;}
.realvideo .videolist .title02{font-size: 20px;margin-top: 20px;line-height: 30px;padding-left: 10px;}
.realvideo .videolist .title02 .bnt{margin-top: 20px;}
.realvideo .videolist .title02 span{background-color: #8B009B;color: #fff;font-size: 14px;display: inline-block;padding: 10px 20px;}
.realvideo .videolist .title02 span a{color: #fff;}
.realvideo .videolist .list{}
.realvideo .videolist .list ul{margin-top: 20px;}
.realvideo .videolist .list ul li{float: left; width: 33%;box-sizing: border-box;padding: 10px;}
.realvideo .videolist .list ul li:last-child{}
.realvideo .videolist .list ul li img{max-width: 100%;}
/* index_service */
.index_service{}
.index_service .service_items{padding: 0px;margin: 0px;}
.index_service .service_items>li{width: 25%;height: 420px; float: left;}
.index_service .service_items>li .box{color: #fff;}
.index_service .service_items>li .box img{max-width: 100%;}
.index_service .service_items>li .box .text1{background-color: #EB540D;padding: 15px 25px;height: 210px;overflow: hidden;box-sizing: border-box;}
.index_service .service_items>li .box .text1 .num{font-size: 52px;font-weight: bold;line-height: 90px;}
.index_service .service_items>li .box .text1 .t1{font-size: 30px;line-height: 30px;}
.index_service .service_items>li .box .text1 .t2{font-size: 22px;font-weight: normal;line-height: 60px;}
.index_service .service_items>li .box .text2{background-color:#8B009B;padding: 15px 25px;height: 210px;overflow: hidden;box-sizing: border-box;}
.index_service .service_items>li .box .text2 .num{font-size: 52px;font-weight: bold;line-height: 60px;line-height: 90px;}
.index_service .service_items>li .box .text2 .t1{font-size: 30px;line-height: 30px;}
.index_service .service_items>li .box .text2 .t2{font-size: 22px;font-weight: normal;line-height: 60px;}
/*首页证书01*/
.index_cers_01{background:url(../images/cers.jpg) no-repeat center top; height: 700px;background-color: #fff;padding-top: 50px;}
/*首页关于我们*/

.index_about_01{background-color: #eee;padding: 80px 0px 10px 0px;background:url(../images/about_bg.jpg) no-repeat;background-size: 100% 100%;height: 900px;}
.index_about_01 .about_txt{width: 800px;float: right;}
.index_about_01 .about_txt .title{}
.index_about_01 .about_txt .title p{
	display: block;
	color: #8B009B;
	font-size: 48px;
	font-weight: bold;
	line-height: 60px;
	padding: 0px;
	margin: 0px;
}
.index_about_01 .about_txt .title span{
	color: #666;
	font-size: 36px;
	line-height: 38px;
	padding: 0px;
	margin: 0px;
}
.index_about_01 .about_txt .con{padding-right: 20px;font-size: 18px;color: #333;line-height: 1.5;height: 160px;overflow: hidden;margin-top: 20px;}
.index_about_01 .about_txt .bnt{margin-top: 80px;}
.index_about_01 .about_txt .bnt i{font-size: 26px;margin-right: 10px;}

.about_bmore_bnt:hover{color: #fff;text-decoration: none;padding: 10px 80px;}

.about_bmore_bnt2{
	text-align: center;
	color: #fff;
	display: inline-block;
	background-color: #8B009A;
	font-size: 20px;
	line-height: 28px;
	padding: 15px 40px;
	border-radius: 5px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color, background-color,padding;
	transition-property: color, background-color,padding;
}
.about_bmore_bnt2:hover{color: #fff;text-decoration: none;background-color: #FF5B0D;}


.index_about_01 .about_img{float: left;width: 550px;background-color: #fff;}
.index_about_01 .about_img img{width: 100%;max-height: 420px;}

.index_about_01 .about_photos{margin-top: 40px;}
.index_about_01 .about_photos ul{margin-left: -30px;}
.index_about_01 .about_photos ul li{float: left;text-align: center;margin-left: 30px;}
.index_about_01 .about_photos ul li .pic{}
.index_about_01 .about_photos ul li .pic img{width: 320px;height: 240px;}

.index_about_01 .about_photos ul li .ptitle{background-color: #fff;line-height: 50px;font-size: 16px;background-color: #fff;}

/*新闻列表01*/
.index_news_01{}
.index_news_01 .news_cate{text-align: center;}
.index_news_01 .news_cate>ul{margin: 40px auto 20px auto;}
.index_news_01 .news_cate>ul::after{clear: both;}
.index_news_01 .news_cate>ul>li{
	display: inline-block;
	background-color: #fff;
	border-radius: 25px;
	margin-left: 30px;
	transition:0.3s all ease;
}
.index_news_01 .news_cate>ul>li>a{display: inline-block;line-height: 30px;font-size: 20px;padding: 10px 30px;}
.index_news_01 .news_cate>ul>li>a:hover{text-decoration: none;}
.index_news_01 .news_cate>ul>li:hover{background-color: #8B009B;}
.index_news_01 .news_cate>ul>li:hover a{color: #fff;}
.index_news_01 .news_cate>ul>li.active{background-color: #8B009B;}
.index_news_01 .news_cate>ul>li.active a{color: #fff;}
.index_news_01 .news_con{padding-top: 20px;}
.index_news_01 .news_list{background-color: #fff;box-sizing: border-box;}
.index_news_01 .news_list .tupian_news{width: 34%;height: 420px;border-right: 1px solid #efefef;box-sizing: border-box;padding: 22px;float: left;}
.index_news_01 .news_list .tupian_news img{width: 360px;height: 270px;}
.index_news_01 .news_list .tupian_news .title{font-size: 20px; color:#333;line-height: 40px;}
.index_news_01 .news_list .tupian_news .title a{color:#333;}
.index_news_01 .news_list .tupian_news .title a:hover{text-decoration: none;color: #8B009B;}
.index_news_01 .news_list .tupian_news .descript {color: #999;font-size: 14px;}
.index_news_01 .news_list .tupian_news .descript a{color: #999;}
.index_news_01 .news_list .tupian_news .info{margin-top: 10px;}
.index_news_01 .news_list .tupian_news .info .date{font-size: 12px; color: #999;float: right;background-color: #efefef;display: inline-block;padding: 5px 10px;border-radius: 4px;}
.index_news_01 .news_list .news_item{float: right;width: 66%;height: 420px;box-sizing: border-box;}
.index_news_01 .news_list .news_item li{width: 50%;box-sizing: border-box;height: 140px;float: left;padding: 22px;border-bottom: 1px solid #efefef;transition:0.3s all ease;}
.index_news_01 .news_list .news_item li:nth-child(odd){border-right: 1px solid #efefef;}
.index_news_01 .news_list .news_item li:nth-child(even){}
.index_news_01 .news_list .news_item li:nth-child(5){border-bottom: 0px}
.index_news_01 .news_list .news_item li:nth-child(6){border-bottom: 0px}
.index_news_01 .news_list .news_item li .date{width: 20%;text-align: center;padding-top: 10px;float: left;}
.index_news_01 .news_list .news_item li .date .day{font-size: 38px;color: #333;}
.index_news_01 .news_list .news_item li .date .ym{font-size: 14px;color: #999;}
.index_news_01 .news_list .news_item li .con{width: 80%;box-sizing: border-box;float: left;padding-top: 5px;padding-left: 10px;}
.index_news_01 .news_list .news_item li .con .title{font-size: 20px; color:#333;line-height: 40px;}
.index_news_01 .news_list .news_item li .con .title a{color: #333;}
.index_news_01 .news_list .news_item li .con .title a:hover{text-decoration: none;}
.index_news_01 .news_list .news_item li .con .descript{color: #999;font-size: 14px;}
.index_news_01 .news_list .news_item li:hover {background-color: #8B009B;color: #fff;}
.index_news_01 .news_list .news_item li:hover .date .day{color: #fff;}
.index_news_01 .news_list .news_item li:hover .date .ym{color: #fff;}
.index_news_01 .news_list .news_item li:hover .con .title{color:#fff;}
.index_news_01 .news_list .news_item li:hover .con .title a{color:#fff;}
.index_news_01 .news_list .news_item li:hover .con .descript{color: #fff;}
/*links style*/
.links .title01 { font-size: 24px; text-align: left; color: #8B009B; 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 #8B009B; }
.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: #8B009B; }

/*footer*/
.footer { color: #333; line-height: 1.6; margin-top: 80px; border-top: 3px solid #ddd; 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:#8B009B;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: #8B009A; color: #eee;}
.footer .footinfo a{color: #eee;}
.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_style01{ }
.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: #8B009B; }
.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: #8B009B; }
.page_style01 .catnav .catlevel2 ul>li:hover a{ color: #fff; }
.page_style01 .catnav .catlevel1 li.curr{ background-color: #8B009B; }
.page_style01 .catnav .catlevel1 li.curr a{ color: #fff; }
.page_style01 .catnav .catlevel2 li.curr{ background-color: #8B009B; }
.page_style01 .catnav .catlevel2 li.curr a{ color: #fff; }
/**  **/
.page_style01 .page_sidebar { width: 250px; 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; color: #fff;  padding: 12px 12px; font-family: "MicroSoft YaHei", "SimHei"; background-color: #8B009B;}
.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; color: #fff;  padding: 12px; font-family: "MicroSoft YaHei", "SimHei"; background-color: #8B009B;}
.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; color: #fff;  padding: 12px; font-family: "MicroSoft YaHei", "SimHei"; background-color: #8B009B;}
.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 .page_content{ width: 920px; float: right; }
.page_style01 .page_content .content{ background-color: #fff; padding: 30px 30px; min-height: 500px; font-size: 16px;  line-height: 1.6;font-family: "MicroSoft YaHei", "SimHei"; }
.page_style01 .page_content .content .pagetitel{ font-family: "MicroSoft YaHei", "SimHei"; text-align: left; }
.page_style01 .page_content .content .prodtitel{ font-family: "MicroSoft YaHei", "SimHei"; text-align: center; border-bottom: 1px solid #ebebeb; padding-bottom: 10px; margin-bottom: 15px; }
.page_style01 .page_content .content .txt{ font-size: 16px; 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{ }

.product_list{ }
.product_list ul{ margin-left: -30px; }
.product_list ul li{ margin: 0px 0px 30px 30px; padding: 6px; background-color: #fff; width: 240px; 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: 240px; height: 240px; }
.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: #8B009B; 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: #8B009B; 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: #8B009B; 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: #8B009B; 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_content iframe{width: 800px; height: 600px;}
/*上一个、下一个*/
.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;  border-top: 1px solid #ccc;}
#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:#8B009B; color: #fff; text-decoration: none; }
#pages span { font-size: 14px; display: inline-block; padding: 5px 20px; height: 22px; line-height: 22px; background: #8B009B; color: #fff; text-align: center; margin-right: 3px; margin-left: 3px; border: solid 1px #8B009B; 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: 1440px) {
	/*如果屏幕分辨率大于1440px*/
	.page_main { margin-left: auto; margin-right: auto; width: 1400px; }
	.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 #8B009B; 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: #8B009B; 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: 1120px; 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;}