<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
html,body,div,object,iframe,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,fieldset,form,label,legend,button,input,textarea,table,caption,tbody,tfoot,thead,tr,th,td,a,abbr,address,acronym,cite,code,del,dfn,em,img,ins,kbd,q,span,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,section,article,aside,header,footer,nav,menu,hgroup,dialog,details,summary,figure,figcaption,canvas,embed,output,ruby,time,mark,audio,video {
 margin:0;
 padding:0;

 list-style: none;
}
body{ font-family: "Microsoft YaHei";
font-size:14px;
color:#333;
line-height:180%;}

img {
    font-size: 0;
    vertical-align: bottom;
    line-height: 0;
	border: 0;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
}

a, a:visited {
    color: #333;
    text-decoration: none;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
}

a:hover {
    color:#625340;
    text-decoration: none;

}
.c {
    clear: both;
    overflow: hidden;
}

/*----top---*/
.top{ width:100%; height:123px; background:#fff; position:fixed; top:0; z-index:99999; float:left;}
.main{ width:1260px; margin:0 auto; overflow:hidden;}
.toplogo{ width:240px; height:77px; margin-top:30px; float:left;}
.top_right{ width:870px; float:right; overflow:hidden;}
.top_right_en{ width:190px; height:25px; line-height:25px; margin-top:20px; float:right; margin-right:0px; font-size:14px;}
.top_right_en span{ font-family:Arial; font-size:18px;}
.cn_blue a{ color:#2678B6;}
.cn_green a{ color:#6DBC56;}


.web_menu{ width:100%; overflow:hidden; float:right;}
.web_menu ul{  overflow:hidden; float:right;line-height:45px; height:65px;}
.web_menu ul li{ padding:5px 16px 20px 16px; line-height:45px; height:45px;overflow:hidden; float:left; font-size:20px;}
.web_menu ul li a{ line-height:45px; height:45px; float:left;}
.web_menu ul li a:hover{ line-height:45px; border-bottom:2px solid #1C75B2; color:#1C75B2; height:43px; float:left; font-weight:bold;}
/*----banner---*/
.banner{ width:100%; overflow:hidden; border-bottom:2px solid #6BBC54;float:left; background:#F5F5FA; float:left; margin-top:123px;}
.banner_wz{top:60px; z-index:9999; position:absolute; width:100%;}

/*----about index----*/
.aboutbg{ width:100%; background:url(../images/aboutbg.jpg) top center no-repeat #E8F0F3; overflow:hidden;}
.about_tit{ width:100%; margin-top:50px; line-height:55px; font-size:40px; text-align:center; margin-top:60px;}
.about_info{ width:100%; height:40px; line-height:40px; text-align:center; font-size:16px; background:url(../images/infobg.png) top center no-repeat; font-weight:600;}
.about_content{ width:100%; overflow:hidden; float:left; margin-top:50px;}
.about_left{ width:574px; height:455px; background:url(../images/aboutleft.png) left top no-repeat; float:left; margin-bottom:60px;}
.about_left_con{ width:92%; margin:5% 5% 4% 3%; overflow:hidden; float:left;}
.about_left_con_img{ width:100%; float:left; overflow:hidden;}

.about_left_con_info{ width:100%; overflow:hidden; float:left; margin-top:10px;}
.about_left_con_info ul{ width:100%; overflow:hidden; float:left;}
.about_left_con_info ul li{ width:24.5%; height:93px; float:left; border-right:1px solid #CCC; text-align:center;}
.about_left_span{ font-family:Arial; font-size:50px; height:70px; line-height:70px; color:#217DBB;}
.about_left_span span{font-family:Arial; font-size:20px;}
.about_left_span_f{ width:100%; height:25px; line-height:25px; text-align:center;}

.about_left_sx{ border-right:1px solid #fff !important;}


.about_right{ width:660px; float:right; overflow:hidden;}
.about_right_tit{ width:100%; height:55px; line-height:55px; color:#2C82C0; font-size:30px;}
.about_right_titinfo{ width:100%; margin-top:5px; line-height:200%; float:left; font-size:16px;}
.about_right_linet{ width:100%; height:10px; border-bottom:1px solid #CCC; margin-bottom:15px; float:left;}

.about_right_content{ width:100%; float:left; overflow:hidden; font-size:16px; line-height:200%;}

.about_an{ width:158px; height:45px; line-height:45px; color:#fff; font-size:16px; text-align:center; background:#2C82C0; margin-top:30px; float:left;}
.about_an a{ width:158px; height:45px; line-height:45px; color:#fff; font-size:16px; text-align:center; background:#2C82C0; display:block;}
.about_an a:hover{ width:158px; height:45px; line-height:45px; color:#fff; font-size:16px; text-align:center; background:#67BA53;display:block;}


/*----pro yy----*/
.product_all{ width:100%; overflow:hidden; float:left; margin-top:65px;}
.product_tita{ width:100%; font-size:40px; height:55px; line-height:55px; float:left; background:url(../images/pro-1.jpg) top left repeat-x; margin-bottom:1px;}
.product_titab{ font-size:40px; height:55px; line-height:55px; float:left; background:#FFF;}
.product_titac{ height:35px; line-height:35px; margin-top:16px; float:left; font-size:30px; padding-left:15px; padding-right:15px;background:#FFF;}

.product_titad{ float:right; font-size:16px; background:#FFF; padding-left:20px; height:25px; margin-top:5px;}
.product_titad a{ float:right; font-size:16px; background:#FFF;}
.product_titad a:hover{ float:right; font-size:16px; background:#FFF; color:#67BA53; font-weight:bold;}
.product_info{ width:100%; line-height:30px; height:30px; float:left; font-size:16px;}
.product_info span{ height:4px; background:#67BA53; float:left; margin-top:15px; width:75px; margin-right:15px;}


.product_allcp{ width:100%; overflow:hidden; float:left; margin-top:40px; margin-bottom:40px;}
.product_allcpa{ width:100%; overflow:hidden; float:left; margin-top:5px; margin-bottom:40px;}

.product_allcp dl{ width:100%; overflow:hidden; float:left;}
.product_allcp dl dt{ width:30%; margin:1.5%; float:left; overflow:hidden; box-shadow: 0 0 10px #DDDDDD;border: 1px solid #fff;}

.product_allcp dl dt a:hover{ width:100%; display:block;  float:left; overflow:hidden; box-shadow: 0 0 10px #67BA53; background:#67BA53; color:#FFF;}	



.product_allcpa dl{ width:100%; overflow:hidden; float:left;}
.product_allcpa dl dt{ width:46%; margin:1.5%; float:left; overflow:hidden; box-shadow: 0 0 10px #DDDDDD;border: 1px solid #fff;}

.product_allcpa dl dt a:hover{ width:100%; display:block;  float:left; overflow:hidden; box-shadow: 0 0 10px #67BA53; background:#67BA53; color:#FFF;}


.product_proaa{ width:92%; margin:4%; float:left;}
.product_titlea{ width:100%; height:30px; line-height:30px; font-size:22px; float:left;}
.product_titleaa{ width:100%; height:50px; line-height:50px; font-size:16px; float:left; text-align:center;}


.product_titleb{ width:100%; height:20px; line-height:20px; font-size:14px; float:left; font-family:Arial;}

.product_title_an{ width:100%; height:30px; line-height:30px; font-size:16px; margin-top:30px; float:left;}
.product_title_an span{ width:30px; height:30px; float:left;}
.product_img_a{ width:100%; overflow:hidden; float:left; margin-top:20px;}
.product_img_a img{ width:100%;}


.product_img_aa{ width:100%; overflow:hidden; float:left;}
.product_img_aa img{ width:100%;}


.product_img_b{ width:100%; overflow:hidden; float:left; margin-top:0px;}
.product_img_b img{ width:100%;}


.product_ul{ width:96%; float:left; overflow:hidden; margin-top:20px;}
.product_ul dl{ width:100%; overflow:hidden; line-height:40px; float:left;}
.product_ul dl dt{ width:50%; height:40px; line-height:40px; float:left;}

.product_ul dl dt span{ width:25px; text-align:center; height:20px; margin-right:3px; float:left;}


/*----ny news----*/


.in_news_centa{ width:100%; margin-top:30px; overflow:hidden; float:left; font-size:16px; color:#666; line-height:200%;}
.in_news_centa ul{ width:100%; overflow:hidden; float:left;}
.in_news_centa ul li{ width:100%;  float:left; overflow:hidden; margin-bottom:20px; border-bottom:1px solid #EAEAEA; margin:2%;}


.in_news_centa_left{ width:25%; float:left; overflow:hidden;}
.in_news_centa_left img{ width:100%; overflow:hidden; margin-bottom:20px;}
.in_news_centa_right{ width:73%; float:right; overflow:hidden; margin-bottom:20px;}
.in_news_centa_right_t1{ width:100%; overflow:hidden;line-height:200%; float:left; font-size:24px;}
.in_news_centa_right_t1 a:hover{ color:#00C; text-decoration:none;}
.in_news_centa_right_t1 span{ display:inline-block; height:45px; line-height:45px; float:right; font-size:16px;}

.in_news_centa_right_t2{ height:25px; line-height:25px; float:left; font-size:14px; margin-bottom:10px; background:url(../images/time.png) top left no-repeat; padding-left:30px;}
.in_news_centa_right_t3{ width:100%; overflow:hidden; float:left; font-size:16px; line-height:200%;}

.in_news_can{ width:140px; height:40px; line-height:40px; float:left; margin-top:15px;}
.in_news_can a{ width:140px; height:38px; line-height:38px; float:left; border:1px solid #CCC; border-radius:5px; display:block; text-align:center;}
.in_news_can a:hover{ width:140px; height:38px; line-height:38px; float:left; border:1px solid #2F82CE; border-radius:5px; background:#2F82CE; color:#FFF; text-align:center;}

/*----foot----*/
.foot{ width:100%; overflow:hidden; background:#EEEEF0; border-top:1px solid #CCC; float:left; margin-top:40px;}
.foot_left{ width:643px; border-right:1px solid #ccc; overflow:hidden; float:left;}
.foot_logo{ width:240px; height:66px; float:left;}

.foot_cent{ width:275px; float:left; margin-left:45px; overflow:hidden;border-right:1px solid #ccc;}
.foot_cent_t{ width:100%; overflow:hidden; float:left;}
.foot_cent_ta{ width:100%; overflow:hidden; float:left;}
.foot_cent_ta dl{ width:100%; overflow:hidden; float:left;}
.foot_cent_ta dl dt{ width:50%; overflow:hidden; float:left; text-align:left; height:40px; line-height:40px; font-size:16px;}
.foot_cent_ta dl dt a:hover{ color:#67BA53; font-weight:bold;}


.foot_right{ width:245px; float:right; overflow:hidden;}
.foot_right_ta{ width:100%; overflow:hidden; float:left;}
.foot_right_ta dl{ width:100%; overflow:hidden; float:left;}
.foot_right_ta dl dt{ width:46%; margin:2%; overflow:hidden; float:left; text-align:center; overflow:hidden; font-size:16px; line-height:200%;}

.bottom{ width:100%; height:52px; line-height:52px; text-align:center; background:#7C8081; color:#fff; font-size:16px; float:left;}

/*----ny banner----*/

.nyabout_banner {
    width: 100%;
	overflow:hidden;
    float: left;
	margin-top:123px;
}

.nyabout_tit {
    width: 100%;
    height: 65px;
    line-height: 65px;
    font-size: 40px;
    font-weight: bold;
    margin-top: 180px;
    color: #fff;
}

.nyabout_tit_info {
    width: 100%;
    height: 25px;
    line-height: 25px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
    float: left;
    font-weight: bold;
}

.nyabout_tit_info a {
    color: #fff;
}

.nyabout_tit_line {
    width: 50px;
    height: 3px;
	
    background: #fff;
    float: left;
}

.honor_content{ width:100%; overflow:hidden; font-size:16px; line-height:200%;}

/*----ny----*/
/*分页*/
.pagev{
	text-align:center;
	padding:20px 0px;
	color:#666;
	clear:both;
}
.pagev span{
	line-height:24px;
	padding:0px 9px;
	display: inline-block;
}
.fonts{
	color:#fff;
	background-color:#CC0001;
	border:1px solid #CC0001;
}
.pagev span a{
	background-color:#fff;
	color:#666;
	border:1px solid #ccc;
	line-height:24px;
	padding:0px 9px;
	display: inline-block;
	text-decoration:none;
	margin:1.5em 0;
}
.pagev span a:hover{
	color:#fff;
	background-color:#CC0001;
	border:1px solid #CC0001;
}
/*----------上一页、下一页---------*/
.prv_all{ width:100%; overflow:hidden; border-top:1px dashed #999;margin-top:40px; margin-bottom:50px;}
.prv_next{ width:70%; overflow:hidden; float:left; line-height:180%; margin-top:10px; color:#666;}
.go_back{ width:30%; overflow:hidden; float:right; line-height:180%;margin-top:20px; text-align:right;color:#666;}
.prv_next a{color:#666;}
.go_back a{color:#666; font-size:16px;}

/*----nybanner----*/
.ny_banner{ width:100%; overflow:hidden;}
.ny_banner img{ width:100%; height:auto;}
.mbx{ width:100%; height:50px; line-height:50px; background:#F6F6F6; float:left; border-bottom:1px solid #CCC; margin-bottom:30px; float:left;}
.mbx_cent{width:1240px;height:50px; line-height:50px; margin:0 auto; font-size:16px; color:#666;}

.in_about_cent{ width:100%; margin-top:30px; overflow:hidden; float:left; font-size:16px; color:#666; line-height:200%;}
.in_about_cent img{ max-width:100%; height:auto;}
.in_about_cent_ul{ width:100%; overflow:hidden; float:left;}

.in_content{ width:1240px; overflow:hidden; margin:70px auto;}
.in_news_title{ width:100%; overflow:hidden; height:55px; line-height:55px; text-align:center; font-size:40px; font-weight:bold;}
.in_news_intro{ width:100%; height:45px; line-height:45px; text-align:center; float:left; font-size:16px;}
.in_news_catalist{ width:100%; height:70px; float:left; margin-top:30px;}
.in_news_catalist ul{
	display: flex;
   
    flex-wrap: wrap;
	justify-content:center;
}
.in_news_catalist ul li{
    height: 45px;
    background: #fff;
    text-align: center;


	line-height:45px;
	margin:0 10px;
}

.in_news_catalist ul li a{
	min-width:160px;
	border:1px solid #CCC;
    background: #fff;
    text-align: center;
		border-radius:10px;
	line-height:45px;
	display:block;
	font-size:16px;
	padding:0 20px;
}

.in_news_catalist ul li a:hover{
	border:1px solid #2F82CE;
    background:#2F82CE;
    text-align: center;
		border-radius:10px;
	line-height:45px;
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

.in_news_catalist ul li a.on{
	border:1px solid #2F82CE;
    background:#2F82CE;
    text-align: center;
		border-radius:10px;
	line-height:45px;
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

/* Callback examp */
.callbacks_container{
	margin-bottom:10px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks dt{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("../images/themes.gif") no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:2;margin-bottom:0px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:20px;height:20px;margin-left:15px;border-radius:10px;border:2px solid #fff;position:relative; background:#fff;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:20px;height:20px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#6ABB54;}


/*-----------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:99999;width:100%; display:none;}
.sp_logo{padding:5px 10px 10px 10px;float:left;height:60px}
.sp_logo img{margin:auto;max-height:40px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#428BCA;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s;z-index:99999;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:99999;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav&gt;ul&gt;li:first-child{overflow:hidden;border-top:0}
.sjj_nav&gt;ul&gt;li:first-child&gt;a{float:left;width:calc(100% - 70px)}
.sjj_nav&gt;ul&gt;li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav&gt;ul&gt;li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav&gt;ul &gt;li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li&gt;ul{margin-left:10px}

/*------------------------------手机站导航结束----------*/




.clearfix:after{ content: ""; clear: both; display: block; }
.menu_pro,.tab-box{  width: 100%; height: 100%;  margin: 0 auto; padding-top:5px; background: #fff;}
.menu_pro ul li{ /*height:45px; */line-height: 56px; border-bottom: 1px solid #eee; font-size: 16px;  }
.menu_pro ul li span{ display: block; height: 100%; width: 100%; position: relative; padding: 0 10px;cursor:pointer;}
.menu_pro ul li span i{ display: block; height: 20px; width: 20px; background: url(../images/arr.png) no-repeat center center; background-size:80% 80%; position: absolute; right: 20px; top: 50%; margin-top: -10px;  transition: all 0.3s ease-out; transform: rotate(0deg); cursor:pointer;}
.menu_pro ul li span i.action{ transition: all 0.3s ease-out;transform: rotate(180deg);}
.menu_pro ul li&gt;dl{ display: none; padding-left: 35px; background:#ECECEC; }
.menu_pro ul li&gt;dl a{ display: block; height: 100%; margin-left:-20px; padding-left:20px; font-size: 14px; color: #222; text-decoration: none;cursor:pointer; border-bottom:1px solid #fff;}

.menu_pro_more{ width:90%; height:45px; line-height:45px; background:#006635; color:#fff; font-size:16px; text-align:center; margin:10px auto;}
.menu_pro_more a{ display:block; height:45px; line-height:45px;background:#006635; color:#fff; font-size:16px; text-align:center;}
.menu_pro_more a:hover{ height:45px; line-height:45px;background:#CC0001; color:#fff; font-size:16px; text-align:center; }

.product_in_co_left{ width:22%; float:left; overflow:hidden;}
.product_in_t1{ width:100%; overflow:hidden; float:left;}
.product_in_title{ width:100%; font-size:26px; height:55px; line-height:55px; border-bottom:1px solid #CCC; float:left;}

.product_in_co_right{ width:73%; float:right; overflow:hidden;}
/*----ny-----*/

.mbx_all{ width:100%; height:70px; line-height:70px; background:#EDEDED; float:left;}
.mbx_t1{ width:40%; height:70px; line-height:70px; float:left;font-size:16px;}
.mbx_tr{ width:55%; float:right; height:70px; line-height:70px; }
.mbx_tr dl{ width:390px; float:right; height:70px; line-height:70px; }

.mbx_tr dl dt{ width:130px; float:left; height:70px; line-height:70px; text-align:center; font-size:16px;}
.mbx_tr dl dt a{ width:130px; float:left; height:70px; line-height:70px; text-align:center; font-size:16px;}
.mbx_tr dl dt a:hover{ width:130px; float:left; height:70px; line-height:70px; text-align:center; font-size:16px; background:#69BC52; color:#fff; font-weight:bold;}

.mbx_tr dl dt a.on{ width:130px; float:left; height:70px; line-height:70px; text-align:center; font-size:16px; background:#69BC52; color:#fff; font-weight:bold;}

.mbx_t1 span{ width:30px; height:30px; float:left; margin-right:5px; margin-top:-20px; line-height:70px;}
.about_content{ width:100%; overflow:hidden; float:left; margin-top:30px;}

.about_c_title{ font-size:30px; font-weight:bold; height:45px; line-height:45px; font-weight:bold; margin-top:30px; color:#1D71AD;}
.about_c_title span{color:#66BB54; padding-right:15px;}

.about_c_content{ width:100%; overflow:hidden; line-height:200%; font-size:18px; margin-top:20px;}



.pro_left{ width:250px; float:left; overflow:hidden; margin-top:10px; border-top:4px solid #1DB0E6;}
.contentdd{
	width: 100%;
	overflow:hidden;
}

.contact_text{ padding-left:40px; float:left; margin-top:50px; font-size:16px; line-height:180%; font-size:16px;}

.contact_tel{ width:90%; float:left; margin-top:40px; overflow:hidden; font-size:16px; color:#333;}
.contact_tel .tel_left{ width:45%; float:left; overflow:hidden; margin-left:40px;}
.contact_tel .tel_right{ width:30%; float:left; overflow:hidden;}
/*以上css可不用，仅作为展示外观样式*/
.listdd{
	width:100%;
}
.listdd dl{
	list-style: none;
}
.listdd&gt;dl&gt;dt{
	width:100%;
	border-bottom: 1px solid #1DB0E6;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
}
.listdd&gt;dl&gt;dt p[class=titledd]{
	width      : 100%;
	text-align : left;
	background : none;
	height     : 65px;
	line-height: 65px;
	padding    : 0;
	border     : none;
	position   : relative;
	font-size  : 18px;
}
.listdd&gt;dl&gt;dt p[class=titledd]&gt;span{
	position: absolute;
	right: 10%;
}
.listdd-se{
	overflow: hidden;
	display: none;
}
.listdd-se&gt;p{
	background:none !important;
	color:#000;
	font-size:20px;
	font-weight:bold;
}
.listdd-se&gt;dt{
	position: relative;
	right   : -100%;
	-webkit-transition: right .5s;
	-moz-transition   : right .5s;
	-o-transition     : right .5s;
	transition        : right .5s;
}
.listdd-se&gt;dt&gt;p{
	background  :none;
	color       : #f0f0f0;
	-webkit-box-sizing :border-box;
	        box-sizing :border-box;
	padding-left: 10px;
	line-height:180%;
	min-height:50px;
	line-height:50px;
	justify-content: center;
	border-left : 5px solid #none; 
	-webkit-transition   : border .5s; 
			 transition  : border .5s;
	-webkit-transition   : background .3s;
			 transition  : background .3s;
			 font-size:16px;
			 border-bottom:1px solid #ccc;
			 
}
.listdd-se&gt;dt&gt;p:hover{
	border-color: #EE4977; 
	background  : #none;
	border-bottom:1px solid #1DB0E6;
}



@media only screen and (max-width: 1440px){
.banner_wz{top:10px; z-index:9999; position:absolute; width:100%;}
}


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

}




@media only screen and (max-width: 1300px){
.main{ width:96%;}



.about_right {
    width: 560px;
    float: right;
    overflow: hidden;
}



.foot_left {
    width: 603px;
    border-right: 1px solid #ccc;
    overflow: hidden;
    float: left;
}


}

@media only screen and (max-width: 1200px){
.toplogo{
    width: 200px !important;
    height:auto;
    margin-top: 30px;
    float: left;
}

.top_right {
    width: 700px;
    float: right;
    overflow: hidden;
}

.web_menu ul li {
    padding: 5px 12px 20px 12px;
    line-height: 45px;
    height: 45px;
    overflow: hidden;
    float: left;
    font-size: 16px;
}


.about_tit {
    width: 100%;
    margin-top: 50px;
    line-height: 55px;
    font-size:36px;
    text-align: center;
    margin-top: 60px;
}

.about_left {
    width:480px;
    height:auto;
    background:#fff;
	border:1px solid #CCC;
    float: left;
    margin-bottom: 60px;
}

.about_left_con {
    width: 92%;
    margin: 4% 4% 4% 4%;
    overflow: hidden;
    float: left;
}

.about_an{ margin-bottom:30px;}

.about_right {
    width: 480px;
    float: right;
    overflow: hidden;
}

.about_right_titinfo{ font-size:14px;}
.about_right_content{ font-size:14px;}
.product_titab {
    font-size: 36px;
}
.product_titac{font-size:24px;}

.product_allcp dl dt {
    width: 30%;
    margin: 1.5%;
    float: left;
    height:auto;
    box-shadow: 0 0 10px #DDDDDD;
    border: 1px solid #fff;
}

.foot_left {
    width: 40%;
    border-right: 1px solid #ccc;
    overflow: hidden;
    float: left;
}

.product_ul dl dt {
    width: 100%;
    height: 40px;
    line-height: 40px;
    float: left;
}

.bottom{ font-size:14px;}

.mbx_t1 {

    font-size: 14px;
}

.mbx_tr dl{
    width: 440px;
    font-size: 14px;
}
.mbx_tr dl dt {
    width: 110px;
    font-size: 14px;
}

.mbx_tr dl dt a{
    width: 110px;
    font-size: 14px;
}

.mbx_tr dl dt a.on{
	width: 110px;
    font-size: 14px;
}

.mbx_tr dl dt a:hover{
    font-size: 14px;
}

.in_news_centa_left {
    width: 30%;
    float: left;
    overflow: hidden;
}

.in_news_centa_right {
    width: 68%;
    float: right;
    overflow: hidden;
    margin-bottom: 20px;
}
.banner_wz{top:0px; z-index:9999; position:absolute; width:100%;}
.nyabout_tit {

    margin-top: 180px;

}

}
@media only screen and (max-width:999px){

.nyabout_tit {
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size:30px;

}
	
.nyabout_tit_info {
    width: 100%;
    height: 25px;
    line-height: 25px;
    color: #fff;
    font-size: 14px;

}

.mbx_tr dl dt {
    width: 33%;
    font-size: 14px;
}
.nyabout_tit {

    margin-top:100px;

}
	
.sp_logo {
	width:auto;
    height: 60px;
}

.sp_logo img{
	width:auto;
    height: 60px;
}
.sp_header{display:block;}
.top{ display:none;}
.banner{ margin-top:50px;}

.about_left {
    width: 99.5%;
}

.about_right {
    width: 96%;
    float: right;
    overflow: hidden;
	margin:2% 3% 2% 1%;
}
.product_info{ font-size:14px;}

.product_allcp dl dt {
    width:45%;
    margin: 2%;
    float: left;
    height: auto;
    box-shadow: 0 0 10px #DDDDDD;
    border: 1px solid #fff;
}

.foot_cent {
    width: 26%;
    float: left;
    margin-left: 25px;
    overflow: hidden;
    border-right: 1px solid #ccc;
}

.foot_right {
    width: 28%;
    float: right;
    overflow: hidden;
}


.foot_right_ta dl dt {
    width: 46%;

    margin: 2%;
}

.mbx_all {
    width: 100%;
    height:auto;
    line-height: 70px;
    background: #EDEDED;
    float: left;
}
.mbx_t1{ width:100%; border-bottom:1px solid #CCC;}

.mbx_tr {
    width: 100%;
    float: right;
    height: 70px;
    line-height: 70px;
}

.mbx_tr dl{
    width: 100%;
    font-size: 14px;
}


.mbx_tr dl dt a{
    width: 100%;
    font-size: 14px;
}

.mbx_tr dl dt a.on{
	width: 100%;
    font-size: 14px;
}

.mbx_tr dl dt a:hover{
    font-size: 14px;
}

.nyabout_banner {
    width: 100%;
	overflow:hidden;
    float: left;
	margin-top:50px;
}


.product_in_co_left {
    width: 30%;
    float: left;
    overflow: hidden;
}

.product_in_co_right {
    width: 68%;
    float: right;
    overflow: hidden;
}

.product_allcpa dl dt {
    width: 96%;
    margin: 1.5%;
    float: left;
    overflow: hidden;
    box-shadow: 0 0 10px #DDDDDD;
    border: 1px solid #fff;
}

.honor_content img{ width:100%;}
}

@media only screen and (max-width: 680px){
.nyabout_tit {
    margin-top: 80px;
}
.mbx_tr dl dt {
    width: 33%;
    font-size: 14px;
}
.product_titab {
    font-size: 24px;
}
.product_titac {
    font-size:16px;
}
.about_right_tit{ font-size:24px;}
.about_tit{font-size:28px;}

.product_allcp dl dt {
    width: 96%;
    margin: 2%;
    float: left;
    height: auto;
    box-shadow: 0 0 10px #DDDDDD;
    border: 1px solid #fff;
}

.foot_logo {
    width: 200px;
    height:auto;
    float: left;
}

.foot_logo img{
    width: 100%;
    height:auto;
    float: left;
}

.foot_left {
    width: 99.5%;
    border-right:none;
    overflow: hidden;
    float: left;
	border-bottom:1px solid #CCC;
}

.foot_cent {
    width: 49%;
    float: left;
    margin-left: 0px;
    overflow: hidden;
    border-right: 1px solid #ccc;
	margin-top:30px;
}

.foot_right {
	margin-top:30px;
    width: 48%;
    float: right;
    overflow: hidden;
}

.foot_right_ta dl dt {
	font-size:12px;
}

.bottom {
    width: 100%;
    height:auto;
    line-height: 52px;
    text-align: center;
    background: #7C8081;
    color: #fff;
    font-size: 14px;
    float: left;
	line-height:180%;
}

.about_left_con_info ul li {
    width: 48.5%;
    height: 93px;
    float: left;
    border-right: 1px solid #CCC;
    text-align: center;
	margin-bottom:20px;
	
}

.about_left_sx {
    border-right: 1px solid #ccc !important;
}
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:2;margin-bottom:0px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:14px;height:14px;margin-left:15px;border-radius:10px;border:2px solid #fff;position:relative; background:#fff;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:14px;height:14px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#6ABB54;}

.about_content{ margin-top:30px;}
.about_left{ margin-bottom:30px;}

.product_all {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-top:35px;
}

.mbx_t1 span {
    margin-right: 0px;

}

.mbx_tr {
    width: 100%;
    float: right;
	height:auto;
	overflow:hidden;
	line-height: 70px;
}


.mbx_tr dl{
    width: 100%;
    font-size: 14px;
	height:auto;
	overflow:hidden;
}


.mbx_tr dl dt a{
    width: 100%;
    font-size: 14px;
}

.mbx_tr dl dt a.on{
	width: 100%;
    font-size: 14px;
}

.mbx_tr dl dt a:hover{
    font-size: 14px;
}


.about_c_title {
    font-size: 20px;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    font-weight: bold;
    margin-top:10px;
    color: #1D71AD;
}

.about_c_content {
    width: 100%;
    overflow: hidden;
    line-height: 200%;
    font-size: 14px;
    margin-top:15px;
}

}


@media only screen and (max-width: 450px){
	
	.honor_content img{ width:100%;}
	
	.nyabout_tit {
    margin-top:60px;
}

.product_in_co_left {
    width: 100%;
    float: left;
    overflow: hidden;
}

.nyabout_tit_info {
    width: 100%;
    height: 20px;
    line-height:20px;
    color: #fff;
    font-size: 12px;
	margin-bottom:5px;
}

.nyabout_tit {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size:22px;
	font-weight:600;
}
	.product_titac{ display:none;}
	.product_info{ display:none;}
	.product_allcp{ margin-top:10px;}
	.in_news_centa_left {
    width: 100%;
    float: left;
    overflow: hidden;
}

.in_news_centa_right {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
}

.product_in_co_right {
    width: 100%;
    float: right;
    overflow: hidden;
}
 
}
@media only screen and (max-width: 320px){
	
}


</pre></body></html>