@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
html {
	min-width: 1060px;
}
body {
	overflow-x: hidden;
	overflow-y: auto;
}
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
	margin: 0px;
}
input, button, ul, ol {
	margin: 0px;
	padding: 0px;
}
body, input, button, form, textarea {
	font-size: 14px;
	line-height: 28px;
	font-family:Arial, "Arial Narrow", "Times New Roman";
	color: #333;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	font-weight: normal;
}
ul, ol {
	list-style: none;
}
img {
	border: 0px;
	display: block;
	margin: 0;
	padding: 0;
}
em, i, strong {
	font-style: normal;
}
button, input, select, textarea {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	background: #fff;
}
* {
	padding: 0px;
	margin: 0px
}
div {
	margin: 0;
	padding: 0;
	border: 0;
}
p {
	margin: 0;
}
b, strong {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;/* Remove most spacing between table cells.*/
}
li {
	list-style: none outside none;
}
/*链接*/
a {
	text-decoration: none;
	color: #333;
	background: transparent;
	outline: none
}
a:focus {
	outline: none;
}
a:hover, a:active {
	color: #f00;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
/*表单*/
form {
	margin: 0;
}
button, input, select, textarea {
	font-size: 100%; /* Correct font size not being inherited in all browsers. */
	margin: 0; /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
	vertical-align: baseline; /* Improve appearance and consistency in all browsers */
*vertical-align: middle; /* Improve appearance and consistency in all browsers */
}
button, select {
	text-transform: none;
}
input {
	line-height: normal;
	border: none;
}
/*其它*/
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
code, kbd, pre, samp {
	font-size: 1em;
}
pre {
	margin: 1em 0;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
dd {
	margin: 0;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
.ease, .ease * {
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
/*==========@@HTML默认 结束@@==========*/
/*==========@@通用 开始@@==========*/
/*常用颜色*/
.red { font-weight:bold;
	color: #F00 !important;
}
.green { color:#0C0 !important; font-weight:bold; }
.green2{ color:#059a4c; font-weight:bold; font-size:20px; }
.green3{ color:#059a4c; font-weight:bold; font-size:16px; }

/*清除浮动*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	line-height: 0;
}
.clearfix {
*zoom:1;
}
.clear {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/*其它*/
.hidden {
	display: none;
}
/*必须输入，主要*/
.required {
	color: red;
	font-weight: bold;
}
.form_text_verifycode {
	width: 80px;
}
.form_radio {
	width: auto;
	border: 0;
}
.form_checkbox {
	width: auto;
	border: 0
}
/*网站公用样式表*/
.w1200 {
	width: 1004px;
	margin: 0 auto;
}
.n1300 {width: 1300px;
        margin: 0 auto;
}
.n1200 {width: 1200px;
}
.n1050 {width: 1050px; margin: 0 auto;}
.por {
	position: relative;
}
.poa {
	position: absolute;
}
.icon {
	background: url(../images/icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
#header_main, #top_main, #banner_main, #floor_1_main, #links_main, #footer_main {
	width: 100%;
	margin: 0 auto;
}
.trans {
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.citrsurf {width:100%; height:auto; margin:0 auto;position:fixed; z-index:9999; background-color:#FFF; !important}
.citrsurfny{width:100%; height:140px;}
/*top
.tcit{ position:relative; z-index:10;}
.tcit .sword{width:400px; height:100px; position:absolute; top:50px; left:1050px;}
.tcit .sword ul{}
.tcit .sword li{ display:inline-block;  width:27px; height:20px; }
.tcit .sword .line { display:inline-block; width:1px; height:20px; background-color:#CCC;}*/
        
        .tcit {
            position: relative;
            z-index: 9999;
            border-radius: 8px;
        }
        
        .sword {
            width: 150px;
            height: 30px;
            position: absolute;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-around;
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0);
			top:10px; right:80px;
        }
        
        .sword li {
            display: inline-block;
            width: 27px;
            height: 30px;
            list-style: none;
            position: relative;
            cursor: pointer;
            transition: transform 0.3s;
        }
        
        .sword li:hover {
            transform: scale(1.1);
        }
		
		.sword li span:hover {
			color:#000;
 
        }
        
        .sword .line {
            display: inline-block;
            width: 1px;
            height: 15px;
            background-color: #CCC;
        }
        
        /* 下拉菜单样式 */
        .dropdown-menu {
            position: absolute;
            top: 35px;
            left: -19px;
            width: 60px;
            background: white;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 100;
			background-color:#333;
        }
        
        .dropdown-menu:before {
            content: '';
            position: absolute;
            top: -8px;
            left: 40px;
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid white;
        }
        
        .dropdown-menu li {
            width: 100%;
            height: auto;
            padding: 0px 20px;
            display: block;
            transform: none;
        }
        
        .dropdown-menu li:hover {
            transform: none;
			
        }
        
        .dropdown-menu a {
            text-decoration: none;
            color: #fff;
            display: block;
            font-size: 14px;
        }
		.dropdown-menu a:hover {
            text-decoration: none;
            color:#F00;
            display: block;
            font-size: 14px;
        }
        
        .sword li:first-child:hover .dropdown-menu {
            opacity: 1;
            visibility: visible;
            top: 30px;
        }
        
        /* 搜索框样式 */
         /* 搜索框样式 */
        .search-box {
            position: absolute;
            top: 35px;
            right: -30px;
            width: 280px;
            background: white;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            border-radius: 6px;
            padding: 15px;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 100;
        }
        
        .search-box:before {
            content: '';
            position: absolute;
            top: -8px;
            right: 40px;
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid white;
        }
        
        .search-form {
            display: flex;
            gap: 8px;
        }
        
        .search-box input {
            flex: 1;
            padding: 8px 12px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 14px;
            outline: none;
            transition: border 0.3s;
        }
        
        .search-box input:focus {
            border-color: #3498db;
        }
        
        .search-box button {
            padding: 8px 16px;
            background-color: #035f5f;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            transition: background-color 0.3s;
        }
        
        .search-box button:hover {
            background-color: #069e9e;
        }
        
        .sword li:last-child:hover .search-box {
            opacity: 1;
            visibility: visible;
            top: 30px;
        }
        
        .instructions {
            margin-top: 40px;
            padding: 20px;
            background-color: #069e9e;
            border-radius: 8px;
            border-left: 4px solid #3498db;
        }
        
        .instructions h3 {
            margin-bottom: 10px;
            color: #2c3e50;
        }
        
        .instructions p {
            margin-bottom: 8px;
            line-height: 1.5;
        }
        
        .feature-list {
            margin-top: 30px;
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
        }
        
        .feature {
            width: 200px;
            text-align: center;
            margin-bottom: 20px;
        }
        
        .feature-icon {
            width: 60px;
            height: 60px;
            background-color: #035f5f;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
            color: white;
            font-size: 24px;
        }
        
        .feature h4 {
            margin-bottom: 8px;
            color: #2c3e50;
        }
        
        .feature p {
            font-size: 14px;
            color: #7f8c8d;
        }

















.header_main {
	background: #fff;
	height: 34px;
	line-height: 34px;
	font-size: 12px;
	border-bottom: 1px solid #ddd;
}
.header_main span {
	color: #666;
	display: inline-block;
	margin-right: 10px;
}
.header_main b {
	display: inline-block;
	font-weight: bold;
	font-size: 16px;
	font-family: arial;
	color: #666;
}
.header_main .ksdh {
	color: #666;
+width: 300px;
}
.header_main .ksdh li {
	position: relative;
	display: inline-block;
	text-align: center;
	margin: 0 8px;
}
.header_main .ksdh .split {
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #666;
	vertical-align: middle;
	margin: 0;
}
.header_main .ksdh a {
	color: #666;
	display: inline-block;
	font-size: 12px;
}
.header_main .ksdh a:hover {
	color: #127a44;
}
.top_main {
	width: 100%;
	margin:0 auto;
	margin-left:20px;
}
.top_main .top {
	padding-top: 10px;
	padding-bottom: 5px;
	margin:0 auto;
	margin-left:60px;
}
.top_main .logo {
	display: block;
	text-align:center;
	padding-top:25px;
}
.top_main .logo img {
	display: block;
}
.top .toprig {
	width: 850px;
	padding-top: 6px;
	margin-left:45px;
}

/*导航*/
.nav_main {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #fff;
	position: relative;
	z-index: 999;
	margin-top:55px;
}
#nav ul {
	margin: 0 auto;
	width: 100%;
}
#nav li {
	float: left;
	width: 130px;
	display: block;
	list-style: none;
	font-size: 15px;
	text-align: center;
	line-height: 25px;
	position: relative;
	margin: 0;
	/*background: url(../images/nav_line.png) no-repeat right center;*/
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
#nav li:last-child {
	background: none;
}
#nav li a {
	display: block;
	text-align: center;
	position: relative;
	color: #000;
	height: 50px;
}
#nav li:hover a, #nav li.hover a {
	color: #008081;
}
/*#nav li:hover, #nav li.hover {
	background: #05f9fb url(../images/nav_line.png) no-repeat right center;*/
}
#nav li:last-child:hover, #nav li:last-child.hover {
	background: #fff;
}
/*导航栏下拉*/
#nav ul .subnav {
	background: #646162;
	border-top: 1px solid #000;
	box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
	height: auto;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 199;
}
#nav ul .subnav {
	position: absolute;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
}
#nav ul li:hover .subnav {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
#nav ul .subnav a {
	color: #eae9e9;
	display: block;
	font-size: 13px;
	font-weight: 500;
	line-height: 22px;
	height: 22px;
	padding: 10px;
	transition: all 0.2s ease-in-out 0s;
	max-width: 100%;
	border-bottom: 1px solid #514e4f;
}
#nav ul .subnav a:hover {
	color: #05f9fb;
}

/*菜单下面的线*/
.ciline { width:100%; height:5px; background-color:#CCC; margin:0 auto; margin-bottom:10px;}
/* 菜单下面的线 end* */




/*侧边导航*/
/* banner */
#banner_main {
	overflow: hidden;
	position: relative;
	z-index: 2;
}
#banner_main .banner {
	height: 450px;
	background-color:#011f5d;
}
#banner {
	width: 100%;
	min-width: 1060px;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
#banner, .banner ul {
	max-height: 400px;
	overflow: hidden;
}
.banner li {
	width: 100%;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}
.banner li img {
	width: 1200px;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -500px;
	top: 0;
}
#banner .tip {
	width: 1000px;
	height: 10px;
	line-height: 0;
	font-size: 0;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	bottom: 10px;
	z-index: 3;
}
#banner .tip span {
	height: 5px;
	margin: 0 2px;
	width: 50px;
	display: inline-block;
	font-size: 0;
	cursor: pointer;
	background: #fff;
	opacity: .6;
	filter: Alpha(opacity=60);
*zoom:1;
}
#banner .tip span.cur {
	background-color: #f4e710;
	opacity: 1;
	filter: Alpha(opacity=100);
}
#banner #btn_prev, #banner #btn_next {
	width: 40px;
	height: 90px;
	position: absolute;
	top: 50%;
	z-index: 5;
	margin-top: -45px;
	-webkit-transition: all .0s ease-in-out 0s;
	-moz-transition: all .0s ease-in-out 0s;
	transition: all .0s ease-in-out 0s;
}
#banner #btn_prev {
	background-position: 0 0;
	left: 5%;
}
#banner #btn_next {
	background-position: -50px 0;
	right: 5%;
}
#banner #btn_prev:hover {
	background-position: 0 -98px;
}
#banner #btn_next:hover {
	background-position: -50px -98px;
}

/* banner结束 */
.cibatxt {width:1000px; height:0; margin:0 auto; top:10px; position:relative; z-index:100; }
.cibatxt .tt {width:456px; height:156px; position:absolute; top:-380px; left:30px; z-index:20; color:#fff; font-size:35px; font-weight:bold; text-align:left; line-height:50px; font-family:"Arial Black";}
.cibatxt .tc {width:456px; height:156px; position:absolute; top:-200px; left:30px; z-index:20; color:#fff; font-size:75px; font-weight:bold; text-align:left; line-height:50px; font-family:"Arial Black";}
.cibatxt .te {width:456px; height:156px; position:absolute; top:-200px; left:270px; z-index:20; color:#fff; font-size:40px; font-weight:bold; text-align:left; line-height:50px;  font-family:"Arial Black";}

.cibatxt .aa {width:260px; height:35px; position:absolute; top:-130px; left:30px; font-size:14px; z-index:20; color:#255788; background:#a8e600; font-weight:bold; line-height:35px; padding-left:20px; }
.cibatxt .aa:hover {background:#09C; color:#fff;}
.cibatxt .ab {width:260px; height:35px; position:absolute; top:-80px; left:30px; font-size:14px; z-index:20; color:#255788; background:#a8e600; font-weight:bold; line-height:35px; padding-left:20px; }
.cibatxt .ab:hover {background:#09C; color:#fff;}



/*搜索栏*/
.announ_main {
	width: 100%;
	height: 76px;
	line-height: 76px;
	border-bottom: 1px solid #eee;
}
.announ_main .announ_right {
	width: 282px;
	padding-top: 20px;
}
.announ_main .announ_right .search {
	width: 282px;
	height: 35px;
	line-height: 35px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background: #f6f6f6;
	position: relative;
}
.announ_main .announ_right .search input {
	outline: none;
	border: 0 none;
	height: 35px;
	line-height: 35px;
}
.announ_main .announ_right .search .txt {
	width: 200px;
	background: none;
	padding-left: 15px;
	display: block;
	color: #999;
}
.announ_main .announ_right .search .btn {
	width: 50px;
	background: url(../images/sou.png) no-repeat center #127a44;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
.announ_main .announ_right .search .btn:hover {
	background-color: #fadd15;
}
.announ_main .announ_left span {
	display: inline-block;
}
.announ_main .announ_left a {
	display: inline-block;
	padding: 0 10px 0 0;
}
.announ_main .announ_left a s {
	width: 1px;
	height: 16px;
	display: inline-block;
	margin-right: 10px;
	background: #e9e9e9;
	vertical-align: middle;
}
.announ_main .announ_left a:first-child s {
	display: none;
}
/*banner end*/


/*首页产品介绍*/

.inprtitle{ margin:0 auto; margin-top:60px; margin-bottom:50px; font-size:40px; font-weight:800; text-align:center; color:#2e3191;}


        :root {
            --image-size: 150px; /* 稍微缩小图片尺寸，为更大间距留出空间 */
            --gap: 110px; /* 将间距从20px增加到40px */
            --border-width: 2px;
        }
        
        .gallery {
            display: grid;
            grid-template-columns: repeat(3, var(--image-size));
            grid-template-rows: repeat(2, auto);
            gap: var(--gap);
            position: relative;
            max-width: calc(3 * var(--image-size) + 2 * var(--gap));
            margin: 0 auto;
        }
        
        /* 竖线样式 */
        .image-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
        }
        
        /* 为第一行的前两个图片添加竖线 */
        .image-item:nth-child(1)::after,
        .image-item:nth-child(2)::after,
        .image-item:nth-child(4)::after ,
		.image-item:nth-child(5)::after {
            content: '';
            position: absolute;
            right: calc(-1 * var(--gap) / 2 - 1px);
            top: 50%;
            transform: translateY(-50%);
            height: 100%;
            width: 2px;
            background-color: #ddd;
            z-index: 1;
        }
        
        .image-container {
            width: var(--image-size);
            height: var(--image-size);
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
            border: 0px solid #f0f0f0;
        }
		
        .image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
		
		.image-container img:hover {
            width: 100%;
            height: 100%;
            object-fit: cover;
			transition: 0.3s;
		    transform: scale(1.1);	
        }
        
        .image-name {
            margin-top: 30px;
            font-size: 20px;
            font-weight:bold;
            color: #2e3191;
            text-align: center;
            line-height: 1.4;
        }
        
        .color-line {
            height: 4px;
            width: 100%;
            margin-top: 8px;
            border-radius: 2px;
        }
        
        /* 为每个图片设置不同颜色的实线 */
       .image-item:nth-child(1) .color-line { background-color: #f47115; }
        .image-item:nth-child(2) .color-line { background-color: #6e87cc; }
        .image-item:nth-child(3) .color-line { background-color: #f799aa; }
        .image-item:nth-child(4) .color-line { background-color: #00a64f; }
        .image-item:nth-child(5) .color-line { background-color: #a52d84; }
        .image-item:nth-child(6) .color-line { background-color: #99d31f; }
		
.inprmore .an { width:140px; height:35px; line-height:35px; color:#FFF; background-color:#99d31f; text-align:center; font-size:15px; font-weight:bold; border-radius:3px;position:absolute; top:630px; right:10px; cursor:pointer;}
.inprmore .an:hover { color:#FFF; background-color:#75a908; cursor:pointer;}



/*首页产品介绍end*/


/*首页CitriSurf介绍*/
.in_ci {height:auto; margin:0 auto; position:relative; margin-bottom:650px;}

.in_ci_title{ width:1000px; margin:0 auto;  margin-top:80px; margin-bottom:80px; font-size:40px; font-weight:800; text-align:left; padding-left:30px; color:#2e3191;}

.in_ci_tu { width:800px; height:500px; position:absolute; top:50px; left:420px; z-index:10;}
.in_ci_tu img { width:80%; height:80%; text-align:right;}
.in_ci_bg { width:400px; height:330px; position:absolute; top:200px; left:100px; background-color:#cac0e5; position:absolute; z-index:11;  padding:40px;}
.in_ci_bg p{ text-align:left; color:#000; height:400px; overflow:hidden; font-size: 18px;
    line-height: 1.5em;}
.in_ci .mr { width:120px; height:25px; line-height:25px; color:#FFF; background-color:#99d31f; text-align:center; font-size:14px; font-weight:bold; border-radius:8px;position:absolute; top:550px; left:430px; cursor:pointer; z-index:12;}
.in_ci .mr:hover { color:#FFF; background-color:#75a908; cursor:pointer;}

/*首页CitriSurf介绍end*/

/*首页中间banner*/
.mibanner { width:100%; height:130px; background:url(../images/mibanner.jpg) top center no-repeat; overflow:hidden; margin:0 auto; }
.mibanner span {display:block; width:880px; height:100px; margin:0 auto; text-align:left;  font-size:40px; font-weight:800; color:#FFF; padding-top:50px;}

/*中间banner 结束*/



/*内页banner*/
.ab_banner {
    width: 1300px;
    height: 180px;
    margin: 0 auto;
    background: url(../images/abbanner.jpg) no-repeat #011f5d;
}

.ab_banner .txt { width:1000px; height:50px; margin:0 auto;padding-top:80px; text-align:left; font-size:28px; font-weight:bold; color:#FFF; font-family:"Arial Black";}


.contact_banner {
    width: 1300px;
    height: 180px;
    margin: 0 auto;
    background: url(../images/lsbanner.jpg);
    background-position: center;
}



/*内页banner end*/、



/*内页CitriSurf介绍*/
/*.nyab {width:1000px; margin:0 auto; height:800px; position:relative; margin-bottom:550px;}*/
.nyab {}
.nyab .title{ width:950px; margin:0 auto;  margin-top:80px; margin-bottom:80px; font-size:40px; font-weight:800; text-align:left; padding-left:30px; color:#2e3191;  }
.nyab .tu { width:600px; height:500px; position:absolute; top:50px; left:350px; z-index:10;}
.nyab .tu img { width:100%; height:80%; text-align:right;}
.nyab .bg { width:650px; height:750px; color:#000; position:absolute; top:300px; left:0px; background-color:#F8F8F8; position:absolute; z-index:11;  padding:30px 70px 30px 80px;}
.nyab .bg p{ text-align:left; color:#000;  font-size: 14px; line-height:28px;}
.nyab .lfk { width:360px; height:50px; background-color: rgba(121, 204, 236, 0.7); position:absolute; top:275px; left:350px;  z-index:12; }

/*内页CitriSurf介绍end*/


/*会社情报*/
/*.nyab {width:1000px; margin:0 auto; height:800px; position:relative; margin-bottom:550px;}*/
.hctb {}
.hctb .title{ width:1000px; margin:0 auto;  margin-top:50px; margin-bottom:20px; font-size:30px; font-weight:800; text-align:left; padding-left:90px; color:#151828;  }
.hctb .bg { width:950px; height:auto; top:400px; left:0px; background-color:#F8F8F8;  z-index:11; margin-top:20px;}
.hctb .bg h1{ display:block; width:100%; text-align:left; color:#2e3191; height:auto; font-size:28px; font-weight:bold; line-height: 1.6em; padding:80px 0 0 60px;}
.hctb .bg p{ display:block; width:80%; text-align:left; color:#000; height:auto; font-size: 14px;line-height:30px; margin-left:10%;}
.hctb .bg span{ display:block; width:88%; line-height:150px; text-align:right; color:#000; height:auto; color:#000; font-size: 28px;line-height:150px;  }
.hctb .lfk { width:300px; height:50px; background-color: rgba(251, 0, 156, 0.4); position:absolute; top:-30px; right:10px;  z-index:12; }
.hctb_banner {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    background: url(../images/hctbbanner.jpg) repeat-x #011f5d;
    background-position: center;
}

.hctb_banner .txt { width:1000px; height:50px; margin:0 auto; }
.hctb_banner .txt .al { float:left; width:300px; margin-right:100px; margin-left:50px; }
 .hctb_banner .txt .ar { float:left; width:400px; font-size:30px;  color:#151828; padding-top:100px; line-height:55px; font-weight:bold;  }

/*会社情报end*/

/*テクニカルサポート 技术*/




/*テクニカルサポート 技术 end*/
.jsbt { width:100%; height:30px; background-image:url(../images/yzbtbj.jpg); background-position:center; background-repeat:no-repeat; text-align:center;}
.js_banner {
    width: 1300px;
    height: 180px;
    margin: 0 auto;
    background: url(../images/jsbanner.jpg) #062034;
	background-repeat:no-repeat;
    background-position: center;
}
.js_banner .batxt { width:1000px; height:30px; margin:0 auto; line-height:30px; font-size:30px; font-weight:bold; color:#fff; text-align:left; padding-top:80px;}
.jsmb { width:1300px; height:80px; margin:0 auto; background-color:#011f5d; text-align:center;}
.jsmb .mbtxt { width:900px; height:80px; margin:0 auto; line-height:80px; font-size:30px; font-weight:bold; color:#fff; text-align:right;}

.js_pr { width:950px; height:auto; margin:0 auto; background-color:#F8F8F8; margin-top:20px; }
.js_pr .nycontect { width:850px; height:auto; margin:0 auto; line-height:25px; font-size:14px; color:#000; padding:30px 30px 80px 30px; }
.js_pr .nycontect .ttbt { width:100%; height:80px; margin:0 auto; line-height:30px; text-align:left;  font-size:18px; color:#059a4c; margin-bottom:10px; }
.js_pr .nycontect .nytitle { width:100%; height:50px; margin:0 auto; line-height:50px; text-align:left;  font-size:25px; color:#059a4c; font-weight:bold; font-family:"Arial Black";   }
.js_pr .nycontect .nytitler{ width:90%; height:50px; margin:0 auto; line-height:50px; text-align:right; padding-left:50px; font-size:25px; color:#059a4c; font-weight:bold; font-family:"Arial Black";  margin:0 0 10px 0; }
.js_pr .nycontect .nyline { width:100%; height:3px; margin:0 auto; background-color:#059a4c;  }
.js_pr .nycontect .fny { width:100%; height:30px; margin:0 auto; line-height:30px; text-align:left; font-size:16px; margin-bottom:50px; margin-top:20px;  }
.js_pr .nycontect .mny {font-size:14px; line-height:30px;}
.js_pr .mbr { color:#F00;}
.js_pr .rback { width:100%; height:517px; margin:0 auto; background-color:#cac0e5; text-align:center;}






/*環境社会責任*/
.hjbt { width:100%; height:30px; background-image:url(../images/yzbtbj.jpg); background-position:center; background-repeat:no-repeat; text-align:center;}
.hj_banner {
    width: 1300px;
    height: 180px;
    margin: 0 auto;
    background: url(../images/hjbanner.jpg);
	background-repeat:no-repeat;
    background-position: center;
}
.hj_banner .batxt { width:900px; height:30px; margin:0 auto; line-height:50px; font-size:30px; font-weight:bold; color:#fff; text-align:right; padding-top:90px;}
.hjmb { width:1300px; height:80px; margin:0 auto; background-color:#011f5d; text-align:center;}
.hjmb .mbtxt { width:900px; height:80px; margin:0 auto; line-height:80px; font-size:30px; font-weight:bold; color:#fff; text-align:left;}

.hj_pr { width:950px; height:auto; margin:0 auto;  background-color:#F8F8F8; margin-top:20px; }
.hj_pr .nycontect { width:850px; height:auto; margin:0 auto; line-height:25px; font-size:15px; color:#000; padding:30px 30px 80px 30px;}
.hj_pr .nycontect .mny {font-size:14px; line-height:30px; margin:0 auto;}
.hj_pr .mbr { color:#F00;}
.hj_pr .rback { width:100%; height:450px; margin:0 auto; background-color:#cac0e5; text-align:center;}

/*環境社会責任 end*/



/*製品情報*/
.cs_banner {
    width: 1300px;
    height: 180px;
    margin: 0 auto;
    background: url(../images/csbanner.jpg) no-repeat;
    background-position: center;
}

.cs_banner .txt { width:800px; height:50px; margin:0 auto;padding-top:50px; text-align:left; font-size: 28px; font-weight:bold; color:#FFF; font-family:"Arial Black"; letter-spacing:10px; }
.cs_banner .txtm { width:800px; height:30px; margin:0 auto;text-align:left; font-size: 18px; color:#FFF; line-height:25px;}
.cs_title { width:1050px; height:100px; margin:0 auto; padding-right:250px;  }
.cs_title h1{text-align:right; font-size:35px; font-weight:bold; color:#2e3191; line-height:50px; letter-spacing:11.5px; font-family:"Arial Black";}
.cs_title span{ display:block; text-align:right; font-size:15px; font-weight:bold; color:#2e3191;}

.cs_lb { width:950px; height:330px; margin:0 auto; background:#F8F8F8;}
.cs_lb .inlb { width:1050px; height:auto; margin:0 auto;  margin-bottom:50px; margin-top:20px; padding-left:30px; }
.cs_lb .inlb .nyl { display:inline-block; width:500px; height:100px; vertical-align:top; clear:both; }
.cs_lb .inlb .nyl ul {}
.cs_lb .inlb .nyl li { float:left; width:150px; height:30px; font-size:14px;  line-height:30px; text-align:left; }
.cs_lb .inlb .nyr {display:inline-block; width:400px; height:100px; vertical-align:top; clear:both;}
.cs_lb .bt{ width:350px; height:40px;  font-size:16px;  text-align:left; line-height:40px;  margin-top:20px; clear:both; color:#011f5d; font-weight:bold;}
.cs_lb .fbt{ width:350px; height:20px;  font-size:14px; text-align:left; line-height:20px;  clear:both;}
.cs_lb .otbt{ float:left; width:200px; height:30px; font-size:14px;  line-height:30px; text-align:left; }

.cs_pr { width:950px; height:auto; margin:0 auto;  background-color:#F8F8F8; }
.cs_pr .nytitle { width:100%; height:90px; margin:0 auto; line-height:90px; text-align:center; font-size:28px; color:#fff; font-weight:bold; font-family:"Arial Black"; background-color:#2e3191; margin-top:30px;}
.cs_pr .nycontect { width:890px; height:auto; margin:0 auto; line-height:30px; font-size:14px; color:#000; padding:30px 30px 80px 30px;}
.cs_pr .mbr { color:#F00;}




/*製品情報 end*/


/*業 界*/
.yz_banner {
    width: 1300px;
    height: 180px;
    margin: 0 auto;
    background: url(../images/yzbanner.jpg) no-repeat;
    background-position: center;
}
.yzbt { width:100%; height:60px; background-image:url(../images/yzbtbj.jpg); background-position:center; background-repeat:no-repeat; text-align:center; margin-bottom:10px;}
.yzbt .yztxt { width:600px; height:60px; line-height:60px; margin:0 auto; font-size:35px; font-weight:bold; font-family:"Arial Black"; color:#493c8b; padding-left:400px; }

.yz_pr { width:980px; height:auto; margin:0 auto;  background-color:#F8F8F8; margin-top:20px; }
.yz_pr .nycontect { width:950px; height:auto; margin:0 auto; line-height:25px; font-size:14px; color:#000; padding-top:60px; padding-bottom:80px;}
.yz_pr .nycontect .nytitle { width:90%; height:35px; margin:0 auto; line-height:35px; text-align:left; padding-left:50px; font-size:25px; color:#2e3191; font-weight:bold; font-family:"Arial Black";  margin:0 0 10px 0; }
.yz_pr .nycontect .nytitler{ width:90%; height:35px; margin:0 auto; line-height:35px; text-align:right; padding-left:50px; font-size:25px; color:#2e3191; font-weight:bold; font-family:"Arial Black";  margin:0 0 10px 0; }
.yz_pr .nycontect .nyline { width:100%; height:3px; margin:0 auto; background-color:#2e3191;  }
.yz_pr .nycontect .fny { width:90%; height:30px; margin:0 auto; line-height:30px; text-align:left; font-size:18px; font-weight:bold; color:#2e3191; margin-bottom:50px; margin-top:20px;  }
.yz_pr .nycontect .mny {font-size:14px; line-height:30px; padding-left:50px; padding-right:20px;}
.yz_pr .mbr { color:#F00;}

/*業 界 end*/


/*不働態化概要*/
.infotitle { width:950px; height:80px; margin:0 auto; padding-right:250px;  }
.infotitle h1{text-align:right; font-size:28px; font-weight:bold; color:#2e3191; line-height:40px; letter-spacing:11.5px; font-family:"Arial Black";}
.infotitle span{ display:block; text-align:right; font-size:15px; font-weight:bold; color:#2e3191;}
.info_banner {
    width: 1300px;
    height: 180px;
    margin: 0 auto;
    background: url(../images/infobanner.jpg);
    background-position: center;
}
.infolb { width:950px; height:300px; margin:0 auto; background:#F8F8F8; margin-top:15px;}
.infolb .lbtitle { width:950px; height:50px; margin:0 auto;}
.infolb .lbtitle .bt{ width:350px; height:50px; float:right; background:#4c4297; color:#FFF; font-size:18px; font-weight:bold; text-align:center; line-height:50px;  margin-top:20px;}
.infolb .inlb { width:950px; height:auto; margin:0 auto; margin-top:50px; margin-bottom:50px; font-size:16px; }
.infony { width:100%; height:auto;  }
.infony .nytitle { width:950px; height:100px; margin:0 auto; line-height:100px; font-size:28px; color:#2e3191; font-weight:bold; font-family:"Arial Black"; padding-left:50px;}
.infony .nycontect { width:850px; height:auto; margin:0 auto; line-height:28px; font-size:14px; color:#000; padding:30px 50px 80px 50px;background-color:#F8F8F8;}
.nybologo { width:100%; height:180px; background:url(../images/nybologo.jpg) top center no-repeat; background-color:#fff; }


/*不働態化概要 end*/








/*首页case开始*/


.transs {
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.index .title {
	text-align: right;
	width: 92%;
	padding-bottom: 20px;
}
.index .title h3 {
	font-size:25px; 
	font-weight:800;
	display: block;
	line-height: 30px;
	color:#666;
}
.index .title p {
	color: #666;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
	padding-top: 20px;
}
.index .title h3 b {
	display: inline-block;
	font-weight: normal;
	color: #127a44;
}
.index .tab {
	text-align: center;
	padding-bottom: 30px;
}
.index .tab a {
	padding: 0 16px;
	height: 40px;
	line-height: 40px;
	background: #127a44;
	font-size: 18px;
	display: inline-block;
	margin: 0 20px;
	color: #fff;
}
.index .tab a:hover {
	color: #127a44;
	background: #fbdd16;
}
.index .floor_1_main {
	background: url(../images/flo1.jpg) repeat-x left bottom #fff;
	padding-top: 80px;
	padding-bottom: 80px;
}
.ipro {
	position: relative;
}
.ipro .bd {
	overflow: hidden;
}
.ipro .item {
	float: left;
	width: 280px;
	display: block;
	margin-bottom: 25px;
	margin-right: 25px;
	position: relative;
}
.ipro .item a {
	display: block;
	position: relative;
}
.ipro .item a.img {
	width: 100%;
	height: 218px;
	overflow: hidden;
	position: relative;
}
.ipro .item img {
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	width: 100%;
	height: 100%;
	display: block;
}
.ipro .item:hover img {
	transform: scale(1.06, 1.06);
}
.ipro .item a.txt {
	border: 1px solid #ddd;
	background: #fff;
	height: 68px;
	line-height: 68px;
	position: relative;
	border-top: 0 none;
}
.ipro .item h3 {
	font-weight: normal;
	text-align: left;
	padding-left: 20px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	font-size: 16px;
}
.ipro .item em {
	right: 30px;
	top: 28px;
	width: 10px;
	height: 16px;
	background-position: -248px 0;
	display: block;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ipro .item:hover h3 {
	padding-left: 25px;
}
.ipro .item:hover em {
	background-position: -268px 0;
}
.ipro .item:hover .txt {
	background: #127a44;
	color: #fff;
	border: 1px solid #127a44;
	border-top: 0 none;
}
.item_mask {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: Alpha(opacity=0);
*zoom:1;
	-webkit-transform: rotateX(180deg) scale(0.5, 0.5);
	transform: rotateX(180deg) scale(0.2, 0.2);
	transition: all ease-out .5s
}
.item_link_icon {
	display: block;
	width: 45px;
	height: 45px;
	text-align: center;
	background-position: -100px -156px;
	line-height: 38px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -22px;
	margin-top: -22px;
	opacity: 0;
	filter: Alpha(opacity=0);
*zoom:1;
}
.ipro .item:hover .item_mask {
	opacity: 1;
	filter: Alpha(opacity=100);
	-webkit-transform: rotateX(0deg) scale(1, 1);
	transform: rotateX(0deg) scale(1, 1);
	transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
	background: rgba(0, 0, 0, 0.3);
}
.ipro .item:hover .item_link_icon {
	transform: translateY(-21px);
	opacity: 1;
	filter: Alpha(opacity=100);
}
a.btn {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 28%;
	cursor: pointer;
	-webkit-transition: all .0s ease-in-out 0s;
	-moz-transition: all .0s ease-in-out 0s;
	transition: all .0s ease-in-out 0s;
}
a.btn.prev {
	background-position: -100px -50px;
	left: -5%;
}
a.btn.next {
	background-position: -190px -50px;
	right: -5%;
}
a.btn.prev:hover {
	background-position: -145px -50px;
}
a.btn.next:hover {
	background-position: -236px -50px;
}
.index .floor_5_main {
	background: url(../images/flo5.jpg) no-repeat center top;
	height: 818px;
	overflow: hidden;
}
.index .floor_2, .index .floor_3 {
	padding: 60px 0 40px 0;
	position: relative;
}
.index .icase {
	margin:0 auto;
	overflow: hidden;
	background-color:#d8d1eb;
	padding:50px 0 0 50px;
	width:80%;
	
}
.index .icase .list {
	zoom: 1;
	width: 100%;
	margin:0 auto;
}
.index .icase .list li {
	float: left;
	margin-right: 35px;
	margin-bottom: 21px;
	width: 220px;
}
.index .icase .list li .img {
	width: 220px;
	height: 158px;
	overflow: hidden;
	display: block;
	position: relative;
	cursor: pointer;
}
.index .icase .list li .img img {
	width: 220px;
	transition: .9s;
	-moz-transition: .9s;
	-webkit-transition: .9s;
	-o-transition: .9s;
	height: 188px;
}
.index .icase .list li .img .on {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: Alpha(opacity=0);
*zoom:1;
	-webkit-transform: rotateX(180deg) scale(0.5, 0.5);
	transform: rotateX(180deg) scale(0.2, 0.2);
	transition: all ease-out .5s
}
.index .icase .list li .img .on i {
	width: 65px;
	height: 65px;
	background-position: -150px -147px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -32px;
	margin-left: -32px;
}
.index .icase .list li .p {
	color: #2e3191;
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	font-weight:bold;
}
.index .icase .list li:hover img {
	transform: scale(1);
	-webkit-transform: scale(1);
}
.index .icase .list li:hover .on {
	opacity: 1;
	filter: Alpha(opacity=100);
	-webkit-transform: rotateX(0deg) scale(1, 1);
	transform: rotateX(0deg) scale(1, 1);
	transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
	background: rgba(0, 0, 0, 0.3);
}

/*首页case结束*/









.xunpan {
	width: 100%;
	background-color:#000;
	background: url(../images/xunpan.jpg) no-repeat center top;
	height: 160px;
}
.xunpan .zixun {
	width: 200px;
	height: 40px;
	padding: 5px;
	text-align: center;
	background: #fff;
	position: absolute;
	right: 0;
	top: 60px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.xunpan .zixun a {
	width: 188px;
	height: 38px;
	line-height: 38px;
	display: block;
	margin: 0 auto;
	color: #125d27;
	font-size: 20px;
	font-weight: bold;
	border: 1px solid #125d27;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.xunpan .zixun:hover {
	animation: flipInY 1.2s ease-out forwards;
	-webkit-animation: flipInY 1.2s ease-out forwards;
}
.xunpan img {
	display: block;
	padding-top: 40px;
	max-width: 100%;
	padding-bottom: 20px;
}
.xunpan .tel {
	width: 310px;
	background: url(../images/telbg.png) no-repeat left top;
	height: 40px;
	line-height: 40px;
	color: #125927;
	font-size: 30px;
	text-align: center;
	margin-right: 5px;
	font-family: arial;
	display: inline-block;
	text-indent: 14px;
}
.xunpan strong {
	display:block;
	color: #191877;
	font-size:40px; 
	font-family: "You Yuan";
	font-weight:800;
	text-align:center;
	padding-top:70px;
}
.floor_3_main {
	background:url(../images/sdsbanner.jpg) repeat center;
	height:260px;
	
}
.floor_3 .title {
	color: #fff;
}
.floor_3 .title p {
	color: #fff;
}
.liuc {
	position: relative;
	padding-left:150px;
}
.liuc .bd {
	overflow: hidden;
	width: 100%;
*zoom: 1;
	position: relative;
}
.liuc li {
	float: left;
	margin-right:80px;
	cursor:pointer;
}
.liuc li .jtou {
	width: 120px;
	height: 70px;
	background: url(../images/jtou.png) no-repeat center;
	float: left;
	display: block;
}
.liuc li img {
	width: 80px;
	height: 104px;
	display: block;
	margin-bottom: 20px;
}
.liuc li p {
	text-align: center;
	color:#333;
	font-size: 20px;
	float: left;
	font-weight:bold;
}
.liuc li:last-child .jtou {
	display: none;
}
.liuc a.btn {
	width: 45px;
	height: 45px;
}
.liuc a.btn.prev {
	background-position: -100px -98px;
}
.liuc a.btn.prev:hover {
	background-position: -150px -98px;
}
.liuc a.btn.next {
	background-position: -200px -98px;
}
.liuc a.btn.next:hover {
	background-position: -250px -98px;
}
.liuc li:hover img {
	animation: flipInY 1.2s ease-out forwards;
	-webkit-animation: flipInY 1.2s ease-out forwards;
}
.floor_4_main {
	background: #f0f0f0 url(../images/fl4.jpg) no-repeat center top;
	background-size: 1920px 930px;
	height: 500px;
	overflow: hidden;
	width: 100%;
}
.index .floor_4, .indnews {
	padding: 0px 0 40px 0;
	overflow: hidden;
	position: relative;
}
.index .floor_4 .textlist .list {
	width: 100%;
}
.index .floor_4 .textlist {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	padding-left:60px;
}
.index .textlist li {
	position: relative;
	float: left;
	width: 250px;
	height: 450px;
	margin-right: 70px;
	transition: all 0.2s linear 0s;
	border: 0px solid #ddd;
	text-align:center;
}
.index .textlist li a {
	display: block;
	padding: 30px;
	color: #333;
}
.index .textlist li .img {
	width: 200px;
	height: 250px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.index .textlist li .img img {
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-out 0s;
	display: block;
}
.index .textlist li:hover .img img {
	transform: scale(1.1, 1.1);
}
.index .textlist li h3 {
	font-size: 20px;
	line-height: 20px;
	padding-top: 20px;
	font-weight:800;
}
.index .textlist .desc {
	line-height: 25px;
	font-size: 20px;
	color:#333;
	overflow: hidden;
	margin-bottom: 5px;
	cursor: pointer;
	padding-top: 10px;
}
.index .textlist span {
	position: absolute;
	bottom: 0px;
	left: 50px;
	display: block;
	color: #fff;
	font-family: arial;
	width: 140px;
	height: 40px;
	line-height: 40px;
	background: #aacd06;
	text-align: center;
	border-radius: 10px;
	font-weight:bold;
}
.index .textlist li:hover {
	border: 0px solid #127a44;
	color: #000;
}
.index .textlist li:hover a {
	color: #000;
}
.index .textlist li:hover span {
	background: #fbdd16;
	color: #fff;
}
.floor_4 .hd {
	text-align: center;
	padding-top: 20px;
}
.floor_4 .hd a.btn {
	position: relative;
	top: auto;
	display: inline-block;
	margin: 0 5px;
}
.floor_4 .hd a.btn.prev {
	left: auto;
}
.floor_4 .hd a.btn.next {
	right: auto;
}
.index .more {
	margin-top: 40px;
}
.index .more .line {
	display: block;
	width: 500px;
	height: 1px;
	margin-top: 24px;
	background: #ccc;
}
.index .more .look_more {
	display: block;
	width: 198px;
	height: 48px;
	font-size: 16px;
	line-height: 48px;
	text-align: center;
	border: 1px solid #ccc;
	transition: all .5s;
}
.index .more .look_more:hover {
	background: #127a44;
	color: #fff;
	transition: all .5s;
	border: 1px solid #127a44;
}

.index .casebo { width:84.9%; height:420px; margin:0 auto; overflow:hidden; background-color:#d8d1eb; }

.index .casebo .nyl { float:left; width:250px; height:500px; line-height:30px; font-size:16px; color:#666; font-weight:bold; text-align:left; padding-left:230px;}
.index .casebo .nyr { float:left; width:250px; height:500px; line-height:30px; font-size:16px; color:#666; font-weight:bold; text-align:left; padding-left:10px; position:relative;}

.index .casebo .camor { width:130px; height:35px; line-height:35px; color:#FFF; background-color:#99d31f; text-align:center; font-size:13px; font-weight:bold; border-radius:8px;position:absolute; top:320px; left:100px; cursor:pointer; z-index:62;}
.index .casebo .camor:hover { color:#FFF; background-color:#75a908; cursor:pointer;}
.index .hxtitle{ text-align:right; height:55px; font-size:40px; font-weight:800; color:#182346; margin-top:30px;}

/*首页技术*/
.ci_js_bt { text-align:left; height:60px; font-size:40px; font-weight:800; color:#182346; margin-top:50px; }
.ci_js { width:100%; background:url(../images/cijsbg.jpg) repeat top; height:400px;  margin-bottom:100px; }
.ci_js .kk{ width:1060px; height:400px; margin:0 auto;  position:relative; z-index:11;}
/*.ci_js .bg{ width:100%; background-color: rgba(255, 255, 255, 0); height:100%;}*/
.ci_js .aa{ display:block; width:400px; height:80px; background-color: rgba(39, 49, 124, 0.9); color:#FFF; font-size: 30px; font-weight:800; text-align:left; padding-top:60px; padding-left:50px; left:450px; top:30px; position:absolute; z-index:12; cursor:pointer;}
.ci_js .aa:hover{ display:block;   width:400px; height:80px; background-color: rgba(39, 49, 124, 0.9); color:#FFF; font-size: 30px; font-weight:800; text-align:left; padding-top:60px; padding-left:50px; left:450px; top:30px; position:absolute; z-index:12;
transform: scale(1.2);
  transition: all ease-out .5s;
	}
/*.ci_js .aa:hover{ 	transform: scale(1.2);
	-webkit-transform: scale(1.5);
		transition: .2s;
	-moz-transition: .9s;
	-webkit-transition: .9s;
	-o-transition: .9s;
	cursor:pointer;
	}	*/
	
	
.ci_js .bb{ display:block; width:400px; height:80px; background-color: rgba(0, 139, 88, 0.9); color:#FFF; font-size: 30px; font-weight:800; text-align:left; padding-top:60px; padding-left:50px;  left:10px; top:120px; position:absolute; z-index:14; cursor:pointer;}
.ci_js .bb:hover{ display:block; width:400px; height:80px; background-color: rgba(0, 139, 88, 0.9); color:#FFF; font-size: 30px; font-weight:800; text-align:left; padding-top:60px; padding-left:50px;  left:10px; top:120px; position:absolute; z-index:14;cursor:pointer;
transform: scale(1.2);
  transition: all ease-out .5s;
	}
.ci_js .cc{ width:110px; height:50px; background-color: rgba(216, 8, 160, 0.9); color:#FFF;  left:400px; top:140px; position:absolute; z-index:15;
}
.ci_js .dd{ display:block; width:500px; height:100px; background-color: rgba(157, 9, 79, 0.7); color:#FFF; font-size: 30px; font-weight:800; text-align:left; padding-top:70px; padding-left:50px;  right:55px; top:220px; position:absolute; z-index:16; cursor:pointer;}
.ci_js .dd:hover{ display:block; width:500px; height:100px; background-color: rgba(157, 9, 79, 0.7); color:#FFF; font-size: 30px; font-weight:800; text-align:left; padding-top:70px; padding-left:50px;  right:55px; top:220px; position:absolute; z-index:16; cursor:pointer;
transform: scale(1.2);
  transition: all ease-out .5s;
	}
/*首页技术end*/










.newsBox {
	width: 650px;
	height: 488px;
	overflow: hidden;
	position: relative;
}
.newsBox .hd {
	height: 15px;
	overflow: hidden;
	position: absolute;
	right: 16px;
	bottom: 10px;
	z-index: 10;
}
.newsBox .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}
.newsBox .hd ul li {
	float: left;
	margin-right: 6px;
	width: 10px;
	height: 10px;
	line-height: 14px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.newsBox .hd ul li.on {
	background: #f9e012;
	color: #fff;
}
.newsBox .bd {
	position: relative;
	width: 650px;
	height: 488px;
	z-index: 0;
	overflow: hidden;
}
.newsBox .bd li {
	zoom: 1;
	vertical-align: middle;
	position: relative;
}
.newsBox .bd img {
	width: 650px;
	height: 488px;
	display: block;
	transition: all 0.3s ease-out 0s;
}
.newsBox .bd li h3 {
	display: block;
	font-size: 20px;
	padding-left: 28px;
	padding-top: 30px;
}
.newsBox .bd li .txt {
	background: url(../images/green80.png) repeat left top;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 150px;
	z-index: 5;
}
.newsBox .bd li p {
	padding: 0 28px;
}
.newsBox .bd li .time {
	font-size: 16px;
	padding-right: 30px;
	padding-top: 28px;
}
.newsBox .bd li a:hover img {
	transform: scale(1.1, 1.1);
}
.txtlistbox {
	width: 520px;
}
.txtlistbox li {
	border-bottom: 1px solid #ddd;
	padding: 11px 0 0;
	position: relative;
}
.txtlistbox li:first-child {
	padding-top: 0;
}
.txtlistbox li a {
	display: block;
	padding-bottom: 11px;
}
.txtlistbox li h3 {
	font-size: 18px;
	display: inline-block;
+display: inline;
*zoom: 1;
}
.txtlistbox li p {
	font-size: 14px;
	line-height: 23px;
	height: 46px;
	color: #333;
}
.txtlistbox li span {
	display: block;
	color: #333;
}
.txtlistbox li em {
	width: 15px;
	height: 15px;
	display: inline-block;
	background-position: -304px 0;
+display: inline;
*zoom: 1;
}
.txtlistbox li:before {
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 1px;
	content: "";
	width: 0;
	background: #127a44;
	transition: width .6s ease-out;
}
.txtlistbox li:hover:before {
	width: 100%
}
.iabout {
	width: 100%;
	background: url(../images/fl6.jpg) no-repeat center bottom #f8f8f8;
	padding: 80px 0;
}
.iabout .txt {
	width: 470px;
	height: 240px;
	display: block;
	background: #fff;
	padding: 40px;
}
.iabout .txt img {
	max-width: 100%;
	display: block;
}
.iabout .txt p {
	padding-top: 20px;
	color: #333;
}
.iabout .txt span {
	width: 154px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	display: block;
	border: 1px solid #1a7140;
	margin-top: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.iabout .txt span:hover {
	background: #1a7140;
	color: #fff;
}
.iabout .img {
	width: 650px;
	height: 320px;
	display: block;
	overflow: hidden;
}
.iabout .img img {
	width: 650px;
	height: 320px;
	display: block;
}
/* 亮光 */
/*hvr-highLight*/
.hvr-highLight {
	overflow: hidden;
	position: relative;
}
.hvr-highLight:before {
	content: "";
	position: absolute;
	width: 80px;
	height: 320px;
	top: 0;
	left: -136px;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0)));
	background: -ms-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
	-webkit-transform: skewX(-32deg);
	-ms-transform: skewX(-32deg);
	-moz-transform: skewX(-32deg);
	transform: skewX(-32deg);
}
.hvr-highLight:hover:before {
	-webkit-transition: left 1.1s;
	-moz-transition: left 1.1s;
	-ms-transition: left 1.1s;
	transition: left 1.1s;
	left: 750px;
}
.hvr-highLight:hover {
opacity: .9\0;
	filter: alpha(opacity=90);
}
.copyright_main {
	border-top:20px solid #CCC;
	background: #231f20;
	line-height: 22px;
	
}
.copyright {
	color: #fff;
	font-size: 14px;
	height:160px;
	margin:0 auto;
	padding:15px 0 0 70px;
}
.copyright span {
	margin: 0 12px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.copyright a {
	color: #999;
}
.copyright a:hover {
	color: #23b067;
}
.copyright ul  {}
.copyright li {float:left; width:250px; height:130px;}
.bq {text-align:right; color:#FFF; height:60px; line-height:22px;}
.bq  a {color:#FFF; cursor:pointer;}
.bq  a:hover {color:#009EEA; }


.zhizao .goback {
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	right: 2%;
	top: 2%;
	background: url(../images/guan.jpg) no-repeat center;
}
.ilinks {
	padding: 58px 0 0;
}
.ilinks span {
	width: 268px;
	height: 24px;
	display: inline-block;
	background-position: -40px -218px;
	margin-right: 60px;
}
.ilinks a {
	display: inline-block;
	color: #fff;
}
.ilinks a:hover {
	color: #f9e012;
}
.ilinks i {
	padding: 0 5px;
	color: #fff;
}
.ilinks i:last-child {
	display: none;
}
/*底部信息*/
/*footer_main*/
.footer_main {
	width: 100%;
	padding-bottom: 50px;
	background: #231f20;
	color: #fff;
	padding-left: 30px;
}
.footer_main .footer {
	padding-top: 60px;
}
.footer_main .qcode {
	width: 300px;
}
.footer_main .blogo {
	width: 300px;
	line-height: 28px;
}
.footer_main .blogo img {
	display: block;
	margin: 0 auto 8px;
	max-width: 100%;
	max-height: 60%;
}
.footer_main .blogo .p1 {
	color: #fff;
}
.footer_main .blogo .p2 {
	font-family: "GrayDesign Regular", "arial, helvetica, sans-serif";
	font-size: 30px;
	color: #fff;
	padding-bottom: 18px;
}
.footer_main .blogo .p3 {
	color: #999;
	line-height: 22px;
}
.footer_main .botnavlist {
	width: 1300px;
}
.footer_main .botnavlist li {
	float: left;
	width: 150px;
	height:auto;
	display: block;
	list-style: none;
	font-size: 14px;
	line-height: 32px;
	text-indent: 30px;
	overflow: hidden;
	border-right: 0px solid #444;
}
.footer_main .botnavlist li:first-child {
	padding-left: 0px;
}
.footer_main .botnavlist li a {
	color: #fff;
	display: block;
	line-height: 32px;
	font-size: 16px;

}
.footer_main .botnavlist li a:hover {
	color: #158181;
}
.footer_main .botnavlist li .drop {
	padding-top: 10px;
	
}
.footer_main .botnavlist li .drop a {
	display: block;
	line-height: 26px;
	color: #fff;
	width: 100%;
	font-size: 12px;
	
}
.footer_main .botnavlist li .drop a:hover {
	color: #158181;
}
.float-right-box {
	width: 250px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -127px;
	background-color: #191919;
	z-index: 1000;
	transition: width 0.3s ease 0s;
}
.float-right-box.on {
	width: 50px;
}
.float-right-box .top-list {
	width: 100%;
}
.float-right-box .top-list ul {
	width: 100%;
}
.float-right-box .top-list li {
	width: 100%;
	position: relative;
	border-bottom: 1px solid #3b3b3b;
	transition: background 0.3s ease 0s;
	height: 50px;
}
.float-right-box .top-list a {
	display: block;
	width: 100%;
}
.float-right-box .top-list .ico {
	display: inline-block;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	transition: background 0.3s ease 0s;
	z-index: 2;
}
.float-right-box .top-list .ico1 {
	background: url(../images/ico_58.png) no-repeat center #191919;
}
.float-right-box .top-list .ico2 {
	background: url(../images/ico_59.png) no-repeat center #191919;
}
.float-right-box .top-list .ico3 {
	background: url(../images/ico_60.png) no-repeat center #191919;
}
.float-right-box .top-list .ico4 {
	background: url(../images/ico_61.png) no-repeat center #191919;
}
.float-right-box .top-list .ico5 {
	background: url(../images/ico_62.png) no-repeat center #191919;
}
.float-right-box .top-list .ico7 {
	background: url(../images/ico_69.png) no-repeat center #191919;
}
.float-right-box .top-list .stt {
	display: inline-block;
	font-size: 14px;
	line-height: 50px;
	color: #fff;
	transition: color 0.3s ease 0s;
	position: absolute;
	left: 28px;
	top: 0;
	z-index: 1;
	width: 222px;
	cursor: pointer;
}
.float-right-box .top-list li:hover .stt {
	color: #15191e;
}
.float-right-box .top-list li:hover .ico1 {
	background: url(../images/ico_58_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico2 {
	background: url(../images/ico_59_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico3 {
	background: url(../images/ico_60_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico4 {
	background: url(../images/ico_61_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico5 {
	background: url(../images/ico_62_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico7 {
	background: url(../images/ico_69_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover {
	background-color: #fff;
}
.float-right-box .top-list .return-webtop .stt {
	font-family: "Arial";
	font-weight: bold;
}
.float-right-box .bot-share {
	position: relative;
	height: 50px;
}
.float-right-box .bot-share a {
	display: inline-block;
	width: 50px;
	height: 50px;
	float: left;
	transition: background 0.3s ease 0s;
	margin: 0;
	padding: 0;
}
.float-right-box .bot-share .share {
	width: 200px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.float-right-box .bot-share .sina {
	background: url(../images/ico_63.png) no-repeat center;
}
.float-right-box .bot-share .wx {
	background: url(../images/ico_64.png) no-repeat center;
}
.float-right-box .bot-share .more {
	background: url(../images/ico_66.png) no-repeat center;
	border: 0 none;
}
.float-right-box .bot-share a:hover {
	background-color: #525354;
}
.float-right-box .bot-share .share-ico {
	background: url(../images/ico_67.png) no-repeat center #191919;
	width: 50px;
	height: 50px;
	display: inline-block;
	cursor: pointer;
	z-index: 2;
	position: relative;
}
.float-right-box .top-list li .weix {
	position: relative;
}
.float-right-box .sidebox {
	position: absolute;
	right: 250px;
	top: 0;
	transition: all 0.1s ease 0s;
	width: 120px;
	z-index: 10;
	display: none;
	background: #191919;
}
.float-right-box .sidebox img {
	width: 110px;
	height: 110px;
	display: block;
	margin: 5px auto;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@font-face {
	font-family: ADELE;
	src: url("../font/ADELE.eot");
	src: url("../fonts/adele.eot") format("eot"), url("../fonts/adele.ttf") format("truetype");
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
-ms-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInY {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}