@charset "utf-8";

 body,
 p,
 form,
 textarea,
 h1,
 h2,
 h3,
 h4,
 h5,
 dl,
 dd {
 	margin: 0
 }

 input,
 button,
 ul,
 ol {
 	margin: 0;
 	padding: 0
 }

 body,
 input,
 button,
 form,
 textarea {
 	font-size: 14px;
 	line-height: 28px;
 	font-family: microsoft yahei, arial black;
 	color: #333
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 	font-size: 14px;
 	font-weight: 400;
 }

 ul,
 ol {
 	list-style: none
 }

 img {
 	border: 0;
 	/* display: block; */
 	margin: 0;
 	padding: 0
 }

 em,
 i,
 strong {
 	font-style: normal
 }

 button,
 input,
 select,
 textarea {
 	font-size: 100%
 }

 table {
 	border-collapse: collapse;
 	border-spacing: 0
 }

 body {
 	background: #fff;
 	overflow-x: hidden;
 	overflow-y: auto
 }

 * {
 	padding: 0;
 	margin: 0
 }

 div {
 	margin: 0;
 	padding: 0;
 	border: 0
 }

 p {
 	margin: 0
 }

 b,
 strong {
 	font-weight: 700
 }

 table {
 	border-collapse: collapse;
 	border-spacing: 0
 }

 li {
 	list-style: none outside none
 }

 a {
 	text-decoration: none;
 	color: #333;
 	background: 0 0;
 	outline: none
 }

 a:focus {
 	outline: none
 }

 a:hover,
 a:active {
 	color: #066dd8;
 	text-decoration: none
 }

 a:visited {
 	text-decoration: none
 }

 form {
 	margin: 0
 }

 button,
 input,
 select,
 textarea {
 	font-size: 100%;
 	margin: 0;
 	vertical-align: baseline;
 	*vertical-align: middle
 }

 button,
 select {
 	text-transform: none
 }

 input {
 	line-height: normal;
 	border: none
 }

 blockquote {
 	margin: 1em 40px
 }

 dfn {
 	font-style: italic
 }

 hr {
 	-moz-box-sizing: content-box;
 	box-sizing: content-box;
 	height: 0
 }

 code,
 kbd,
 pre,
 samp {
 	font-size: 1em
 }

 pre {
 	margin: 1em 0;
 	white-space: pre;
 	white-space: pre-wrap;
 	word-wrap: break-word
 }

 small {
 	font-size: 80%
 }

 sub,
 sup {
 	font-size: 75%;
 	line-height: 0;
 	position: relative;
 	vertical-align: baseline
 }

 sup {
 	top: -.5em
 }

 sub {
 	bottom: -.25em
 }

 dd {
 	margin: 0
 }

 audio:not([controls]) {
 	display: none;
 	height: 0
 }

 .red {
 	color: red !important
 }

 .clearfix:after {
 	visibility: hidden;
 	display: block;
 	font-size: 0;
 	content: " ";
 	clear: both;
 	height: 0;
 	line-height: 0
 }

 .clearfix {
 	*zoom: 1
 }

 .clear {
 	clear: both
 }

 .fl {
 	float: left
 }

 .fr {
 	float: right;
 }

 .hidden {
 	display: none
 }

 .pfont {
 	font-family: pingfangsc-light, microsoft yahei, Arial, Helvetica, sans-serif, hiragino sans gb
 }

 .required {
 	color: red;
 	font-weight: 700
 }

 .form_text_verifycode {
 	width: 80px
 }

 .form_radio {
 	width: auto;
 	border: 0
 }

 .form_checkbox {
 	width: auto;
 	border: 0
 }

 .w1200 {
 	width: 1200px;
 	margin: 0 auto
 }

 .por {
 	position: relative
 }

 .poa {
 	position: absolute
 }

.ico {
	background: url(../images/icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
.icon {
	background: url(../images/icon3.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
 

 
/*ny_index css*/ 
 .nybanner {
 	width: 100%;
 	height: 200px;
 	position: relative;
 	overflow: hidden;
 	background-position: center top;
 	background-repeat: no-repeat;
 	background-image: url(/mycms/templates/css/images/nybanner.jpg)
 }

 .wrapper {
 	position: relative
 }

 /*--leftnav--*/
.sub_left{ width:250px; margin-top:50px; margin-bottom:30px; }
.sub_left .classT{ height: 90px; background:#0055B2 ; position: relative;z-index: 10; text-align: center; border-top:5px solid #faaa18; }
.sub_left .classT .t{display: inline-block; /*background: url(../images/classt.png) left center no-repeat;padding-left:67px;*/margin-top:14px; }
.sub_left .classT .div1{ font-size:29px; font-weight: 700; color: #fff; }
.sub_left .classT .div2{ font-size:12px; color: rgba(255,255,255,0.6);  }
.sub_left .classBox{ padding:10px 0 20px 0; border:3px solid #0055B2;background: #fff; border-bottom: 3px solid #faaa18;}
.sub_left .classBox li{  margin-top:12px; position: relative; }
.sub_left .classBox li .a1{margin:auto; width:225px; font-size: 15px; color: #222; font-weight: 500; height:65px; line-height:65px; display: block; background:#eee; text-align: left; position: relative; }
.sub_left .classBox li .a1 .div_l{ display: block; height: 100%; width:66px; background:#fff; border-radius:0 65px 65px 0; }
.sub_left .classBox li .a1 .div_l .div1{width:60px; height: 60px; overflow:hidden;font-size:22px; font-weight:600;color:#fff;text-align:center;border-radius: 50%;background:#0055B2;
	-moz-border-radius:100%;
	-webkit-border-radius:100%; 
	-o-border-radius:100%; 
	-ms-border-radius:100%;  
 	border-radius:100%; 

 position: relative;top:50%;margin-top:-30px ; left:0; background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;-moz-transition: all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;transition:all 0.3s;}
.sub_left .classBox li:hover .a1 .div_l .div1{ left:6px; }
.sub_left .classBox li .a1 .div_r {}
.sub_left .classBox li .a1 .div_r span{ display:block;margin-left:15px; }
.sub_left .classBox li .a1 .jt{ height: 100%; width: 11px; right:15px; top:0; position: absolute; z-index:5;background: url(../images/jt.png) right center no-repeat; }
.sub_left .classBox li:hover .a1{ background: #faaa18;  color: #fff; }
.sub_left .classBox li .dh2{display:none; position: absolute; left:100%; top:0; z-index: 1000; background:#0055B2; width:220px;padding:15px;}
.sub_left .classBox li .dh2 .a2{display:block; position: relative; height: 55px; line-height: 55px; border-radius:0 40px 40px 0; color:rgba(255,255,255,0.8); font-size:15px;margin-bottom:2px; background:rgba(0,0,0,0.2); }
.sub_left .classBox li .dh2 .a2 span{padding-left:30px;display: inline-block; margin-left:20px;}
.sub_left .classBox li .dh2 .a2::after{ content: '';display: block; position: absolute; left:20px; top:50%;margin-top:-7px; height:9px ; width:9px; border-radius: 100%; border:3px solid rgba(255,255,255,0.2); }
.sub_left .classBox li .dh2 .a2:hover{ background: #faaa18; color: #fff; }
.sub_left .classBox li:hover .dh2{display: block;}

.sub_left .more{ display: block; height:60px; text-align: center; line-height:60px; color: #fff;margin:5px 0; background:#fda102; font-size:25px; letter-spacing: 2px; }
.sub_left .more:hover{ background: #e69201; }

.sub_left .lxwm{ margin-top:0px; border:3px solid #3671cf;padding:13px 0; background: #3671cf ;border-top: 3px solid #fda102;}
.sub_left .lxwm .t{ height:45px; line-height:45px; color:#aaa; background:rgba(0,0,0,0.2); margin:0 10px; text-align: center;}
.sub_left .lxwm .t .span1{ font-size:13px; }
.sub_left .lxwm .t .span2{ padding-left:10px; font-size:14px; color: #b4cffa;display: none;}
.sub_left .lxwm .lxwm_box{ padding:25px 0;margin:0 10px;background:rgba(0,0,0,0.2);margin-top:3px; }
.sub_left .lxwm .lxwm_box p{ line-height:24px; color:#333; font-size:14px; padding:10px 15px; background: #fff; border-left:10px solid #ddd; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb;margin-top:10px;}
.sub_left .lxwm .lxwm_box img{ display: block; width:150px; height: 150px; margin:auto; }


 /*leftnav productlist*/
 .leftRecomm {
 	padding: 25px 0 0
 }

 .leftRecomm .title {
	padding:10px 0 10px 10px;
 	border-bottom: 1px solid #f5f5f5;
 	color: #fff;
 	font-size: 18px;
 	font-weight: 700;
	background:#066dd8;
	border-radius:20px;

 }
  .leftRecomm .list{
	  /* border:1px solid black; */
	  margin-top:5px;
  }

 .leftRecomm .title a {
 	color: #fff;
 }

 .leftRecomm .item {
 	width: 112px;
 	float: left;
 	overflow: hidden;
 	text-align: center;
	 margin-right: 10px;
	 margin-bottom:10px;
 	border: 1px solid #e5e5e5;
	border-radius:20px;
 }

 .leftRecomm .item:nth-child(2n){
	width: 112px;
	float: left;
	overflow: hidden;
	text-align: center;
	margin-right: 0px;
	border: 1px solid #e5e5e5;
	margin-bottom:10px;
	border-radius:20px;
}

 .leftRecomm .item a {
 	width: 100%;
 	display: block
 }

 .leftRecomm .item img {
 	/* width: 110px; */
 	height: 82px;
 	margin: 5px auto;
 	-webkit-transition: all ease 300ms;
 	-moz-transition: all ease 300ms;
 	-ms-transition: all ease 300ms;
 	-o-transition: all ease 300ms;
 	transition: all ease 300ms;
 	border-radius: 3px;
 	display: block;
 }

 .leftRecomm .item h3 {
 	width: 100%;
 	text-align: center;
 	font-size: 12px;
 	line-height: 40px;
 	-webkit-transition: all ease 300ms;
 	-moz-transition: all ease 300ms;
 	-ms-transition: all ease 300ms;
 	-o-transition: all ease 300ms;
 	transition: all ease 300ms;
 	/* border-top: 1px dotted #e5e5e5; */
 }

 .leftRecomm .item:hover img,
  .leftRecomm .item:hover  h3
 {
 	-webkit-filter: brightness(110%);
 	filters: brightness(110%);
	color:#fea600;
 }

 
/*leftnav newslist*/ 
 .leftRecomm .newslist li {
 	line-height: 50px;
 	height: 50px;
 	overflow: hidden;
 	border-bottom: dotted 1px #e5e5e5;

 }

 .leftRecomm .newslist li a {
 	display: block;
 	width: 100%;
 	text-align: left
 }
 .leftRecomm .newslist li:hover a{
	 color:#fea600;
 } 
 
 /*----leftnav end----*/
 
 /*----rightmain start----*/
 .subright {
 	width: 930px;
	/* border:1px solid #e2e2e2; */
	margin-top:50px;
 }

 .subright .t {
 	padding: 0 0 25px;
 	color: #ff0505;
 	font-size: 20px
 }

 .subright .t2 {
 	color: #ff0505;
 	font-size: 30px;
 	display: block;
 	padding: 30px 0
 }

 
 .sitepath {
	 height:49px;
 	line-height: 49px;
 	color: #88848b;
 	 border-bottom: 1px dashed rgb(219, 219, 219);
 	margin-bottom: 20px;
	font-size:16px;
 }

 .sitepath .home {
 	width: 22px;
 	height: 22px;
 	display: inline-block;
	/* border:1px solid black; */
	margin:0 auto;
 	/* background-position: -100px -100px; */
 	/* margin-top: 20px */
	background:url(../images/title_i.png) no-repeat;
    background-size:100% 100%;
	margin-right: 15px;
	
 }
 .sitepath  .d1{
	 /* color:red; */
	 color:#333;
	 font-size:22px;
	
 }

 .sitepath a {
 	color: #88848b;
 	display: inline-block;
 	white-space: nowrap
 }

 .sitepath a:hover {
 	color: #fea600;
 }



 /*ny_product_show start*/
 .nyproductList{ overflow:hidden; width:100%;/*height:915px;*/ position:relative;margin-top:27px;}
 .nyproductList ul{ overflow:hidden;width:975px;/*height:930px;*/}
 .nyproductList ul li{width:300px;overflow:hidden;float:left;margin: 0 15px 25px 0;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);} 
 .nyproductList ul li .boxa{ border:1px solid #ebebeb;  display:block; cursor:pointer; position:relative;}
 .nyproductList ul li .boxa .spanImg{ display:block; overflow:hidden;width:288px;height:220px; margin:5px;  position:relative;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}
 .nyproductList ul li .boxa .spanImg .aB{width:100%;height:100%; background:rgba(28,91,190,0.8); position:absolute; overflow: hidden; left: 0; top: 0; z-index: 5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;  -moz-transition: all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
 .nyproductList ul li .boxa .spanImg .aB .em1{ display:block; width:100%; text-align:center; height:100%; background:url(../images/logo2.png) center center no-repeat; }
 .nyproductList ul li .boxa .spanImg .aB .em2{ display:block; width:100%; text-align:center; height:40px; line-height:40px; color:#fff; font-size:18px;}
 .nyproductList ul li .boxa .btm{/* padding:0px 10px 8px 10px; */}
 .nyproductList ul li .boxa .spanT{display:block;height:40px;line-height:40px;text-align:center;background-color:#f4f4f4;color:#333;font-size:14px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;position:relative;/* margin-bottom:5px; */}
 .nyproductList ul li .boxa .spanT em{ display:block; position:absolute; border-bottom:3px solid #ccc;bottom:0px; left:0; width:0%;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
 .nyproductList ul li .boxa:hover .spanT em{ }
 .nyproductList ul li .boxa .shuju { position: absolute; bottom:0; width:100%;left:0; background: rgba(0,0,0,0.5);padding:5px 0; }
 .nyproductList ul li .boxa .shuju .span1{ display:block; color:#e6e6e6; font-size:13px; height:30px; line-height:30px; padding-left:25px;margin-left:10px; background:url(../images/time.png) left center no-repeat;}
 .nyproductList ul li .boxa .shuju .span2{ display:block; color:#e6e6e6; font-size:13px; height:30px; line-height:30px; padding-left:25px;margin-right:10px; background:url(../images/view.png) left center no-repeat;}
 .nyproductList ul li .boxa:hover .shuju{background:rgba(28,91,190,0.8); }

 .nyproductList ul li .boxa:hover .spanT{ color:#fff; background-color:#2c78cc;}
 .nyproductList ul li .boxa:hover .spanImg .aB{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1; }

 
  /****** 产品详情 ******/
  .sub-page-hidden { overflow: hidden; /* margin-top: 4%; */ } 

  .sub-page-hidden .article-data{width:98%; height:auto; margin:auto;}
  .sub-page-hidden .article-data img{
	  max-width:100%;
	  display: block;
	  margin: 0 auto;
	 }
.sub-page-hidden  .article-data > .header { padding: .1rem 0 .17rem; /* border-bottom: 1px solid #e1e1e1; */ } 
.sub-page-hidden  .article-data > .header .title { padding-bottom: 6px; font-size: 28px; color: #444; font-weight: 400; line-height: 1;text-align:left; } 
.sub-page-hidden  .article-data > .header .info { font-size: 16px; color: #a3afb7; font-family: 'Tahoma'; text-align:left; } 
.sub-page-hidden  .article-data > .header .iconfont:before { position: relative; top: 2px; padding-right: .2px; font-size: 20px; } 
  
  
.sub-page-hidden .article-data > .header { padding: 0; border: none; } 
.sub-page-hidden .product-thumb { box-sizing: border-box; float: left; width: 46.8%; } 
/* .sub-page-hidden .big-thumb { position: relative; border: 1px solid #fff; padding-bottom: 66.66%; overflow: hidden; }  */
/* .sub-page-hidden .big-thumb .product-swiper { position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; }  */

/* .sub-page-hidden .big-thumb .iconfont { position: absolute; top: 50%; z-index: 2; width: .5rem; height: .5rem; margin-top: -0.25rem; line-height: .5rem; text-align: center; }  */
/* .sub-page-hidden .big-thumb .iconfont:before { font-size: .26rem; color: #e7e7e7; transition: color .36s ease-out 0s; }  */
/* .sub-page-hidden .big-thumb .iconfont:hover:before { color: #999; }  */
/* .sub-page-hidden .big-thumb .product-arrow-left { left: 0; }  */
/* .sub-page-hidden .big-thumb .product-arrow-right { right: 0; }  */
/* .sub-page-hidden .big-thumb li { background-repeat: no-repeat; background-size: cover; background-position: center center; text-align: center; }  */
/* .sub-page-hidden .big-thumb li a { display: block; height: 100%; }  */
/* .sub-page-hidden .big-thumb li a > span { display: inline-block; height: 100%; vertical-align: middle; }  */
/* .sub-page-hidden .big-thumb li a > img { width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; }  */
/* .sub-page-hidden .thumb-list { max-width: 100%; margin: auto; padding: .1rem 0; text-align: center; }  */
/* .sub-page-hidden .thumb-list span { display: inline-block; width: .6rem; height: .6rem; margin: 0 .05rem; border: .02rem solid #e1e1e1; border-radius: 0; opacity: 1; background-color: #b5b5b5; background-position: center center; background-size: cover; cursor: pointer; }  */
/* .sub-page-hidden .thumb-list .active { background-color: #305aa8; border-color: #999; }  */
.sub-page-hidden .product-cont { box-sizing: border-box; float: left; width: 53.2%; padding-top: .2rem; padding-left: .3rem; } 
/* .sub-page-hidden .product-cont .title { font-size: 03rem; color: #37474f; text-align: left; }  */
.sub-page-hidden .product-cont .info { padding: 17px 0 25px;  color: #5e7387; font-family: '微软雅黑'; text-align: left; } 
.sub-page-hidden .product-cont .info2 { padding: 5px 0 10px; font-size: 14px; line-height: 24px; color: #000; font-family: '微软雅黑'; text-align: left; } 
.sub-page-hidden .product-cont .info3 {  font-size: 32px; line-height: 36px; color: rgba(214, 0, 17); font-family: '微软雅黑'; text-align: left; } 
.sub-page-hidden .product-cont .btn { display: block; width: 100px; height: 50px; background: #62a8ea; text-align: center; font-size: 16px; line-height: 50px; color: #fff; transition: background .36s ease-out 0s; margin-top: 10px; } 
.sub-page-hidden .product-cont .btn:hover { background: #87c5ff; } 
/* .sub-page-hidden .product-cont .wap-show { display: none; }  */
.sub-page-hidden .tab-head { padding: 30px 0 0; border-bottom: 1px solid #e1e1e1; } 
.sub-page-hidden .tab-head > a { position: relative; bottom: -1px; display: inline-block; padding: 0 20px 10px; border-bottom: 2px solid transparent; font-size: 16px; line-height: 30px; color: #1f3f81; transition: border .3s ease-out 0s } 
.sub-page-hidden .tab-head > a:hover, .sub-page-hidden .tab-head > a.active { border-color: #1f3f81; } 
.sub-page-hidden .tab-content > article { display: none; padding: 20px 0 40px; font-size: 16px; line-height: 30px; color: #666; min-height:250px;} 
.sub-page-hidden .tab-content > article  img {max-width:100%} 
.sub-page-hidden .tab-content > article .content-head { display: none; } 
.sub-page-hidden .tab-content > article:first-child { display: block; } 




 /*ny_product_show start*/
 .hoverlist {
 	position: relative;
	/* border: 1px solid red; */
 }
 

 .hoverlist ul {
 	padding-top: 10px;
 	width: 100%;
 }

 .hoverlist ul li {
 	width: 250px;
 	height: 360px;
 	display: block;
 	float: left;
 	margin:0 25px 30px 25px ;
 	/* margin-bottom: 30px; */
 	background: #fff;
 	/* transition: all .3s ease-out 0s; */
	border: 1px solid #e5e5e5;
 }
/* .productlist ul li:nth-child(4n){ */
 	/* width: 250px; */
 	/* height: 320px; */
 	/* display: block; */
 	/* float: left; */
 	/* margin-right: 0px; */
 	/* margin-bottom: 30px; */
 	/* background: #fff; */
 	/* transition: all .3s ease-out 0s; */
 	/* border: 1px solid #e5e5e5; */
 /* } */
 
  .hoverlist ul li .productshow{
	  position:relative;
	  width:100%;
	  height:100%;
	  overflow:hidden;
	  background: #fff;
  }
  .hoverlist ul li .productshow  .d1{position:absolute;z-index:98;width:100%;height:100%;text-align:center;overflow:hidden;}
  .hoverlist ul li .productshow  .d2{display:none;position:absolute;z-index:99;width:100%;height:100%;text-align:center;overflow:hidden;background:rgb(255,255,255,0.7);}
  
  .hoverlist ul li .productshow  .d1 .img{
	width: 100%;
 	height: 90%;
	/* padding:5px; */
 	display: block;
 	margin: 0 auto;
 	/* border-bottom: 1px solid red; */
	overflow:hidden;
	} 
	.hoverlist ul li .productshow  .d1 .img img{
		width:100%;
		height:100%;
		overflow:hidden;
	}
	
   .hoverlist ul li .productshow  .d1 h3{
		 color:black;
		 font-size: 18px;
 	     /* padding: 20px 20px 0; */
		 transition: all .3s ease-in-out 0s;
	 }	
   .hoverlist ul li .productshow  .d2 h2{
	      font-size:18px;
	      padding-top:20%;
		  color:blue;
		  /* border:1px solid black; */
		 /* margin-top:5%; */
	 }
  .hoverlist ul li .productshow  .d2 h3{
	      font-size:16px;
	      margin-top:5%;
	      padding-top:10px;
		  color:blue;
		  /* border:1px solid black; */
		 /* margin-top:5%; */
	 }	 
   /* .productlist ul li:hover .productshow  .d2 {display:block;} */ 	
   .hoverlist ul li:hover .productshow .d1 img  {transform: scale(1.2, 1.2);overflow:hide;}


  /*ny_product_show end*/
  
  
  /*ny_product_case start*/
.caselist {
 	position: relative;
	/* border: 1px solid red; */
 }
 

 .caselist ul {
 	padding-top: 10px;
 	width: 100%;
 }

 .caselist ul li {
 	width: 290px;
 	height: 270px;
 	display: block;
 	float: left;
 	margin-right: 10px;
 	margin-bottom: 30px;
 	background: #fff;
 	/* transition: all .3s ease-out 0s; */
	border: 1px solid #e5e5e5;
 }
.caselist ul li:nth-child(4n){
 	width: 290px;
 	height: 270px;
 	display: block;
 	float: left;
 	margin-right: 0px;
 	margin-bottom: 30px;
 	background: #fff;
 	transition: all .3s ease-out 0s;
 	border: 1px solid #e5e5e5;
 }
 
  .caselist ul li .productshow{
	  position:relative;
	  width:100%;
	  height:100%;
	  overflow:hidden;
	  background: #fff;
  }
  .caselist ul li .productshow  .d1{position:absolute;z-index:98;width:100%;height:100%;text-align:center;overflow:hidden;}
  .caselist ul li .productshow  .d2{display:none;position:absolute;z-index:99;width:100%;height:100%;text-align:center;overflow:hidden;background:rgb(255,255,255,0.8);}
  
  .caselist ul li .productshow  .d1 .img{
	width: 100%;
 	height: 240px;
	/* padding:5px; */
 	display: block;
 	margin: 0 auto;
 	/* border-bottom: 1px solid red; */
	overflow:hidden;
	} 
	.caselist ul li .productshow  .d1 .img img{
		width:100%;
		height:100%;
		overflow:hidden;
	}
	
   .caselist ul li .productshow  .d1 h3{
		 color:black;
		 font-size: 18px;
 	     /* padding: 20px 20px 0; */
		 transition: all .3s ease-in-out 0s;
	 }	
   .caselist ul li .productshow  .d2 h2{
	      font-size:18px;
	      padding-top:30%;
		  color:#066dd8;
		  /* border:1px solid black; */
		 /* margin-top:5%; */
	 }
  .caselist ul li .productshow  .d2 h3{
	      font-size:16px;
	      margin-top:5%;
	      padding-top:10px;
		  color:#066dd8;
		  /* border:1px solid black; */
		 /* margin-top:5%; */
	 }	 
    /* .caselist ul li:hover .productshow  .d2 {display:block;}  */
   .caselist ul li:hover .productshow .d1 img  {transform: scale(1.2, 1.2);overflow:hide;}
  
  


   
 .newslist {
 	padding: 0;
	
 }

 .newslist .item {
 	width: 100%;
 	display: block;
 	margin-bottom: 28px;
 	/* background: #f7f7f7; */
 	-webkit-transition: all .3s ease-in-out 0s;
 	-moz-transition: all .3s ease-in-out 0s;
 	transition: all .3s ease-in-out 0s
 }

 .newslist .item a {
 	display: block;
 	padding: 20px
 }

 .newslist .item .img {
 	width: 150px;
 	height: 112px;
 	background: #fff;
 	overflow: hidden;
 }

 .newslist .item .img img {
 	/* width: 100%; */
 	height: 100%;
 	margin: 0 auto;
 	display: block;
 	transition: all .3s ease-out 0s;
 }

 .newslist .item a:hover .img img {
 	transform: scale(1.1, 1.1)
 }

 .newslist .item .txt {
	 float:left;
	 margin-left:15px;
 	width: 650px;
	/* border:1px solid black; */
 }

 .newslist .item .txt h3 {
 	color: #000;
 	font-size: 18px;
 	display: block;
 	padding-bottom: 10px;
 	-webkit-transition: all .3s ease-in-out 0s;
 	-moz-transition: all .3s ease-in-out 0s;
 	transition: all .3s ease-in-out 0s
 }

 .newslist .item .txt p {
 	font-size: 14px;
 	color: #999;
 	line-height: 24px
 }
 
  .newslist .item .newstime{
	  color:#066dd8;
	  float:right;
	  /* width:100px; */
	  /* border:1px solid black; */
  }
   .newslist .item .newstime h1{
	  /* border:1px solid black; */
	  font-size:50px;
	  font-family: "arial",微软雅黑!important;
	  text-align:center;
	  padding:30px 0 5px 0;
	  /* border-bottom:3px solid #066dd8;; */
  }
   .newslist .item .newstime h2{
	  /* border:1px solid black; */
	  padding-top:5px;
	  font-family: "arial",微软雅黑!important;
	  font-size:16px;
	  text-align:center;
  }

 .newslist .item a:hover .txt h3 {
 	color: #066dd8
 }

 .newslist .item:hover {
 	box-shadow: 0 0 15px rgba(0, 0, 0, .2);
	/* border:1px solid #066dd8; */
 }

 .singlepage {
 	position: relative;
 	overflow: hidden;
 	color: #666
 }

 .singlepage .cont img {
 	max-width: 100%;
 	display: block;
 	margin: 0 auto
 }

 .singlepage .cont .desc {
 	padding-top: 40px
 }

 .formData {
 	padding-bottom: 20px
 }

 .formData .item {
 	float: left;
 	color: #999;
 	font-weight: 400;
 	width: 425px;
 	height: 56px;
 	line-height: 56px;
 	border: 1px solid #e5e5e5;
 	margin-right: 76px;
 	margin-bottom: 45px;
 	position: relative
 }

 .formData .item label {
 	padding-left: 15px;
 	position: absolute;
 	left: 0;
 	top: 0;
 	z-index: 11;
 	text-align: center;
 	display: block;
 	margin: 0;
 	height: 56px;
 	line-height: 56px;
 	font-size: 18px;
 	color: #ccc
 }

 .formData .item input {
 	outline: none;
 	line-height: 38px;
 	height: 38px;
 	font-size: 18px
 }

 .formData .item .txt {
 	width: 355px;
 	height: 56px;
 	line-height: 56px;
 	display: block;
 	background: 0 0;
 	padding-left: 70px;
 	border: 0;
 	color: #999
 }

 .formData .item .red {
 	position: absolute;
 	right: 15px;
 	top: 0;
 	color: red;
 	z-index: 11
 }

 .formData .item.mr0 {
 	margin-right: 0
 }

 .formData .msg-box {
 	position: absolute;
 	left: 0;
 	top: 0
 }

 .formData .liuyan {
 	width: 928px;
 	height: 260px;
 	border: 1px solid #e5e5e5;
 	float: left
 }

 .formData .liuyan label {
 	text-align: right;
 	display: block
 }

 .formData .liuyan textarea {
 	width: 908px;
 	height: 234px;
 	line-height: 35px;
 	padding: 12px 10px;
 	text-indent: 100px;
 	font-size: 18px;
 	font-family: microsoft yahei;
 	color: #333;
 	border: 0;
 	overflow: hidden;
 	background: 0 0;
 	resize: none;
 	display: block;
 	outline: none
 }

 .formData .bot {
 	width: 100%
 }

 .formData .sub {
 	width: 232px;
 	line-height: 58px;
 	margin-right: 2px;
 	text-align: center;
 	background: #fe0101;
 	color: #fff;
 	cursor: pointer;
 	font-size: 18px;
 	display: block;
 	-webkit-transition: all ease 300ms;
 	-moz-transition: all ease 300ms;
 	-ms-transition: all ease 300ms;
 	-o-transition: all ease 300ms;
 	transition: all ease 300ms
 }

 .formData .sub:hover {
 	background: #e12325;
 	transform: translate3d(0px, -6px, 0px)
 }

 .formData .yzm {
 	width: 432px
 }

 .formData .yzm .txt {
 	padding-left: 80px
 }

 .formData .yzm img {
 	position: absolute;
 	right: 0;
 	top: 0;
 	height: 56px;
 	border: 0;
 	display: block
 }

 .arecttitle {
 	/* border-bottom:1px dotted #ddd; */
 	text-align: center;
 }

 .arecttitle h1 {
 	font-size: 28px;
 	line-height: 30px;
 	color: #333;
 	margin-bottom: 5px;
 }

 .arecttitle .mark {
 	width: 100%;
 	padding: 5px 0 10px
 }

 .arecttitle .mark span {
 	display: inline-block;
 	padding-left: 5px;
 	font-size: 12px;
 	color: #666
 }

 .arecttitle .mark span:first-child {
 	padding-left: 0
 }

 .showContxt {
 	padding: 40px 0;
 	line-height: 40px;
 }

 .showContxt img {
 	max-width: 100% !important;
 	display: block;
 	margin:0 auto;
 }
 
  .showContxt h2{font-size:22px; color:#066dd8}
 .showContxt span{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); margin: 0px; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 18px; padding: 0px; line-height: 2;}
 
 

 .reLink {
 	width: 100%;
 	margin: 20px 0 10px;
 	line-height: 60px;
 	border-top: 1px solid #ddd;
 	border-bottom: 1px solid #ddd
 }

 .reLink .nextLink,
 .reLink .prevLink {
 	width: 50%;
 	line-height: 60px;
 	color: #333
 }

 .reLink .nextLink {
 	text-align: right
 }

 .reLink a {
 	font-size: 16px
 }

 .reLink a:hover {
 	color: #fe0101
 }

/*footer*/
.footer {
	overflow: hidden;
	width: 100%;
	/* height: 214px; */
	/* background: url(../images/f_bg.png) no-repeat center top; */
	background:#1a212a;
	padding-top: 55px;
}
.footer dl {
	overflow: hidden;
	text-align:left;
	float: left;
	width: 115px;
	padding-left: 12px;
	/* border-left: 1px solid #3b3b3b; */
	/* height: 155px; */
}
.footer dt {
	overflow: hidden;
	font-size: 13px;
	margin-bottom: 15px;
}
.footer dt a {
	color: #fff;
}
.footer dd {
	overflow: hidden
}
.footer dd a {
	display: block;
	font-size: 13px;
	color: #9d9d9d;
	line-height: 25px;
}
.footer .dllast {
	border: none;
	margin-right: 42px;
}
.footer .logo {
	display: block;
	width: 132px;
	height: 57px;
	float: left;
}
.footer .wen {
	overflow: hidden;
	float: left;
	margin-left: 20px;
	padding-left: 19px;
	border-left: 1px solid #3c3c3c;
}
.footer .wen p {
	font-size: 13px;
	color: #fff;
	line-height: 25px;
}
.footer .wen a {
	color: #fff;
}
.footer .erwma{
	display:block;
	float:right;
	width:150px;
	height:150px;
	border:1px solid black;
}
.footer .erwma img{
	width:100%;
	height:100%;
}

/*copyright*/
.copyright {
	height: 57px;
	line-height: 57px;
	color: #999999;
	font-size: 12px;
	background: #101010;
	border-top: 1px solid #434343;
}
.copyright span {
	margin: 0 12px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.copyright a {
	color: #999999;
}
.copyright a:hover {
	color: #fff;
}




 .map_ul {
 	list-style: outside none none;
 	display: block;
 	width: 100%
 }

 .map_ul li {
 	display: block;
 	width: 100%;
 	padding: 0;
 	margin-bottom: 15px;
 	+margin-bottom: 10px
 }

 .map_ul li a {
 	width: 100%;
 	height: 35px;
 	line-height: 35px;
 	font-weight: 700;
 	display: block;
 	background: #e7e7e7;
 	text-indent: 15px
 }

 .map_ul .list-inline {
 	display: block;
 	width: 86%
 }

 .map_ul .list-inline li {
 	height: 32px;
 	display: inline-block;
 	*display: inline;
 	margin: 0 5px 15px 0;
 	zoom: 1;
 	line-height: 32px;
 	border-bottom: 0;
 	text-align: center;
 	width: auto;
 	padding: 0;
 	+margin: 15px5px15px0
 }

 .map_ul .list-inline li a {
 	font-weight: 400;
 	display: block;
 	text-indent: 0;
 	line-height: 32px;
 	height: 32px;
 	display: inline-block;
 	width: auto;
 	padding: 0 10px;
 	width: auto;
 	border: 1px solid #ccc
 }

 .map_ul .list-inline li a:hover {
 	background: #ff0505;
 	color: #fff;
 	border: 1px solid #ff0505
 }

 .zhizao .goback {
 	width: 60px;
 	height: 60px;
 	display: block;
 	position: absolute;
 	right: 2%;
 	top: 2%;
 	background: url(/mycms/templates/css/images/guan.jpg) no-repeat center
 }

 #footer_main .yyzz {
 	padding-left: 10px
 }

 .float-right-box {
 	width: 250px;
 	position: fixed;
 	right: 0;
 	top: 50%;
 	margin-top: -127px;
 	background-color: #191919;
 	z-index: 1000;
 	transition: width .3s ease 0s
 }

 .float-right-box.on {
 	width: 50px
 }

 .float-right-box .top-list {
 	width: 100%
 }

 .float-right-box .top-list ul {
 	width: 100%
 }

 .float-right-box .top-list li {
 	width: 100%;
 	position: relative;
 	border-bottom: 1px solid #3b3b3b;
 	transition: background .3s ease 0s;
 	height: 50px
 }

 .float-right-box .top-list a {
 	display: block;
 	width: 100%
 }

 .float-right-box .top-list .ico {
 	display: inline-block;
 	width: 50px;
 	height: 50px;
 	position: absolute;
 	right: 0;
 	top: 0;
 	transition: background .3s ease 0s;
 	z-index: 2
 }

 .float-right-box .top-list .ico1 {
 	background: url(/mycms/templates/css/images/ico_58.png) no-repeat center #191919
 }

 .float-right-box .top-list .ico2 {
 	background: url(/mycms/templates/css/images/ico_59.png) no-repeat center #191919
 }

 .float-right-box .top-list .ico3 {
 	background: url(/mycms/templates/css/images/ico_60.png) no-repeat center #191919
 }

 .float-right-box .top-list .ico4 {
 	background: url(/mycms/templates/css/images/ico_61.png) no-repeat center #191919
 }

 .float-right-box .top-list .ico5 {
 	background: url(/mycms/templates/css/images/ico_62.png) no-repeat center #191919
 }

 .float-right-box .top-list .ico6 {
 	background: url(/mycms/templates/css/images/ico_68.png) no-repeat center #191919
 }

 .float-right-box .top-list .ico7 {
 	background: url(/mycms/templates/css/images/ico_69.png) no-repeat center #191919
 }

 .float-right-box .top-list .stt {
 	display: inline-block;
 	font-size: 14px;
 	line-height: 50px;
 	color: #fff;
 	transition: color .3s ease 0s;
 	position: absolute;
 	left: 28px;
 	top: 0;
 	z-index: 1;
 	width: 222px;
 	cursor: pointer
 }

 .float-right-box .top-list li:hover .stt {
 	color: #15191e
 }

 .float-right-box .top-list li:hover .ico1 {
 	background: url(/mycms/templates/css/images/ico_58_h.png) no-repeat center #fff
 }

 .float-right-box .top-list li:hover .ico2 {
 	background: url(/mycms/templates/css/images/ico_59_h.png) no-repeat center #fff
 }

 .float-right-box .top-list li:hover .ico3 {
 	background: url(/mycms/templates/css/images/ico_60_h.png) no-repeat center #fff
 }

 .float-right-box .top-list li:hover .ico4 {
 	background: url(/mycms/templates/css/images/ico_61_h.png) no-repeat center #fff
 }

 .float-right-box .top-list li:hover .ico5 {
 	background: url(/mycms/templates/css/images/ico_62_h.png) no-repeat center #fff
 }

 .float-right-box .top-list li:hover .ico6 {
 	background: url(/mycms/templates/css/images/ico_68_h.png) no-repeat center #fff
 }

 .float-right-box .top-list li:hover .ico7 {
 	background: url(/mycms/templates/css/images/ico_69_h.png) no-repeat center #fff
 }

 .float-right-box .top-list li:hover {
 	background-color: #fff
 }

 .float-right-box .top-list .return-webtop .stt {
 	font-family: arial;
 	font-weight: 700
 }

 .float-right-box .bot-share {
 	position: relative;
 	height: 50px
 }

 .float-right-box .bot-share a {
 	display: inline-block;
 	width: 50px;
 	height: 50px;
 	float: left;
 	transition: background .3s ease 0s;
 	margin: 0;
 	padding: 0
 }

 .float-right-box .bot-share .share {
 	width: 200px;
 	position: absolute;
 	left: 0;
 	top: 0;
 	z-index: 1
 }

 .float-right-box .bot-share .sina {
 	background: url(/mycms/templates/css/images/ico_63.png) no-repeat center
 }

 .float-right-box .bot-share .wx {
 	background: url(/mycms/templates/css/images/ico_64.png) no-repeat center
 }

 .float-right-box .bot-share .more {
 	background: url(/mycms/templates/css/images/ico_66.png) no-repeat center
 }

 .float-right-box .bot-share a:hover {
 	background-color: #525354
 }

 .float-right-box .bot-share .share-ico {
 	background: url(/mycms/templates/css/images/ico_67.png) no-repeat center #191919;
 	width: 50px;
 	height: 50px;
 	display: inline-block;
 	cursor: pointer;
 	z-index: 2;
 	position: relative
 }

 .float-right-box .top-list li .weix {
 	position: relative
 }

 .float-right-box .sidebox {
 	position: absolute;
 	right: 250px;
 	top: 0;
 	transition: all .1s ease 0s;
 	width: 120px;
 	z-index: 10;
 	display: none;
 	background: #191919
 }

 .float-right-box .sidebox img {
 	width: 110px;
 	height: 110px;
 	display: block;
 	margin: 5px auto
 }

 .animated {
 	-webkit-animation-duration: 1s;
 	animation-duration: 1s;
 	-webkit-animation-fill-mode: both;
 	animation-fill-mode: both
 }

 @font-face {
 	font-family: ADELE;
 	src: url(../font/ADELE.eot);
 	src: url(../fonts/adele.eot) format("eot"), url(../fonts/adele.ttf) format("truetype")
 }

 @-webkit-keyframes flipInY {
 	0% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		-webkit-transition-timing-function: ease-in;
 		transition-timing-function: ease-in;
 		opacity: 0
 	}

 	40% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 		-webkit-transition-timing-function: ease-in;
 		transition-timing-function: ease-in
 	}

 	60% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 		opacity: 1
 	}

 	80% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
 	}

 	100% {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px)
 	}
 }

 @keyframes flipInY {
 	0% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		-webkit-transition-timing-function: ease-in;
 		transition-timing-function: ease-in;
 		opacity: 0
 	}

 	40% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 		-webkit-transition-timing-function: ease-in;
 		transition-timing-function: ease-in
 	}

 	60% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 		opacity: 1
 	}

 	80% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
 	}

 	100% {
 		-webkit-transform: perspective(400px);
 		-ms-transform: perspective(400px);
 		transform: perspective(400px)
 	}
 }

 .flipInY {
 	-webkit-backface-visibility: visible !important;
 	-ms-backface-visibility: visible !important;
 	backface-visibility: visible !important;
 	-webkit-animation-name: flipInY;
 	animation-name: flipInY
 }

 .HS10,
 .HS15 {
 	overflow: hidden;
 	clear: both
 }

 .HS10 {
 	height: 40px;
 }

 .HS15 {
 	height: 15px;
 }

 .Hidden {
 	display: none
 }

 .Clearer {
 	display: block;
 	clear: both;
 	font-size: 1px;
 	line-height: 1px;
 	margin: 0;
 	padding: 0
 }

 .FlLeft {
 	float: left
 }

 .FlRight {
 	float: right
 }

 .MainBg {
 	width: 920px;
 	margin: 0 auto
 }

 .OriginalPicBorder {
 	padding: 0;
 	border: solid 5px #eee;
 }

 #OriginalPic {
 	width: 910px;
 	overflow: hidden;
 	position: relative;
 	font-size: 12px;
 }

 #OriginalPic img {
 	display: block;
 	max-width: 100%;
 	margin: 0 auto;
 	/* border: solid 5px #eee; */
 }

 .CursorL {
 	position: absolute;
 	z-index: 999;
 	width: 50%;
 	height: 600px;
 	color: #fff;
 	left: 0;
 	cursor: url(/mycms/templates/css/images/CurL.cur), auto;
 	background: url(/mycms/templates/css/images/space.png) repeat scroll 0 0 transparent
 }

 .CursorR {
 	position: absolute;
 	z-index: 999;
 	width: 50%;
 	height: 600px;
 	color: #fff;
 	right: 0;
 	cursor: url(/mycms/templates/css/images/CurR.cur), auto;
 	background: url(/mycms/templates/css/images/space.png) repeat scroll 0 0 transparent
 }

 .SliderPicBorder {
 	width: 100%;
 	overflow: hidden;
 }

 .ThumbPicBorder {
 	width: 920px;
 	margin: 0 auto;
 	background: #eee;
 	overflow: hidden;
 	position: relative
 }

 .ThumbPicBorder #btnPrev {
 	width: 45px;
 	height: 113px;
 	cursor: pointer;
 	position: absolute;
 	left: 20px;
 	top: 20px
 }

 .ThumbPicBorder #btnNext {
 	width: 45px;
 	height: 113px;
 	cursor: pointer;
 	position: absolute;
 	right: 20px;
 	top: 20px
 }

 .ThumbPicBorder .pic {
 	width: 755px;
 	overflow: hidden;
 	position: relative;
 	margin: 20px auto
 }

 #ThumbPic img {
 	border: 3px solid #ddd;
 	cursor: pointer;
 	background-color: #ddd;
 	margin: 0 5px;
 	/* width:135px; */
 	height: 108px;
 	display: block;
 	-webkit-transition: all .3s ease-in-out 0s;
 	-moz-transition: all .3s ease-in-out 0s;
 	transition: all .3s ease-in-out 0s;
 }

 #ThumbPic img.active {
 	border: 3px solid #fe0101
 }

 .pagess {
 	clear: both;
 	margin: 20px;
 	overflow: hidden;
 	margin-left: 0;
 	text-align: center;
 	font-size: 12px
 }

 .pagess ul a{
 	display: inline-block;
 	border: 1px solid #ccc;
 	padding: 2px 9px;
 	margin: 0 3px;
 	line-height: 20px;
 	background: #fff;
 	color: #999
 }

 .pagess ul span{
	display: inline-block;
	border: 1px solid #066dd8;
	padding: 2px 9px;
	margin: 0 3px;
	line-height: 20px;
	background: #066dd8;
	color: #fff;
}

 .pagess ul a:hover {
 	background: #ccc;
 	color: #fff;
 	border: 1px solid #ccc
 }

 /* .pagess ul li:hover a {
 	color: #fff
 } */

 .pagess ul li.thisclass {
 	display: inline-block;
 	border: 1px solid #ccc;
 	padding: 2px 9px;
 	margin: 0 3px;
 	background: #ccc;
 	color: #fff
 }

 .pagess ul li.thisclass a {
 	color: #fff
 }

 .pagess ul li a {
 	display: block;
 	color: #999
 }

 .pagess ul li a:hover {
 	color: #fff
 }
 .indexhonnertitle{
	padding: 0 10px;
	position: relative;
	background: #066dd8;
	font-size: 16px;
	text-align: center;
	line-height: 55px;
	color: #666;
	z-index: 2;
	height: 55px;
	}