@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	font-size: 14px;
	color: #333333;
	font-family: "Arial"; min-width:1200px; 
}
* {
	padding: 0px;
	margin: 0px;
}
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, select, button, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	list-style: none;
	font-weight: normal;
}
input, select {
	font: 100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "Arial", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;
}
button {
	overflow: visible
}
img {
	border: none;
}
a {
	color: #333333;
	text-decoration: none;
	font-size: 14px;
	outline: none;
}
li {
	list-style: none;
}
input, select, button {
	font: 14px Verdana, Arial, Tahoma;
	vertical-align: middle;
}
.clear {
	clear: both;
}
.lf {
	float: left;
}
.rt {
	float: right;
}
.m {
	width: 1200px;
	margin: 0px auto; 
	
}
.mm {
	margin-top: 20px;

}
.hei30{ height:30px;}
.con{width:1200px; margin:0 auto;}


.nav{ width:100%; height:80px;  z-index:99999999; background:#fff; }
.hed{width: 1200px;
	margin: 0px auto; height:80px;  }
	
	
.hed img{ margin-top:10px;}
	
	
/*头部*/

.top{ width:100%; height:40px; background:#f2f2f2;}
.topz{ width:1200px; margin:0 auto;}
.topz-l{ float:left; line-height:40px;}
.topz-r{ float:right; margin-top:5px;}

.topz-r a{ width:80px; height:30px; border:1px solid #666; line-height:30px; border-radius:8px; display:block; float:left; text-align:center; margin-right:10px;}
.topz-r a:hover{ background:#21398d; color:#fff; border:1px solid #21398d;}
.menu { width:920px; float:right;margin-top:20px; }
.menu ul li {float:left; position:relative;}
.menu ul li a, .menu ul li a:visited {display:block; text-align:center;  padding:0 18px;color:#000;  line-height:40px; font-size:15px;  text-transform:uppercase; 
}
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#21398d; }
.menu ul li:hover ul {display:block; position:absolute; top:40px; left:0; text-align:left;  }
.menu ul li:hover ul li a {display:block; background:#f1f1f1;font-size:14px;font-weight:normal;width:130px; text-transform:capitalize;line-height:21px;border-bottom:1px solid #fff;color:#000;text-align:left; padding:5px 25px; }
.menu ul li:hover ul li a:hover {background:#21398d; color:#fff;font-size:14px;font-weight:normal;text-align:left; padding:5px 25px; }



.yingyong ul {  width:1228px; margin:0 auto;}
.yingyong ul li{ float:left; width:285px; margin-right:15px; margin-left:7px; margin-bottom:24px; height:230px;  position:relative;  overflow:hidden}
.yingyong ul li img{ width:285px; height:auto; min-height:230px; transition:all 0.6s}
.yingyong ul li:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.yingyong ul li p{ display:block; background-color:rgba(168,168,168,0.5); bottom:0; width:285px; text-align:center; color:#fff; font-size:14px; position:absolute; z-index:99; line-height:40px}
.yingyong ul li:hover p{ background:#505050}






/*标题*/


.HomeTile{ text-align:center; margin-bottom:1.8%; position:relative;}

.HomeTile .cn{ display:block;  font-size:40px; font-weight:bold; color:#333333; text-transform:uppercase;font-family: "Arial"; line-height:65px; }

.HomeTile .cn .blue{ color:#02a654;}

.HomeTile p{ width:75px; height:2px; background:#333333; text-align:center; margin:0 auto;}


.mr_frbox{height:280px; width:100%; margin-top:20px; }

.mr_frboxz{ width:1240px; margin:0 auto;  height:280px; }

.mr_frBtnL{float:left;margin:110px 0px 0px 0px;cursor:pointer;display:inline; }

.mr_frUl{float:left;height:280px; margin-left:9px; margin-right:6px; margin-top:5px; overflow:hidden; }

.mr_frUl ul li p{ font-size:16px; margin-top:5px; text-align:center;}
.mr_frUl ul li img{ width:280px; height:230px;}

.mr_frBtnR{float:right;margin:110px 13px 0px 0px;cursor:pointer; }

.mr_frUl ul li{display:inline;float:left;height:270px;width:280px;margin-right:5px;overflow:hidden;  margin-left:9px; background-color:#FFF; }



/*关于*/
.abiao{ margin-top:70px;}
.abiao span{ width:75px; height:2px; background:#333333; display:block;}

.abiao p{ font-size:40px; font-weight:bold; color:#333333; text-transform:uppercase;font-family: "Arial"; line-height:65px; margin-top:30px;}

.about{ width:100%; height:520px; background:#ececee; margin-top:20px; }

.about-l{float:right; width:560px; height:450px; margin-top:45px; }
.about-r{ float:left; width:540px; height:520px; color:#555555; line-height:26px; font-size:15px;}
.about-l img{ /*width:100%;*/}
.about-r p{margin-top:5px;}
.about-r a{ width:160px; height:50px; border-radius:8px; line-height:53px; font-size:17px; text-transform:uppercase; margin-top:30px; border:1px solid #333; display:block; color:#555555; text-align:center;}
.about-r a:hover{ background:#e92a21; color:#fff; border:1px solid #e92a21;}


/*foot*/


/* 底部 */
.foot{ background:#363636;padding-top:30px;}
.foot1{ width:1200px;  margin:0 auto; padding-bottom:30px; overflow:hidden}
.foot2{ width:1200px; margin:0 auto; border-top:#666 1px solid; padding:20px 0; line-height:25px; text-align:center; color:#fff}


.dlogo{ margin-top:20px}
.dlogo img{ width:200px; height:auto}
.banquan { color:#fff; margin-left:50px; line-height:23px;}

.guanzhu h3{ font-size:16px; color:#fff; display:block; margin-bottom:15px}
.guanzhu ul li{ float:left; width:25px; height:25px;border:#fff 1px solid; padding:3px; border-radius:50px; margin-right:15px; transition:all 0.6s }
.guanzhu ul li:hover{ background:#e13e03; border:#e13e03 1px solid; transition:all 0.6s}
.guanzhu img{ height:25px; width:auto;}




/*内页*/
.dq_wz{width:100%; border-bottom:1px solid #e7e7e7; padding:15px 0; height:auto; margin-top:20px; overflow:hidden}
.dq_wz{width:100%; border-bottom:1px solid #e7e7e7; padding:15px 0; height:auto; overflow:hidden}
.dq_wz .wz{float:left; line-height:32px; font-size:14px}
.dq_wz .ej_lm1{float:right;}
.dq_wz .ej_lm1 ul li{float:left; margin-left:20px;}
.dq_wz .ej_lm1 ul li a{ padding:0 15px 0px 15px; height:30px; text-align:center; line-height:30px; font-size:14px; border:1px solid #e7e7e7; display:block;}
.dq_wz .ej_lm1 ul li a:hover{color:#fff; background-color:#21398d; border:1px solid #21398d;}
.dq_wz .ej_lm1 ul li a.on{color:#fff; background-color:#21398d; border:1px solid #21398d;}



.ny_nr{width:1200px; margin:30px auto;}
.ny_nr .nr{width:100%; }
/*.ny_nr .nr img{ height:auto; display:block; margin:20px auto;}
.ny_nr .nr p{font-size:15px; line-height:36px; text-align:left}*/



/* 解决方案 */
.falb{width:1200px; margin:30px auto;}
.falb ul{ position:relative; width:1220px}
.falb ul li{ float:left; width:285px; margin-right:20px; background:#f7f7f7; margin-bottom:20px;}
.falb ul li i{ display:block; width:285px; height:220px;text-align:center; overflow:hidden}
.falb ul li i img{ width:auto; height:220px; min-width:285px; transition:all 0.6s;  display:block;}
.falb ul li i a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.falb ul li  h3{ display:block; margin:0 10px; line-height:45px; font-size:16px}
.falb ul li  p{ display:block; margin:0 10px; margin-bottom:15px; line-height:25px; color:#666; height:75px; font-size:14px; overflow:hidden}



DIV.yahoo2 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 0.85em; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,Helvetica,sans-serif; TEXT-ALIGN: center; margin-top:30px;
}
DIV.yahoo2 A {
	BORDER-RIGHT: #777 1px solid; PADDING-RIGHT: 8px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #777 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #777 1px solid; COLOR: #777; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #777 1px solid; TEXT-DECORATION: none
}
DIV.yahoo2 A:hover {
	BORDER-RIGHT: #21398d 1px solid; BORDER-TOP: #21398d 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #21398d 1px solid; COLOR: #fff; BORDER-BOTTOM: #21398d 1px solid; BACKGROUND-COLOR: #21398d
}
DIV.yahoo2 A:active {
	BORDER-RIGHT: #ffb525 1px solid; BORDER-TOP: #ffb525 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ffb525 1px solid; COLOR: #fff; BORDER-BOTTOM: #ffb525 1px solid; BACKGROUND-COLOR: #3666d4
}
DIV.yahoo2 SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; font-size:12px;
}
DIV.yahoo2 SPAN.disabled {
	DISPLAY: none
}
DIV.yahoo2 A.next {
	BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 0px 0px 10px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid
}
DIV.yahoo2 A.next:hover {
	BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid
}
DIV.yahoo2 A.prev {
	BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 10px 0px 0px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid
}
DIV.yahoo2 A.prev:hover {
	BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid
}




/* Sweep To Bottom h5动画特效*/
.hvr-sweep-to-bottom {
  display: inline-block;                                           
  vertical-align: middle;
  -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
    -ms-osx-font-smoothing: grayscale;
        -o-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
    -o-transition-property: color;
  -moz-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #bb1e10;
  -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
    -o-transition-property: transform;
  -moz-transition-property: transform;
  -ms-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}


/*my*/

/*文章列表*/
.lbcontent {
  width: 100%;
  min-height:300px;
}
.lbcontent .lbx li {
  position: relative;
  line-height: 45px;
  height: 45px;
  width: 100%;
  margin: auto;
  border-bottom: 1px dotted #b4b4b4;
}

.lbcontent .lbx li label {
  position: absolute;
  left: 5px;
  top: 20px;
  width: 10px;
  height: 25px;
  background: url(jt.jpg) no-repeat;
}

.lbcontent .lbx li a {
  float: left;
  color: #8c8c8c;
  font-size: 13px;
  padding-left: 5px;
  line-height:45px;
}
.lbcontent .lbx li span {
  position: absolute;
  top: 0px;
  right: 10px;
  line-height: 45px;
  height: 45px;
  color: #8c8c8c;
  font-size: 13px;
}
.lbcontent .lbx li:hover {
  background: #f4f4f4;
}
/*分页*/
.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;margin-left: 1px; }
/*图片列表*/
#shipinleibiao{
	margin-top:20px;
	}
#shipinleibiao ul {
    margin-top:20px;
    margin-right:-60px;
    text-decoration:none;
     
}
#shipinleibiao li {
    float:left;
    margin-right: 9px;
    display:block;
    margin-bottom:30px;
}
#shipinleibiao li:hover {
    }
#shipinleibiao li span {
    display:block;
    text-align:center;
    padding-top:13px;
}
#shipinleibiao li span a {
    color:#333333;
    font-size:14px;
    text-decoration:none;
}
#shipinleibiao li span a:hover {
    color:#00CBFF;
    text-decoration:none;
}
#shipinleibiao li img {
    border:1px solid #ccc;
    padding:3px;
    width: 200px;
    height:150px;
}

/*内页*/
.m_content{
	margin-top:10px;
	font-family:"微软雅黑";
           }
      .m_content h2{
          font-size: 22px;
          text-align:center;
          font-family:"微软雅黑";
          font-weight:normal;
          padding-bottom:5px;
          }
		.page_content{
			min-height: 250px;
			line-height:180%;
			font-family:"微软雅黑";
			font-size: 15px;
			}
        .listpage{
            padding:5px;
            font-size:16px;
            font-family:"微软雅黑";
            line-height:200%;
            }
            /*内容页*/
blank10{height:10px;}
.info {text-align:center;color:#999;margin-bottom:20px;  font-size:12px; border-bottom:1px dashed #ccc; padding-bottom:10px;}
.content{line-height:24px;}
.listpage {clear: both;text-align: center;}
.prevpage p{
			margin:10px 0;
			}
.ncontent{
    line-height: 180%;
    margin-top: 10px;
}

.ncontent{ line-height:180%; font-size:16px;}