@charset "utf-8";
/* CSS Document */
html, body {
	height: 100%;
	width: 100%;
	font-size: 12px;
	line-height: 2.4em;
	font-family: "Microsoft YaHei";
	color:#333;
	margin: 0;
	padding: 0;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
}
input, textarea, select {
	font-family: "Microsoft YaHei";
	font-size: 12px;
}
ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
li {
	list-style: none;
}
p{ line-height:180% !important;}

a, a:visited {
	text-decoration: none;
	transition: all linear .4s;
	color:#333;

}
a:hover {
	color:#1F4580;
	text-decoration: none;
	font-weight:bold;
}
.c {
	clear: both;
}
.mainall{ width:80%; margin:0 auto; overflow:hidden;}
/*----------------------------------------------end main-----------------------------------------*/

/*----top----*/
.top{ width:100%; background:url(../images/topbg.jpg) top center no-repeat; height:100px;}
.top_main{ width:1280px; margin:0 auto; height:100px;}
.logo{ width:350px; height:58px; margin-top:25px; float:left;}
.menu{ width:730px; float:left; height:55px; line-height:55px; margin-top:25px; margin-right:15px;}
.menu ul{ width:100%; float:left; height:55px; line-height:55px;}
.menu ul li{ width:14.6%; float:left; height:55px; line-height:55px; font-size:16px; text-align:center;}

.top_right_inc{ width:140px; margin-top:39px; float:left; height:24px;}
.top_right_inca{ width:24px; float:left; height:24px; margin-left:30px;}

.pro_title{ width:100%; overflow:hidden; text-align:center;font-size: 50px; height:70px; line-height:70px; font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
.indexpro_titcna {
    width: 100%;
    font-size: 40px;
	text-align:center;
    font-weight: 400;
    margin-bottom: 20px;
}


.indexpro_prolist{
	width:100%;
	overflow:hidden;	
}

.indexpro_prolist dl{
	width:100%;
	overflow:hidden;
	margin:30px auto;
}

.indexpro_prolist dl dt{
	width:33%;
	overflow:hidden;
	float:left;
	margin-bottom:30px;
	text-align:center;
	font-size:16px;
}



.index_pp{
	width:96%;
	margin:0 auto;
	border:1px solid #E6E6E6;
	overflow:hidden;
	min-height:200px;
	
}

.index_pp span{
	width:100%;
	font-size:16px;
	margin-top:15px;
	margin-bottom:15px;
	height:35px;
	line-height:35px;
}


/*---banner---*/
.callbacks_container{ width:100%; overflow:hidden;}
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides dt:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}

.search_all{ width:180px; height:30px; border:1px solid #CCC;border-radius:25px; position:absolute; z-index:9999; top:10px; background:#fff; top:36px; margin-left:-150px; display:none;}
.search_tt1{ width:135px; margin-left:15px; height:26px; line-height:26px; float:left; margin-top:2px; border:1px solid #FFF;}
.search_s{ float:left; width:19px;}

/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-50px; position:relative;z-index:2;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:15px;height:15px;margin-left:5px;border-radius:10px;border:1px solid #333;position:relative; background:#fff;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:15px;height:15px;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:#2598D1;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	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;
}

/*---product----*/
.index_pro{ width:100%; background:#F0F0F0; overflow:hidden;}
.index_prot{ width:100%; background:url(../images/cpt.jpg) top center no-repeat; height:110px;}

.indexpro_left{ width:30%; float:left; overflow:hidden;}

.indexpro_tita{ width:100%; font-size:32px; line-height:110%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; display:none;}

.indexpro_tit{ width:100%; font-size:50px; line-height:110%; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.indexpro_titcn{ width:100%; font-size:40px; float:left; font-weight:400; margin-bottom:20px;}

.indexpro_ul{ width:100%; overflow:hidden; margin-top:55px; float:left;}
.indexpro_ul ul{ width:100%; overflow:hidden;}
.indexpro_ul ul li{ width:100%; height:55px; line-height:55px; font-size:16px;}
.indexpro_ul ul li a{ padding-left:60px; height:55px; line-height:55px; font-size:16px; display:inline-block;}
.indexpro_ul ul li a:hover{ padding-left:60px;height:55px; line-height:55px; font-size:16px; background:url(../images/anbg.png) top left no-repeat; color:#184C7B;}


.indexpro_right{ width:68%; float:right; overflow:hidden;}

.indexpro_rpro{ width:100%; overflow:hidden; background:#FFF; float:left;}
.indexpro_rpro_left{ width:42%; overflow:hidden; background:url(../images/iproleft.png) left bottom no-repeat; float:left; display:inline-grid;}
.indexpro_left_tit{ float:left; margin-top:55px; margin-left:20px; color:#FFF; font-size:25px; line-height:180%; font-weight:300;}
.indexpro_left_td{ width:303px; height:45px; line-height:45px; text-align:center; background:url(../images/cp.png) top center no-repeat; margin:30px auto;}
.indexpro_left_td dl{ width:100%; height:45px; line-height:45px; text-align:center; float:left;}
.indexpro_left_td dl dt{ width:33.3%; height:45px; line-height:45px; text-align:center; float:left;}

.indexpro_line{ width:303px; margin:20px auto; height:42px; border-left:1px solid #CCC;}
.indexpro_intro{ width:303px; line-height:200%; font-size:14px; margin:30px auto; color:#fff;}

.index_more{width:140px; line-height:200%; font-size:14px; float:left; color:#fff; background:url(../images/more.png) top right no-repeat; margin-top:30px; margin-bottom:50px;margin-left:15%; height:25px; line-height:25px;}
.index_more a{ color:#fff; height:25px; line-height:25px;}
.index_more a:hover{ color:#fff; height:25px; line-height:25px;}

.indexpro_rpro_right{ width:58%; overflow:hidden; float:left;}
.indexpro_rpro_right img{ width:100%; height:auto;}

.index_pro_bottom{ width:100%; float:left; margin-top:20px; margin-bottom:40px;}
.index_pro_bottom dl{ width:100%; overflow:hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index_pro_bottom dl dt{ width:22%; overflow:hidden; background:#FFF; min-height:170px; text-align:center;}

.morea{ width:32px; height:32px; margin:30% auto 0 auto; font-size:20px;}
.morea a{ font-size:20px;}






/*---行业应用---*/

.index_hyyy{ width:100%; background:#fff; overflow:hidden;}
.index_hyyy_left{ width:50%; float:left; overflow:hidden; margin-top:55px;}
.index_hyyy_right{ width:50%; float:right; overflow:hidden; margin-top:55px;}
.hyyy_more{ width:215px; height:66px; float:right;background:url(../images/hymore.jpg) top left no-repeat; margin-top:10%; }
.hyyy_more a{ width:215px; background:url(../images/hymore.jpg) top left no-repeat; color:#666; display:block;}
.hyyy_more:hover{ width:215px; background:url(../images/hymore01.jpg) top left no-repeat; color:#184274;display:block;}

.hyyy_view{ float:left; padding-left:25px; line-height:66px; font-size:16px;}
.hyyy_viewr{ width:45px; height:25px; float:right; margin-top:20px; margin-right:10px;}


.hyyy_bg{ width:100%; height:749px; background:url(../images/hyyybg.jpg) top center no-repeat; margin-top:5px;}


.hyyy_morea{ width:215px; height:66px; float:left;background:url(../images/hymore.jpg) top left no-repeat; margin-top:10%; }
.hyyy_morea a{ width:215px; background:url(../images/hymore.jpg) top left no-repeat; color:#666; display:block;}
.hyyy_morea:hover{ width:215px; background:url(../images/hymore01.jpg) top left no-repeat; color:#184274;display:block;}

/*************************************************/
.sy_04_w{
	margin-top:10px;
width: 100%;}
.sy_04a_w{
	margin-top:10px;
	height:749px;
	background:url(../images/hyyybg.jpg) top center no-repeat;
	display:inline-block;
	}

.sy_04a_w ul li{
	overflow:hidden;
	float:left;
	width:24.9%;height:749px;
	border-right:1px solid rgba(255,255,255,0.2);
	transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;

}
.sy_04a_w ul li:last-child{
	border-right:0;}
.sy_04a_w ul li .sy_04a_w_bt{
	font-size:22px;
	margin-top:270px;
	margin-left:50px;
	color:#fff;
	text-align:left;
	/*line-height:808px;*/
	padding-top:0px;	line-height:40px;
	transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;
}

.sy_04a_w ul li:hover{
	background:rgba(6,94,194,0.88);
	border-right:0;}
.sy_04a_w ul li:hover .sy_04a_w_bt{

}
.sy_04a_w ul li .sy_04a_w_bt span{
	display: block;
	font-size: 14px;
	text-align: left;
	text-transform:uppercase;
	line-height:130%;
}
.sy_04a_w ul li .sy_04a_w_more{
		line-height:34px;
	border:1px solid #fff;
	border-radius:50%;
	margin:0 auto;
	text-align:center;
	width:36px;
	height: 36px;
	font-size:22px;
	margin-top:60px;
}
.sy_04a_w ul li .sy_04a_w_more a{
	color:#fff;
}
.sy_04a_w ul li:hover .sy_04a_w_more{
border:1px solid #ffff00;
}
.sy_04a_w ul li:hover .sy_04a_w_more a{
	color:#ffff00;}
.sy_04a_w ul li .tb_a{
	float:left;
	margin: 210px 0  0 50px;
	width: 60px;
	height: 60px;
	padding-top:0px;	transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;
}
.sy_04a_w ul li:hover .tb_a{
	padding-top:0px;
}
.tb_jj{
	color: #fff;
	padding: 0px 50px;
	line-height: 30px;
	font-size: 16px;
	height: 0px;
	overflow: hidden;transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;
}
.tb_jj1{ width:80px; height:3px; background:#FFF; float:left; display:block; margin-bottom:5px;}
.tb_jj2{ width:100%; margin:50px 0 50px 0; height:80px; float:left;}
.tb_jj2 a{ color:#FFF;}

.sy_04a_w ul li:hover .tb_jj{
	padding: 50px 50px;
	height: auto;
}



/*----news-----*/

.indexnews_ul{ width:100%; overflow:hidden; margin-top:55px; float:left;}
.indexnews_ul ul{ width:100%; overflow:hidden;}
.indexnews_ul ul li{ width:100%; height:55px; line-height:55px; font-size:16px;}
.indexnews_ul ul li a{ padding-left:60px; height:55px; line-height:55px; font-size:16px; display:inline-block;}
.indexnews_ul ul li a:hover{ padding-left:60px;height:55px; line-height:55px; font-size:16px; background:url(../images/anbg.png) top left no-repeat; color:#184C7B;}

.index_news{ width:100%; overflow:hidden; margin-top:80px;}

.indexnews_right {
    width: 68%;
    float: right;
    overflow: hidden;
}

.indexnews_right ul{ width:100%; overflow:hidden;display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.indexnews_right ul li{ width:48%; overflow:hidden; background:#fcfcfc;}
.indexnews_a{ width:100%; overflow:hidden;}
.indexnews_a img{ width:100%; height:auto;}

.indexnews_data{ width:100%; height:55px; color:#666; line-height:55px; float:left; font-size:16px;}
.indexnews_title{ width:100%; font-size:18px; line-height:180%; margin:40px 0 40px 0;}

.indexnews_more{ width:52px; height:34px; background:url(../images/newsmore.jpg) top left no-repeat; float:left; margin:10px 0 20px 0;}
.indexnews_more a{ width:52px; height:34px; background:url(../images/newsmore.jpg) top left no-repeat;}
.indexnews_more:hover{ width:52px; height:34px; background:url(../images/newsmore01.jpg) top left no-repeat;}


.indexnews_right ul li{ display:block; border-bottom:1px solid #ccc;}
.indexnews_right ul li:hover{ display:block; border-bottom:1px solid #2C5DA9;}

/*----company-----*/
.indexcompanybg{ width:100%; height:620px; background:url(../images/indexcompanybg.jpg) top center no-repeat; margin-top:40px;}

.index_company{ width:100%; background:#fff; overflow:hidden;}
.index_company_left{ width:50%; float:left; overflow:hidden; margin-top:55px;}
.index_company_right{ width:50%; float:right; overflow:hidden; margin-top:55px;}
.hyyy_more{ width:215px; height:66px; float:right;background:url(../images/hymore.jpg) top left no-repeat; margin-top:10%; }
.hyyy_more a{ width:215px; background:url(../images/hymore.jpg) top left no-repeat; color:#666; display:block;}
.hyyy_more:hover{ width:215px; background:url(../images/hymore01.jpg) top left no-repeat; color:#184274;display:block;}

.hyyy_view{ float:left; padding-left:25px; line-height:66px; font-size:16px;}
.hyyy_viewr{ width:45px; height:25px; float:right; margin-top:20px; margin-right:10px;}


.hyyy_bg{ width:100%; height:749px; background:url(../images/hyyybg.jpg) top center no-repeat; margin-top:5px;}


.company_morea{ width:215px; height:66px; float:right;background:url(../images/companymore.jpg) top left no-repeat; margin-top:10%; }
.company_morea a{ width:215px; background:url(../images/hymore.jpg) top left no-repeat; color:#fff; display:block;}
.company_morea a:hover{ width:215px; background:url(../images/hymore01.jpg) top left no-repeat; color:#333;display:block;}
.company_morea:hover{ width:215px; background:url(../images/hymore01.jpg) top left no-repeat; color:#333;display:block;}
.indexcompany_tita{ width:100%; font-size:40px; line-height:110%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; display:none;}
.indexcompany_tit{ width:100%; font-size:55px; line-height:110%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff;}
.indexcompany_titcn{ width:100%; font-size:40px; float:left; font-weight:400; margin-bottom:20px; color:#fff;}

.indexcompany_info{ width:100%; overflow:hidden; margin-top:80px; line-height:200%; color:#fff; text-align: justify;
    text-justify:distribute-all-lines; // 这行必加，兼容ie浏览器
    text-align-last: justify; font-size:16px; float:left; margin-bottom:20px;}

.bfal{ width:80px; height:80px; margin:20px auto;}


.foot{ width:100%; overflow:hidden;background:url(../images/footbg.jpg) bottom center no-repeat #070707;}
.footd{ width:100%; height:39px; background:url(../images/footd.jpg) top center no-repeat;}
.footmain{ width:100%; height:140px; border-bottom:1px solid #393939;}
.foot_left{ width:48%; float:left; margin-top:35px; height:66px;}
.foot_left ul{ width:100%; float:left; line-height:66px; height:66px;}
.foot_left ul li{ width:48%; float:left; line-height:66px; height:66px; margin-right:2%; background:#242424;}
.foot_left ul li:hover{ display:block; background:url(../images/footb.jpg) top right no-repeat;}
.foot_a1{ width:25px; height:22px; float:left; margin:5px 0 0 25px;}
.foot_a2{height:66px; float:left; line-height:66px; color:#fff; font-size:16px; margin-left:20px;}
.foot_a2 a{ color:#fff; font-size:16px;}
.foot_a2 a:hover{ color:#fff; font-size:16px;}

.foot_right{ width:50%; float:right; margin-top:35px; height:66px; text-align:right;}
.foot_right ul{ width:100%; height:66px; line-height:66px;text-align:right; color:#FFF;}
.foot_right ul li{ width:16.6%; height:66px; line-height:66px;text-align:right; float:left; font-size:16px;}
.foot_right ul li a{ color:#fff;}
.foot_right ul li a:hover{ color:#2867A9;}

.foot_bottom{ width:100%; overflow:hidden; margin-top:40px;}
.foot_bottom_left{ width:75%; float:left; overflow:hidden;}
.foot_bottom_left_logo{ width:100%; overflow:hidden; float:left;}
.foot_bottom_left_info{ width:90%; overflow:hidden; float:left; margin-top:35px;}
.foot_bottom_left_info ul{ width:100%; overflow:hidden; float:left;}
.foot_bottom_left_info ul li{line-height:50px; float:left; margin-right:40px;}
.foot_bottom_left_info ul li img{ float:left;}
.foot_bottom_left_info ul li span{ margin-left:10px;height:50px; line-height:50px; color:#999; display:inline-block; font-size:16px;}

.foot_bottom_right{ width:25%; float:right; overflow:hidden; text-align:right; margin-top:50px;}
.sp_header{ display:none;}

/*客户留言*/
.liuyanform{
	
}
.form-group{
	margin-top:20px;
	margin-bottom:20px;
}
.form-group label{
	float: left;
	width:10%;
	font-size:16px;
	color:#666;
	line-height:40px;
	text-align: right;
    margin-right:1%;
}
.form-group input{
	line-height:38px;
	border:1px solid #ccc;
	border-radius:5px;
	outline:none;
	width:70%;
	padding-left: 15px;
	font-family:"Microsoft YaHei";
}
.form-group textarea{
	line-height:25px;
	border:1px solid #ccc;
	border-radius:5px;
	outline:none;
	resize:none;
	width:70%;
	padding-left: 15px;
	font-family:"Microsoft YaHei";
}
.form-group1 input{
	display:block;
	width:200px;
	float:left;
	margin-left:130px;
	line-height:45px;
	background-color:#2C5AA7;
	color:#fff;
	font-size:16px;
	text-align:center;
	font-family:"Microsoft YaHei";
}


.prv_all{ width:100%; overflow:hidden; border-top:1px dashed #999;margin-top:40px;}
.prv_next{ width:70%; overflow:hidden; float:left; line-height:180%; margin-top:10px;}
.go_back{ width:30%; overflow:hidden; float:right; line-height:180%;margin-top:20px; text-align:right;}

/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:9999;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#39B6E2;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.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:9;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>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>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>ul >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>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

/*----内页-----*/
.ny_banner{ width:100%; overflow:hidden;}
/* 关于我们 */
.about_us {
    margin: 60px 0;
}

.tabsaa {
    display: flex;
    justify-content: space-between;
}

.tabsaa .left {
    width: 22%;
}

.tabsaa .left .phone {
    background-color:#006EBF;
    padding: 20px 0;

}

.tabsaa .left .phone p {
    font-size: 18px;
    color: #ffffff;
    display: flex;
    justify-content: center;
	line-height:30px;
		margin-bottom:10px;
}

.tabsaa .left .phone p::before {
    content: '';
    width: 40px;
    height: 31px;
    background-image: url(../images/contact_phone.png);
    background-repeat: no-repeat;
}

.tabsaa .left .phone h4 {
    font-size: 26px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.tabsaa .right {
    width: 76%;
}

.tabsaa .left a {
    display: block;
}

.tabsaa .cont {
    overflow: hidden;
    display: none;
}

.tabsaa .left h3 {
    height: 62px;
    background-color:#006EBF;
    text-align: center;
    line-height: 62px;
    font-size: 28px;
    font-weight: bold;
    color: #ffffff;
}

.tabsaa .left nav {
    border: solid 1px #e5e5e5;
}

.tabsaa .left nav a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    /* margin-left: 20px;
    margin-right: 20px; */
    margin: 10px 20px 10px 20px;
    padding: 0 10px;
    line-height: 50px;
    font-size: 18px;
    color: #333333;
    border-radius: 20px;
    position: relative;
    border: 1px solid #efefef;
}

.tabsaa .left nav a:last-of-type {
    margin-bottom: 9px;
}

.tabsaa .left nav a::after {
    width: 0;
    cursor: pointer;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background:#006EBF;
    transition: 0.6s linear;
    border-radius: 20px;
}

.tabsaa .left nav a:hover {
    color: #ffffff;
    z-index: 2;
}

.tabsaa .left nav a:hover:after {
    width: 100%;
}

.tabsaa .right .center .center_top {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
}

.tabsaa .right .center .center_top ul {
    display: flex;
}

.tabsaa .right .center .center_top ul li {
    color: #888888;
    font-size: 14px;
}

.tabsaa .right .center .center_top h2 {
    font-size: 24px;
    color:#006EBF;
}

.tabsaa .right .center .center_top h2::after {
    content: '';
    width: 142px;
    height: 3px;
    display: block;
    margin-top: 7px;
    background-color:#006EBF;
}

.tabsaa .right .center p {
    font-size: 15px;
    line-height: 30px;
    color: #666666;
    margin-top: 24px;
    margin-bottom: 24px;
}

.tabsaa .right .center .pric ul {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}

.tabsaa .right .center .pric ul li {
    width: 32.33%;
    margin-top: 25px;
    margin-right: 1%;
}

.tabsaa .right .center .pric ul li a {
    display: inline-block;
    text-align: center;
    border: 1px solid #e5e5e5;
    width: 100%;
    overflow: hidden;

}

.tabsaa .right .center .pric ul li p {
    font-size: 16px;
    color: #444444;
    text-align: center;
    background-color: #eff2f6;
}

.tabsaa .right .center .pric ul li:hover p {
    background-color:#006EBF;
}

.tabsaa .right .center .pric ul li:hover p {
    color: #ffffff;
}

.tabsaa .right .center .pric ul li a img {
    width: 100%;
}

.tabsaa .left nav .item2 p a {
    padding-left: 40px;
}

.tabs .left nav .item1 .item2 {
    display: none;
}

.tabsaa .left nav .item1:hover .item2 {
    display: block;
}

.tabsaa .right .center .pric ul li a img {
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    transition: all 1.5s;

}

.tabsaa .right .center .pric ul li a img:hover {
    transform: scale(1.1);
}

.tabsaa .right .center .link h2 {
    font-size: 18px;
    color: #e54512;
    font-weight: bolder;
}

.tabsaa .right .center .link {
    padding-top: 20px;
    padding-left: 20px;
}

.item1 .items6 p {
    display: none;
}

.item1 .items6:hover p {
    display: block;
}

.product_details {
    margin-top: 20px;
}

.product_details .pric {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.product_details .pric .left {
    width: 390px;
}

.product_details .pric .left img {
    width: 100%;
}

.product_details .pric .right {
    width: 390px;
}

.product_details .pric .right h4 {
    font-size: 1.2rem;
    font-weight: bolder;
}

.product_details .pric .right p {
    margin-top: 20px;
    line-height: 26px;
    font-size: 15px;
}

.product_details .pric .right p span {
    font-size: 25px;
}


/*分页*/
.pagev{
	text-align:center;
	color:#666;
	clear:both;
}
.pagev span{
	line-height:24px;
	padding:0px 9px;
	display: inline-block;
}
.fonts{
	color:#fff;
	background-color:#006EBF;
	border:1px solid #006EBF;
}
.pagev span a{
	background-color:#fff;
	color:#666;
	border:1px solid #D9D9D9;
	line-height:24px;
	padding:0px 9px;
	display: inline-block;
	text-decoration:none;
	margin:1.5em 0;
}
.pagev span a:hover{
	color:#fff;
	background-color:#2d9aea;
	border:1px solid #2d9aea;
}

@media only screen and (max-width:1100px){
	.mainall{ width:98%; margin:0 auto; overflow:hidden;}
	.top_main {
    width: 98%;
    margin: 0 auto;
    height: 100px;
}
	
	.logo {
    width: 35%;
    height: 58px;
    margin-top: 25px;
    float: left;
}
	.logo img{
    width: 100%;
    height: auto;
    float: left;
}
	
	.menu {
    width: 52.5%;
    float: left;
    height: 55px;
    line-height: 55px;
    margin-top: 25px;
}
	.top_right_inc {
    width:auto;
    margin-top: 39px;
    float: right;
    height: 24px;
}


.top_right_inca {
    width: 24px;
    float: left;
    height: 24px;
    margin-left:20px;
}
.foot_bottom_left_info ul li span {
 
    display: inline-block;
    font-size: 14px;
}

.sy_04a_w ul li .sy_04a_w_bt {
    font-size: 18px;
    margin-top: 270px;
    margin-left: 50px;
    color: #fff;
    text-align: left;
    /* line-height: 808px; */
    padding-top: 0px;
    line-height: 40px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}

.sy_04a_w ul li .sy_04a_w_bt span {
    display: block;
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
    line-height: 130%;
}

}

@media only screen and (max-width:1024px){
	.ny_right_title{ font-size:14px;}
	.sp_header{ display:block;}
	.top_head,top_line{display:none;}
	.index_pro {
    width: 100%;


    overflow: hidden;
}
#slider{ margin-top:51px;}
.top{ display:none;}
.sp_header{ display:block;}

.indexpro_left {
    width: 25%;
    float: left;
    overflow: hidden;
}

.indexpro_tit {
    width: 100%;
    font-size:50px;
    line-height: 110%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.indexpro_right {
    width:73%;
    float: right;
    overflow: hidden;
}

.indexpro_intro {
    width:92%;
    line-height: 200%;
    font-size: 14px;
    margin: 30px auto;
    color: #fff;
}

.index_more {
    width: 140px;
    line-height: 200%;
    font-size: 14px;
    float: left;
    color: #fff;
    background: url(../images/more.png) top right no-repeat;
    margin-top: 30px;
    margin-bottom: 50px;
    margin-left:5%;
    height: 25px;
    line-height: 25px;
}

.indexpro_left_tit {
    float: left;
    margin-top: 55px;
    margin-left: 20px;
    color: #FFF;
    font-size: 20px;
    line-height: 180%;
    font-weight: 300;
}

.indexpro_ul ul li a {
    padding-left:40px;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    display: inline-block;
}

.indexpro_ul ul li a:hover{ padding-left:40px;height:55px; line-height:55px; font-size:16px; background:url(../images/anbg.png) top left no-repeat; color:#184C7B;}

}

@media only screen and (max-width:992px){
.indexpro_left {
    width: 100%;
    float: left;
    overflow: hidden;
}
.indexpro_prolist dl dt{
	width:50%;
	overflow:hidden;
	float:left;
	margin-bottom:30px;
	text-align:center;
	font-size:16px;
}
.indexpro_ul ul li {
    width: 50%;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
	float:left;
}

.indexpro_ul ul li a {
    padding-left:60px;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    display: inline-block;
}

.indexpro_ul ul li a:hover{ padding-left:60px;height:55px; line-height:55px; font-size:16px; background:url(../images/anbg.png) top left no-repeat; color:#184C7B;}


.indexpro_right {
    width: 100%;
    float: right;
    overflow: hidden;
}

/*************************************************/
.sy_04_w{
	margin-top:10px;
width: 100%;}
.sy_04a_w{
	margin-top:10px;
	height:auto;
	min-height:400px;
	background:url(../images/hyyybg.jpg) top center no-repeat;}
.sy_04a_w ul li{
	overflow:hidden;
	float:left;
	width:49.5%;
	height:auto;
	max-height:680px;
	border-right:1px solid rgba(255,255,255,0.2);
	transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;

}
.sy_04a_w ul li:last-child{
	border-right:0;}
.sy_04a_w ul li .sy_04a_w_bt{
	font-size:22px;
	margin-top:50px;
	margin-left:50px;
	color:#fff;
	text-align:left;
	/*line-height:808px;*/
	padding-top:0px;	line-height:40px;
	transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;
}

.sy_04a_w ul li:hover{
	background:rgba(6,94,194,0.88);
	border-right:0;}
.sy_04a_w ul li:hover .sy_04a_w_bt{

}
.sy_04a_w ul li .sy_04a_w_bt span{
	display: block;
	font-size: 14px;
	text-align: left;
	text-transform:uppercase;
	line-height:130%;
}
.sy_04a_w ul li .sy_04a_w_more{
		line-height:34px;
	border:1px solid #fff;
	border-radius:50%;
	margin:0 auto;
	text-align:center;
	width:36px;
	height: 36px;
	font-size:22px;
	margin-top:60px;
}
.sy_04a_w ul li .sy_04a_w_more a{
	color:#fff;
}
.sy_04a_w ul li:hover .sy_04a_w_more{
border:1px solid #ffff00;
}
.sy_04a_w ul li:hover .sy_04a_w_more a{
	color:#ffff00;}
.sy_04a_w ul li .tb_a{
	float:left;
	margin: 60px 0  0 50px;
	width: 60px;
	height: 60px;
	padding-top:0px;	transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;
}
.sy_04a_w ul li:hover .tb_a{
	padding-top:0px;
}
.tb_jj{
	color: #fff;
	padding: 0px 50px;
	line-height: 30px;
	font-size: 16px;
	height: 0px;
	overflow: hidden;transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;
}
.tb_jj1{ width:80px; height:3px; background:#FFF; float:left; display:block; margin-bottom:5px;}
.tb_jj2{ width:100%; margin:50px 0 50px 0; height:80px; float:left;}
.tb_jj2 a{ color:#FFF;}

.sy_04a_w ul li:hover .tb_jj{
	padding: 50px 50px;
	height: auto;
}

.indexpro_tita{ display:block;}
.indexpro_tit{ display:none;}
.hyyy_morea{ display:none;}

.indexnews_right {
    width: 100%;
    float: right;
    overflow: hidden;
}

.indexcompany_info {
    width: 100%;
    overflow: hidden;
    margin-top:70px;
    line-height: 200%;
    color: #fff;
    text-align: center;
    font-size: 14px;
    float: left;
}
.indexcompany_tita {
	display:block;
}

.indexcompany_tit {
	display:none;
}

.index_hyyy_right {
    width: 50%;
    float: right;
    overflow: hidden;
    margin-top:35px;
}
.bfal {
    width: 80px;
    height: 80px;
    margin: 85px auto 0 auto;
}

.foot_left {
    width: 100%;
    float: left;
    margin-top: 35px;
    height: 66px;
}

.foot_right {
    width: 100%;
    float: right;
    margin-top: 35px;
    height: 66px;
    text-align:center;
}

.foot_right ul li {
    width: 16.6%;
    height: 66px;
    line-height: 66px;
    text-align: center;
    float: left;
    font-size: 16px;
}

.foot_bottom_left {
    width: 80%;
}


.foot_bottom_right {
    width: 20%;
}

.tabsaa .left {
    width: 100%;
}

.tabsaa .right {
	clear:both;
    width: 100%;
	margin-top:50px;
	float:left;
}

.tabsaa {
    display:block;
    justify-content: space-between;
}

.item1{ width:50%; float:left; }
.tabsaa .left .phone {
    width: 100%;
    background-color: #006EBF;
    padding: 20px 0;
    float: left;
}

.ny_banner {
    width: 100%;
    overflow: hidden;
    margin-top: 51px;
    float: left;
}



.pric{ margin-bottom:30px;}

}

@media only screen and (max-width:576px){
	
	.indexpro_ul {
    width: 100%;
    overflow: hidden;
    margin-top:15px;
    float: left;
}
.indexpro_prolist dl dt{
	width:100%;
	overflow:hidden;
	float:left;
	margin-bottom:30px;
	text-align:center;
	font-size:16px;
}
.indexcompanybg {
    width: 100%;
    height: auto;
    background: url(../images/indexcompanybg.jpg) bottom center no-repeat #013C5A;
    margin-top: 40px;
}

.indexpro_ul ul li {
    width: 100%;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    float: left;
}

.indexpro_rpro_left {
    width: 100%;
    overflow: hidden;
    background: url(../images/iproleft.png) left bottom no-repeat;
    float: left;
}

.indexpro_rpro_right {
    width: 100%;
    overflow: hidden;
    float: left;
}

.index_pro_bottom dl dt {
    width: 48%;
    overflow: hidden;
    background: #FFF;
    min-height: 170px;
	margin-bottom:20px;
    text-align: center;
}

.index_hyyy_left {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 55px;
}

.index_hyyy_right {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top:15px;
}

.hyyy_more {
    width: 215px;
    height: 66px;
    float: none;
    margin: 2% auto;
}
/*************************************************/
.sy_04_w{
	margin-top:10px;
width: 100%;}
.sy_04a_w{
	margin-top:10px;
	height:auto;
	min-height:580px;
	background:url(../images/hyyybg.jpg) top center repeat-y;}
.sy_04a_w ul li{
	overflow:hidden;
	float:left;
	width:99.5%;
	height:auto;


}
.sy_04a_w ul li:last-child{
	border-right:0;}
.sy_04a_w ul li .sy_04a_w_bt{
	font-size:16px;
	margin-top:50px;
	margin-left:10px;
	color:#fff;
	text-align:left;
	/*line-height:808px;*/
	padding-top:0px;	line-height:40px;
	transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;
}

.sy_04a_w ul li:hover{
	background:rgba(6,94,194,0.88);
	border-right:0;}
.sy_04a_w ul li:hover .sy_04a_w_bt{

}
.sy_04a_w ul li .sy_04a_w_bt span{
	display: block;
	font-size: 11px;
	text-align: left;
	text-transform:uppercase;
	line-height:130%;
}
.sy_04a_w ul li .sy_04a_w_more{
		line-height:34px;
	border:1px solid #fff;
	border-radius:50%;
	margin:0 auto;
	text-align:center;
	width:36px;
	height: 36px;
	font-size:22px;
	margin-top:60px;
}
.sy_04a_w ul li .sy_04a_w_more a{
	color:#fff;
}
.sy_04a_w ul li:hover .sy_04a_w_more{
border:1px solid #ffff00;
}
.sy_04a_w ul li:hover .sy_04a_w_more a{
	color:#ffff00;}
.sy_04a_w ul li .tb_a{
	float:left;
	margin: 60px 0  0 10px;
	width: 60px;
	height: 60px;
	padding-top:0px;	transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;
}
.sy_04a_w ul li:hover .tb_a{
	padding-top:0px;
}
.tb_jj{
	color: #fff;
	padding: 0px 50px;
	line-height: 30px;
	font-size: 16px;
	height: 0px;
	overflow: hidden;transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;
}
.tb_jj1{ width:80px; height:3px; background:#FFF; float:left; display:block; margin-bottom:5px;}
.tb_jj2{ width:100%; margin:50px 0 50px 0; height:80px; float:left;}
.tb_jj2 a{ color:#FFF;}

.sy_04a_w ul li:hover .tb_jj{
	padding: 10px;
	height: auto;
	float:left;
}
.index_company_left {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 55px;
}

.company_morea {
    width: 215px;
    height: 66px;
    float:none;
    background: url(../images/companymore.jpg) top left no-repeat;

	margin:3% auto;
}

.indexcompany_info {
    width: 100%;
    overflow: hidden;
    margin-top:20px;
    line-height: 200%;
    color: #fff;
    text-align: center;
    font-size: 14px;
    float: left;
}

.bfal {
    width: 80px;
    height: 80px;
    margin: 0px auto 0 auto;
}

.indexnews_ul{ width:100%; overflow:hidden; margin-top:15px; float:left;}
.indexnews_ul ul{ width:100%; overflow:hidden;}
.indexnews_ul ul li{ width:50%; height:55px; line-height:55px; font-size:16px; float:left; margin-bottom:10p0x;}
.indexnews_ul ul li a{ padding-left:60px; height:55px; line-height:55px; font-size:16px; display:inline-block;}
.indexnews_ul ul li a:hover{ padding-left:60px;height:55px; line-height:55px; font-size:16px; background:url(../images/anbg.png) top left no-repeat; color:#184C7B;}


.indexnews_right ul li {
    width: 100%;
    overflow: hidden;
    background: #fcfcfc;
}

.foot_bottom_left_logo img{ width:100%;}

.foot_right {
    width: 100%;
    float: right;
    margin-top: 35px;
	overflow:hidden;
	height:auto;
    text-align: center;
}

.foot_right ul {
    width: 100%;
	height:auto;
	overflow:hidden;
    text-align: right;
    color: #FFF;
}
.foot_right ul li {
    width: 33.3%;
    height:35px;
    line-height:35px;
    text-align: center;
    float: left;
    font-size: 14px;
	margin-bottom:10px;
}

.footmain {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #393939;
}

.foot_bottom_left_logo {
    width: 100%;
    overflow: hidden;
    float: left;
	margin-top:20px;
}
.foot_bottom_left {
    width: 100%;
}


.foot_bottom_right {
    width: 100%;
}

.foot_bottom_left_info {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-top: 35px;
}

.foot_bottom_left_info ul li {
    line-height: 50px;
    float: left;
    margin-right:0px;
}

.foot_bottom_right {
    width: 100%;
	text-align:center;
}

.indexpro_titcn {
    width: 100%;
    font-size:30px;
    float: left;
    font-weight: 400;
    margin-bottom: 20px;
}

.index_news {
    width: 100%;
    overflow: hidden;
    margin-top:40px;
}
.indexcompany_tita {
    width: 100%;
    font-size: 32px;

}
.indexcompany_titcn {
    width: 100%;
    font-size:30px;
    float: left;
    font-weight: 400;
    margin-bottom: 20px;
    color: #fff;
}
.about_us {
    margin: 10px 0;
}
.item1 {
    width: 100%;
    float: left;
}

.tabsaa .right .center .center_top ul {
    display:none;
}

.tabsaa .right .center .pric ul li {
    width: 100%;
    margin-top: 25px;
    margin-right: 1%;
}

.List li span {
    float: right;
    color: #999;
	display:none;
}
.List{ margin-bottom:30px;}

.news_title {
    margin: 5px 0;
    padding: 0;
    text-align: center;
    font-size:24px;
	line-height:180%;
}

.center img{ width:100%;}

}
