@charset "UTF-8";
/********  uweb mobile css v1.1 *********/
/****** cssrest ******/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: transparent;
	-moz-tap-highlight-color: transparent;
	-ms-touch-action: none;
	-webkit-touch-callout: none;
}
@font-face {
    font-family: 'FontAwesome';
     src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
     src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
html{font-size:62.5%;} 
body{font-size:12px;font-size:1.2rem ;} 
p{font-size:14px;font-size:1.4rem;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,i,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;font-style: normal;} 


body {
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	max-width: 964px;
	margin: 0 auto;
	position: relative;
	background: #fff;
}

input, textarea {
	-webkit-user-select: text;
	-moz-user-select: -moz-text;
	-moz-user-select: text;
}
img {
	border: none;
}
ul, ol, li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #333;
}



/*轮播*/
.jssorl-009-spin img {
	animation-name:jssorl-009-spin;
	animation-duration:1.6s;
	animation-iteration-count:infinite;
	animation-timing-function:linear
}
@keyframes jssorl-009-spin {
	from {
	transform:rotate(0);
}
to {
	transform:rotate(360deg);
}
}.jssorb051 .i {
	position:absolute;
	cursor:pointer
}
.jssorb051 .i .b {
	fill:#fff;
	fill-opacity:.5
}
.jssorb051 .i:hover .b {
	fill-opacity:.7
}
.jssorb051 .iav .b {
	fill-opacity:1;
	
}
.jssorb051 .iav{
	
	border: 1px solid #00417E; 
	box-sizing: border-box;
	padding: 4px;border-radius: 50%;
}
.jssorb051 .iav .b {fill:#00417E;}

.jssorb051 .i.idn {
	opacity:.3
}
.jssora051 {
	display:block;
	position:absolute;
	cursor:pointer
}
.jssora051 .a {
	fill:none;
	stroke:#fff;
	stroke-width:360;
	stroke-miterlimit:10
}
.jssora051:hover {
	opacity:.8
}
.jssora051.jssora051dn {
	opacity:.5
}
.jssora051.jssora051ds {
	opacity:.3;
	pointer-events:none
}

.D_con{
	/*padding-bottom: 120px;*/
}
/*标题*/
.D1_guanyuwomen{ }
.D1_title {overflow: hidden;margin-top: 2rem; text-align: center; }
.D1_title > h1{
	font-size: 1.6rem;color: #333;
	display: inline-block;
    font-weight: normal;padding-bottom: 1rem;
    border-bottom: 2px solid #00417e;margin-top: 1.2rem;
}
.D1_about{
	
}
.D1_about >span{display: block;}
.D1_about >span.about_text{
	font-size: 1.4rem;color: #333;line-height: 2rem;
	max-height: 162px;overflow: hidden;
	width: 98%;margin: 0 auto;margin-top: 2rem;
	display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 8; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}
.title_more{
	background: #00417E; width: 98%;margin: 0 auto;margin-top: 1.2rem;
}
.title_more>a{text-align: center;color: #fff;display: block;line-height: 36px;}

@media only screen and (min-width: 964px) and (max-width: 1024px){
	.D1_title > h1{font-size: 2.6rem;}
}
@media only screen and (min-width: 768px) and (max-width: 964px) {
	.D1_title > h1{font-size: 2.2rem;}
	.D1_about >span.about_text{width: 95%;}
	.title_more{width: 95%;margin-top: 1.2rem;}
}
@media only screen and (min-width: 600px) and (max-width: 768px){
	.D1_title > h1{font-size: 2.0rem;}
	.D1_about >span.about_text{width: 95%;}
	.title_more{width: 95%;margin-top: 1.2rem;}
}
@media only screen and (min-width: 414px) and (max-width: 600px){
	.D1_title > h1{font-size: 1.6rem;}
	.D1_about >span.about_text{width: 95%;}
	.title_more{width: 95%;margin-top: 1.2rem;}
}
@media only screen and (min-width: 375px) and (max-width: 414px){
	.D1_title > h1{font-size:1.4rem;}
	.D1_about >span.about_text{width: 94%;}
	.title_more{width: 94%;margin-top: 1.2rem;}
}
@media only screen and (min-width: 320px) and (max-width: 375px){
	.D1_title > h1{font-size:1.4rem;}
	.D1_about >span.about_text{width: 93%;}
	.title_more{width: 93%;margin-top: 1.2rem;}
}
@media only screen and (min-width: 0)and (max-width: 320px){
	.D1_title > h1{font-size:1.4rem;}
	.D1_about >span.about_text{width: 92%;}
	.title_more{width: 92%;margin-top: 1.2rem;}
}
/*产品*/
.D1_classification{margin-top:2rem ;    font-size: 0;}
.D1_classification >a{
	background:#00417E;
	color: #fff;display: inline-block;
	width:28.33333%;padding: 1% ;margin: 0 2.3333%;
	font-size: 1.4rem;overflow: hidden;text-overflow: ellipsis;white-space: pre;
	margin-top: 1rem;text-align: center;
	}

.D1_pro_lists{
	overflow: hidden;    margin-top: 2rem;font-size: 0;
}
.D1_product{
	width: 50%;display:inline-block;vertical-align: bottom;
	 font-size: 0;
}
.D1_product >span{display: inline-block;position: relative;}
.D1_product >span>a{display: block;}
.D1_product >span>h1{font-weight: normal;
  background-color: rgba(0, 0, 0,.3);
  position: absolute;top:0;bottom:0;left: 0;
  width: 100%;
	
}
.D1_product >span>h1>a{
	display: block;font-size: 1.2rem;    color: #fff;text-align: center;
	padding: .5rem 1rem;    width: 60%;margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;margin-top: 25%;
    border-top: 1px solid rgba(255,255,255,.8);border-bottom:1px solid rgba(255,255,255,.8);
}
/*新闻分类*/
.D1_news_fl{
	margin-top: 2rem;
}
.D1_news_fl >a{
	display: inline-block;font-size: 1.2rem;margin: 0 2%;
}

i.fa-address-book {
	font-family: 'FontAwesome';
    font-size: 16px;
    display: inline-block;
    text-align: right;
    margin-right: 8px;color: #00417E;
    vertical-align: top;
}
i.fa-address-book:before {
    content: "\f138";
}
/*新闻内容*/
.C1_news{}
.C1_news ul li >a{display: block;}

.C1_news ul li.C1_news_line{
	position: relative;
	border-bottom: 1px solid #f2f2f2;    
	padding: 0 .5rem; 
	padding-bottom: 8px;
	background: url(../img/icon_news_list.png)no-repeat top 5px left 2px;
	background-size: 4%;    padding-left: 2.5rem;
}

.C1_news ul li.C1_news_line:after {
	
}
.C1_news >dl{
	padding-top: 1.4rem;
	border-top: 1px dotted #ccc;
	margin-top: 2rem;
}
.C1_news >dl >dt{overflow: hidden;padding: 0 2%;}
.C1_news >dl >dt >h1{
	font-weight: normal;float: left;line-height: 28px;
	font-size: 1.2rem;color: #666;
}
.C1_news >dl >dt >h2{
	font-weight: normal;float: right;
	background: #00417E;width: 50%;
}
.C1_news >dl >dt >h2>a{
	line-height: 28px;color: #fff;font-size: 12px;display: block;
	padding: 0 10%;text-overflow: ellipsis;overflow: hidden;white-space: pre;
}
.C1_news >dl >dd{
	padding: 0 2%;margin-top: 1rem;
}
.C1_news >dl >dd >a{
	color: rgba(76,76,76,.8);line-height: 30px;
	display: inline-block;height: 60px;overflow: hidden;}
.D1_product img {
	display: block;
	width: 100%;
}
/*案例*/
.D1_case_lists{
	
}
.D1_case{
	
	width: 95%;
	margin: 0  auto ;
	margin-top: 2rem;
}

.D1_case img {
	display: block;
	width: 100%;
}
.D1_case >a{
	display: block;
}
.D1_case >h1{margin-top: .8rem;text-overflow: ellipsis;
white-space: nowrap;overflow: hidden;}
.D1_case >h1 >a{
	font-size: 1.6rem;color: #333;
	width: 95%;text-overflow: ellipsis;overflow: hidden;
	white-space: pre;
}
.D1_case >h2{font-weight: normal;margin-top: .8rem;
	margin-bottom: 1rem;
	border-bottom: 1px dashed rgba(0,0,0,.2);word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
    max-height: 4.5rem;
}
.D1_case >h2 >a{font-size: 1.4rem;color: #00417E;}

@media only screen and (min-width: 964px) and (max-width: 1024px){
	.D1_case{width: 45%;
		display: inline-block;
		vertical-align: bottom;margin-left: 3.333%;}
	.title_more{width: 95%;margin-top: 1.2rem;}
}
@media only screen and (min-width: 768px) and (max-width: 964px) {
	.D1_case{width: 45%;
		display: inline-block;
		vertical-align: bottom;margin-left: 3.333%;}
	.title_more{width: 95%;margin-top: 1.2rem;}
}
@media only screen and (min-width: 600px) and (max-width: 768px){
	.D1_case{width: 45%;
		display: inline-block;
		vertical-align: bottom;margin-left: 3.333%;}
	.title_more{width: 95%;margin-top: 1.2rem;}
}
@media only screen and (min-width: 414px) and (max-width: 600px){
	.D1_case{width: 95%;}
	.title_more{width: 95%;margin-top: 1.2rem;}
}
@media only screen and (min-width: 375px) and (max-width: 414px){
	.D1_case{width: 94%;}
	.title_more{width: 94%;margin-top: 1.2rem;}
}
@media only screen and (min-width: 320px) and (max-width: 375px){
	.D1_case{width: 93%;}
	.title_more{width: 93%;margin-top: 1.2rem;}
}
@media only screen and (min-width: 0)and (max-width: 320px){
	.D1_case{width: 92%;}
	.title_more{width: 92%;margin-top: 1.2rem;}
}

/*底部三个按钮*/
.am-navbar{
	position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 964px;
    margin: 0 auto;
    z-index: 1010;
}
.am-navbar > ul {
    background-color: #00417E;
    padding: 0.3rem 0;
    text-align: center;
    overflow: hidden;
}
.am-navbar ul > li {
    display: table-cell;
    width:1.2%;
    float: none;margin: 0 auto;    padding: 1rem 0;
}
/*.am-navbar ul > li >a{font-size: 1.6rem;}*/
.am-navbar ul > li > a span {
    width: 33.3333%;
    margin: 0 auto;
    display: block;color: #fff;
}
.am-navbar ul > li > a span.fa-phone:before {
    font-family: 'FontAwesome';
    font-family: 'FontAwesome';color: #fff;
    content: "\f095";font-size: 3.0rem;
}
.am-navbar ul > li > a span.fa-map-marker:before {
    font-family: 'FontAwesome';color: #fff;
    content: "\f041";font-size: 3.0rem;
}
.am-navbar ul > li > a span.fa-share-square-o:before{
	font-family: 'FontAwesome';color: #fff;
	content: "\f045";font-size: 3.0rem;
}
/*share css style*/
#mobile_share{position:fixed;right:0;bottom:90px;
width: 123px;z-index: 99999;background: #fff;padding: 0;overflow: hidden;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;-webkit-transform: translateX(100%);}
#mobile_share h2.title{text-align:center;line-height:30px;height:30px;background: #717577;color: #fff;font-size:14px;}
#mobile_share .share_item{padding: 8px;background: #fff;border: 1px solid #f1f1f1;}
#mobile_share .share_item li{display: block;overflow:hidden;margin: 8px 0;border-bottom: 1px solid #f1f1f1;padding-bottom: 8px;}
.share-link {display: block;margin:0 auto;width: 105px;overflow: hidden;line-height: 32px;font-size: 12px;padding-left: inherit;}
.share-link i{background: url(../img/share_icon.png) no-repeat;background-size: 200px 32px;width:32px;height:32px;display: block;margin-right: 20px;float: left;}
.share-link span{display:inline-block;}
.share-weibo i{background-position:0 0;}
.share-renren i{background-position:-42px 0;}
.share-douban i{background-position:-84px 0;}
.share-qweibo i{background-position:-126px 0;}
.share-qzone i{background-position:-168px 0;}
.share-weixin {display: block;margin:0 auto;width: 105px;overflow: hidden;line-height: 32px;font-size: 12px;padding-left: inherit;}
.share-weixin i{background:url(../img/share_icon2.png) no-repeat;background-size:32px 32px;
	width:32px;height:32px;display: block;margin-right: 20px;float: left;}
.share-weixin span{display:inline-block;}

/*技术支持*/
.qijishu-footer{
	padding: 1rem ;
	background: #f2f2f2;
	font-size: 1.4rem;line-height: 26px;color: #999999;
	margin-top: 2rem;    margin-bottom: 6rem;
}
.qijishu-footer >a{
	font-size: 1.4rem;line-height: 26px;color: #999999;
}