@charset "utf-8";
/* CSS Document */
.tbanner{
zoom: 1; 
	position: relative; 
	width: 100%;
	
	margin:0px auto 0px;
	z-index:100;
	border:none;
	text-align:left; /* reset align=center */
	font-size: 10px;
	overflow:hidden;
}
.tbanner img{
	max-width:100%;
}
.tbanner  .ws_bullets{ bottom:25px; position:relative; text-align:center; z-index:99; position:absolute; width:100%;}
.tbanner  .ws_bullets span{ margin:0 5px; background:#fff;}
.section{
	width:1200px;
	margin:0 auto;
}
.section1500{
	width:1500px;
	margin:0 auto;
	position:relative;
}
.section1200{
	width:1200px;
	margin:0 auto;
	position:relative;
}
.section1200 img,.section1500 img  {max-width:100%;}
.section img{
	max-width:100%;
}
.toptxt{ position:absolute; left:8%; z-index:999;top:10%; width:30%}
.toptxt dl dt{ color:#153377; line-height:4rem; font-size:16px;}
.toptxt dl dt h4{ font-size:30px; color:#000; font-weight:normal;}
.toptxt dl dt h4 span{ color:#153377; margin-left:0.2rem;}
.toptxt dl dd{ line-height:1.8rem; font-size:12px; margin-top:10px;}
.toptxt dl dd.gz{ margin-top:2.5rem;}
.toptxt dl dd.gz a{ padding:8px 10px; background:#153377; color:#fff; font-size:16px;}
.indexSC{
	margin:40px 0 0;
}
.indexSC ul{
	margin-left:-8px;
	margin-right:-8px;
}
.indexSC li{
	width:25%;
	float:left;
	padding:8px;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
	padding-bottom:0;
}
.indexSC li b {
	position: absolute;
	display:block;
	top: 8px;
	left: 8px;
	z-index: 10;
	transition: all .5s;
	height:100%;
	padding:8px;
	background:url(../images/linebg03.png) no-repeat left top;
	 /*writing-mode: vertical-lr;
  -webkit-writing-mode: sideways-rl;
  -ms-writing-mode: sideways-rl;*/
  width:70px;
  color:#fff;
  padding-left:1.3em;
  font-weight:normal;
  font-size:0.8rem;
}
/*.indexSC li b span{ margin-right:21px; color:#fff; width:100%; font-size:1.3rem; margin-bottom:0.8rem; padding-top:0.5em;}*/
.indexSC li b span{
	display:block;
	margin:0 0 0 3px;
	writing-mode: vertical-lr;
	writing-mode: tb-rl;
	overflow: hidden;
	width: 1.4rem;
	text-align:center;
	line-height: 1.3rem;
	/*font-size: 16px!important;*/
	font-size:1.3rem; margin-bottom:5px; padding-top:8px;
	word-wrap: break-word;
 	word-break: break-all;
	height:5.2em;
}
.indexSC li b small{ 
	display:block;
	margin:0 0 0 4px;
	writing-mode: vertical-lr;
	writing-mode: tb-rl;
	overflow: hidden;
	width: 1em;
	line-height: 1em;
	font-size: 12px!important;
	word-wrap: break-word;
 	word-break: break-all;
	height:12em;
}
.indexSC li b img{ height:100%; width:auto;}
.indexSC li img{
	width:100%;
}
.indexSC li  p{ position:absolute; top:0.5em; right:1em; color:#fff; margin:8px; text-align:right; font-size:1.2rem; line-height:3rem;}
.indexSC li  p strong{ font-size:1.7rem; font-weight:normal; line-height:3rem;}
.indexSC li .Mask {
	position: absolute;
	left:-100%;
	top: 0;
	z-index: 11;
	width: 100%;
	height: 100%;
	/*background: url(../images/bluebbg.png);*/
	padding: 8px;
	transition: all .5s;
	padding-bottom:0;
}
.indexSC li  .Mask i {
	display:block;
	width:100%;
	height:100%;
	
	border: 1px solid #fff;
}
.indexSC li .Mask a {
	display: block;
	width: 100%;
	height: 100%;
	
	text-align: center;
	background: rgba(0,0,0,0.4);
	padding:8px;
}
.indexSC li .Mask a span {
	display: block;
	width:100%;
}
.indexSC li .Mask a span.cn {
	font-size: 24px;	
	color: #fff;
	margin-top: 26%;
	position:absolute;
	width:93%;
}
.indexSC li:hover b {
	left: -50%;
}
.indexSC li:hover .Mask {
	left: 0;
}
.indexNews{
	margin:20px 0 0;
	font-size:12px;
}
.indexNews ul{
	margin-left:-8px;
	margin-right:-8px;
}
.indexNews li{
	width:25%;
	float:left;
	padding:15px 8px;
	box-sizing:border-box;
	
}
.indexNews li .item_news{
	display:block;
	border:1px solid #e9e9e9;
	background:#f2f6f5;
	position:relative;
	
}
.indexNews li .tinfo{
	padding:15px;
	color:#336f72;
	line-height:20px;
}
.indexNews li .time{
	float:left;
	font-size:12px;
}
.indexNews li .date{
	padding:0 1.5em 0 0;
}
.indexNews li .cat{
	float:right;
	color:#336f72
}
.indexNews li .cat:hover{ color:#153377}
.indexNews li .pic{
	padding:0 2px;
}
.indexNews li img{
	width:100%;
}
.indexNews li .title{
	font-size:18px;
	color:#153377;
	
	padding:15px 15px 0;
	height:3.5em;
	overflow:hidden;
}
.indexNews li .desc{
	margin:10px 15px 30px;
	line-height:1.7;
	text-align:justify;
	text-justify:distribute-all-lines;/*ie6-8*/
  text-align-last:justify;/* ie9*/
  -moz-text-align-last:justify;/*ff*/
  -webkit-text-align-last:justify;/*chrome 20+*/
	text-align-last:left;
	text-indent:2em;
	height:8em;
	overflow:hidden;
}
.indexNews li .more{
	position:absolute;
	right:0;
	bottom:0;
	display:block;
	background:#336f72;
	color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
}
.indexNews li .more:hover{ background:#153377}
.partner{
	background:#f2f6f5;
	margin:35px 0 0;
}
.partner .inner{
	padding:20px 0;
	position:relative;
	overflow:hidden;
	zoom:1;
}
.partner .inner dd{ width:75%; overflow:hidden; position:relative; float:right; margin-left:0;}
.partner .inner dd div{ margin:0 3rem 0 4rem; overflow:hidden;}
.partner .inner dd .swiper-button-prev{ background-image:url(../images/swipe_arrowl.png); background-size:auto}
.partner .inner dd .swiper-button-next{ background-image:url(../images/swipe_arrowr.png); background-size:auto}
.partner dt{
	float:left;
	text-align:center;
	color:#336f72;
	width:24%;
}
.partner dt .cn{
	font-size:24px;
	display:block;
	padding:10px 0 0;
}
.partner dt .en{
	font-size:16px;
	white-space:nowrap;
	display:block;
	margin:10px 0 0;
}
.partner dd{
	margin-left:240px;
}
.partner ul{
}
.partner li{
	float:left;
	width:16%;
}
.hcbox{
	background:#f6f6f6;
	margin:50px 0 0;
	clear:both;
	padding:15px 0;
}

.hcbox .section{
	position:relative;
}
.hcbox .desc{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-100px;
}
.hcbox .pic{
	float:right;
}
.hcbox .desc h3{
	font-weight:normal;
	
	font-size:24px;
}
.hcbox .desc p{
	color: #555;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
	margin:1em 0 3em;
}
a.btn, .btn{
	 background:#336f72;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: dosis;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 7px 30px;
    text-align: center;
    text-transform: uppercase;

    vertical-align: middle;
}
.btn:hover{ background-color: #153377;}
.AboutZz{
	text-align:center;
	width:48%;
	float:right;
}
.AboutZz h2{
	color: #153377;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
	border-bottom:1px solid #aaa;
	margin:40px auto 4.5em;
	padding-bottom:1em;
	width:6em;
}
.AboutZz .ibd{
	border:2px dotted #336f72;
	color:#336f72;
	position:relative;
}
.AboutZz .t1{
	font-size:24px;
	font-weight:normal;
	padding:0 0.5em;
	width:18em;
	position:absolute;
	left:50%;
	margin-left:-9em;
	line-height:2em;
	top:-1em;
	background:#fff;
}
.AboutZz .pic{
	padding:50px 0;
}
.AboutZz .t2{
	font-size:30px;
	border-top:2px dotted #336f72;
	padding:20px 0;
}

.vtl{
	text-align:center;
	margin:40px auto 40px;
    font-size: 24px;
	color: #153377;
}
.vtl h2{
    font-size: 24px;
    font-weight: normal;
    text-align: center;
	border-bottom:1px solid #aaa;
	padding:0 1em 1em;
	display:inline-block;
}
.vtl .txt{
	font-size:14px;
	margin:1em 0 0;
	color:#000;
}
.ourBuju{
	padding:1px 0 0;
}
.ourService{
}
.ourService{
}
.ourService ul{
	display:flex;
	
	margin:0px -10px 0;
}
.ourService  .vtl{ margin-bottom:10px;}
.ourService li{
	width:33%;
	flex:1;	
	margin:0 10px;
}
.ourService .in{
	background:#f6f6f6;
	border:1px solid #e9e9e9;
}
.ourService .icon{
	padding:50px 0 40px;
	text-align:center;
}
.ourService .mtl{
	color:#336f72;
	border-bottom:1px solid #aaa;
	width:4em;
	margin:0 auto;
	font-size:18px;
	padding-bottom:10px;
	font-weight:500;
}
.ourService .ztxt{
	padding:1rem;
	text-align:left;
	font-size:14px;
	margin:1em 0 0;
	color:#333;
	line-height:1.7;
	text-indent:2em;
}
.ourService .pic{
	margin:10px 0 0;
}
.ourService .pic img{ width:100%; border:1px solid #e9e9e9;}
/**/
.ourProgress{
	margin-top:30px;
}
.ourProgress ul{
	display:flex;
	margin:20px -10px 0;
	align-items:stretch;
}
.ourProgress li{
	flex:1;
	margin:0 10px;
	border:1px solid #a0a0a0;
}
.ourProgress .in{
	position:relative;
}
.ourProgress .icon{
	padding:20px 0 20px;
	text-align:center;
}
.ourProgress .mtl{
	color:#336f72;
	margin:0 auto;
	font-size:18px;
	font-weight:500;
	text-align:center;
	padding-bottom:30px;
}
.ourProgress .ztxt{
	padding:50px 10px 10px;
	text-align:left;
	font-size:14px;
	margin:1em 0 0;
	color:#333;
	line-height:1.7;
	border-top:1px solid #a0a0a0;
	text-indent:2em;
		text-justify:distribute-all-lines;/*ie6-8*/
  text-align-last:justify;/* ie9*/
  -moz-text-align-last:justify;/*ff*/
  -webkit-text-align-last:justify;/*chrome 20+*/
	text-align-last:left;
}
.ourProgress .pic{
	margin:10px 0 0;
}
.ourProgress .sign{
	position:absolute;
	left:50%;
	top:150px;
	padding:2px;
	border:1px solid #a0a0a0;
	border-radius:50%;
	margin-left:-26px;
	background:#fff;
}
.ourProgress .sign span{
	width:45px;
	height:45px;
	line-height:45px;
	text-align:center;
	background:#a0a0a0;
	color:#fff;
	border-radius:50%;
	display:block;
	font-size:18px;
}
.ctpm{
	font-size:16px;
	/*float:left;*/
	margin-top:80px;
}
.ctpm .lps{
	float:left;
}
.ctpm .rps{
	float:right;
}
.ctpm .rps p{
	margin-bottom:10px;
}
.ctpm dl{
	display:flex;
	align-items:center;
	margin-bottom:1.9em;
}
.ctpm dt{
}
.ctpm dd{
	margin:0 1rem 0 3rem;
}
.ctpm .rps img{
	
}
.ctpm span{
	color:#336f72;
}


.ctBox h2, .fmBox h2 {
    color: #153377;
    font-size: 24px;
    font-weight: normal;
}
.ctBox p.en {
    font-size: 16px;
    margin-top: 5px;
	color:#336f72;
}
.ctBox{
	float:left;
	width:52%;
}
.fmBox{
	float:right;
	width:48%;
}
.fmBox h2{
	text-align:center;
}
.fmBox .summary{
	font-size:14px;
	margin-top:50px;
}
.fma{
	background:#f6f6f6;
	border:1px solid #e7e7e7;
	padding:12px 0 0;
	margin:10px 0 0;
}
.fma li{
	width:50%;
	float:left;
	margin-bottom:24px;
}
.fma li .in{
	margin:0 12px;
	background:#fff;
	border:1px solid #eeeeee;
	display:flex;
}
.fma li.lst{
	width:100%;
	margin-bottom:12px;
}
.fma label{
	height:36px;
	line-height:36px;
	white-space:nowrap;
	font-size:15px;
	padding-left:15px;
	color:#336f72;
}
.fma li.lst label{
	display:block;
}
.fma li.lst .in{
	padding-bottom:15px;
	display:block;
}
.fma li.lst .in textarea{ height:6.5em; padding:0 1em;}
.fma input, .fma textarea, .fma select{
	display:block;
	width:100%;
	border:none;
	font-size:14px;
}
.fma input{
	flex:1
}
.alc{
	text-align:center;
}
.fmBox .inner{
	margin-left:18px;
	padding-left:18px;
	border-left:1px dashed #aaa
}
.sparam{
	padding:0 0;
	border-radius:8px;
	font-size:14px;
	background:#f2f6f5;
	border:1px solid #e6e6e6;
	padding:0 25px;
}
.sparam .inner{
	/*background:url(../../img/vl.png);*/
	line-height:36px;
}
.sparam dl{
}
.sparam dt{
	float:left;
	width:5em;
}
.sparam dd{
	margin-left:5em;
}
#cuspn{
	padding-left:26px;
	padding-right:26px;
}
#cuspn li{
	width:323px;
	width:340px;
}
#cuspn li.next{
	float:left;
}
#cuspn .back{
	float:right;
	width:68px;
}
#cuspn .back a{
	float:right;
	display:block;
	width:68px;
	height:30px;
	line-height:28px;
	text-align:center;
	border:1px solid #e3e3e3;
	display:block;
}
#cuspn .back a:hover{ background:#153377; color:#fff}
.fcat{
	width:1000px;
	margin:25px auto 0;
	color:#336f72;
	position:relative;
	height:164px;
}

.fcat dl{
	/*background:url(../../img/gl.png) left top repeat-x;*/
	border-top:1px  dashed #aaaaaa; 
	border-bottom:1px  dashed #aaaaaa; 
	position:relative;
}

.fcat dt .atl{
	line-height:1;
	display:inline-block;
	padding:10px 48px 0 0;
	vertical-align:middle;
	color:#336f72;
}
.fcat dt small{
	font-size:16px;
}
.fcat dt img{
	padding:10px 0 0;
	width:65px;
}

.fcat dd a{
	color:#336f72;
	display:inline-block;
	vertical-align:top;
	line-height:82px;
}
.fcat dd a:hover{ color:#153377;}
.fcat  dt{height:82px;	
	padding:0 50px;
	font-size:24px;
	vertical-align:central; width:32%; float:left;  border-left:0;  border-right:0}

.fcat  dd{ float:left; width:62.5%;position:absolute;
	right:0;
	top:0;
	line-height:82px;
	border-bottom:1px  dashed #aaaaaa; 
	font-size:20px;}
.fcat  dd ul li{ float:left; line-height:82px; height:82px; border-left:0;  border-right:0; padding:0 1.6rem; position:relative; text-align:center;font-size:20px;}
.fcat dd ul li i{ width:1.6rem; margin:0 10px;border-bottom:1px  dashed #aaaaaa; display:inline-block; position:absolute;top:50%;  }
.fcat  dd ul li:nth-child(4n+0) i{ border-bottom:0}
#news_fcat dt { height:70px;}
#news_fcat dd{ line-height:70px; height:71px;}
#news_fcat dd ul li{ padding:0; width:25%; text-align:right}
#news_fcat dd ul li i{ width:9rem;}
/*产品中心*/
.product .vtl{ margin-bottom:0.5rem;}
.product .vtl p{ font-size:14px; text-align:center; margin-top:2rem; line-height:2.5rem; text-indent:2em; color:#000}
.product_list { margin-left:-8px; margin-right:-8px;}
.product_list dl {
	float: left;
	width: 25%;
	position: relative;
	padding-left:8px;
	padding-right:8px;
	overflow: hidden;
	margin-bottom:16px;
	
}
.product_list dl dt {
	position: relative;
	border:1px solid #e1e1e1;
}
.product_list dl dt>img {
	display: block;
	width: 100%;
}
.product_list dl dt .Mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 1;
	padding: 15px;
	opacity: 0;
	transition: all 1s;
}
.product_list dl dt .Mask .NameB {
	border: 1px solid #ddd;
	width: 100%;
	height: 100%;
}
.product_list dl dt .Mask .NameB h3 {
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	margin-top: 23%;
	color:#fff;
}
.product_list dl dt .Mask .NameB h3 a {
	color: #fff;
}
.product_list dl dt .Mask .NameB > b {
	display: block;
	/*width: 26px;*/
	width:100%;
	height: 26px;
	margin: 0 auto;
	/*margin-top: 20px;*/
	text-align:center;
	position:absolute;
	left:0;
	top:50%;
}
.product_list dl dt .Mask .NameB > b img{
	position:absolute;
	left:50%;
	top:50%;
	margin:0 0 0 -13px;
}
.product_list dl dd {
	position: absolute;
	left: 8px;
	right:8px;
	bottom: 0;
	/*width: 100%;*/
	height: 50px;
	line-height: 50px;
	text-align: center;
	/*padding-left:9px;
	padding-right:9px;*/
	transition: all .5s;

}
.case_list dl dd{
	left: 0;
	right:0;
}
.product_list dl dd a {
	background: rgba(0,0,0,0.5);	
	display:block;
	color: #fff;
	font-size: 16px;
	text-align:left;
	text-indent:0.5rem;
}
.product_list dl dd a  h3{ display:inline-block; font-weight:normal;}
.product_list dl dd a span{ background:url(../images/cart.png) no-repeat right  center; display:inline-block; float:right; padding-right:4rem; margin-right:0.5rem;}
.product_list dl:hover dd {
	bottom: -50px;
}
.product_list dl:hover dt .Mask {
	opacity: 1;
}
.product_list dl dt .mask2{ display:none; position:absolute; top:0; left:0; background-color:#000; opacity:0.3; z-index:2; width:100%; height:100%;}
.product_list dl.on dt .mask2{ display:block}
.case_list dl dd{ /*padding-left:4px; padding-right:4px;*/}
.product_top { padding-top:3rem; margin-left:-8px; margin-right:-8px; position:relative;}
.product_top_con{ overflow:hidden; position:relative;}
.product_top_con ul li{ padding:2px 0}
.product_top_con ul a{ display:block;}
.product_top .swiper-button-prev{ background-image:url(../images/pro_arrow_l.png); background-size:auto; left:-2rem;}
.product_top .swiper-button-next{ background-image:url(../images/pro_arrow_r.png); background-size:auto; right:-2rem;}
.product_top  ul li{
		float: left;
	width: 33.33%;
	position: relative;
	padding-left:8px;
	padding-right:8px;
	overflow: hidden;

}
.product_top ul li a img{ border:1px solid #ccc;}

.product_details{ margin:12px 0; background:#f9f9f9; border:1px solid #b8baba; padding:15px 0;position:relative }
.details_left{ float:left; width:35%; padding-left:15px; padding-right:15px;}
.details_left dt{ border:1px solid #e4e4e4; margin:2px 0;}
.details_left  dd { clear:both; margin-top:16px; position:relative; overflow:hidden}
.details_left  dd  ul { width:auto;}
.details_left  dd li{ float:left; width:50%; padding:0 9px; cursor:pointer }
.details_left  dd li img{ border:1px solid #e4e4e4}
/*.details_left  dd i{ display:inline-block; position:absolute; width:16px; height:100%; cursor:pointer}*/
.details_left  dd .arrow_left{ background:url(../images/arrow_left.png) no-repeat left center; left:0}
.details_left  dd .arrow_right{ background:url(../images/arrow_right.png) no-repeat right center; right:0}
.product_details_swiper{ margin:0 15px; overflow:hidden;}
.details_right{ float:right; width:65%;padding-left:8px; padding-right:8px;}
.details_right h3{ text-align:center; color:#153377; font-size:24px; font-weight:normal; padding-bottom:1.5rem}
.details_right dt{ font-size:18px; line-height:2.5rem; padding-left:1.5rem;}
.details_right dd{ padding:15px; line-height:1.8rem;; border:1px solid #b8baba; background:#fff; font-size:14px; line-height:2.5rem;}
.details_bottom{ position: absolute; bottom:0; width:65%}
.details_bottom li{ display:inline-block; line-height:3rem; width:50%}
.details_bottom .shouchang{ background:url(../images/sc.png) no-repeat left center; text-indent:2rem; width:50%; display:inline-block;color:#336f72}
.details_bottom a:hover{ color:#153377}
.details_bottom .fengxiang{ background:url(../images/fengxiang.png) no-repeat left center; text-indent:2rem; display:inline-block; color:#336f72}
.details_bottom button{ position:absolute; right:0; bottom:0; background:#ced0cf; border:1px solid #b8baba; width:13rem; line-height:4rem; text-align:left; text-indent:10px; font-size:18px; margin-right:16px; border-bottom:0px; background:#ced0cf url(../images/cart2.png) no-repeat 95% center;}
.details_bottom button:hover{ background:#153377 url(../images/gwc.png) no-repeat 95% center; color:#fff;}
.details_bottom  button.btn1{ right:9.2em;}

.case{
}
.guige table { 
  width: 100%; 
  border-collapse: collapse; 
}
.guige tr:nth-of-type(odd) { 
  background: #eee; 
}

.guige td, .guige th { 
  padding: 18px; 
  border: 1px solid #ccc; 
  text-align: left; 
  font-size:16px;
  background:#f9f9f9;
}
.other td, .other th { background:#fff}
.guige td:nth-child(3),.guige td:nth-child(4){ text-align:center;}
.guige .chkbox input{width:20px; height:20px; position:relative; z-index:10; margin-top:-6px; opacity:0; cursor:pointer }

.guige .chkbox input[type="checkbox"] + label::before {
content: '\a0';
border: 1px solid #d0d0d0; 
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
}
.guige .chkbox input[type="checkbox"]:checked + label::before {
content: '√';
width: 20px;
height: 20px;
line-height: 20px;
}
.guige .chkbox label{ position:relative; margin-left:-20px; height:20px; width:20px; cursor:pointer; background:#fff; }


.guige th {  
  text-align:center;
  font-size:18px;
  background:#f0f0f0;
  
}

.guige .inputNum {
    vertical-align: middle;
    height: 35px;
    border: 1px solid #d0d0d0;
	 border-left:0;
    border-right:0;
    text-align: center;
	width:4rem;
}

.guige .btn2 {
    display: inline-block;
    vertical-align: middle;
    background: #f0f0f0 no-repeat center;
    border: 1px solid #d0d0d0;
    width: 35px;
    height: 35px;   
    box-shadow: 0 1px rgba(100, 100, 100, .1);
    color: #666;
    transition: color .2s, background-color .2s;
}

.guige .btn:active {
    box-shadow: inset 0 1px rgba(100, 100, 100, .1);
}

.guige .btn:hover {
    background-color: #153377;
    color: #fff;
}

.guige .btn_plus {
    background-image: linear-gradient(to top, currentColor, currentColor), linear-gradient(to top, currentColor, currentColor);
    background-size: 10px 2px, 2px 10px;
}

.guige .btn_minus {
    background-image: linear-gradient(to top, currentColor, currentColor);
    background-size: 10px 2px;
}
.guige .other{ padding:15px; border:1px solid #ccc; border-top:0px; background:#f9f9f9}
.guige .other  caption{ margin-bottom:15px; text-align:center; font-size:18px;}
.guige .other td{ }
.guige .other td input{ width:75%; border:0; padding:0 5px;}

.guige .guige02{ display:none;}
.guige .guige02 ul{ display:block; margin:15px 0; padding:15px 0; font-size:1.2rem; border:1px solid #ccc; background:#f9f9f9}
.guige .guige02 ul li{ display:block; line-height:2rem; padding:0 15px;}
.guige .guige02 ul li span,.guige .guige02 ul li label{ display:block; font-weight:bold;}
.guige .guige02 ul li label{ display:inline-block; margin-right:10px;}

.product_bottom { padding:30px 15px; text-align:right;}
.product_bottom  a{ margin:0 3.1rem; font-size:14px; color:#336f72}
.product_bottom a:hover{color:#153377}
.product_bottom a:nth-child(3){ padding:6px 15px; background:fff; border:1px solid #e3e3e3; margin-left:7rem; margin-right:3rem;}
.product_bottom a:nth-child(3):hover{ background:#153377; color:#fff}

.product_class{margin:0px auto 0;min-height:11rem;
	position:relative;
	height:164px;}
.product_class  dl{
	/*background:url(../../img/gl.png) left top repeat-x;*/
	border-top:1px  dashed #aaaaaa; 
	border-bottom:1px  dashed #aaaaaa; 
	position:relative;
	color:#336f72;
	
}

.product_class  dt .atl{
	line-height:1;
	display:inline-block;
	padding:10px 48px 0 0;
	vertical-align:middle;
	color:#336f72;
}
dt .atl:hover{ color:#153377}
.product_class  dt small{
	font-size:16px;
}
.product_class  dt img{
	padding:6px 0 0;
	width:65px;
}

.product_class  dd a{
	color:#336f72;
	display:inline-block;
	vertical-align:top;
	line-height:82px;
}
.product_class dd a:hover{ color:#153377}
.product_class   dt{height:82px;	
	padding:0 50px;
	font-size:24px;
	vertical-align:central; width:32%; float:left;  border-left:0;  border-right:0}

.product_class   dd{ float:left; width:68%;position:absolute;
	right:0;
	top:0;
	line-height:82px;
	border-bottom:1px  dashed #aaaaaa; 
	font-size:20px;}
.product_class   dd ul li{ float:left; line-height:82px; height:82px; border-left:0;  border-right:0;  width:25%;position:relative; text-align:center;font-size:20px;}
.product_class  dd ul li i{ width:3rem; margin:0 10px;border-bottom:1px  dashed #aaaaaa; display:inline-block; position:absolute;top:50%;  right:-2rem;}
.product_class   dd ul li:nth-child(4n+0) i{ border-bottom:0}


/*CASE*/
.case_list{ margin-top:50px;}
.case_list dl{ width:33.33333333333333333333333333%;padding-left:3px; padding-right:3px; margin-bottom:6px;}
.case_list dd{padding-left:3px; padding-right:3px;}
.case_list dl dd a h3{ display:block}

.case_list dl dd a{ text-align:center;}
.top_line{  width:100%; height:3rem;}
.case_list dl dd a {
	background: rgba(17,64,120,0.5);	
	
}
.case_list dl dt{ border:0}
.hm .case_list{
	margin:6px -3px 29px;
}
.hm .case_list dl:nth-child(4){
	display:none;
}
/*order */
.order{ margin-top:3rem;}
.order .tit{ line-height:5rem; text-align:right; margin-bottom:2rem;}
.order .tit h3{ float:left; font-size:36px; font-weight:normal;}
.order .tit button{ padding:10px 20px; border:1px solid #b8baba; background:#ced0cf; font-size:18px;}
.order .tit button:hover{ background:#153377; color:#fff;}
.order .order_left{ width:28%; float:left; margin-top:-1px;}
.order .order_left .pic{ width:163px; padding:10px;}
.order .order_left img{ width:100%; margin:0 auto; border:1px solid #ddd}
.order .order_left span{ font-size:18px;}
.order .order_left h4{ display:block; height:35px; line-height:35px; font-weight:normal;}

.order .order_right{ width:72%;float:left; margin-left:-1px;margin-top:-1px;}
.order .other caption{ font-size:16px;}
.order .order_from{ float:right;margin-top:-1px; border:1px solid #ccc; margin-right:1px;}
.order .order_from .fma{ border:0; margin-top:0}
.order .order_from .fma li{ width:33.33%}
.order .order_from .fma li.lst{ width:100%}
.zixin{ padding-top:30px;}
.zixin ul li{ float:left;width:33.33%; padding:15px;}
.zixin ul li img{ width:100%}

.orderwap{ display:none;}
.orderwap ul{ display:block; margin:15px 0; padding:15px 0; font-size:1.2rem; border-top:1px solid #ccc}
.orderwap ul li{ display:block; line-height:2rem; padding:0 15px;}
.orderwap ul li span,.guige .guige02 ul li label{ display:inline-block; font-weight:bold;}
.orderwap ul li label{ display:inline-block; margin-right:10px;}


/*jog */
.job{margin-top:3rem;}
.job_content{ background:#f6f6f6; margin-top:3rem;}
.job_content dl dt{padding:20px 5rem; font-size:18px; border-bottom:1px dashed #ccc}
.job_content dl dt span{ display:inline-block; margin-right:3rem;}
.job_content dl dt span.j1 b{ color:#336f72; font-weight:normal;}
.job_content dl dt span.j2 i,.job_content dl dt span.j3 i{ background:url(../images/arrow1.png) no-repeat left center; width:18px; height:25px; display:inline-block; vertical-align:bottom; margin-right:10px }
.job_content dl dt span.j3 i{ background:url(../images/arrow2.png) no-repeat left center; width:25px;}
.job_content dl dt span.j4{ float:right;cursor:pointer ; background:#336f72; padding:6px 15px; font-size:14px; color:#fff;}
.job_content dl dt span.j4 i{ display:inline-block; width:11px; height:11px; background:url(../images/arrow4.png) no-repeat left center; vertical-align:middle; margin-left:10px;}
.job_content dl dd{padding:15px 0; padding-left:15%; border-bottom:1px dashed #ccc;  margin:0 auto; line-height:26px; font-size:14px; display:none;}
.job_content dl dd p{ margin-left:2rem;}

.job_content dl dt.active span.j4{ background-color:#153377;}
.job_content dl dt.active span.j4 i{ background:url(../images/arrow5.png) no-repeat left center;}

/*news*/
.news_left{  color:#fff; background:#2d8fc2 url(../images/map.jpg) no-repeat bottom center; height:464px; margin:0 8px;	background-size:contain;}
.news_left .tit{ font-size:24px; padding:12px 8px; padding-left:40px;}
.news_left .tit h4{ display:inline-block;font-weight:normal;}
.news_left .tit h4 a{ color:#fff;}
.news_left .tit h4 a:hover{color:#153377}
.news_left .tit{
	line-height:1;	
	vertical-align:middle;
	background:url(../images/new_arrow.png) no-repeat 95% center;
	background-size:auto;
	border-bottom:1px solid #fff;
}
.news_left .tit small{
	font-size:16px;
}
.news_left .tit img{
	padding:10px 0 0;
}
.news_left .new_class{ padding-left:40px; padding-top:20px;}
.news_left .new_class li{ line-height:4rem; font-size:20px;}
.news_left .new_class li a{ color:#fff;}
.news_left .new_class li a:hover{color:#153377}
.news_left .new_class li span{ display:inline-block; text-align:right; font-size:12px;}
.news_left .new_class li i{ border-bottom:1px solid #fff; width:7rem; display:inline-block; margin:0 5px; position:relative; top:-5px;}
.news_left .new_class li a:hover i{border-color:#153377}
.news_right{ background:url(../images/news_03.jpg) no-repeat left top; height:464px; border:1px solid #e6e6e6;padding-top:12px; margin:0 8px; overflow:hidden;}
.news_right dl{ padding-top:5rem;}
.news_right dt{ float:left; width:35%;}
.news_right dt img{ }
.news_right dd{ float:right;width:63%; line-height:3rem; padding-right:25px; position:relative; height:218px;}
.news_right dd p.desc{ line-height:1.5rem;}
.news_right dd h3{ line-height:5rem; color:#153377; font-size:18px; font-weight:normal;}
.news_right dd p.read{ text-align:right; margin-top:2rem; position:absolute; right:3rem; bottom:0}
.news_right dd p.read span{ padding:8px 10px; background:#336f72; color:#fff; }
.news_right dd p.read span:hover{ background:#153377}
.news_right dd p.p1{ color:#336f72}
.news_right dd p.p1 span{ margin-right:8px;}
.news_right dd p.p1 .s1{ float:right;}

.flink img{
	
	 -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
	 filter: gray;
	 opacity:0.95;
	 
	}
.flink img:hover{-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%); filter: none;opacity:1;}	
	
	.bsBox{ box-sizing:content-box!important}
img {
      /*  -webkit-touch-callout: none;
        pointer-events: none;
         // 像微信浏览器还是无法禁止，加上这行样式即可 */
    }

.details_right_zhujian,.details_right_jiesao{ overflow-y:auto; height:8em;}   
.details_right_zhujian{ height:11em;}

.frdlinks{
	margin:20px auto 0;
	background:#f2f6f5;
	padding:15px 0;
}
.frdlinks .inner{
	max-width:1400px;
	margin:0 auto 0;
	color:#336f72;
	font-size:14px;
}
.frdlinks a{
	color:#336f72;
	margin:0 1em 0 0;
}
.indesc{
	background:url(../img/01_02.jpg);
	margin:20px 0 0;
	padding:20px 0;
}
.indesc dl{
	text-align:center;
}
.indesc dt{
	font-size:26px;
	color:#336f72;
	text-align:center;
	width:927px;
	height:65px;
	line-height:65px;
	margin:0 auto;
	background:url(../img/02_06.png) center center no-repeat;
	letter-spacing:2px;
}
.indesc dt strong{
	font-weight:normal;
}
.indesc dd{
	font-size:18px;
	color:#336f72;
	text-align:center;
	margin-top:18px;
	letter-spacing:2px;
}
.indexSC{
	margin-top:12px;
}
@media screen and (max-width: 912px){
	.indesc {
		margin: 0px 0 0;
		padding: 15px 0;
	}
.indesc dl{
	margin:0 10px;
}
	.indesc dt{
		font-size:18px;
		text-align:center;
		width:inherit;
		height:inherit;
		line-height:inherit;
		background:none;
		font-weight:bold;
		border:2px solid #336f72;
		position:relative;
		padding:2px;
		letter-spacing:0;
	}
	.indesc dt strong{
		border:1px solid #336f72;
		padding:6px;
		display:block;
	}
}
@media screen and (max-width: 768px){
.frdlinks{
	max-width:inherit;
	margin:10px auto 0;
	padding:10px;
}


.indesc{
	margin:0px 0 0;
	padding:15px 0;
}
.indesc dl{
	margin:0 10px;
}
.indesc dt{
	font-size:18px;
	text-align:center;
	width:inherit;
	height:inherit;
	line-height:inherit;
	background:none;
	font-weight:bold;
	border:2px solid #336f72;
	position:relative;
	padding:2px;
	letter-spacing:0;
}
.indesc dt strong{
	border:1px solid #336f72;
	padding:6px;
	display:block;
}
.indesc dd{
	font-size:16px;
	color:#336f72;
	text-align:center;
	margin-top:12px;
	letter-spacing:0;
}
}