@charset "utf-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@import url(reset.css);

html{font-family:"microsoft yahei",sans-serif;font-size: 12px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent;text-decoration: none;color: #000;}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
ul,li{list-style:none}
ul,li{list-style:none;margin:0;padding:0}
img{border:none}
h1,h2,h3,h4,h5,p,dd,dl,dt{margin: 0;}
@font-face {
    font-family: 'gothic';
    src: url('font/gothic/GOTHIC.html');
    src: url('font/gothic/GOTHICd41dd41d.html?#iefix') format('embedded-opentype'),
         url('font/gothic/GOTHIC-2.html') format('woff'),
         url('font/gothic/GOTHIC-3.html') format('woff2'),
         url('font/gothic/GOTHIC-4.html') format('truetype'),
         url('font/gothic/GOTHIC-5.html#GOTHIC') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	min-width: 1200px;
	font-family:gothic, "microsoft yahei",sans-serif;
}

.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: " ";
  	display: block;
  	clear: both;
  	height: 0;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear:right;
}
.nav_width{width:400px; overflow:hidden;}
.container { 
	position: relative;
	width: 1200px; 
	*width: 1240px;
	margin:0px auto;
	zoom: 1;
}
.container a{text-decoration:none}
.padding-40 { padding: 40px 0px; }
.container:after {
	content: " ";
  	display: block;
  	clear: both;
  	height: 0;
}
.tinno-grid {
	width:1000px;
	margin:0 auto;
	padding-bottom:50px;
}

.tinno-grid1 {
	width:100%;
	margin:0 auto;
	 
}

/* header */
.tinno-header {
	position:relative;
	font-size:14px;
}
.tinno-header-wrap {
	width: 1200px;
	margin: 0 auto;
	padding: 0 0;
	zoom: 1;
}
.tinno-header-wrap:after {
	content: " ";
  	display: block;
  	clear: both;
  	height: 0;
}
.tinno-header-logo {
	display: inline;
	float: left;
	/* padding: 20px 0; */
}
.tinno-header-logo h1 {
	margin:0px;
}
.tinno-header-logo-img {
	display: block;
	width: 207px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../images/logo.png);
}

.tinno-header-sys {
	position: relative;
	display: inline;
	float: right;
	padding: 22px 0 0 30px;
	text-align: right;
	font-size: 12px;
}
.tinno-header-search, .tinno-header-language {
	position: relative;
	display:inline-block;
	vertical-align: middle;
	height:32px;
}
.tinno-header-search {
	margin-right:20px;
	width:20px;
	height:20px;
	*top: 5px;
   -webkit-transition: all .3s ease-out;
		   transition: all .3s ease-out;
}
.tinno-header-search .search {
	position:absolute;
	top:6px;
	left:10px;
	width:17px;
	height:17px;
	background:url(img/icon-search.png) 0px 0px no-repeat;
	z-index: 2;
}
.tinno-header-search .search-input {
	position:relative;
	background:none;
	border:1px solid #FFFFFF;
	border-radius: 30px;
	outline: none;
	padding:4px 4px 4px 34px;
	color:#FFFFFF;
	width:0px;
	opacity: 0;
	filter: alpha(opacity=0);
	
   -webkit-transition: width .3s ease-out;
		   transition: width .3s ease-out;
}
.tinno-header-search.in {
	width:190px;
}
.tinno-header-search.in .search-input {
	width:150px;
	opacity: 1;
	filter:none;
}

.tinno-header-language {
	top:10px;
	*top: -8px;
	*left: 20px;
}
.tinno-header-language a {
font-size:15px; font-family:Arial, Helvetica, sans-serif;
}
.tinno-header-language .lang {
	text-decoration: none;
	color:#FFFFFF;
	vertical-align: middle;
}

.tinno-header-link {
	display: inline;
	float: right;
	overflow: hidden;
	margin:0;
}
.tinno-header-link li {
	display: inline;
	float: left;
}
.tinno-header-link a {
	display: block;
	padding: 30px 28px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 16px;
}
 
.subaa{ padding:10px;} 
.subaa:hover{ background:#161758;} 
#header {
	position: fixed;
	top:0;
	z-index: 9999;
	border-bottom: 1px solid rgba(255,255,255,.2);
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
 width:100%;
  /*left:50%;
  margin-left:-600px;
	border-bottom: 1px solid #F8F6F7;*/
}
#headerNav {
	-webkit-transition: background-color .3s ease-in-out;
		 -o-transition: background-color .3s ease-in-out;
			transition: background-color .3s ease-in-out;
}
#headerNav.float {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index: 2;
}
#headerNav.static {
	background-color:#FFFFFF;

}
#headerNav.toggle {
	background-color:#FFFFFF;
}

.theme-white .tinno-header-link a {
	color:#FFFFFF;
}
.theme-white #headerNav.toggle .tinno-header-link a,
.theme-white #headerNav.toggle .tinno-header-language .lang {
	color:#000000;
}
.theme-white  #headerNav.toggle .tinno-header-link a:hover {
	color:#161758;
}
.theme-white  #headerNav.toggle .tinno-header-logo-img {
	background-position:0px -35px;
}
.theme-white  #headerNav.toggle .tinno-header-search .search {
	background-position:0px -23px;
}
.theme-white  #headerNav.toggle .tinno-header-search .search-input {
	color:#000000;
	border: 1px solid #000000;
}

.theme-grey .tinno-header-link a,
.theme-grey .tinno-header-language .lang {
	color:#000000;
}
.theme-grey .tinno-header-link a:hover {
	 
}

.theme-grey .tinno-header-search .search {
	background-position:0px -23px;
}
.theme-grey .tinno-header-search .search-input {
	color:#000000;
	border: 1px solid #000000;
}
/* header end */

/* subnav */
#subNav {
	position:absolute;
	top:79px;
	left:0px;
	width:100%;
	padding:10px 0px;
	background-color: rgb(255,255,255);
	display: none;
	overflow: hidden;
}
.tinno-subnav {
	position:relative;
	overflow: hidden;
	float:left;
	width: 720px;
	margin: 0px;
	padding-top:20px; left:480px;
}

.tinno-subnav dt {
	float:left;
}
.tinno-subnav dt {
	margin:-20px 40px 0px 0px;
}
.tinno-subnav dt img {
	height:120px;
	display: block;
}
.tinno-subnav dd {
	margin-left:0;
	margin-right:40px;
	float:left;
	text-align: center;
}
.tinno-subnav dd.title {
	float:none;
	text-align: left;
	margin-bottom: 10px;
}
.tinno-subnav dd.title h2 {
	margin-top:-10px;
	font-size:15px;
	color:#666666;
	font-weight: normal;
}
.tinno-subnav dd a {
	text-decoration: none;
	color:#666666;
	font-size:12px;
	line-height: 30px;
	display:inline-block; text-align:left;
	width:60px;
}
.tinno-subnav dd a:hover {
	color:#161758;
}
/* subnav end */

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
	display: none;
}
.nivo-nextNav {
	right:0px;
	display: none;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 30px 0;
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	z-index: 10;
}
.nivo-controlNav a {
	position: relative;
	display:inline-block;
	cursor:pointer;
	overflow: hidden;
	text-indent: -999px;
	*text-indent: 10px;
	background-image:url(img/icon-slider.png);
	background-repeat: no-repeat;
	background-position: -13px 0px;
	width:10px;
	height:10px;
	margin:0px 20px;

}
.nivo-controlNav a.active {
	font-weight:bold;
	background-position: 0px 0px;
}
.slider-wrapper {
	position:relative;
	background: white;
}
/* The Nivo Slider styles end */

footer {
	*width: 100%;
	background-color:#3e3d3e;
	color:#ffffff;
}
.tinno-footer {
	position:relative;
	width:1200px;
	margin:0px auto;
	padding:20px 0;
	color:#AAAAAA;
}
.tinno-footer .copyright {
	*position: absolute;
	*line-height: 26px !important;
	text-align: left;
	color:#848484;
}
address { float:right; *width: 783px;}
.tinno-footer-address {
	position:relative;
	overflow: hidden;
	width: 698px;
	margin: auto;
}
.tinno-footer-address li {
	float:left;
}
.tinno-footer-address .address,
.tinno-footer-address .tel,
.tinno-footer-address .fax,
.tinno-footer-address .email{
	min-height: 23px;
	padding:4px 0px 0px 28px;
	font-style: normal;
	margin:0 20px;
}

.tinno-footer-address .address {
	background:url(img/icon-locale.png) 0px 0px no-repeat;
}
.tinno-footer-address .tel {
	background:url(img/icon-tel.png) 0px 0px no-repeat;
}
.tinno-footer-address .fax {
	background:url(img/icon-fax.png) 0px 0px no-repeat;
}
.tinno-footer-address .email{
	background:url(img/email.png) 0px 0px no-repeat;
}
.tino-second-nav {
	position:relative;
	overflow: hidden;
	margin: 3px auto 0;
	background-color:#FFFFFF;
	
}
.tino-second-nav li {
	float:left; height:90px; line-height:90px; margin-right:20px;
}
.tino-second-nav li a {
	display:block;
	width:150px;
	height:40px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	font-size: 15px;
	border:1.5px solid #666;
	color:#666666;
	border-radius: 50px;
	margin-top:25px;
}
.tino-second-nav li a.active,
.tino-second-nav li a:hover {
	
	border:1.5px solid #161758;
	color:#666666;
	border-radius: 50px;
}
.comm-jpg {
    background: url("../images/comm.png") no-repeat;
}
.tinno-product {
	position:relative;
	margin:0px auto;
	padding:50px 0px;
	text-align: center;
}
.tinno-product.horizontal article,
.tinno-product.horizontal > h1 {
	display:inline-block;
	vertical-align: middle;
	font-weight: normal;
	margin:0px 100px;
}
.tinno-product h1 {
	font-size:42px;
	margin-bottom: 30px;
	font-weight:normal;
}
.tinno-product.horizontal h1 {
	text-align: left;
}
.tinno-product ul {
	padding:0px;
	text-align: left;
}
.tinno-product ul li, .product-content, .product-content-2 {
	line-height: 36px;
	font-size:18px;
}
.tinno-product img {
	vertical-align: middle;
}
.tinno-product hr {
	width:272px;
	border:none;
	border-top:1px solid #bebebe;
	margin:0px 0px 20px;
}
.tinno-product article {
	margin-top:100px;
}
.wrapper-white {
	position: relative;
	padding: 40px 0px;
	
	color: #636565;
}
.wrapper-white .tinno-product ul li, .product-content {
	color:#999999;
}
.wrapper-purple {
	position: relative;
	background: url(img/purple-bg.jpg) center center no-repeat;
	height: 569px;
	color:#FFFFFF;
}
.wrapper-green {
	position: relative;
	padding:10px 0px;
	background-color:#39b8b4; 
	color:#ffffff;
}
.wrapper-green .tinno-product ul li,.product-content-2 {
	color:#e9eaea;
}
.wrapper-green .tinno-product hr {
	border-color:#ffffff;
}
.wrapper-lightgrey {
	position: relative;
	/*padding:10px 0px;*/
	
	
}
.wrapper-pattern {
	background:url(img/information-bg.jpg) center center no-repeat;
	height:529px;
}

.article h1 {
	margin:40px 0px 0px 0px;
	font-size:24px;
	color:#333333;
	font-weight: normal;
	text-align: center;
}
.article h1.stress {
	color:#000000;
}
.article p {
	line-height: 30px;
	font-size: 14px;
	color:#666666;
	 
}

.pagination-nav {
	position:relative;
	margin:20px 0px;
	text-align: center;
	z-index: 10;
}
.pagination {
	position:relative;
	overflow: hidden;
	display:inline-block;
	padding:0px;
}
.pagination li {
	float:left;
}
.pagination li a {
	display:block;
	width:30px;
	line-height: 25px;
	text-decoration: none;
	color:#3e3d3e;
	text-align: center;
	cursor: pointer;
}
.pagination li.prev a,
.pagination li.next a {
	position:relative;
	background-image:url(img/pagination-arrow.png);
	background-repeat: no-repeat;
	text-indent: -999px;
	background-color:#cccccc;
	width:43px;
	overflow: hidden;
}
.pagination li.prev a:hover,
.pagination li.next a:hover {
	background-color:#13b3ae;
}
.pagination li.prev a {
	background-position: center 5px;
	margin-right:30px;
}
.pagination li.next a {
	background-position: center -24px;
	margin-left:30px;
}
.pagination li.active a,
.pagination li a.active,
.pagination li a:hover {
	color:#13b3ae;
}
.pagination li.disabled a {
	background-color:#cccccc;
}

.media {
	padding:0px;
}
.media li {
	overflow: hidden;
	position:relative;
	margin:20px 0px;
}
.media li img {
	float:left;
	width:523px;	
	min-height:303px;
	max-height:353px;
}
.media li .content {
	position:absolute;
	top:15px;
	margin-left:523px;
	width:677px;	
	color:#FFFFFF;
}
.media li .content .cnt h3 {
	font-size:16px;
	margin:0px;
}
.media li .content .cnt p {
	font-size:14px;
	line-height: 24px;
	color:#FFFFFF;
	margin:20px 0px;
}
.media li .content .cnt {
	position:absolute;
	top:50%;
	padding:0 20px;
	left:0;
	/*transform:translate(0,-50%);*/
	color:#FFFFFF;
}

.media li.green {
	background-color:#76CDA3;
}
.media li.blue {
	background-color:#02D1CB;
}
.media li.grey {
	background-color:#969495;
}
.media li.red {
	background-color:#FF6960;
}
.transition {
  	opacity: 0;
  	
	-webkit-transform: translate3d(0,60px,0);
			transform: translate3d(0,60px,0);
	
   -webkit-transition: all .7s ease-out;
		   transition: all .7s ease-out;
}

.css3 {
	opacity: 1;
	
	-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
}

.no-space {
	padding:0px !important;
}
.no-space-top {
	padding-top:0px !important;
}
.no-space-bottom {
	padding-bottom:0px !important;
}
.space-bottom-20 {
	padding-bottom: 20px;
}
.space-top-20 {
	padding-top: 20px;
}

.waterfall-grid {
	position:relative;
	*height: 100%;
}
.waterfall-grid .grid-item {
	position:relative;
	width:232px;
	height:294px;
	margin-bottom: 14px;
	float:left;
	overflow: hidden;
}
.waterfall-grid .grid-item img {
	*width: 100%;
	display:block;
}
.waterfall-grid .grid-item-width2 {
	width:472px;
}
.waterfall-grid .grid-item-height2 {
	height:602px;
}

.tinno-timeline {
	position:relative;
	margin:20px auto 150px;
	padding:0px;
	list-style: none;
	width: 780px;
	
}
.tinno-timeline > li {
	position:relative;
	margin:60px 0px;
	overflow: hidden;
}
.tinno-timeline > li:before {
	content: " ";
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-9px;
	width:19px;
	height:19px;
	border-radius: 19px;
	background-color:#161758;
	
}
.tinno-timeline > li.line {
	position:absolute;
	left:50%;
	top: 0px;
	height:100%;
	width:0px;
	margin:0px;
	padding-bottom:100px;
	border-left:1px solid #161758;
}
.tinno-timeline .content-left,
.tinno-timeline .content-right {
	position:relative;
	width:45%;
}
.tinno-timeline .content-left {
	float:left;
	text-align: left;
}
.tinno-timeline .content-right {
	float:right;
	text-align: left;
}
.tinno-timeline dl,
.tinno-timeline dd {
	padding:0px;
	margin:0px;
	list-style: none;
}
.tinno-timeline dt {
	font-size:18px;
	color:#000000;
	margin-bottom: 10px;
}
.tinno-timeline dd,
.tinno-timeline p {
	font-size: 14px;
	color:#999999;
	line-height: 20px;
}
.tinno-timeline p {
	margin: 0px;
	padding-bottom: 10px;
}
.mask {
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	background-color: rgba(0,0,0,0.7);
}
.mask .description {
	position:absolute;
	bottom:25px;
	right:30px;
	color:#FFFFFF;
	font-size: 14px;
	max-width: 80px;
}

label.error{color: red;}
.product-content, .product-content p,.product-content-2, .product-content-2 p { text-align: left; margin: 0px; }
.white-title { color: white; }
.black-title { color:black; }
.simple-page h1 { margin: 40px 0px 0px 0px; }
.wrapper-white {
	padding-right: 0px;
	padding-left: 0px;background-color: #edeff4; margin-top:80px;
}
.copyright a{color: #848484; text-decoration: none;}
.slider-wrapper img{width:100%;vertical-align: middle;}
.tinno-imglist img{width:100%}
a.wxqr{background:url(img/wxqr.png) no-repeat left center;padding-left:26px;display:inline-block;height:22px;line-height:22px;margin-left:10px;position:relative;}
.qrtips{position:absolute;z-index:99;top:-140px;left:-20px;display:none;box-shadow:0 0 15px #333;width:129px;height:129px;}

.in-wrap{ position:relative; margin:0 auto; width:1200px; height:100%; z-index:10;}
.section-comm .font30 em{ font-size:30px;}
/** solution **/
.solution-comm{ display:none;}
.related-down{ padding-top:0; margin-top:-90px;}
.section-comm{ padding:60px 0 40px;}
.section-comm h1{ font-size:24px; color:#000; text-align:center;}
.section-comm h1 em{ display:inline-block; margin-right:20px; display:inline-block; line-height:50px; font-size:42px; color:#161758; vertical-align:top;}
.section-comm h1 i{ display:inline-block; line-height:55px; font-size:24px; color:#000;}
.section-comm h1 i span { font-size: 25px; }
.section-comm h4{ font-size:24px; color:#000; text-align:center;}
.section-comm h4 em{
	display: inline-block;
	margin-right: 20px;
	display: inline-block;
	line-height: 50px;
	font-size: 40px;
	vertical-align: top;
	font-style:normal;
}
.section-comm h4 i{
	display: inline-block;
	line-height: 45px;
	font-size: 28px;
	color: #161758;font-style:normal;
}
.section-comm h4 i span { font-size: 25px; }


.youshi h4{
	font-size: 24px;
	color: #000;
	text-align: center;
}
.youshi h4 em{
	display: inline-block;
	margin-right: 20px;
	display: inline-block;
	line-height: 50px;
	font-size: 40px;
	vertical-align: top;
	font-style:normal;
}
.youshi h4 i{
	display: inline-block;
	line-height: 55px;
	font-size: 28px;
	color: #161758;
	font-style:normal;
}
.youshi h4 i span { font-size: 25px; }

.youshi h5{
	margin-top: 10px;
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-bottom: 40px;
	font-weight:normal;
}
.section-comm h5{ margin-top:10px; font-size:14px; color:#666; font-weight:normal; text-align:center;}
.solution ul{ margin:20px auto 0; width:1125px;}
.solution ul li{ float:left; margin:0 0 0 30px; width:355px; height:438px; *zoom:1;}
.solution ul li:first-child{ margin-left:0;}
.solution ul li:hover{ background:#edeff4;}
.solution ul li p.solution-title{ font-size:20px; color:#000; text-align:center;}
.solution ul li p.solution-intro{ margin:25px auto 0; width:70%; height:36px; overflow:hidden; text-align:center;}
.solution ul li a{ display:block; margin-top:7px; padding-top:10px; width:100%; height:104px; color:#000; }
.solution ul li a p{ text-align:center; font-size:14px; }
.solution ul li a em{ margin:10px auto 0; display:block; width:31px; height:31px; background-position:0 -128px;}
.solution ul li:hover a{ background:#161758;}
.solution ul li:hover a p{ color:#fff;}
.solution ul li:hover a em{ background-position:-56px -128px;}
.solution ul li a div.solution-line{ margin:0 auto 23px; background:#d4d4d4; width:30px; height:1px; overflow:hidden;}
.solution ul li em.solution-case-icon{ margin:80px auto 35px; display:block; width:119px; height:119px; }
.solution ul li.solution-li1 em.solution-case-icon{background-position:0 0;}
.solution ul li.solution-li2 em.solution-case-icon{background-position:-160px 0;}
.solution ul li.solution-li3 em.solution-case-icon{background-position:-336px 0;}
.index .solution ul li.solution-li2 em.solution-case-icon,.index .solution ul li.solution-li3 em.solution-case-icon,.index .solution ul li.solution-li4 em.solution-case-icon{
	background: url(../images/commm_io.html) no-repeat;
}

.index .solution ul li.solution-li2 em.solution-case-icon{ background-position: 0 0; }
.index .solution ul li.solution-li3 em.solution-case-icon{ background-position: -160px 0; }
.index .solution ul li.solution-li4 em.solution-case-icon{ background-position: -335px 0; }


/** product **/
.product{ background-color: #edeff4;}
.product img.product-line{ position:absolute; top:-40px; left:0;}
.product-btn{ margin:45px 0 55px; text-align:center;}
.product-btn a{ display:inline-block; margin:0 20px; width:150px; height:50px; font-size:16px; line-height:50px; color:#666666; text-align:center; background:#161758; color:#fff; }
.product-btn a:hover,.product-btn a.product-a-hover{ background:#161758; color:#fff; }
.product-cont{ position:relative; height:auto;}
.product-cont .product-style{ position:absolute; top:0; left:150px; width:100%; display:none; width:1000px;}
.product-cont .product-style img{  animation:img_change .5s ease forwards;  /*animation-fill-mode:;*/}
@keyframes img_change{
	0%{transform:scale(0); opacity:0;}
	100%{transform:scale(1); opacity:1;}
}
.view-more {
    display: block;
    margin: 0 auto;
    width: 136px;
    height: 36px;
    border: 1px solid #000;
    border-radius: 20px;
    font-size: 16px;
    line-height: 36px;
    color: #000;
    text-align: center;
    clear: both;
	overflow:hidden;}

.view-more:hover {
    border-color: #161758;
    color: #161758;
}
.product-picshow{ position:relative; width:575px; height:208px; background:url(../images/loadinfo.html) no-repeat center center;}
.product-picshow img{ position:absolute; display:none;}
.product-icon { position:absolute;}
.product-icon a{ display:inline-block; width:10px; height:10px; background:#000;}

.product-info{ width:450px; color:#000000; display:none;line-height:28px; font-size:14px; /*opacity:0; filter:alpha(opacity=0);*/}
.product-info p{ line-height:35px; font-size:14px;}
.product-info h6{ font-size:30px;}
.product-info .product-title{ margin:15px 0 5px; font-size:20px;}
.product-info ul li{ font-size:12px; line-height:22px;}
.product-info .product-function{ margin:25px 0; font-size:12px; color:#999999;}
.product-info a{ font-size:14px; color:#000;}
.product-info a em{ display:inline-block; margin:0px 0 -6px 10px; width:31px; height:31px; background-position:0 -128px;}
.product-info a:hover em{ background-position:-204px -365px;}

 .c{
  clear:both; 
  height: 0px;
}



/*lib.css*/

/*公用*/
.bg-fff{background-color: #fff;}
.g-btn1{display: inline-block;text-transform: uppercase;padding: 0 35px;background-color: #333;
height: 32px;line-height: 32px;position: relative;border-radius: 3px;cursor: pointer;}
.g-btn1 a{color:#fff;position: relative;z-index: 3;font-size: 18px;}
.g-btn1 i{position: absolute;top: 0;left: 0;width: 3px;height: 100%;background-color: #161758;

-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;}
.g-btn1:hover i{width: 100%;}


/*布局*/
.wp{width: 1200px;margin: 0 auto;}
.wp-1{width: 1920px;margin: 0 auto;background-color: #f9f9f9;}
.h110{height: 110px;}
.h190{height: 190px;}
.h142{height: 142px;}








/*******************************
    -------[=首页]-------
********************************/



/*列表1*/
.ul-list1{margin:30px 0 0 -90px;}
.ul-list1 li{float: left;width: 33.33%;text-align: center;*width: 31%;}
.ul-list1 li .box{margin-left: 90px;}
.ul-list1 em{display: inline-block;width: 110px;height: 110px;margin: 35px auto;
background-color: #161758;border-radius: 50%;background-position: center;background-repeat: no-repeat;}
.ul-list1 h5{font-weight: normal;background: url(../images/bor1.jpg) no-repeat center bottom;padding-bottom: 25px;}
.ul-list1 h5 a{color:#161758;/* font-size: 16px; */ font-size: 16px; font-weight: bold;}
.ul-list1 p{color:#666;line-height: 28px;/* font-size: 14px; */ font-size: 13px; width: 90%;
margin: 15px auto 0 auto;height: 50px;overflow: hidden;}
.ul-list1 .li1 em{background-image: url(../images/index-ico1.png);}
.ul-list1 .li2 em{background-image: url(../images/index-ico2.png);}
.ul-list1 .li3 em{background-image: url(../images/index-ico3.png);}
.ul-list1 .g-btn1{margin-top: 32px;}




/*图文2*/
.m-imgtxt2{
	position: relative;
	overflow: hidden;
	margin-top: 70px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	height: 405px;
}
.m-imgtxt2 .img img{
	width: 1200px;
	height: 405px;
} 
.m-imgtxt2 .txt{position: absolute;right: 0;top: 0;width: 480px;height: 100%;
    padding: 0 60px;
background: url(../images/op-white.png) repeat left top;}
.m-imgtxt2 .txt h5{
	font-weight: normal;
	font-size: 28px;
	text-transform: uppercase;
	padding: 60px 0 16px 0;
	color: #161758;
	font-weight:bold;
}
.m-imgtxt2 .txt h5 a{color:#333;}
.m-imgtxt2 .txt p{font-size: 14px;color:#333;}
.m-imgtxt2 .g-btn1{margin-top: 54px;}


.youshi{
	height: auto;
	margin-bottom: 40px;
	padding-top: 60px;
}
.youshi_box{
	width: 1200px;
	background: #fff;
	height: 450px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.youshi_pic01{
	position: absolute;
	right: 30px;
	top: 40px;
}
.youshi_pic02{position:absolute;top:615px;left:30px;}
.youshi_tit{padding-top:47px;}

.youshi_word01{
	position: absolute;
	width: 567px;
}
.youshi_word02{position:absolute;top:550px;left:596px;}
.youshi_word01 .y_tit{
	height: 71px;
	background: url(../images/y_icon01.jpg) no-repeat left center;
}
.youshi_word02 .y_tit{height:71px;background:url(../images/y_icon02.html) no-repeat left center;padding-left:69px;}
.y_tit h2{font-size:25px;color:#333;font-weight:bold;line-height:35px;}
.y_tit p{font-size:12px;color:#ccc;font-family:Arial; text-transform:uppercase;padding-top:5px;}

.youshi_box ul{
	width: 567px;
	margin-top: 25px;
}
.youshi_box ul li{line-height:33px;font-size:14px;color:#333;padding-left:35px; background:url(../images/y_tit.jpg) no-repeat left 10px ;}

/*页码样258式*/
.pageNavi {
	PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center
}

.pageNavi1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.wp-pagenavi {
	CLEAR: both
}
.wp-pagenavi A {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none;border-radius:5px;
}
.wp-pagenavi SPAN {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none;border-radius:5px;cursor: pointer;
}
.wp-pagenavi A:hover {
	BORDER-LEFT-COLOR:#161758; BORDER-BOTTOM-COLOR:#161758; BORDER-TOP-COLOR:#161758; BORDER-RIGHT-COLOR:#161758;background:#161758; color:white; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; PADDING-TOP: 5px;
}/*当前指上页码的边框色*/

.wp-pagenavi SPAN.current {
	BORDER-LEFT-COLOR:#161758; BORDER-BOTTOM-COLOR:#161758; BORDER-TOP-COLOR:#161758; BORDER-RIGHT-COLOR:#161758; background:#161758; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; PADDING-TOP: 5px; border:#161758 1px solid;border-radius:5px;
}/*当前选中页码的背景色*/