@charset "utf-8";



/* CSS Document */

/*----------公共部份---------*/

html, body {

    height: 100%;

    width: 100%;

    font-size: 14px;

	line-height:180%;

    font-family: "Microsoft YaHei";

    color:#666;

    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;

    border: none;

}

input, textarea, select {

    font-family: "Microsoft YaHei";

    font-size: 12px;

    outline: none;

}

ul,li{

    margin: 0;

    padding: 0;

    list-style: none;

}



img {

    border: 0;

}

a, a:visited {

    color: #666;

    text-decoration: none;

    transition: all linear .4s;

    -webkit-transition: all linear .4s;

}

a:hover {

    color:#0066CA;

    text-decoration:none;

}

.c {

    clear: both;

    overflow: hidden;

}



/*------ 间距  ----*/

.m_a{ margin-top:20px;}

.m_b{ margin-top:30px;}



/*------ 二级菜单样式 ----*/

.fcss a{ font-size:14px !important; font-weight:bold !important;}

.scss{background:#666666; display:block; width:100%;}

.scss a{background:#666666; display:block; margin-left:20px;}

/*------ 字体 ----*/

.f12{ font-size:12px;font-family: "Microsoft YaHei";}

.f14{ font-size:14px;font-family: "Microsoft YaHei";}

.f16{ font-size:16px;font-family: "Microsoft YaHei";}

.f18{ font-size:18px;font-family: "Microsoft YaHei";}

.f20{ font-size:20px;font-family: "Microsoft YaHei";}

.f22{ font-size:22px;font-family: "Microsoft YaHei";}

.f24{ font-size:24px;letter-spacing:1px;font-family: "Microsoft YaHei";}

.f30{ font-size:30px;font-family: "Microsoft YaHei";}

.f36{ font-size:36px;font-family: "Microsoft YaHei";}

.b{font-weight:bold;}



/*------ 字体颜色  ----*/

.white{color:#fff;}

.red{color:#ff0000;}

.blue{color:#428BCA;}

.orange{color:#FF6600;}

.green{color:#009966;}

.brown{color:#CA9800;}



/*------ 背景颜色  ----*/

.redbg{background:#ff0000;}

.bluebg{background:#0066CA;}

.orangebg{background:#FF6600;}

.greenbg{background:#009966;}

.brownbg{background:#CA9800;}



.left{float:left;}

.right{float:right;}



/*----------------------------------------------end 公共部份-----------------------------------------*/



/*-----------手机站导航开始----------*/

.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:99999;width:100%;}

.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:#0258AD;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>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}



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





/*----手机站banner----*/

/* rslides */

.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 li:first-child{

	position:relative;

	display:block;

	float:left;

}

.rslides img{

	display:block;

	height:auto;

	float:left;

	width:100%;

	border:0;

}

/*pager*/

.callbacks_tabs.callbacks1_tabs{margin-top:-30px; position:relative;z-index:100;margin-bottom:0px;}

.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}

.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;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:#FFF;}



/* 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 li{

	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;

}



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

	.callbacks_nav{

		top:47%;

	}

}



/*----手机站banner end----*/



/*--------首页主体-------------*/



/*-------首页_产品--------*/

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

.contont{ width:96%; margin:5% auto; overflow:hidden;}

.inpro_title{ width:100%; height:35px; line-height:35px; text-align:center; margin-top:5px;}

.inpro_line{ width:150px; height:20px; background:url(../images/line_blue.png) top center no-repeat; margin:0 auto;}

.inpro_en{width:100%; height:15px; line-height:15px; text-align:center;}



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

.inpor_list ul{width:100%; float:left; overflow:hidden; margin-top:15px;}

.inpor_list ul li{width:46%; float:left; min-height:150px; margin:2%; text-align:center;}

.inpor_list ul li img{border:1px solid #CCC;}



.inpro_more{ width:96%; height:42px;text-align:center; margin:20px auto;}

.inpro_more a{ width:100%; height:40px; border-radius:5px; border:1px solid #ccc; line-height:40px; text-align:center;display:block;}

.inpro_more a:hover{ width:100%; height:40px; border:1px solid #428BCA; color:#fff; line-height:40px; text-align:center; background:#428BCA; display:block;}



/*-------首页_公司简介--------*/



.mob_about{width:100%; overflow:hidden; background:#F3F3F3; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC;}

.contont{ width:96%; margin:1% auto; overflow:hidden;}



.inabout{ width:98%; background:#999; overflow:hidden; margin:10px auto;}

.inabout img{ width:96%; margin:2%; height:auto;}

.inabout_dec{ width:98%; overflow:hidden; margin:10px auto;}



.inabout_dec img{  overflow:hidden; margin:10px auto;}

/*-------首页_新闻--------*/

.innews_list{ width:98%; overflow:hidden; margin:20px auto 0px;}

.innews_list ul{ width:100%; overflow:hidden;}

.innews_list ul li{ width:100%; overflow:hidden; border-bottom:1px dashed #CCCCCC; float:left; float:left; margin-bottom:10px;}

.innews_list_left{ width:35%; overflow:hidden; float:left;}

.innews_list_left img{ width:100%;}

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

.innews_list_title{ width:100%; float:left; line-height:180%;}

.innews_list_dec{width:100%; float:left; line-height:180%;}



/*-------首页_底部--------*/

.infoot{ width:100%; height:45px; line-height:45px; text-align:center; border-top:1px solid #CCC; margin-bottom:55px;}

.in_bottom_bg{ width:100%; height:55px; position:fixed; margin-top:45px;background:#428BCA; bottom:0;}

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

.in_bottom_bg ul li{ width:33%; height:55px; float:left; text-align:center;}



.in_bottom_bg ul li span{ width:100%; text-align:center; height:20px; line-height:20px; float:left; font-size:14px;}



.in_bottom_bg ul li i{ width:100%; text-align:center; height:30px; line-height:40px; float:left;}

.in_bottom_bg ul li a{ color:#fff;}

.in_bottom_line_w{border-right:1px solid #0053A6;height:55px; line-height:55px;}

.in_bottom_line{border-right:1px solid #0066CA;height:55px; line-height:55px;}



/*-------内页_公司简介--------*/



.ny_about{ width:100%; height:40px; line-height:40px; background:#F2F2F2; margin-top:6px; text-align:right; border-bottom:1px solid #E2E2E2;}

.ny_about_tit{ width:90%; margin-right:10px; float:right; text-align:center;}



.ny_pro_catalog{ width:100%; font-size:16px; border-bottom:1px solid #CCC; height:30px; line-height:30px; border-top:1px solid #CCC; font-weight:bold;}

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

.ny_pro_list ul{ width:100%; overflow:hidden; margin-bottom:10px;}

.ny_pro_list ul li{ height:35px; line-height:35px;  float:left; margin:5px 5px;}

.ny_pro_list ul li a{height:35px; line-height:35px; border:1px solid #CCC; float:left;padding:0px 5px; margin-bottom:5px;}

.ny_pro_list ul li a:hover{height:35px; line-height:35px; float:left; background:; text-align:12px; color:#FFF;}



.ny_pro_title{ width:100%; overflow:hidden;line-height:45px; text-align:center;}

.ny_pro_dec{ width:100%; height:30px; line-height:30px; text-align:center; border-bottom:1px solid #CCC; border-top:1px solid #CCC;}

.ny_pro_content{ width:100%; margin-top:10px; line-height:180%;}

.ny_pro_content img{ width:100%; height:auto;}

.ny_pro_prv{ width:100%; line-height:180%; float:left; margin-top:30px;border-top:1px solid #CCC;}

.ny_pro_goback{ width:100%; line-height:180%; float:right;margin-top:0px;  height:20px; line-height:20px;}



/*分页*/

.pagev{

	text-align:center;

	padding:10px 0px;

	color:#666;

	clear:both;

}

.pagev span{

	line-height:24px;

	padding:0px 5px;

	display: inline-block;

}

.fonts{

	color:#fff;

	background-color:#428BCA;

	border:1px solid #428BCA;

}

.pagev span a{

	background-color:#fff;

	color:#666;

	border:1px solid #D9D9D9;

	line-height:24px;

	padding:0px 5px;

	display: inline-block;

	text-decoration:none;

	margin:1.5em 0;

}

.pagev span a:hover{

	color:#fff;

	background-color:#428BCA;

	border:1px solid #428BCA;

}



/*客户留言*/

.liuyanform{

	

}

.form-group{

	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:50%;

	padding-left: 15px;

	font-family:"微软雅黑";

}

.form-group textarea{

	line-height:25px;

	border:1px solid #ccc;

	border-radius:5px;

	outline:none;

	resize:none;

	width:50%;

	padding-left: 15px;

	font-family:"微软雅黑";

}

.form-group1 input{

	display:block;

	width:200px;

	margin:0 auto;

	line-height:45px;

	background-color:#2d9aea;

	color:#fff;

	font-size:16px;

	text-align:center;

	font-family:"微软雅黑";

}





/*----标题---*/

.bt_line{ width:100%; border-bottom:1px dashed #999999;}



.bt_w5{ width:100%; float:left;}

.bt_w33{width:33.3%; float:left;}

.bt_w40{width:100%; float:left;}

.bt_w60{width:100%; float:left;}



.blue_t{ font-size:30px; text-align:center; color:#0E478A; height:80px; line-height:80px; font-weight:bold; padding-bottom:30px;}

.box_xx{ width:46%; margin-left:2%; float:left; border:1px solid #CCC;}

/*----update by oguai2---*/


.con-ul li {box-sizing: border-box;padding: 30px 0;break-inside: avoid;}
.con-ul li h3 {line-height: 40px;margin-bottom: 10px;color: #0E478A;}
.ny_about_right_content_icon {width:100%; text-align:center;}
.ny_about_right_content_icon img {width:20%;}
.ny_about_right_content_txt h2 {margin-bottom: 20px;font-size: 24px;line-height: 45px; text-align:center;}
img {max-width:100%;}
.contact {display:flex;}
.contact-icon { min-width:48px;}
.contact-icon img {margin:0;}
.logo_text01 {width: 50%;
    float: left;
    line-height: 45px;
    font-size: 24px;
    color: #0E478A;
	font-weight: bold;
	}