﻿@charset "utf-8";
/*格式化*/
#content p img{ width:100%;display:block; margin:0 auto; max-width:560px;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;} 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}
/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:750px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
/*-------CSS3特效集合--------*/
@keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@keyframes xshow2 {0% {opacity:0;}20% {opacity:1;}40% {opacity:0;}60% {opacity:1;}80% {opacity:0;}100% {opacity:0;}}
@-webkit-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes buttonHover{0% {box-shadow:0 0 5px #808080;}50% {box-shadow:0 0 12px #808080;}100%{box-shadow:0 0 5px #808080;}}
@keyframes buttonHover{0% {box-shadow:0 0 5px #808080;}50% {box-shadow:0 0 12px #808080;}100% {box-shadow:0 0 5px #808080;}}
/* 夜间模式  */
.nightMode{ position:fixed; top:0; left:0; z-index:9999; width:100%; height:150%; background:#000;opacity:0.0;display:none; pointer-events:none;}
/*--------------------做单时把下面的头部和底部样式删除，换成自己写的样式，样式命名按规范命名----------------------------------*/
.head2 { width:100%;z-index: 15; height:5.45rem; background:url(../images/h_bg.jpg) no-repeat center top; background-size:100% 100%; overflow:hidden;}
.head2 .logo{ width:34.4%; float:left; margin:1.2rem 0 0 2.66%;}
.head2 .logo img{display:block; width:100%;}
.head2 h3{ width:46.66%; float:left; margin-left:5.33%; line-height:5.45rem; text-align:center;}
.head2 h3 a{ display:inline-block; font-size:1.5rem; color:#fff; padding:0 5%;}
.head2 .menu_btn{width:4.5%; height:4rem; float:right;overflow:hidden; margin-right:3%;}
.head2 .menu_btn a.downmenu{display:block; width:1.8rem; height:1.9rem; padding:1.9rem 1rem 0.8rem 0;}
.head2 .menu_btn img{ display:block; width:100%;}
.menu2 .slideMenu{ width:100%; display: none;z-index:99;position:absolute; top:5.45rem; right:0; transition:transform 1s;-webkit-transition:transform 1s;background:rgba(8,37,129,0.9); padding:1rem 0 2rem;}
.menu2.down .slideMenu{transform:translate3D(0,100%,0);-webkit-transform:translate3D(0,100%,0);}
.menu2 ul li {line-height:3rem;color:#fff;font-size:1.4rem; margin-bottom:0.6rem;}
.menu2 ul li a { display:block; width:70%; margin:0 auto; border:1px solid #fff; text-align:center; border-radius:2rem; font-size:1.1rem; font-family:"Microsoft Yahei"; color: #fff;text-decoration: none;}
.g-yinz h5 iframe{width:33.5rem;height:19rem;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.g-ft{padding-bottom:6rem; background:#f2f2f2 url(images/fline.gif) repeat-x center top; background-size:1px 3.45rem;}
.g-ft h2{ height:3.45rem;}
.g-ft h2 em{ display:block; width:3.45rem; margin:0 auto; background:#082581; border-radius:4rem;}
.g-ft h2 img{ display:block; width:100%;}
.g-ft h5{ width:26.66%; float:left; margin:1rem 0 0 2.5%;}
.g-ft h5 img{ display:block; width:100%; border:0.5rem solid #fff; box-sizing:border-box;}
.fwz{ width:67.33%; float:right; margin-top:2.2rem; font-size:1.2rem; color:#6e6c6c;}
.fwz p{ font-size:1.3rem; line-height:2.2rem; color:#6e6c6c;}
.fwz p a{ display:block; float:left; color:#6e6c6c; padding:0 4%; position:relative;}
.fwz p a:before{ content:""; position:absolute; top:0.7rem; right:0; width:1px; height:1rem; background:#cacaca;}
.fwz p a:last-child:before{ background:none;}
.fwz p a:nth-child(1){ padding-left:0;}
.fwz em{ display:block; line-height:2.2rem; margin-bottom:0.5rem;color:#6e6c6c;}
.fnav02{ position:fixed; bottom:0; min-width:320px; max-width:750px; width:100%; height:4rem; background:#333;z-index:12;}
.fnav02 li{ width:25%; float:left; height:4rem; position:relative;}
.fnav02 li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#434343;}
.fnav02 li a{ display:block;color:#fff; font-size:1.2rem; height:4rem; line-height:4rem; font-family:"Microsoft YaHei";}
.fnav02 li em{ display:block; width:2.1rem; float:left; margin:0.8rem 3% 0 7%;}
.fnav02 li em img{ display:block; width:100%;}
.fnav02 li:nth-child(1){ background:#082581;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.mc1-about-content{padding: 1.5rem 3% 1rem;}
.g-ft{padding-bottom:6rem; background:#f2f2f2 url(images/fline.gif) repeat-x center top; background-size:1px 3.45rem;}
.g-ft h2{ height:3.45rem;}
.g-ft h2 em{ display:block; width:3.45rem; margin:0 auto; background:#082581; border-radius:4rem;}
.g-ft h2 img{ display:block; width:100%;}
.g-ft h5{ width:26.66%; float:left; margin:1rem 0 0 2.5%;}
.g-ft h5 img{ display:block; width:100%; border:0.5rem solid #fff; box-sizing:border-box;}
.fwz{ width:67.33%; float:right; margin-top:2.2rem; font-size:1.2rem; color:#6e6c6c;}
.fwz p{ font-size:1.3rem; line-height:2.2rem; color:#6e6c6c;}
.fwz p a{ display:block; float:left; color:#6e6c6c; padding:0 4%; position:relative;}
.fwz p a:before{ content:""; position:absolute; top:0.7rem; right:0; width:1px; height:1rem; background:#cacaca;}
.fwz p a:last-child:before{ background:none;}
.fwz p a:nth-child(1){ padding-left:0;}
.fwz em{ display:block; line-height:2.2rem; margin-bottom:0.5rem;color:#6e6c6c;}
.fnav02{ position:fixed; bottom:0; min-width:320px; max-width:750px; width:100%; height:4rem; background:#333;z-index:12;}
.fnav02 li{ width:25%; float:left; height:4rem; position:relative;}
.fnav02 li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#434343;}
.fnav02 li a{ display:block;color:#fff; font-size:1.2rem; height:4rem; line-height:4rem; font-family:"Microsoft YaHei";}
.fnav02 li em{ display:block; width:2.1rem; float:left; margin:0.8rem 3% 0 7%;}
.fnav02 li em img{ display:block; width:100%;}
.fnav02 li:nth-child(1){ background:#082581;}    
/*详情页图片自适应*/
.endit-content img {max-width: 100% !important;height: auto !important;}
/*详情内容关键字飘红加粗*/
.endit-content a {    color: red;    font-weight: bold;}
/*详情内容关键字加VI色*/
.endit-content p {    padding-bottom: 1rem;}
.endit-content {    font-size: 1.3rem;}
.endit-content h1 {    font-size: 1.6rem;}
.endit-content h2 {    font-size: 1.5rem;}
.endit-content h3 {    font-size: 1.4rem;}
.endit-content h4 {    font-size: 1.3rem;}
.endit-content h5 {    font-size: 1.2rem;}
.endit-content h6 {    font-size: 1.2rem;}
/*详情页图片自适应*/
.endit-content2 img {    max-width: 100% !important;    height: auto !important;}
/*详情内容关键字飘红加粗*/
.endit-content2 a {    color: red;    font-weight: bold;}
/*详情内容关键字加VI色*//*.endit-content2 a{color: #082581;font-weight:bold;}*/ 
.endit-content2 {	    font-size: 1.4rem;	line-height: 2.2rem;	color: #494949;  	text-align: justify;}
.endit-content2 p {     margin-bottom: 1.8rem;} 
.endit-content2 h1 {    font-size: 1.6rem;}
.endit-content2 h2 {    font-size: 1.5rem;}
.endit-content2 h3 {    font-size: 1.4rem;}
.endit-content2 h4 {    font-size: 1.3rem;}
.endit-content2 h5 {    font-size: 1.2rem;}
.endit-content2 h6 {    font-size: 1.2rem;}
.webox {color: #8a8a8a;font-family: "Microsoft Yahei"; margin-top:30px;}
.webox_w { margin-bottom:10px;}
.webox_wc {background: #f5f5f5;padding: 1rem 1.5rem; }
.cm1-size750-pro-list {padding: 1.5rem 1% 0;}
.cm1-size750-pro-list ul {display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-ms-flex-pack: distribute;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.cm1-size750-pro-list ul li {width: 48.5%;margin-bottom: 1.5rem; }
.cm1-size750-pro-list ul li:nth-child(2n) {margin-left: 3%;}
.cm1-size750-pro-list ul li span {display: block;border-radius: 0.25rem;overflow: hidden;border:1px  solid #eee;}
.cm1-size750-pro-list ul li span img {display: block;width: 100%;}
.cm1-size750-pro-list ul li h4 {max-height:4rem;line-height: 2rem;font-size: 1.3rem;font-weight: normal;color: #4c4c4c;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; padding-top: 0.6rem; background:#eee;}
.fy{ clear:both;}
.fy a{ width:60px;height:30px; margin-top:10px; line-height:30px; display:inline-block; border:1px solid #CCC; font-weight:normal; font-size:14px;text-align:center; margin-bottom:20px; margin-right:10px; color:#666}
.product_x{margin-top:20px; clear:both;}
.product_xx{height:35px; background:#eee;lear:both;}
.product_xx h2{float:left;width: auto; padding:0 20px; margin:0px; line-height:35px; vertical-align:middle; font-size:16px;color:#FFF; font-weight:normal; background-color:#45417c;}
#product_info{overflow:hidden;margin:0 auto; font-size:14px; line-height:24px; clear:both; text-align:left; margin-top:10px;}
#product_info img{ max-width:100%;}

.mc1-info-list {padding: 1rem 3% 0; }  
.mc1-info-list dl {padding: 1rem 0;border-bottom: 1px solid #ccc; }  
.mc1-info-list dl:after {content: ".";display: block;height: 0;visibility: hidden;clear: both; }  
.mc1-info-list dl dt {display: inline-block;float: right;width: 47%;box-sizing: border-box;overflow: hidden;border-radius: 0.5rem; }  
.mc1-info-list dl dt img {display: block;width: 100%; }  
.mc1-info-list dl dd {display: inline-block;float: left;width: 50%;box-sizing: border-box;padding-top: 1rem; }  
.mc1-info-list dl dd h4 {color: #333;font-size: 1.3rem;line-height: 1.8rem;max-height: 3.6rem;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }  
.mc1-info-list dl dd span {display: block;padding-top: 0.4rem;font-size: 1.1rem; }  
.mc1-info-list a {display: block;margin-bottom: 1rem; }