


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol,li, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
b,strong{font-weight:bold;}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body{background:#fff; }
body,input,select,textarea,button{
	font-family:"Open Sans",hiragino sans gb,'microsoft yahei',Arial,simsun,sans-serif;
	font-size:12px;
	color:#292c2e;
	line-height: 2; 
}
button{ cursor:pointer;}
a{
	color:#292c2e;
	text-decoration:none;
	-webkit-transition:0.3s;
	transition:0.3s;
	
}
a:hover{
	color: #0261aa;
	text-decoration:none;
}


::selection{
	background: #0892e1;
	color: white;
}
::-moz-selection{
	background: #0892e1;
	color: white;
}
input::-moz-placeholder,textarea::-moz-placeholder {
	color: #a7b6c9;
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color: #a7b6c9;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #a7b6c9;
}

input{ outline:none;}
.aside-service{position: fixed;right: 10px;bottom: 200px;/* background: #fff; *//* box-shadow: 0 0px 3px rgba(0,0,0,0.1); */width: 60px;z-index: 1111;display: table;}
.aside_box{display: block;vertical-align:middle;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);border-radius: 30px;padding: 10px 0;/* margin-bottom: 20px; */background: #fff;}
.aside-service .aside-icon{text-align: center;line-height: 24px;color: #424242;cursor: pointer;position: relative;width: 100%;padding: 10px 0;}
.aside-service .aside-icon.aside-last-icon{margin-top: 15px;overflow: hidden;padding: 0;box-sizing: border-box;display: block;height: 0;width: 60px;transition: all .3s linear;height: 0;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);border-radius: 50%;line-height: 60px;background: #fff;}
.aside-service .aside-icon span{position: relative;z-index: 9;display: block;font-size: 14px;width: 40px;display: block;margin: 0 auto;}
.aside-service .aside-icon.aside-last-icon i{
    font-size: 17px;
    /* color: #FC5427; */
    /* background: #fff; */
    /* border-radius: 5px; */
    /* padding: 10px 0; */
    margin-top: 9px;
    /* border: 1px solid #FC5427; */
    /* height: 60px; */
    /* box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%); */
    /* border-radius: 50%; */
    /* line-height: 60px; */
    /* display: block; */
}
.aside-service .aside-icon.aside-last-icon span{
	display: inline-block;
	vertical-align: middle;
	height: 60px;
	line-height: 60px;
}
.aside-service .aside-icon:hover i{
	color:#fff;
    background:#25976D;
}
.aside-service .aside-icon:hover .aside-tel{
	display:block;
}
.aside-service .aside-icon i{border-radius:50%;display: block;font-size: 25px;color: #424242;margin: 2px 0;width:40px;line-height:40px;;height:40px;}
.aside-service .aside-icon img{height: 70px;background: #fff;display: inline-block;vertical-align: middle;}

.aside-service .aside-icon.aside-last-icon:hover i{
	
}
 .aside-service .aside-tel{transition:all .3s linear;position: absolute;right: 80px;top: 9px;color: #667280;background: #fff;display: none;padding: 10px;border-radius: 5px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,.1);}
 .aside-service .aside-tel.aside-top{width: 186px;}
 .aside-service .aside-tel.aside-top em{
    line-height: 27px;
    display: inline-block;
    vertical-align: middle;
    width: 110px;
    text-align: left;
    margin-left: 10px;
    font-size: 13px;
}
 .aside-service .aside-tel.aside-bot{
    width: 80px;
}
 .aside-service .aside-tel.aside-bot em{
    display: block;
    width: 80px;
    margin: 0 auto;
    position: relative;
    top: 4px;
    line-height: 17px;
    font-size: 12px;
}

.aside-service .aside-tel:after{
    display:block;
    content:'';
    clear:both;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 15px solid #fff;
    position:absolute;
    top: 12px;
    right: -23px;
}
.header{height: 80px;position: fixed;top: 0;border-bottom: 1px solid rgba(255,255,255,.2);width: 100%;z-index: 10000;}
.header.on{
    background:#373542;
}
.header .logo{float: left;}
.header .logo img{display:block;height: 39px;margin-top: 20px;}
.header .nav{float:right;}
.header li{float:left;padding: 24px 12px;position:relative;}
.header li>a{color: #fff;display:block;position: relative;height: 36px;line-height: 36px;margin: 0 24px;border-bottom: 2px solid transparent;font-size: 16px;}
.header li.active>a,
.header li.active>a:hover{border-color: #25976D;color: #25976D;font-weight: 550;}
.header li>a:hover{color:#25976D;}
.header li:hover p{
	display:block;
}
.header li p{
	background:#fff;
	position:
		absolute;
	padding: 0 10px;
	display:none;
	border-radius:3px;
	width: 218px;
	left:50%;
	top: 80px;
	margin-left: -119px;
	line-height:22px;
}
.header li p a{
			   color:#3E464C;
			   /* margin:5px 0; */
			   font-size:14px;
			   padding: 15px 10px;
			   display:block;
			   padding-left: 38px;
			   position:relative;
			   border-bottom: 1px solid #E1E5E4;
}
.header li p a:hover,.header li p a:hover span,
.header li p a.on,.header li p a.on span{
	color:#EC6232;
}
.header li p a:last-child{
	border:none;
}
.header li p a span{
	color:#878CA2;
	display:block;
	font-size:12px;
	line-height: 18px;
}
.header li p a img{
	position:absolute;
	left: 5px;
	top: 17px;
	width:20px;
}
.header li p:after{
	dispay:block;content:'';
	clear:both;
	border-top:8px solid transparent;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom:8px solid #fff;
	position:absolute;
	left:50%;
	margin-left:-8px;
	top:-15px;
	border-radius:2px;
}

.footer{background: #fff;color: #68747F;padding: 80px 0 50px;font-size: 0;}
.footer a{color: #68747F;}
.footer .foot-logo{width:30%;/* float:left; */font-size:14px;display: inline-block;vertical-align: top;padding-top: 32px;}
.footer a:hover{color:#fff;}
.footer .foot-col{width:35%;/* float:left; */display: inline-block;vertical-align: top;}
.footer .foot-col h4{font-size:18px;height:28px;line-height: 28px;overflow: hidden;color: #68747F;}
.footer .foot-col ul{margin-top:15px;}
.footer .foot-col li{height:34px; line-height: 34px;font-size:14px; overflow: hidden;}
.footer .foot-col .info{ line-height: 34px;font-size:14px;margin-top:15px;}
.copyright{ background: #373542; text-align: center;color: #8b8e94;font-size: 14px; padding: 20px 0; }


.container{
	margin:0 auto;
	width: 1200px;
	position: relative;
	display: block;
}

.banner{
    height: 623px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0;
}
.banner .bannerTab{
    
}
.banner .bannerTab h1{
    color: #fff;
    font-size: 50px;
    width: 500px;
    font-weight: 550;
    letter-spacing: 5px;
    line-height: 63px;
    margin-top: 200px;
    margin-bottom: 27px;
}
.banner .bannerTab .line{
    background: #FFFFFF;
    width: 550px;
    height: 5px;
  
}
.banner .bannerTab .line:after{
	height:5px;
	background:#FEC421;
	width:30%;
	display:block;
    content:'';
    clear:both;

}
.banner .bannerTab span{
	color:#FFFCDC;
	opacity:.6;
	font-size:23px;
	margin-top:15px;
	display:block;
	letter-spacing:5px;text-transform:uppercase;
	
	
}



.banner1{
    height: 400px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0;
}
.banner1 .bannerTab{
    
}
.banner1 .bannerTab h1{
  color: #fff;font-size: 26px;font-weight: 550;letter-spacing: 5px;line-height: 40px;margin-top: 180px;margin-bottom: 0px;text-align: center;
}
.banner1 .bannerTab .line{
    background: #FFFFFF;
    width: 50px;
    height: 4px;
    opacity: .5;
    display: block;
    margin: 0 auto;
    border-radius: 2px;
    overflow: hidden;
}
.banner1 .bannerTab .line:after{
	height: 4px;
	background:#25976D;
	width: 100%;
	display:block;
	content:'';
	clear:both;
}

.banner1 .bannerTab span{color:#fff;opacity:.6;font-size: 14px;margin-top: 0;line-height: 30px;display:block;letter-spacing: 3px;text-transform:uppercase;text-align: center;}


.common-title{font-size: 28px;letter-spacing: 4px;text-align: center;line-height: 66px;overflow: hidden;position: relative;color: #3E464C;font-weight: 550;padding-top: 50px;}
.common-title i{width: 40px;height: 3px;background: #1C976C;/* position: absolute; *//* bottom:0; *//* left:50%; */margin-top: -30px;border-radius: 2px;display: inline-block;vertical-align: middle;}

.common-title font{font-size: 17px;color: #878CA2;display:block;line-height: 25px;font-weight: normal;letter-spacing: 2px;}



.tab{}
.tab ul{}
.tab li{
    display: inline-block;
    vertical-align: middle;
    width: 205px;
    margin-left: 5px;
}
.tab li p{
    position: relative;
    width: 128px;
    cursor:pointer;
    height: 147px;
}
.tab li p img{}
.tab li p span{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    background: url(/templates/default/images/b_icon.png) no-repeat center center;
    background-size: 100% 100%;
    line-height: 210px;
    color: #FFFFFF;
    text-align: center;
    letter-spacing: 1px;
    font-size: 17px;
}
.tab li.on p span{
	background: url(/templates/default/images/g_icon.png) no-repeat center center;
	background-size: 100% 100%;
	/* font-size:22px; */
	line-height: 150px;
}
.tab li p:hover span{color:#25976D;}
.tab li.on p:hover span{color:rgba(255,255,255,.8);}
.tab li.last{
    width: 128px;
}

.tabcont{
    margin-top: 30px;
}
.tabcont .cont{
    width: 1140px;
    padding: 0 30px;
    height: 544px;
    display:none;
}
.tabcont .cont.on{display:block;}

.tabcont .cont h5{
    padding: 60px 0 40px;
    color: #3E464C;
    font-size: 25px;
    line-height: 50px;
}
.tabcont .cont h5 p{
    color: #3E464C;
    display: block;
    font-size: 15px;
    line-height: 26px;
    padding-top: 7px;
}
.tabcont .cont ul{
    font-size: 0;
    margin-left: -30px;
}
.tabcont .cont li{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.tabcont .cont li p{transition:all .2s linear;cursor:pointer;margin: 30px 0 0 30px;background: #fff;height: 60px;padding: 20px 30px;padding-left: 190px;line-height: 60px;position: relative;display:block;border: 1px solid #fff;border-radius: 5px;}
.tabcont .cont li p:hover{ background:#1A956A;border-color:#1A956A;box-shadow:0px 2px 6px 0px rgba(42,191,137,.5);transform:translateY(-8px)}
.tabcont .cont li p label{width: 135px;height: 30px;position: absolute;left: 10px;top: 50%;text-align: right;padding-right: 20px;border-right: 3px solid #AAADB9;color:#747a7e;line-height: 30px;margin-top: -15px;}
.tabcont .cont li p span{font-size: 20px;color: #68747F;font-weight: 550;}
.tabcont .cont li p .title{font-size: 15px;color: #68747F;display: inline-block;vertical-align: middle;line-height: 20px;}
.tabcont .cont li p:hover label{border-color:#fff;}
.tabcont .cont li p:hover label span{color:#fff;}
.tabcont .cont li p:hover .title{color:#fff;}




.demo-list ul{margin-left: -10px;font-size: 0;}
.demo-list li{width:33.33%;display: inline-block;vertical-align: middle;}
.demo-list .inner{border-radius: 8px;width: 388px;margin-left: 10px;border: 1px solid #EEEEEE;overflow: hidden;cursor: pointer;}
.demo-list .images{height: 253px;overflow: hidden;background: #ccc;position: relative;}
.demo-list .images img{width:100%;min-height:100%; transition: 0.6s;}
.demo-list .inner:hover .images img{-webkit-transform:scale(1.2);}
.demo-list li:hover .inner-bg{opacity: 1;}
.demo-list .info{padding:20px 30px;background: #fff;}
.demo-list .info h4{font-size: 24px;height: 44px;line-height: 44px;overflow: hidden;color: #03060F;}
.demo-list .info p{font-size: 14px;background: #fff;line-height: 24px;height: 72px;overflow: hidden;color: #343434;margin-top:5px;}
.demo-list li:hover h4{
	color:#25976D;
}
.Product-data{background: #fff;background-size: cover;padding-bottom: 80px;}
.Product-data ul{
    margin-top:50px;
    font-size:0;
}
.Product-data li {
	display:inline-block;
	vertical-align:middle;
	width:300px;
	height: 384px;
	overflow: hidden;
}
.Product-data li .detail{
   
transition:transform .3s linear;
   
cursor:pointer;
   
height: 384px;
   
/* background:#4C8FE9; */
   
width: 300px;
   
position: relative;
}
.Product-data li p{
    opacity: 0;
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    background: url(/Templates/Default/images/mark.png) center top repeat-x;
}
.Product-data li:hover p{
    opacity:1;
}
.Product-data .icon{
	transition:all .2s linear;
	/* width: 110px; */
	/* height: 110px; */
	display: block;
	/* padding: 20px; */
	/* margin: 20px 40px; */
	/* text-align: center; */
	color: #fff;
	/* line-height: 60px; */
	padding: 0 20px;
	/* background: rgba(0,0,0,.6); */
	background: -o-linear-gradient(right, #D85030, #F18526);
	background: -moz-linear-gradient(right, #D85030, #F18526);
	/* background: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.6)); */
	position: absolute;
	bottom: -116px;
	z-index: 111;
	}
.Product-data .detail.detail1{/* width:100%; */background:url(/Templates/Default/images/service1.png) no-repeat center center;background-size: 300px 384px;}
.Product-data .detail.detail2{/* width:100%; */background:url(/Templates/Default/images/service2.png) no-repeat center center;background-size: 300px 384px;}
.Product-data .detail.detail3{/* width:100%; */background:url(/Templates/Default/images/service3.png) no-repeat center center;background-size: 300px 384px;}
.Product-data .detail.detail4{/* width:100%; */background:url(/Templates/Default/images/service4.png) no-repeat center center;background-size: 300px 384px;}
.Product-data .icon img{
    display: inline-block;
    vertical-align: middle;
}
.Product-data li:hover .icon{
    bottom:0;
}
.Product-data .icon span{font-size: 22px;/* position: absolute; */z-index: 2;/* width: 89px; *//* height: 89px; *//* border: 2px solid #fff; */display: inline-block;/* border-radius: 50%; */margin-left: 10px;/* line-height: 100px; */vertical-align: middle;}
.Product-data .text{font-size: 14px;color: #fff;margin-top:15px;line-height: 24px;/* padding: 0 40px; */padding-top: 30px;height: 96px;position: relative;padding-bottom: 23px;}
.Product-data .text:before{content: ' ';width: 100%;height: 4px;background: rgba(255,255,255,.6);border-radius: 2px;position: absolute;left: 0;top: 0;z-index: 1;/* transition: all .3s linear; */}
.Product-data li:hover .text:after{
	width:100%;
}
.Product-data .text:after{
	height: 4px;
	background:#EE6427;
	width:20%;
	display:block;
	border-radius:4px;
	content:'';
	clear:both;
	position: absolute;
	left: 0;
	top: 0;
	z-index:2;
	transition: all .5s linear;
}




.service_banner{
    height: 592px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0;
}
.service_banner .service_info{
    
}
.service_banner .service_info h1{
    color: #3E464C;
    font-size: 40px;
    width: 600px;
    font-weight: 550;
    letter-spacing: 5px;
    line-height: 75px;
    margin-top: 120px;
    margin-bottom: 27px;
    margin-left: 600px;
}

.service_banner .service_info span{
	color: #3E464C;
	font-size: 16px;
	margin-top: 5px;
	display:
	block;
	letter-spacing: 2px;
	width: 600px;
	text-transform:
	uppercase;
	margin-left: 600px;
}

.object{
    display:block;
    width:1200px;
    box-shadow:0px 0px 10px 0px rgba(0,0,0,.1);
    border-radius: 25px;
    margin-top: -180px;
    position:relative;
    z-index:100;
    background: #fff;
    margin-bottom: 50px;
    padding-bottom: 60px;
}
.platform ul:after{display:block;content:'';clear:both;}
.platform ul{font-size:0;}
.platform .images{cursor: pointer;width: 190px;height: 190px;line-height: 180px;border: 1px solid #1c976c94;border-radius: 50%;margin: 0 auto;margin-top: 35px;}

.platform li{
	display:inline-block;
	vertical-align:middle;
	width:33.33%;
	margin-top: 30px;
}
.platform .inner{
    width: 260px;
    height: 260px;
    margin:0 auto;
    border-radius:50%;
    /* margin: 60px 0 0 80px; */
    text-align: center;
    /* padding: 30px 0 40px; */
    transition:
    transform .3s linear;
    cursor:
    pointer;
    border: 1px solid transparent;
    overflow: hidden;
    }
.platform .inner:hover{
	background:#25976D;
	overflow:hidden;
}
.platform .inner:hover .images{
	border-color:#fff;
	
}
.platform .inner:hover .info:before,.platform .inner:hover .info:after{
	background:#fff;
}
.platform .inner:hover .info{
	background:#25976D;
}
.platform .info{font-size: 22px;display: block;color: #3E464C;width: 220px;margin: 0 auto;background: #fff;margin-top: -55px;text-align: center;line-height: 10px;height: 80px;letter-spacing: 2px;text-indent: 4px;position: relative;}
.platform .info:after {position: absolute;top: -1px;left: 22px;background: #1c976c94;display: block;content: "";clear: both;width:10px;height:10px;border-radius:50%;z-index: 111;}
.platform .info:before {position: absolute;top: -1px;right: 22px;background: #1c976c94;display: block;content: "";clear: both;width:10px;height:10px;border-radius:50%;z-index: 111;}

.platform .inner:hover .info{color:#fff;}
.platform .images p{
	display:inline-block;
	vertical-align:middle;
}
.platform .inner1 .images p{
	width: 65px;
	height: 49px;
	background:
	url('/templates/default/images/obj1.png') no-repeat center center;
	position: relative;
	top: -15px;
}

.platform .inner2 .images p{
	width: 60px;
	height: 50px;
	background:
	url('/templates/default/images/obj2.png') no-repeat center center;
	position: relative;
	top: -15px;
}

.platform .inner3 .images p{
	width: 60px;
	height: 60px;
	background:
	url('/templates/default/images/obj3.png') no-repeat center center;
	position: relative;
	top: -15px;
}

.platform .inner1:hover p{
		background:url('/templates/default/images/obj-on1.png') no-repeat center center;

}
.platform .inner2:hover p{
		background:url('/templates/default/images/obj-on2.png') no-repeat center center;

}
.platform .inner3:hover p{
		background:url('/templates/default/images/obj-on3.png') no-repeat center center;

}
.news_title{
    position: relative;
}
.news_title .title{font-size: 28px;letter-spacing: 4px;line-height: 45px;overflow: hidden;position: relative;color: #25976D;font-weight: 550;display: inline-block;}
.news_title .title i{width: 40px;height: 3px;background: #25976D;/* position: absolute; *//* bottom:0; *//* left:50%; */margin-top: -30px;border-radius: 2px;display: inline-block;vertical-align: middle;}

.news_title .title font{font-size: 16px;color: #05060A;display:block;line-height: 25px;font-weight: normal;letter-spacing: 1px;}

.news_title .sec_right{position: absolute;display: block;line-height: 30px;height: 30px;right: 0;top: 50%;border-radius: 5px;border: 1px solid #EE6427;margin-top: -30px;font-size: 0;}
.news_title .sec_right span{/* border:1px solid #f5f5f5; */padding: 0px 16px;font-size: 14px;display: inline-block;cursor: pointer;color: #555;}
.news_title .sec_right span.on{background: #EE6427;/* border: 1px solid #25976D; */color: #fff;}
.news_title  .sec_right span:hover{
	color:#EE6427;
}
.news_title  .sec_right span.on:hover{
	color:#fff;
}

.newslist ul{
    /* padding-left: 600px; */
    position:relative;
    margin-left: -15px;
    font-size: 0;
    margin-bottom:50px;
    
}

.newslist li{width: 50%;display: inline-block;vertical-align: middle;/* padding:10px 0; */cursor:pointer;}
.newslist li .view{
    /* margin-left: 12px; */
    background: #fff;
    margin-bottom: 15px;
    border-radius: 5px;
    font-size: 0;
    margin-left: 15px;
    
    padding: 8px 15px;
    transition:all .3s linear;
}

.newslist li .img{width: 30%;display: inline-block;vertical-align: middle;overflow:hidden;background: #fff;}
.newslist li img{width: 100%;transition: all .5s linear;display: block;margin: 0 auto;border-radius: 5px;}
.newslist li p{display: inline-block;vertical-align: middle;/* background: #fff; */width: 70%;/* padding: 0 10px; */}
.newslist li p label{display: block;font-size: 20px;color: #333;/* height: 30px; */font-weight: 550;line-height: 30px;/* white-space: nowrap; *//* overflow: hidden; */cursor: pointer;text-overflow: ellipsis;padding-left: 15px;padding-bottom: 10px;}
.newslist li span{display: block;line-height: 26px;margin: 0 auto;font-size: 15px;color: #888f9d;padding-top: 10px;/* text-overflow: ellipsis; *//* text-align: left; *//* -webkit-line-clamp: 2; *//* -webkit-box-orient: vertical; */padding-left: 15px;}

.newslist li:hover img{transform: scale(1.05);}
.newslist li:hover label{color: #25976D;}
.newslist li .view:hover{
    transform:translate3d(0,-5px,0);
    box-shadow:0px 2px 12px 0px rgba(0,0,0,.1);
}
.newslist h4{font-size:24px;font-weight:bold;text-indent:20px;line-height:60px;padding:20px 0 10px;}

.index-tel{background: url(/Templates/Default/images/tel_bg.png) no-repeat 50% 0;line-height: 48px;padding: 30px 0;text-align: center;font-size:32px;color:#fff;}
.index-tel img{
    display: inline-block;
    vertical-align: middle;
    height: 38px;
}
.index-tel span{
    display: inline-block;
    vertical-align: middle;
    font-size: 29px;
    margin-left: 20px;
    letter-spacing: 2px;
}
.index-tel span b{
	font-weight: bold;
    font-size: 40px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -4px;
}
/*newslist*/
.news{
    margin-top: 50px;
}


.news ul{
    /* padding-left: 600px; */
    position:relative;
    margin-left: -15px;
    font-size: 0;
    margin-bottom:50px;
    
}

.news li{width: 100%;display: block;margin:0 auto;cursor:pointer;}
.news li .view{
    /* margin-left: 12px; */
    background: #fff;
    margin-bottom: 30px;
    border-radius: 5px;
    font-size: 0;
    padding: 30px 30px;
    padding-right: 200px;
    transition:all .3s linear;
    box-shadow:0px 2px 12px 0px rgba(0,0,0,.1);
    position: relative;
}

.news li .img{width: 25%;display: inline-block;vertical-align: middle;overflow:hidden;background: #fff;}
.news li img{/* width: 100%; */transition: all .5s linear;display: block;margin: 0 auto;border-radius: 5px;}
.news li p{display: inline-block;vertical-align: middle;/* background: #fff; */width: 75%;/* padding: 0 10px; */}
.news li p label{display: block;font-size: 22px;color: #333;/* height: 30px; */font-weight: 550;line-height: 30px;/* white-space: nowrap; *//* overflow: hidden; */cursor: pointer;text-overflow: ellipsis;padding-left: 15px;padding-bottom: 10px;}
.news li span{display: -webkit-box;line-height: 26px;margin: 0 auto;font-size: 15px;color: #888f9d;padding-top: 10px;text-overflow: ellipsis;text-align: left;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 52px;overflow: hidden;padding-left: 15px;}
.news li em {
    position: absolute;
    top: 50%;
    right: 50px;
    font-size: 16px;
    width: 70px;
    text-align: center;
    color: #888;
    line-height: 44px;
    letter-spacing: 1px;
    margin-top: -44px;
}
.news li em b{
    font-size: 25px;
    display: block;
    border-bottom: 1px solid #f5f5f5;
    font-weight: normal;
}
.news li:hover img{transform: scale(1.05);}
.news li:hover label{color: #25976D;}
.news li .view:hover{
    transform:translate3d(0,-5px,0);
    
}
.news_tab{
    text-align: center;
    height: 70px;
}
.news_tab p{display:inline-block;vertical-align:middle;margin-top: -40px;line-height: 70px;height: 70px;position: relative;z-index: 1111;background: #fff;border-radius: 40px;overflow: hidden;font-size: 0;box-shadow: 0px 5px 10px 0px rgba(0,0,0,.1);}
.news_tab p span{font-size: 24px;text-align:center;padding: 0px 48px;display: inline-block;vertical-align: middle;letter-spacing: 1px;cursor: pointer;}
.news_tab p span.on{background:#25976D;color:#fff;cursor:pointer;}
.news_tab p span:hover{color:#25976D}
.news_tab p span.on:hover{color:#fff;}




.location{position: relative;padding: 15px 0;margin: 0px 0 15px;/* box-shadow: 0px 0px 4px 0px rgba(0,0,0,.1); */}
.location a{display: inline-block;vertical-align: middle;line-height: 36px;}
.location a:hover span,.location a:hover i{color: #fc3162;}
.location i{font-size: 19px;display: inline-block;color: #666;vertical-align: middle;margin: 0 10px;}
.location span{display: inline-block;vertical-align: middle;font-size: 14px;color: #333;}

.paging{text-align:center;margin: 30px auto 50px;}
.paging ul{display:inline-block;/* border-radius:4px; *//* overflow:hidden; *//* box-shadow: 0px 0px 10px rgba(0,0,0,0.08); */-webkit-transition: .3s;transition: .3s;/* border: 1px solid #E5E5E5; */}
.paging li{cursor:pointer;display: inline-block;line-height: 28px;vertical-align: middle;text-align: center;border: 1px solid #d5d5f5;margin: 0 3px;border-radius: 3px;overflow: hidden;font-size: 15px;color: #666;padding: 0 10px;}
.paging li:hover a{color:#25976D;}
.paging li a{color:#666}
.paging li.on:hover {color:#fff;}
.paging .perv,.paging .next{ font-family: simsun;font-size:12px;}
.paging .on {background: #25976D !important;color:#fff;/* font-weight:bold; */border-color: #25976D;}
.paging .on a{
  color:#FFF;
}

.newsview{
  margin-top:30px;
  background:#fff;
  
  
}
.newsview .content{
    display: block;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    padding: 30px;
    margin-top: 1px;
    border-radius: 5px;margin-bottom:50px;
    overflow: hidden;
    background:#fff;
}
.newsview .content p{    line-height: 32px;
    font-size: 16px;
    color: #333;
    margin-top: 10px;word-break: break-all;
    word-wrap: break-word;}
.newsview .content img{max-width: 100%;display: block;margin: 0 auto;margin-top: 10px;}


.newsview .content h2{
    font-size: 22px;
    padding-bottom: 30px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 30px;
}
.newsview .content h2 b{
    font-size: 32px;
    line-height: 50px;
    display: block;
}
.newsview .content h2 span{
    font-size: 14px;
    color: #666;
    text-align: center;
    font-weight: normal;
}



/*aboutus*/
.about-us-banner{ background:url(/Templates/Default/images/about-us.jpg) no-repeat 50% 50%;}
.about-us .about-tit{height:38px; line-height:38px; overflow:hidden; font-size:18px; margin-top:50px;}
.about-us .info{ line-height:34px; font-size:14px;margin-top:10px; color:#666;}
.environment{margin-top:20px; overflow:hidden;}
.environment ul{margin-left:-20px;}
.environment li{width:33.3%;float:left;}
.environment .image{margin-left:20px;}
.environment img{width:100%; display:block; overflow:hidden;height:250px;}
#dituContent{margin-top:60px;}


.service{}

.service .service_top{
    font-size: 0;
    margin: 80px 0;
}
 
.service .service_top p{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.service .service_top p img{
    position: absolute;
}
.service .service_top p img.l{
    left: 0;
    top: 0;
}
.service .service_top p img.r{
    right: 20px;
    bottom: 0;
}
.service .service_top p span{
    font-size: 15px;
    margin: 40px 80px;
    display: block;
    color: #3E464C;
}
.service .service_top label{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
.service .service_top label img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.service .service_center{}
.service .service_center img{
    max-width: 100%;
    display: block;
    margin: 30px auto;
}

.feature li{margin-top: 80px;font-size: 0;position: relative;}
.feature li .image{width: 609px;display: inline-block;position: relative;vertical-align: middle;z-index: 111;}
.feature li .image.f_r img{
	float:right;
}
.feature li .image img{cursor:pointer;transition: all .3s linear;max-width: 100%;/* height:450px; */}
.feature li .info{width: 591px;/* padding:25px 60px; */display: inline-block;vertical-align: middle;}
.feature li .info.text{
	background:#EFFAF8;
	padding:80px 0;
	position: absolute;
	left: 535px;
	width: 565px;
	padding-left: 100px;
	top: 50%;
	height: 60px;
	margin-top: -110px;
}
.feature li h3{font-size: 17px;line-height: 30px;font-weight: 550;color: #3E464C;margin-top: 10px;}
.feature li small{display: block;/* margin-bottom: 30px; *//* height: 26px; */font-size: 15px;line-height: 26px;color: #3E464C;margin-bottom: 10px;}
/*.feature li .image img:hover{transform: translate3d(0,-10px,0);}*/





.operate .operate_top{
    font-size: 0;
    margin: 80px 0;
}
 
.operate .operate_top .operate_p{
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 0;
}
.operate .operate_top .operate_p h5{
    font-size: 22px;
    border-bottom: 2px solid #FEC421;
    display: inline-block;
    margin: 0 40px;
}
.operate .operate_top .operate_p span{
    font-size: 15px;
    margin: 30px  40px 40px;
    display: block;
    color: #3E464C;
}
.operate .operate_top .operate_p  i{
	width:33.33%;display:inline-block;
	vertical-align:middle;
	text-align:center;
	font-size:14px;
	line-height:40px;
}
.operate .operate_top .operate_p  i img{
	display:block;
	margin:0 auto;
	
}
.operate .operate_top label{
    display: inline-block;
    vertical-align: middle;
    width: 60%;
}
.operate .operate_top label img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.operate_center{
    background: url(/templates/default/images/operate/op_bg.png) no-repeat center center;
    height: 326px;
}
.operate_center ul{
    font-size: 0;
    padding-top: 110px;
    margin: 0 40px;
}
.operate_center li{
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 44px;
}
.operate_center li b{
    display: block;
    font-size: 36px;
    color: #FEC421;
}



.operate_middle{
   
}
.operate_middle ul{
    font-size: 0;
    /* padding-top: 110px; */
    margin: 0 40px;
}
.operate_middle li img{
    width: 30px;
    display: block;
    margin: 30px auto 10px;
}
.operate_middle li{
    width: 20%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    color: #68747F;
    line-height: 28px;
    margin: 20px 0;
}
.operate_middle li b{
    display: block;
    font-size: 18px;
    color: #3E464C;
    line-height: 33px;
}

.operate_feature li{margin-top: 80px;font-size: 0;position: relative;}
.operate_feature li .image{width: 609px;display: inline-block;position: relative;vertical-align: middle;z-index: 111;}
.operate_feature li .image.f_r img{
	float:right;
}
.operate_feature li .image img{cursor:pointer;transition: all .3s linear;max-width: 100%;/* height:450px; */}
.operate_feature li .info{width: 591px;/* padding:25px 60px; */display: inline-block;vertical-align: middle;}
.operate_feature li .info.text{
	background:#EFFAF8;
	padding:80px 0;
	position: absolute;
	left: 535px;
	width: 565px;
	padding-left: 100px;
	top: 50%;
	height: 60px;
	margin-top: -110px;
}
.operate_feature li h3{font-size: 22px;line-height: 50px;font-weight: 550;color: #3E464C;margin-top: 10px;margin: 0 80px;}
.operate_feature li small{display: block;/* margin-bottom: 30px; *//* height: 26px; */font-size: 16px;line-height: 29px;color: #3E464C;margin-bottom: 10px;margin: 0 80px;}
/*.operate_feature li .image img:hover{transform: translate3d(0,-10px,0);}*/




.operate_bottom{
    background: url(/templates/default/images/operate/op-bottom_bg.png) no-repeat center center;
    height: 441px;
}
.operate_bottom h3{
    font-size: 32px;
    color: #fff;
    text-align: center;
    line-height: 100px;
    padding-top: 50px;
    font-weight: 550;
}
.operate_bottom p{
    padding: 40px;
    font-size: 16px;
    color: #fff;
    width: 600px;
    position:relative;
    display: block;
    margin: 30px auto;
    border: 1px solid  rgba(255,255,255,.8);
    border-bottom-style: dashed;
    border-right-style: dashed;
    margin-top: 50px;
}
.operate_bottom p:after{
	display:block;
	content:'';
	clear:both;
	width:100%;
	height:100%;
	border: 1px dashed rgba(255,255,255,.8);
	position:absolute;
	left: -12px;
	top: -12px;
	border-bottom-style: solid;
	border-right-style: solid;
}



























































