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


*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#383634;
	font-size:15px;
	font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;

}
html{ overflow-x:hidden;}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#383634; }
a:hover{ color:#005bac;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}
	
#a111 { position:fixed; width:68px; display:block; bottom:0px; right:1%; bottom:5%; z-index:100000000000;}
* html #a111 {position:absolute;} 
#a111 a{ display:block; width:68px; height:50px; border-bottom:1px solid #393939; line-height:50px; background:#000; color:#fff; text-align:center;}
#a111 a:hover{ display:block; width:68px; height:50px; line-height:50px; background:#005bac; color:#fff; text-align:center;}

.barwrap{ width:100%;position:fixed;top:0; left:0; right:0; margin-left:auto;margin-right:auto;z-index:10000;}
.xdlmenu{ width:1200px; margin:0 auto;}	

.logoimg{ margin-top:7px;}

#nav {
	width:720px;
	float:left;
	height:55px;
	line-height:55px;
	margin-top:27px;
	margin-left:26px;
}
#nav li a {
	display: block;
	width: 102px;
	text-align:center;
	color:#FFF;
	font-size:16px;
}
#nav li {
 float: left; width:102px;
}
#nav li a:hover{
	text-decoration:underline;
	color:#FFF;
	font-weight:bold;
}

#nav li a#cur{	text-decoration:underline;	color:#FFF;	font-weight:bold;}
#nav li ul {
	line-height:45px;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 102px;
	position: absolute;
	border-top-style: none;
	overflow:hidden;
}

#nav li ul li{
	float: left;
	width: 102px;
	background: #FFF;filter: Alpha(Opacity=90);
	border-top: none #6b8549;
	border-right: none #6b8549;
	border-bottom: none #6b8549;
	border-left: none #6b8549;
}
#nav li ul li a{
 display: block;
 width: 102px;
 text-align:center;
 font-weight:normal;
 font-size:14px;
}
#nav li ul a:link  {
 color:#333341; text-decoration:none;
}
#nav li ul a:visited  {
 color:#333341;text-decoration:none;
}
#nav li ul a:hover  {
 color:#FFF;text-decoration:none;font-weight:normal;
 background:#0657b0;filter: Alpha(Opacity=70);
 font-size:14px;
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}	
.barwrap.on{ animation-name: down; animation-duration: 1s; padding-bottom:25px; padding-top:10px;background:url(../images/navbg.png) repeat; top:0;border-bottom: none;}
.barwrap.on #nav li a:hover{ color:#FFF;}	
/************************/
.banner_box {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.banner_cot {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.banner_list {
    position: relative;
    height: 100%;
}

.page_box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -9999px;
}

.bg_box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
}

    .bg_box img {
        position: absolute;
        top: 50%;
        left: 50%;
    }

.page_box .content {
    width: 1000px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -500px;
    z-index: 5;
    transform-origin: center center;
    -webkit-transform-origin: center center;
}

.page_box .main_box {
    position: relative;
    height: 100%;
    left: -9999px;
    top: 50%;
}

.banner_list .show {
    left: 0;
}

    .banner_list .show .main_box {
        left: 0;
    }

/*下方导航图标*/
.product_btns {
    position: absolute;
    width: 100%;
    bottom: 5px;
    z-index: 6;
    transition: bottom .3s;
    -webkit-transition: bottom .3s;
    z-index: 10;
}

    .product_btns.show {
        bottom: 100px;
    }

    .product_btns .content {
        width: 1000px;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -500px;
    }

    .product_btns .btns_box {
        margin: auto;
    }

        .product_btns .btns_box a {
            display: inline-block;
            position: relative;
            background-size: auto;
        }

    .product_btns .icon_bg {
        background: url(../images/ico11.gif);
    }

    .product_btns .icon_show {
        background: url(../images/ico22.gif);
    }
/*big size*/
.big_view .product_btns .content {
    height: 82px;
}

.big_view .product_btns .btns_box {
    width: 260px;
    height: 20px;
	overflow:hidden;
}

    .big_view .product_btns .btns_box a {
        width: 50px;
        height: 10px;
        margin: 0 15px;
    }

/*mid size*/
.mid_view .product_btns .content {
    height: 58px;
}

.mid_view .product_btns .btns_box {
    height: 20px;
	overflow:hidden;
    width: 260px;
}

    .mid_view .product_btns .btns_box a {
        width: 50px;
        height: 10px;
        margin: 0 12px;
        background-size: 70px 56px;
    }
/*small size*/
.small_view .product_btns .content {
    height: 42px;
}

.small_view .product_btns .btns_box {
    height: 20px;
	overflow:hidden;
    width: 260px;
}

    .small_view .product_btns .btns_box a {
        width: 50px;
        height: 10px;
        margin: 0 10px;
        background-size: 50px 40px;
    }
/*分页样式*/
/*第一页*/
.sky_xia {
    z-index: 10;
}

.sky_cot {
    position: absolute;
    bottom: 30%;
    right: 36%;
    width: 371px;
    height: 341px;
}

    .sky_cot img {
        width: 100%;
        height: 100%;
    }

.show .sky_anim1 {
    animation: sky_1 1s;
    -moz-animation: sky_1 1s;
    -webkit-animation: sky_1 1s;
    -o-animation: sky_1 1s;
}

.show .sky_anim2 {
    animation: sky_2 2s;
    -moz-animation: sky_2 2s;
    -webkit-animation: sky_2 2s;
    -o-animation: sky_2 2s;
}

@keyframes sky_1 {
    0% {
        opacity: 0;
        top: 60%;
    }

    100% {
        opacity: 1;
        top: 50%;
    }
}

@-moz-keyframes sky_1 {
    0% {
        opacity: 0;
        top: 60%;
    }

    100% {
        opacity: 1;
        top: 50%;
    }
}

@-webkit-keyframes sky_1 {
    0% {
        opacity: 0;
        top: 60%;
    }

    100% {
        opacity: 1;
        top: 50%;
    }
}

@-o-keyframes sky_1 {
    0% {
        opacity: 0;
        top: 60%;
    }

    100% {
        opacity: 1;
        top: 50%;
    }
}

@keyframes sky_2 {
    0% {
        opacity: 0;
        bottom: 0px;
        right: 0px;
    }

    50% {
        opacity: 1;
        bottom: 0px;
        right: 0px;
    }

    100% {
        bottom: 30%;
        right: 36%;
    }
}

@-moz-keyframes sky_2 {
    0% {
        opacity: 0;
        bottom: 0px;
        right: 0px;
    }

    50% {
        opacity: 1;
        bottom: 0px;
        right: 0px;
    }

    100% {
        bottom: 30%;
        right: 36%;
    }
}

@-webkit-keyframes sky_2 {
    0% {
        opacity: 0;
        bottom: 0px;
        right: 0px;
    }

    50% {
        opacity: 1;
        bottom: 0px;
        right: 0px;
    }

    100% {
        bottom: 30%;
        right: 36%;
    }
}

@-o-keyframes sky_2 {
    0% {
        opacity: 0;
        bottom: 0px;
        right: 0px;
    }

    50% {
        opacity: 1;
        bottom: 0px;
        right: 0px;
    }

    100% {
        bottom: 30%;
        right: 36%;
    }
}
/*3页  雪中的猫老师*/
.page_box .snow_cot {
    position: absolute;
    z-index: 12;
    bottom: 8%;
    left: 50%;
}

.snow_cot img {
    width: 100%;
    height: 100%;
}

.show .snow_anim { /* animation   加上show 函数则当前页面显示时出现动效*/
    animation: snow_1 0.5s;
    -moz-animation: snow_1 0.5s; /* Firefox */
    -webkit-animation: snow_1 0.5s; /* Safari and Chrome */
    -o-animation: snow_1 2s; /* Opera */
}

@keyframes snow_1 {
    0% {
        left: 1000px;
    }

    100% {
        left: 50%;
    }
}

@-moz-keyframes snow_1 {
    0% {
        left: 1000px;
    }

    100% {
        left: 50%;
    }
}

@-webkit-keyframes snow_1 {
    0% {
        left: 1000px;
    }

    100% {
        left: 50%;
    }
}

@-o-keyframes snow_1 {
    0% {
        left: 1000px;
    }

    100% {
        left: 50%;
    }
}
/*第二页 房间里的猫老师*/
.page_box .content .room_cot {
    position: absolute;
    bottom: 8%;
    left: 50%;
    margin-left: -200px;
    width: 668px;
    height: 585px;
}

.room_anim img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.show .room_anim {
    animation: room_1 1.5s ease-in-out;
    -moz-animation: room_1 1.5s ease-in-out;
    -webkit-animation: room_1 1.5s ease-in-out;
    -o-animation: room_1 1.5s ease-in-out;
}

@keyframes room_1 {
    0% {
        transform: rotate(720deg) scale(0);
        opacity: 0;
    }

    66% {
        transform: rotate(0deg) scale(0.5);
        opacity: 1;
    }

    100% {
        transform: rotate(0deg) scale(1);
    }
}

@-moz-keyframes room_1 {
    0% {
        transform: rotate(720deg) scale(0);
        opacity: 0;
    }

    66% {
        transform: rotate(0deg) scale(0.5);
        opacity: 1;
    }

    100% {
        transform: rotate(0deg) scale(1);
    }
}

@-webkit-keyframes room_1 {
    0% {
        transform: rotate(720deg) scale(0);
        opacity: 0;
    }

    66% {
        transform: rotate(0deg) scale(0.5);
        opacity: 1;
    }

    100% {
        transform: rotate(0deg) scale(1);
    }
}

@-o-keyframes room_1 {
    0% {
        transform: rotate(720deg) scale(0);
        opacity: 0;
    }

    66% {
        transform: rotate(0deg) scale(0.5);
        opacity: 1;
    }

    100% {
        transform: rotate(0deg) scale(1);
    }
}
/*第四页 房间中的猫老师*/
.page_box .content .forest_cot {
    position: absolute;
    bottom: 15%;
    /*right: 1.04%;*/
    width: 500px;
    height: 636px;
    left: 50%;
}

.forest_cot img {
    width: 100%;
    height: 100%;
}

.show .forest_anim {
    animation: forest_1 1s ease-in-out;
    -moz-animation: forest_1 1s ease-in-out;
    -webkit-animation: forest_1 1s ease-in-out;
    -o-animation: forest_1 1s ease-in-out;
    /*向下移动*/
    /*bottom: 9.5%;*/
}

@keyframes forest_1 {
    0% {
        transform: scale(0);
        opacity: 0;
        bottom: 60%;
    }

    50% {
        transform: scale(1);
        opacity: 1;
        bottom: 55%;
    }

    100% {
        bottom: 15%;
    }
}

@-moz-keyframes forest_1 {
    0% {
        transform: scale(0);
        opacity: 0;
        bottom: 60%;
    }

    50% {
        transform: scale(1);
        opacity: 1;
        bottom: 55%;
    }

    100% {
        bottom: 15%;
    }
}

@-o-keyframes forest_1 {
    0% {
        transform: scale(0);
        opacity: 0;
        bottom: 60%;
    }

    50% {
        transform: scale(1);
        opacity: 1;
        bottom: 55%;
    }

    100% {
        bottom: 15%;
    }
}

@-webkit-keyframes forest_1 {
    0% {
        transform: scale(0);
        opacity: 0;
        bottom: 60%;
    }

    50% {
        transform: scale(1);
        opacity: 1;
        bottom: 55%;
    }

    100% {
        bottom: 15%;
    }
}

/*****************************************/

.xdlabout{ width:100%; margin:0 auto; background:url(../images/bg1.jpg) no-repeat top center; height:960px; overflow:hidden;}
.xdlabout-1{ width:1200px; margin:0 auto; margin-top:3%;}
.xdlh1{ width:100%; font-size:50px; text-transform:uppercase; color:#b7b8b8; text-align:center; font-weight:bold;}

.xdlabout-2{ width:100%; float:left; margin-top:50px;}
.xdlabout-2-1{ width:50%; margin-top:20px; overflow:hidden;}
.xdlabout-2-1 img{ width:99%; height:auto; border:5px solid #005bac; border-radius:10px;}

.xdlabout-2-2{ width:45%; margin-left:5%;overflow:hidden;}
.xdlh2{ width:100%; font-size:20px; color:#005bac; text-transform:uppercase;}
.xdlh3{ width:100%; font-size:42.5px; color:#005bac; font-weight:bold; margin-top:10px; letter-spacing:2px;}
.xdlh4{ width:100%; font-size:29px; color:#000;font-weight:600; margin-top:15px;}
.xdlp1{ width:100%; color:#666666; line-height:30px; margin-top:12px;}

/*数据统计滚动*/
.product-number-info{position: relative;}
.product-number-info .product-number-inner{width: 100%; float:left;}
.product-number-info ul{padding:15px 0;}
.product-number-info ul.q:after {content: "";clear: both;display: table;}
.product-number-info li{float: left; width: 25%; height: 90px;color:#005bac; font-family:Impact; text-align:center;}
.product-number-info li:first-child{border:none;}
.product-number-info li b{font-size:42px; line-height: 1;display: inline-block; position: relative; margin: 15px 0 10px;}
.product-number-info li b i{font-style: normal;font-family:Impact;}
.product-number-info li b sub{position: absolute; font-size:14px; right: -15px; bottom:0px;}
.product-number-info li b em{font-style: normal; font-size: 28px; padding-left: 2px; position:relative; top: -4px;}
.product-number-info li p{font-size: 15px; color:#666666;}
.product-number-info li.li-5{text-align: center;}
.product-number-info li.li-5 b{padding-right: 2px;}
/**************************************************************************************************/

.container {
  display: flex;
  width: 100%;
/*  padding: 8% 2% 0 2%;*/
 padding: 0 0;
  box-sizing: border-box;
  height: 100vh;
  background:#000;
}

.box {
  flex: 1;
  overflow: hidden;
  transition: .5s;
/*  margin: 0 2%;*/
  margin:0 auto;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
  line-height: 0;
  cursor:pointer;
}

.xdlspp{display:block; width:100%;height: 10vh; float:left;text-align:center;position:relative; color:#FFF; line-height:40px; z-index:1000; margin-top:-120%;}
.xdlspp strong{ font-size:30px;}
.xdlspp img{ margin-bottom:20px;}

.xdlsp1-1{ display:none !important; width:100%; height: 10vh;float:left; position:relative; margin-top:-55%; color:#FFF; font-size:30px; text-align:center; z-index:10000;}
.xdlsp1-1 a{ color:#FFF;}

.box > img {
  width: 200%;
  height: calc(100%);
  -o-object-fit: cover;
  object-fit: cover;
  transition: .9s;
  float:left;
  position:relative;
  z-index:10;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;
}


/*
.box > span {
  font-size: 3.8vh;
  display: block;
  text-align: center;
  height: 10vh;
  line-height: 2.6;
}*/

.box:hover {
  flex: 1 1 30%;
}
.box:hover .xdlspp{ display:none !important;}
.box:hover .xdlsp1-1{ display:block !important;}

.box:hover > img {
  width: 100%;
  height: 100%;
  filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;
}


/*.xdlchanpin{ width:100%; margin:0 auto; height:960px; overflow:hidden;}
.wrapper {
  width: 100%;
  height: 100%;
  overflow:hidden;
}

.wrapper a{  width: calc(100% / 4); overflow:hidden;}
.wrapper section {
  width: calc(100% / 4);
  height: 100%;
  float: left;
  -webkit-filter: grayscale(50%);
          filter: grayscale(50%);
  transition-duration: 0.5s;
  position: relative;
  cursor:pointer;
}
.wrapper section::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.6), transparent);
  opacity: 1;
  transition: 0.3s;
}
.wrapper section.sec01 {
  background: url("../images/800.jpg");
}
.wrapper section.sec02 {
  background: url("../images/8001.jpg");
}
.wrapper section.sec03 {
  background: url("../images/8002.jpg");
}
.wrapper section.sec04 {
  background: url("../images/8003.jpg");
}
.wrapper section.sec01, .wrapper section.sec02, .wrapper section.sec03, .wrapper section.sec04 {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  overflow:hidden;
}
.wrapper:hover section:hover {
  width: 40%;
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
.wrapper:hover section:hover::before {
  opacity: 0;
}
.wrapper:hover section:not(:hover) {
  width: 20%;
}

.alternative {
  display: inline-block;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  letter-spacing: 0.08em;
  line-height: 1;
  font-size: 2.4rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  background: rgba(0, 0, 0, 0.4);
  padding: 0.6em 1em;
}
.alternative a {
  margin-top: 15px;
  font-size: 1.2rem;
  display: block;
  padding: 0.6em 0;
  background: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition-duration: 0.3s;
}
.alternative a:hover {
  background: rgba(255, 255, 255, 0.6);
  color: #333;
}

.xdlsp1{ width:100%; display:block !important; float:left; text-align:center; margin-top:60%; line-height:40px; color:#FFF; font-size:20px;}
.xdlsp1 strong{ font-size:35px;}
.xdlsp1 img{ margin-bottom:35px;}

.xdlsp1-1{ display:none !important; width:100%; float:left; margin-top:60%; color:#FFF; font-size:35px; text-align:center;}

.wrapper:hover section:hover .xdlsp1{ display:none !important;}
.wrapper:hover section:hover .xdlsp1-1{ display:block !important;}*/
/**************************/
.hjss{ width:100%; height:40px; overflow:hidden; margin-top:20px;}
.ss1{ width:225px; height:40px; line-height:40px; border:1px solid #CCC;text-indent:12px;}
.ss2{ width:80px; height:40px;}
/****************/

.xdlyoushi{ width:100%; margin:0 auto; background:url(../images/bg3.jpg) no-repeat top center; height:960px; overflow:hidden;}
.xdlyoushi1{ width:1200px; margin:0 auto; margin-top:3%;}
.xdlh5{ width:100%; text-align:center; font-size:42px; color:#005bac; font-weight:bold;}
.xdlh6{ width:100%; text-align:center; font-size:30px; font-weight:bold; color:#000; margin-top:15px;}

.xdlul1{ width:100%; margin-top:30px;}
.xdlul1 li{ width:30.3333%; float:left; margin:1.5%; cursor:pointer;}
#xdlli1{ background:url(../images/ys1.png) no-repeat top right;}
#xdlli2{ background:url(../images/ys2.png) no-repeat top right;}
#xdlli3{ background:url(../images/ys3.png) no-repeat top right;}
.xdlul1 li span{ display:block; width:100%; float:left; font-size:50px; color:#005bac; font-weight:bold;}
.xdlul1 li h1{ display:block; width:100%; float:left; font-size:25px; color:#000; font-weight:bold; margin-top:220px;}
.xdlul1 li p{ width:100%; float:left; line-height:23px; margin-top:15px; color:#636464;}
/*******************************************/

.xdlxinwen{ width:100%; margin:0 auto; background:url(../images/bg4.jpg) no-repeat top center; height:960px; overflow:hidden;}
.xdlxinwen11{ width:1200px; margin:0 auto; margin-top:3%;}

.xdlxinwen1{ width:315px; margin-top:35px;}
.xdlsp2{ width:100%; color:#FFF; font-size:30px;}
.xdlsp2 strong{ font-size:50px; text-transform:uppercase;}

.xian1{ width:80px; height:5px; border:none; background:#FFF;}
.xdlxwdiv{ width:100%;}
.xdlxwdiv a{ color:#FFF; margin-right:20px;}
.xdlxwdiv a:hover{ color:#FFF; text-decoration:underline;}

.xdlsp3{ width:100%; margin-top:30px;}
.xdlaa1{ width:40px; height:40px; line-height:40px; border:1px solid #FFF; text-align:center; font-size:35px; color:#FFF;}
.xdlaa1:hover{ color:#FFF; background:#005bac;}

.xdlxinwen2{ width:835px; margin-left:50px;}
.xdlxinwen2 ul{ width:100%; float:left;}
.xdlxinwen2 li{ width:45.5%; float:left; padding:5% 2% 3% 2%; border:1px solid #FFF;}
.xian2{ width:30px; height:3px; border:none; background:#FFF;}
.xdlsp4{ width:100%; color:#FFF; font-size:22px; font-weight:bold; }

.xdlxinwen2 li a h1{ display:block; width:100%; float:left; font-size:17px; color:#FFF; font-weight:bold; margin-top:12px;}
.xdlxinwen2 li a h2{ display:block; width:100%; float:left; font-size:14px; line-height:24px; color:#b4b4b4; margin-top:12px; }

.xdlxinwen2 li:hover{ background:#005bac;}
.xdlxinwen2 li:hover a h1{ text-decoration:underline;}
.xdlxinwen2 li:hover a h2{ text-decoration:underline; color:#FFF;}
/*********************/

.xdlshebei{ width:100%; margin:0 auto; background:url(../images/bg5.jpg) no-repeat top center; height:960px; overflow:hidden;}
.xdlshebei1{ width:1200px; margin:0 auto; margin-top:3%;}
.xdlshebei1 h1{ width:100%; text-align:center; font-size:42px; color:#005bac; font-weight:bold;}
.xdlshebei1 h2{ width:100%; text-align:center; font-size:30px; font-weight:bold; color:#000; margin-top:15px;}

#products{ width:1298px; float:left; margin-top:30px;}
#products #products_con{ margin:0px; padding:0px;}
#products_con .LeftBotton {height:300px; width:49px; background:url(../images/leftnn.png) 0px center no-repeat; float:left; cursor:pointer;}
#products_con .LeftBotton:hover{ background:url(../images/leftnn-1.png) 0px center no-repeat;}
#products_con .RightBotton {height:300px; width:49px; background:url(../images/rightnn.png) 0px center no-repeat; float:right; cursor:pointer;}
#products_con .RightBotton:hover{ background:url(../images/rightnn-1.png) 0px center no-repeat;}
#products_con .Cont {width:1200px; overflow:hidden; float:left;}
#products_con .ScrCont{width:10000000px; padding:0; float:left;}
#products_con #List1, #products_con #List2 {float:left; padding:0px; margin:0px;}
#products_con .Cont li{ margin:0px;float:left; width:276px; margin:12px; list-style:none; overflow:hidden;  text-align:center;}
#products_con img{ width:99.5%; height:auto; margin-bottom:10px;border:1px solid #005bac;}
#products_con a{ display:block;}
/*************************************/

.xdlfoot{ width:100%; background:url(../images/footbg2.jpg) no-repeat top center; margin:0 auto;overflow:hidden;}
.xdlfoot1{ width:1200px; margin:0 auto; color:#FFF;margin-top:3%;}
.xdlfoot1-1{ width:1200px;}
.xdlsp5{ margin-left:50px; font-size:22px; color:#005bac; font-weight:bold; line-height:100px;}

.xdlfoot1-2{ width:1200px; margin:0 auto; margin-top:15px;}
.xdlfoot1-2-1{ width:105px;}
.xdlfoot1-2-1 h1{ display:block; width:100%; float:left; text-align:center; font-size:17px;}
.xdlfoot1-2-1 ul{ width:100%; float:left; margin-top:12px;}
.xdlfoot1-2-1 li{ width:100%; float:left; margin:10px 0; text-align:center;}
.xdlfoot1-2-1 li a{ color:#d9d8d8;}
.xdlfoot1-2-1 li a:hover{ color:#d9d8d8; text-decoration:underline;}

.xdlfoot1-2-2{ width:255px; line-height:40px; color:#d9d8d8; font-size:16px;}

.xdlfoot1-2-3{ width:131px; text-align:center; color:#d9d8d8;}
.xdlfoot1-2-3 img{ margin-bottom:10px;}
.fotmm{ margin-left:200px;}

.xdlfoot2{ width:1200px; margin:0 auto; border-top:1px solid #FFF; line-height:50px; color:#d9d8d8; margin-top:15px;}
.xdlfoot2 a{ color:#d9d8d8; text-decoration:underline;}
.xdlfoot2 a:hover{ text-decoration:none;}
/*****************************/

@media only screen and (max-width: 1440px){
.xdlabout{ height:700px;}
.xdlchanpin{height:700px;}
.xdlyoushi{height:700px;}
.xdlxinwen{height:700px; }
.xdlshebei{ height:700px;}

.xdlabout-1{ margin-top:12.5%;}
.xdlyoushi1{ margin-top:12.5%;}
.xdlxinwen11{margin-top:12.5%;}
.xdlshebei1{margin-top:12.5%;}
	}

.neiba {
    overflow: hidden;
    width: 100%;
}
.neiyeba{
    height:350px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


/****************************/

.sznei{ width:1400px; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.szneill{ width:230px; background:#f4f5f7; padding:25px;}
.szh5{ width:100%; text-align:center; font-weight:normal; font-size:25px;}
.szul2{ width:100%; margin-top:20px;}
.szul2 li{ width:100%; float:left; text-align:center; margin:10px 0;}
.szul2 li a{ display:block; font-size:16px; width:100%; float:left; height:45px; line-height:45px; border:1px solid #999; border-radius:5px;}
.szul2 li a:hover{ display:block; width:100%; float:left; background:#005bac; color:#FFF; height:45px; line-height:45px; border:1px solid #999; border-radius:5px;}

.szul22{ width:100%; margin-top:20px;}
.szul22 li{ width:100%; float:left; text-align:center; margin:10px 0;}
.szul22 li a{ display:block; font-size:16px; width:100%; float:left; background:#005bac; color:#FFF; height:45px; line-height:45px; border:1px solid #999; border-radius:5px;}
.szul22 li a:hover{ display:block; width:100%; float:left; background:#005bac; color:#FFF; height:45px; line-height:45px; border:1px solid #999; border-radius:5px;}

.szul2cp-1{ width:100%; margin-top:10px; position:relative;}
.szul2cp-1 li{ width:100%; float:left; text-align:center; margin:5px 0; position:relative; height:37px;}
.szul2cp-1 li a{ display:block; font-size:14px; width:100%; background:#dcdada; color:#616161; float:left; height:37px; line-height:37px; border:1px solid #dcdada; border-radius:5px; overflow:hidden;}
.szul2cp-1 li a:hover{ display:block; width:100%; float:left; background:#e70010; color:#FFF; height:37px; line-height:37px; border:1px solid #e70010; border-radius:5px;}

.children{ position:relative; width:155%; margin-left:100%;display:none; z-index:1000000; top:0;}
.children li{ width:100%; float:left; position:relative; margin:0 0; border:1px solid #CCC; }
.children li a{border-radius:0; background:#FFF;}
.children li a:hover{border-radius:0; background:#005bac; color:#FFF;border:1px solid #005bac;}
.szul2cp-1 li:hover ul{ display:block;}

.szneirr{ width:1090px; margin-left:30px;}
.szneirr-1{ width:100%; height:45px; line-height:45px; border-bottom:1px solid #f4f5f7;}
.szneirr-1 a{ color:#005bac; text-decoration:underline;}
.szneirr-2{ width:100%; line-height:28px; margin-top:25px; font-size:16px; color:#626262;}

.szneirr-3{ width:100%; margin-top:25px;}
.szneirr-3 ul{ width:100%; float:left;}
.szneirr-3 li{ width:47%; float:left; margin:2% 1.5%; background:#FFF;}
.szneirr-3 li:hover{ cursor:pointer; background:#005bac; border-radius:5px; color:#FFF;}
.szneirr-3 li:hover a{ color:#FFF;}
.szxw1{ width:75%; margin-left:5%;}
.szx1{ width:100%; font-size:16px; margin-top:12px;}
.szx2{ width:100%; font-size:14px; margin-top:10px; color:#999; line-height:20px; }
.szxwmore{ width:100%; margin-top:12px; color:#005bac;}

.szsp01-2{ background:#2775b6; color:#FFF;}
.szsp01-2{ width:20%; padding:35px 0; text-align:center; background:#f7f7f7; color:#454545;}
.szsp01-2 strong{ font-size:15px;}


.szneirr-4{ width:100%; margin-top:25px;}
.szneirr-4 ul{ width:100%; float:left;}
.szneirr-4 li{ width:30%; float:left; margin:2% 1%; text-align:center; border:6px solid #f5f5f5;}
.szneirr-4 li a{ font-size:16.5px;}
.szneirr-4 li a img{ width:100%; height:auto; float:left;}
.szneirr-4 li a span{ display:block; width:100%; float:left; height:45px; line-height:45px; background:#f5f5f5; overflow:hidden;}
.szneirr-4 li:hover{ border:6px solid #2775b7;}
.szneirr-4 li:hover span{ background:#2775b7; color:#FFF;}
/**************************************************************/

.blzneilx{ width:100%; background:#f5f5f5; margin:0 auto; padding:50px 0;}
.blzneirr-5{ width:1400px; margin:0 auto;}
.blzneirr-5 ul{ width:100%; float:left;}
.blzneirr-5 li{ width:33.333333%; float:left; font-size:17px; text-align:center;}
.blzneirr-5 li img{ margin-bottom:15px;}

.hsneiyerr5-1{ width:45%;}
.xian1{ display:block; width:50px; height:6px; background:#014099; border:none;}
.hsh8{ width:100%; font-weight:bold; font-size:22px; color:#3b3a3a; margin-top:15px;}
.hsp1{ width:100%; margin-top:20px; line-height:26px; color:#787878;}

.hsul03{ width:78%; background:#014099;border-radius: 1.125rem 0 1.125rem 0;padding:30px 0 30px 22%; margin-top:20px;}
.hsul03 li{ width:25%; float:left; text-align:center; color:#FFF; margin:0 5%;}
.hsul03 li img{ margin-bottom:12px; width:100%; height:auto; float:left;}


.hsneiyerr5-2{ width:50%; margin-left:5%;}
.message{ width:100%; float:left;}
.blzh8{ display:block; width:100%; font-size:20px; color:#3b3a3a;}
.message .boxx{  margin-top:50px;}
.message .boxx li{line-height:47px;margin-bottom:25px; }
.message .boxx li .input-text{height:45px;line-height:45px;outline:none; text-indent:12px; border:1px solid #ccc;width:99%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.message .boxx li .input-text:focus{border-color:#b59665;}
.message .boxx li textarea.input-text{height:84px;line-height:24px;resize:none;}
.message .boxx li.btn{ margin:0 1.5%;}
.message .boxx li .button{cursor:pointer;width:125px; line-height:40px; margin-right:12px; float:left;border:none;height:40px;background-color:#014099;border-radius:20px;color:#fff;font-size:16px}
.message .boxx li .button:hover{ background:#d90909; color:#FFF;} 


/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#1698d4 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#1698d4 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_ercode{background:#1698d4 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}




.dc_pages{ width:100%; float:left; margin-bottom:25px; margin-top:25px;}
.dc_pages1{ width:100%; margin:0 auto;}
.dc_pages1 a{ display:block; width:17.5%; float:left; height:37px; border:1px solid #999; margin:0px 10px 0px 10px; line-height:37px; text-align:center;}

.cpshangxia{
	width:100%;
	float:left;
	margin-top:35px;
	margin-bottom:20px;	}		
.shang{
	width:31.8%;
	border:1px solid #CCC;
	text-align:center;
	line-height:35px;
	color:#666;
	font-size:16px;
	cursor:pointer;
	float:left;}	
.shang a:hover{
	color:#193b43;}	
.shang:hover{
	border:1px solid #193b43;
	color:#193b43;}		
.marshang{
	margin-left:1.3%;}